Make negative numbers positive when allowNegative is disabled

- When allowNegative changes from true to false, any negative value is converted to positive
- Added test to verify negative sign is removed when allowNegative is disabled
- All 543 tests passing

Author: ericblade

src/index.tsx

@@ -210,9 +210,22 @@ class CurrencyInput extends React.Component<CurrencyInputProps, CurrencyInputSta
             return { ...newState, previousProps: nextProps };
         }
 
-        // Other props changed (allowNegative) but value and display formatting didn't
-        // Don't reformat - just update the previousProps reference and preserve current state
-        // This allows allowNegative to toggle without erasing the user's input
+        // Check if allowNegative changed
+        const allowNegativeChanged = nextProps.allowNegative !== previousProps.allowNegative;
+        
+        if (allowNegativeChanged && !nextProps.allowNegative) {
+            // allowNegative was disabled
+            // If current value is negative, make it positive
+            const currentValue = typeof prevState.value === 'number' ? prevState.value : 0;
+            if (currentValue < 0) {
+                const propsWithPositiveValue = { ...nextProps, value: Math.abs(currentValue) };
+                const newState = CurrencyInput.prepareProps(propsWithPositiveValue);
+                return { ...newState, previousProps: nextProps };
+            }
+        }
+
+        // Other props changed but value and display formatting didn't
+        // Just update the previousProps reference and preserve current state
         return { ...prevState, previousProps: nextProps };
     }
 

tests/base.spec.ts

@@ -218,6 +218,36 @@ test.describe('component parameters', () => {
             value = await currencyInput.inputValue();
             expect(value).toContain('-');
         });
+
+        test('removes negative sign when allowNegative is disabled', async ({ page }) => {
+            // First enable allowNegative
+            const allowNegativeCheckbox = page.locator('[name=allowNegative]');
+            const applyBtn = page.locator('[name=apply]');
+
+            await allowNegativeCheckbox.check();
+            await applyBtn.click();
+            await page.waitForTimeout(200);
+            
+            const currencyInput = page.locator('#currency-input');
+            await currencyInput.focus();
+            await currencyInput.selectText();
+            
+            // Input a negative number
+            await currencyInput.pressSequentially('50');
+            await currencyInput.press('Minus');
+            
+            let value = await currencyInput.inputValue();
+            expect(value).toContain('-');
+            
+            // Now disable allowNegative
+            await allowNegativeCheckbox.uncheck();
+            await applyBtn.click();
+            await page.waitForTimeout(200);
+            
+            // Value should now be positive
+            value = await currencyInput.inputValue();
+            expect(value).not.toContain('-');
+        });
     });
 
     test.describe('allowEmpty', () => {