pcm-shared-components 0.0.178 → 0.0.179

package/dist/components/TextBoxes/CurrencyTextInput/index.js

@@ -28,7 +28,6 @@ export const CurrencyTextInput = props => {
     variant,
     fullWidth,
     onChange,
-    onChangeDebounce,
     currencySymbol,
     className,
     decimalPlaces,
@@ -41,15 +40,7 @@ export const CurrencyTextInput = props => {
     theme
   } = props;
   const compTheme = theme ? theme : useTheme();
-  const defaultTheme = createTheme(compTheme); //Hooks
-
-  const [localValue, setLocalValue] = useState(value);
-  useEffect(() => {
-    clearTimeout(debounce);
-    debounce = setTimeout(() => {
-      onChangeDebounce(localValue);
-    }, 700);
-  }, [localValue]); //---------------------------------------------------
+  const defaultTheme = createTheme(compTheme); //---------------------------------------------------
   // Functions used to sanitize the number 
   //---------------------------------------------------
 
@@ -159,7 +150,8 @@ export const CurrencyTextInput = props => {
   };
 
   const handleOnChange = event => {
-    setLocalValue(event.target.value);
+    //Sanitize the output same as the input
+    event.target.value = handleCurrencyFormatting(event.target.value);
     onChange(event);
   };
 
@@ -200,7 +192,6 @@ CurrencyTextInput.defaultProps = {
   variant: 'outlined',
   fullWidth: true,
   onChange: () => {},
-  onChangeDebounce: () => {},
   currencySymbol: '$',
   useThousandSeparator: true,
   className: '',
@@ -237,9 +228,6 @@ CurrencyTextInput.propTypes = {
   /** Callback fired when the value is changed*/
   onChange: PropTypes.func,
 
-  /** Same as onChange except only fires 700ms after the users has completed typing to prevent performance issues. Returns the new value */
-  onChangeDebounce: PropTypes.func,
-
   /** Defines the currency symbol string.*/
   currencySymbol: PropTypes.string,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.178",
+  "version": "0.0.179",
   "private": false,
   "main": "dist/index.js",
   "babel": {