pcm-shared-components 0.0.175 → 0.0.179

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

@@ -21,12 +21,13 @@ let debounce;
 
 export const CurrencyTextInput = props => {
   const {
+    id,
+    name,
     value,
     label,
     variant,
     fullWidth,
     onChange,
-    onChangeDebounce,
     currencySymbol,
     className,
     decimalPlaces,
@@ -39,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 
   //---------------------------------------------------
 
@@ -157,14 +150,16 @@ export const CurrencyTextInput = props => {
   };
 
   const handleOnChange = event => {
-    setLocalValue(event.target.value);
-    onChange(event.target.value);
+    //Sanitize the output same as the input
+    event.target.value = handleCurrencyFormatting(event.target.value);
+    onChange(event);
   };
 
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: defaultTheme
   }, /*#__PURE__*/React.createElement(TextField, {
-    id: "input-with-icon-textfield",
+    id: id,
+    name: name,
     className: ` ${className}`,
     fullWidth: fullWidth,
     label: label,
@@ -190,12 +185,13 @@ export const CurrencyTextInput = props => {
 };
 export default CurrencyTextInput;
 CurrencyTextInput.defaultProps = {
+  id: '',
+  name: '',
   value: 0,
   label: 'Some Label',
   variant: 'outlined',
   fullWidth: true,
   onChange: () => {},
-  onChangeDebounce: () => {},
   currencySymbol: '$',
   useThousandSeparator: true,
   className: '',
@@ -208,6 +204,12 @@ CurrencyTextInput.defaultProps = {
   theme: undefined
 };
 CurrencyTextInput.propTypes = {
+  /** Unique id of the component */
+  id: PropTypes.string,
+
+  /** Name of the target often used to update state*/
+  name: PropTypes.string,
+
   /** Value to be enter and display in input */
   value: PropTypes.string,
 
@@ -226,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.175",
+  "version": "0.0.179",
   "private": false,
   "main": "dist/index.js",
   "babel": {