diginet-core-ui 1.4.51-beta.4 → 1.4.52-beta.0

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

@@ -79,6 +79,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
   const ref = useRef(null);
   const globalRef = useRef({});
   const inputRef = useRef(null);
+  const inputTimer = useRef(null);
   const [value, setValue] = useState(defaultValue);
   const [error, setError] = useState(errorProp);
   const _NumberInputRootCSS = NumberInputRootCSS(theme);
@@ -98,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;
@@ -149,13 +150,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;
@@ -313,14 +314,18 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     // 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);
       }
-
+      if (delayOnChange) {
+        if (inputTimer.current) clearTimeout(inputTimer.current);
+        inputTimer.current = setTimeout(() => {
+          var _valueProps;
+          setValue(parseNumberToMoney((_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.toString().replace(regexValidNumber, ''), true));
+        }, delayOnChange);
+      }
       // setValue(parseNumberToMoney(valueProps?.toString().replace(regexValidNumber, ''), true));
-      setValue(parseNumberToMoney((_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.toString().replace(regexValidNumber, ''), true));
     }
   }, [valueProps, decimalDigit]);
   useEffect(() => {
@@ -387,29 +392,28 @@ const NumberInputRootCSS = ({
         ${cursorNotAllowed};
     }
 `;
-
-// NumberInput.defaultProps = {
-//     autoFocus: false,
-//     className: '',
-//     decimalDigit: Infinity,
-//     decimalSymbol: locale.get() === 'vi' ? ',' : '.',
-//     disabled: false,
-//     disabledNegative: false,
-//     endIcon: '',
-//     error: '',
-//     fixedDecimalDigit: false,
-//     label: '',
-//     max: Infinity,
-//     min: -Infinity,
-//     readOnly: false,
-//     required: false,
-//     startIcon: '',
-//     step: 1,
-//     style: {},
-//     thousandSeparator: false,
-//     viewType: 'underlined',
-// };
-
+NumberInput.defaultProps = {
+  delayOnChange: 500
+  // autoFocus: false,
+  // className: '',
+  // decimalDigit: Infinity,
+  // decimalSymbol: locale.get() === 'vi' ? ',' : '.',
+  // disabled: false,
+  // disabledNegative: false,
+  // endIcon: '',
+  // error: '',
+  // fixedDecimalDigit: false,
+  // label: '',
+  // max: Infinity,
+  // min: -Infinity,
+  // readOnly: false,
+  // required: false,
+  // startIcon: '',
+  // step: 1,
+  // style: {},
+  // thousandSeparator: false,
+  // viewType: 'underlined',
+};
 NumberInput.propTypes = {
   /** If `true`, the input element is focused during the first mount. */
   autoFocus: PropTypes.bool,
@@ -479,10 +483,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.51-beta.4",
+  "version": "1.4.52-beta.0",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",

package/readme.md

@@ -42,6 +42,17 @@ npm test
 
 ## Changelog
 
+## 1.4.52
+- \[Fixed\]: DropDown  - Fix bug search data in Dropdown
+- \[Fixed\]: NumberInput  – NumberInput Core when changing 'decimalDigit'
+
+## 1.4.51
+- \[Changed\]: Treeview - Treeview keeps the search bar visible while scrolling
+- \[Changed\]: DateRangePicker -  Quick-selection in DateRangePicker
+- \[Fixed\]: Dropdown – Dropdown data lost in the Filter bar on the Web
+- \[Fixed\]: DateRangePicker – When clearing the value in DateRangePicker CORE, the UI still displays the old value.
+- \[Fixed\]: NumberInput  – NumberInput Core when changing 'decimalDigit'
+
 ## 1.4.50
 - \[Added\]: Icon – Add IconMenu MHRP39N0025, MHRP39N0027, MHRP39N0028 
 - \[Added\]: Attachment – Add HEIF support to getFileType in Attachment