diginet-core-ui 1.4.52-beta.4 → 1.4.52-beta.6

package/components/form-control/number-input/index2.js

@@ -99,13 +99,13 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
 
   // if (valueProps || valueProps === 0) valueProps = clamp(valueProps, min, max);
 
-  /**
-   * Convert number to format money
-   * @param vl {number} - value
-   * @type {function}
-   * @return {string}
-   * @example 1200300.123 => 1,200,300.123
-   * @example 1200300,123 => 1.200.300,123
+  /**
+   * Convert number to format money
+   * @param vl {number} - value
+   * @type {function}
+   * @return {string}
+   * @example 1200300.123 => 1,200,300.123
+   * @example 1200300,123 => 1.200.300,123
    */
   const parseNumberToMoney = useCallback((vl, isNumber) => {
     var _number, _number2, _number$, _number3;
@@ -120,8 +120,10 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
       const strVal = String(vl);
       const isDecimalNum = strVal.indexOf('.') > -1 && (((_strVal$split = strVal.split('.')) === null || _strVal$split === void 0 ? void 0 : _strVal$split[1]) || '').length >= decimalDigit;
       if (isDecimalNum) {
-        const replacingVal = vl.replace(thousandSymbol, '');
-        const val = Number(replacingVal).toFixed(decimalDigit);
+        const coreToFixed = (num, precision) => {
+          return (+(Math.round(+(num + 'e' + precision)) + 'e' + -precision)).toFixed(precision);
+        };
+        const val = coreToFixed(Number(vl.replace(thousandSymbol, '')), decimalDigit);
         number = String(val);
       }
     }
@@ -151,13 +153,13 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     return number;
   }, [decimalSymbol, max, value, decimalDigit, fixedDecimalDigit]);
 
-  /**
-   * Convert money to format number
-   * @param vl {string} - value
-   * @type {function}
-   * @return {number}
-   * @example 1,200,300.123 => 1200300.123
-   * @example 1.200.300,123 => 1200300.123
+  /**
+   * Convert money to format number
+   * @param vl {string} - value
+   * @type {function}
+   * @return {number}
+   * @example 1,200,300.123 => 1200300.123
+   * @example 1.200.300,123 => 1200300.123
    */
   const convertMoneyToNumber = useCallback((vl, isNumber) => {
     var _number4, _number4$toString, _number4$toString$rep, _number4$toString$rep2, _number4$toString$rep3;
@@ -316,19 +318,20 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
       setError(errorProp);
     }
   }, [value]);
-  useEffect(() => {
-    // if (typeof valueProps !== 'undefined')
-    //     if (disabledNegative && Number(valueProps || 0) < 0) {
-    if (!isNaN(valueProps) || !isNaN(value)) {
-      var _valueProps;
-      if (min === 0 && Number(valueProps || 0) < 0) {
-        // nếu không cho nhập số âm mà value đầu vào là âm thì reset value về 0
-        valueProps = clamp(0, min, max);
-      }
-      setValue(parseNumberToMoney((_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.toString().replace(regexValidNumber, ''), true));
-      // setValue(parseNumberToMoney(valueProps?.toString().replace(regexValidNumber, ''), true));
-    }
-  }, [valueProps, decimalDigit]);
+
+  // useEffect(() => {
+  //     // if (typeof valueProps !== 'undefined')
+  //     //     if (disabledNegative && Number(valueProps || 0) < 0) {
+  //     if (!isNaN(valueProps) || !isNaN(value)) {
+  //         if (min === 0 && Number(valueProps || 0) < 0) {
+  //             // nếu không cho nhập số âm mà value đầu vào là âm thì reset value về 0
+  //             valueProps = clamp(0, min, max);
+  //         }
+  //         // setValue(parseNumberToMoney(valueProps?.toString().replace(regexValidNumber, ''), true));
+  //         // setValue(parseNumberToMoney(valueProps?.toString().replace(regexValidNumber, ''), true));
+  //     }
+  // }, [valueProps, decimalDigit]);
+
   useEffect(() => {
     setError(errorProp);
   }, [errorProp]);
@@ -394,7 +397,7 @@ const NumberInputRootCSS = ({
     }
 `;
 NumberInput.defaultProps = {
-  delayOnChange: 1000
+  delayOnChange: 500
   // autoFocus: false,
   // className: '',
   // decimalDigit: Infinity,
@@ -484,10 +487,10 @@ NumberInput.propTypes = {
   style: PropTypes.object,
   /** Thousand separator character. */
   thousandSeparator: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['.', ','])]),
-  /** Validation value, argument can:<br/>
-   * * string: the validation rule. Example required.<br/>
-   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
-   * * array: the validation rule list, insist object/string
+  /** Validation value, argument can:<br/>
+   * * string: the validation rule. Example required.<br/>
+   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
+   * * array: the validation rule list, insist object/string
    */
   validates: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array, PropTypes.func]),
   /** The value of the input element, required for a controlled component. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.52-beta.4",
+  "version": "1.4.52-beta.6",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",