diginet-core-ui 1.4.66 → 1.4.67-beta.2

package/assets/images/menu/dhr/MHRP75N0025.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2813_38)">
+<path d="M9.70007 26.7C9.70007 27.3 10.1001 27.8 10.7001 28V25.4C10.1001 25.5 9.70007 26 9.70007 26.7Z" fill="#FF8C00"/>
+<path d="M13.4001 31.5C13.3001 30.9 12.9001 30.4 12.4001 30.4V33C13.1001 32.7 13.5001 32.2 13.4001 31.5Z" fill="#FF8C00"/>
+<path d="M18.7001 38.3V22.3C17.7001 21.1 16.6001 20 15.2001 19.1C15.1001 19 14.9001 19 14.8001 19C14.0001 19 13.2001 19.1 12.4001 19.1C12.1001 19.1 11.9001 19.1 11.6001 19.1C11.3001 19.1 11.1001 19.1 10.8001 19.1C10.0001 19.1 9.20007 19.1 8.40007 19C8.30007 19 8.10007 19 8.00007 19.1C6.50007 20 5.30007 21.2 4.30007 22.6C2.40007 25 1.00007 27.7 0.300074 30.7C7.42078e-05 32.2 -0.199926 33.6 0.200074 35.1C0.600074 36.5 1.40007 37.5 2.70007 38C3.80007 38.5 7.00007 39 7.00007 39C8.20007 39 9.30007 39 10.5001 39C10.9001 39 11.2001 39 11.6001 39C11.9001 39 12.3001 39 12.7001 39C13.9001 39 15.0001 39 16.2001 39C16.1001 39 18.7001 38.4 18.7001 38.3ZM12.9001 28.4C14.3001 28.9 15.2001 30 15.3001 31.5C15.4001 33 14.4001 34.2 13.0001 34.6C12.4001 34.8 12.4001 34.8 12.4001 35.4V36.1H10.8001C10.8001 35.7 10.8001 35.4 10.8001 35C10.8001 34.8 10.7001 34.7 10.5001 34.6C9.20007 34.2 8.30007 33.4 7.90007 32C7.80007 31.7 7.80007 31.4 7.80007 31.1H9.80007C9.80007 31.8 10.1001 32.2 10.8001 32.5V30C10.7001 30 10.5001 29.9 10.3001 29.9C8.80007 29.4 7.80007 28.2 7.90007 26.7C7.90007 25.2 8.90007 24 10.3001 23.6C10.8001 23.5 10.8001 23.5 10.8001 23V22.1H12.4001C12.4001 22.5 12.4001 22.9 12.4001 23.2C12.4001 23.4 12.5001 23.5 12.7001 23.6C14.0001 24 14.9001 24.8 15.3001 26.1C15.5001 27 15.5001 27 14.6001 27H13.4001C13.4001 26.3 13.1001 25.8 12.4001 25.5V28.2C12.5001 28.3 12.7001 28.3 12.9001 28.4Z" fill="#FF8C00"/>
+<path d="M8.80007 17.7C8.60007 17.7 8.50007 17.6 8.40007 17.5C7.40007 16.1 6.40007 14.7 5.60007 13.2C5.30007 12.6 5.10007 12 4.90007 11.4C4.80007 11.2 4.90007 11 4.90007 10.8C4.90007 10.5 5.10007 10.3 5.50007 10.3C5.80007 10.3 6.10007 10.4 6.40007 10.5C6.90007 10.7 7.40007 10.9 7.90007 11.1C8.60007 11.4 9.30007 11.3 9.90007 10.8C10.1001 10.6 10.4001 10.4 10.7001 10.3C11.3001 9.9 11.9001 9.9 12.5001 10.3C12.8001 10.5 13.2001 10.7 13.5001 11C13.9001 11.3 14.4001 11.4 14.9001 11.3C15.5001 11.1 16.1001 10.9 16.7001 10.7C17.0001 10.6 17.3001 10.5 17.6001 10.5C18.0001 10.4 18.2001 10.6 18.2001 11C18.2001 11.4 18.1001 11.9 18.0001 12.3C17.6001 13.5 16.9001 14.5 16.2001 15.5C15.7001 16.2 15.2001 16.9 14.7001 17.6C14.6001 17.7 14.5001 17.8 14.4001 17.8C13.5001 17.7 9.70007 17.7 8.80007 17.7Z" fill="#FF8C00"/>
+<path d="M31.1 7.8C31 8.1 30.7 8.2 30.4 8.3H27.6V14.5L23.6 18.5C23.1 19 23 19.7 23.2 20.3C23.5 20.9 24.1 21.3 24.7 21.3H26.6V38.3C26.6 38.6 26.7 38.8 26.8 39H20.3C19.9 39 19.6 38.7 19.5 38.3V8.3H16.7C16.4 8.3 16.1 8.1 16 7.8C16 7.5 16.1 7.2 16.3 7L23.1 0.2C23.2 0.1 23.4 0 23.6 0C23.8 0 24 0.1 24.1 0.2L30.9 7C31.1 7.2 31.2 7.5 31.1 7.8Z" fill="#1CA261"/>
+<path d="M31.4598 12C31.6598 12 31.8598 12.1 31.9598 12.2L38.7598 19C38.9598 19.2 39.0598 19.5 38.9598 19.8C38.8598 20.1 38.5598 20.2 38.2598 20.3H35.4598V38.3C35.4598 38.7 35.1598 39 34.7598 39H28.2598C27.8598 39 27.5598 38.7 27.5598 38.3V20.3H24.7598C24.4598 20.3 24.1598 20.1 24.0598 19.8C23.9598 19.5 23.9598 19.2 24.2598 19L31.0598 12.2C31.0598 12.1 31.2598 12 31.4598 12Z" fill="#FF4444"/>
+</g>
+<defs>
+<clipPath id="clip0_2813_38">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/components/button/icon.js

@@ -109,11 +109,8 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
     currentRef.instance = _instance;
     return currentRef;
   });
-  return useMemo(() => {
-    return jsx(Tooltip, {
-      title: title,
-      disableInteractive: !title
-    }, jsx("button", {
+  const renderBtn = () => {
+    let result = jsx("button", {
       css: [_ButtonRootCSS, _ButtonSizeCSS],
       ref: ref,
       id: id,
@@ -133,7 +130,15 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
       ref: rippleRef,
       color: getRippleColor(colorProp, viewType, colors),
       circular: circular
-    })));
+    }));
+    if (title) result = jsx(Tooltip, {
+      title: title,
+      disableInteractive: !title
+    }, result);
+    return result;
+  };
+  return useMemo(() => {
+    return renderBtn();
   }, [children, circular, className, colorHover, colorProp, disabled, height, id, loading, name, onClick, size, style, viewBox, viewType, width, theme, title]);
 }));
 const ButtonIconCSS = iconSize => css`

package/components/form-control/attachment/index.js

@@ -573,7 +573,7 @@ const Attachment = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
       // Add event listener click out of item
       if (!existClickOutOfItem.current) {
         existClickOutOfItem.current = true;
-        attachmentHandleIconRef.current.style.display = 'block';
+        attachmentHandleIconRef.current.style.display = 'flex';
         document.addEventListener('keydown', onKeyDown);
         document.addEventListener('click', clickOutOfItem);
       }

package/components/form-control/calendar/function.js

@@ -652,7 +652,7 @@ const renderNavigator = (className, refs, dbLeftFn, leftFn, rightFn, dbRightFn,
     color: 'primary',
     type: 'h3',
     ref: refs.content,
-    format: ['lowercase']
+    format: ['sentence']
   }))), jsx("div", {
     className: className.navigator.around
   }, jsx(ButtonIcon, {

package/components/form-control/calendar/index.js

@@ -226,7 +226,7 @@ const Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
    * START EFFECT
    */
   useEffect(() => {
-    if (defaultValue && defaultValue !== '' && isValidDate(defaultValue)) {
+    if (defaultValue && defaultValue !== '' && isValidDate(defaultValue) && !value) {
       if (isBeforeLimit(min, defaultValue)) {
         onUpdate(min);
       } else if (isAfterLimit(max, defaultValue)) {

package/components/form-control/date-range-picker/index.js

@@ -119,6 +119,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
   const iconRef = useRef(null);
   const ipConRef = useRef(null);
   const ipRef = useRef(null);
+  const iconCloseRef = useRef(null);
   const pickerRef = useRef(null);
   const tableFrRef = useRef(null);
   const tableToRef = useRef(null);
@@ -593,22 +594,25 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     const t = iconRef.current.childNodes[+open];
     if (open) {
       Object.assign(t.style, {
-        ...hiddenStyle
+        ...activeStyle
       });
       Object.assign(t.previousSibling.style, {
         ...activeStyle
       });
       setTimeout(() => {
+        t.style.pointerEvents = null;
         t.previousSibling.style.pointerEvents = null;
+        if (iconCloseRef.current) Object.assign(iconCloseRef.current.style, hiddenStyle);
       }, 200);
     } else {
       Object.assign(t.style, {
-        ...hiddenStyle
+        ...activeStyle
       });
       Object.assign(t.nextSibling.style, {
         ...activeStyle
       });
       setTimeout(() => {
+        t.style.pointerEvents = null;
         t.nextSibling.style.pointerEvents = null;
       }, 200);
     }
@@ -995,17 +999,18 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     css: IconAreaCSS,
     ref: iconRef
   }, jsx(ButtonIcon, {
-    viewType: 'ghost',
-    onClick: triggerFocus,
-    className: `${unique.icon} ${unique.icon}-accept`,
-    viewBox: true,
-    name: 'Calendar'
-  }), jsx(ButtonIcon, {
+    ref: iconCloseRef,
     viewType: 'ghost',
     onClick: onClear,
     className: `${unique.icon} ${unique.icon}-cancel`,
     viewBox: true,
     name: 'Close'
+  }), jsx(ButtonIcon, {
+    viewType: 'ghost',
+    onClick: triggerFocus,
+    className: `${unique.icon} ${unique.icon}-accept`,
+    viewBox: true,
+    name: 'Calendar'
   })) : null;
   const endIcon = actionIconAt === 'end' && iconComp;
   const startIcon = actionIconAt === 'start' && iconComp;
@@ -1321,6 +1326,7 @@ const buttonProps = ({
   }
 });
 const IconAreaCSS = css`
+    display: flex;
     .${unique.icon} {
         ${displayNone};
         ${cursorPointer};

package/components/form-control/dropdown/index.js

@@ -110,7 +110,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     total,
     treeViewID,
     treeViewParentID,
-    value: valueProp,
+    value: valueProp = '',
     valueExpr,
     valueObjectDefault,
     viewType,
@@ -1754,33 +1754,6 @@ const CheckBoxCSS = ({
 `;
 /* End styled */
 
-// Dropdown.defaultProps = {
-//     allowSearch: true,
-//     className: '',
-//     clearAble: false,
-//     dataSource: [],
-//     disabled: false,
-//     displayExpr: 'name',
-//     error: '',
-//     iconExpr: 'none',
-//     inputProps: {},
-//     itemMode: 'normal',
-//     label: '',
-//     limit: 50,
-//     loading: false,
-//     multilineSelectedItem: false,
-//     multiple: false,
-//     noDataText: getGlobal('noDataText'),
-//     placeholder: getGlobal('dropdownPlaceholder'),
-//     readOnly: false,
-//     required: false,
-//     searchDelayTime: getGlobal('delayOnInput'),
-//     searchMode: 'contains',
-//     total: Number.MAX_SAFE_INTEGER,
-//     valueExpr: 'id',
-//     viewType: 'underlined',
-// };
-
 Dropdown.propTypes = {
   action: PropTypes.shape({
     loadData: PropTypes.func

package/components/form-control/dropdown-box/index.js

@@ -1,13 +1,15 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
-import { ButtonIcon, InputBase, Label, Popover, PopoverBody } from "../..";
+import { ButtonIcon, InputBase, Label, Popover, PopoverBody, HelperText } from "../..";
 import PropTypes from 'prop-types';
-import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';
+import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState, useMemo } from 'react';
 import { animation, borderColor, displayBlock, overflowHidden, parseHeight, parseMinWidth, positionRelative, scaleX } from "../../../styles/general";
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../../utils";
+const regexBetween = /[^{}]+(?=})/g;
+const regexInclude = /{|}/g;
 const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
@@ -22,10 +24,14 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referen
   });
   const {
     action = {},
+    allowInput,
     bgColor: bgColorProp,
     children,
     className,
     delayOnInput,
+    disabled,
+    displayExpr: displayExprProp,
+    error,
     endIcon,
     inputProps,
     inputRef,
@@ -39,10 +45,19 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referen
     placeholder,
     startIcon,
     style,
-    value,
-    viewType
+    value: valueProps,
+    valueExpr,
+    viewType,
+    helperTextProps
   } = props;
+  let displayExpr = displayExprProp;
   const bgColor = typeof bgColorProp === 'string' ? getProp(colors, bgColorProp, bgColorProp) : bgColorProp;
+  const ErrorView = useMemo(() => {
+    return error ? jsx(HelperText, {
+      ...helperTextProps,
+      disabled: disabled
+    }, error) : null;
+  }, [disabled, error, helperTextProps]);
   const ref = useRef(null);
   const dropdownBoxRef = useRef(null);
   const timer = useRef(null);
@@ -85,6 +100,28 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referen
       onClosed === null || onClosed === void 0 ? void 0 : onClosed();
     }
   };
+
+  /**
+   * Chuyển đổi data thành giá trị cần hiện thị dựa vào displayExpr [string, string object {field} - {field}], renderSelectedItem, displayExpr, valueExpr
+   * @param data {object} rowData of dataSource
+   * @return {string}
+   */
+  const displayValue = data => {
+    let text = '';
+    if (data || data === 0) {
+      displayExpr = displayExpr || valueExpr;
+      let mask = data === null || data === void 0 ? void 0 : data[displayExpr];
+      // convert {id} - {name} to {<data[id]>} - {<data[name]>}
+      if (!mask && regexBetween.test(displayExpr)) {
+        var _displayExpr;
+        mask = (_displayExpr = displayExpr) === null || _displayExpr === void 0 ? void 0 : _displayExpr.replace(regexBetween, _ => (data === null || data === void 0 ? void 0 : data[_]) || '');
+      } else if (!mask) {
+        mask = typeof data !== 'object' ? data : '';
+      }
+      text = mask.toString().replace(regexInclude, '');
+    }
+    return text;
+  };
   useLayoutEffect(() => {
     if (ref.current) {
       const {
@@ -130,15 +167,17 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referen
       onClick: openOnClickAt === 'icon' ? onTriggerDropdown : null
     }) : null;
   };
+  const value = displayValue(valueProps);
   return jsx(Fragment, null, jsx("div", {
     ref: ref,
     css: _DropdownBoxRootCSS,
-    className: classNames('DGN-UI-Dropdown-Box', className),
+    className: classNames('DGN-UI-Dropdown-Box', className, error && 'error'),
     style: style
   }, label ? jsx(Label, {
     ...labelProps
   }, label) : null, jsx(InputBase, {
     ...inputProps,
+    readOnly: !allowInput,
     style: inputStyle,
     viewType: viewType,
     inputRef: inputRef,
@@ -157,7 +196,7 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referen
     anchor: ref.current,
     width: popoverWidth,
     onClose: closeDropdownBox
-  }, jsx(PopoverBody, null, children)));
+  }, jsx(PopoverBody, null, children)), ErrorView);
 }));
 const DropdownBoxRootCSS = (bgColorProp, {
   colors
@@ -166,6 +205,17 @@ const DropdownBoxRootCSS = (bgColorProp, {
     ${positionRelative};
     ${parseMinWidth(150)};
     ${parseHeight('max-content')};
+    &.error {
+        .DGN-UI-InputBase {
+            ${borderColor(getProp(colors, 'semantic/danger'))};
+            &::before {
+                ${borderColor(getProp(colors, 'semantic/danger'))};
+            }
+            &::after {
+                ${borderColor(getProp(colors, 'semantic/danger'))};
+            }
+        }
+    }
     .DGN-UI-InputBase {
         background: ${bgColorProp ? bgColorProp === true ? getProp(colors, 'fill/disabled') : bgColorProp : 'inherit'} !important;
         ${openState && css`
@@ -183,20 +233,6 @@ const DropdownBoxCSS = ({
     margin-top: ${spacing([1])};
     ${overflowHidden};
 `;
-
-// DropdownBox.defaultProps = {
-//     className: '',
-//     label: '',
-//     placeholder: '',
-//     startIcon: 'Search',
-//     endIcon: 'ArrowDown',
-//     openOnClickAt: 'icon',
-//     viewType: 'underlined',
-//     inputProps: {},
-//     delayOnInput: 700,
-//     zIndex: zIndexCORE(1),
-// };
-
 DropdownBox.propTypes = {
   /** class for dropdown */
   className: PropTypes.string,
@@ -233,6 +269,12 @@ DropdownBox.propTypes = {
   /** the function will run after open */
   onOpened: PropTypes.func,
   /** the function will run after close */
-  onClosed: PropTypes.func
+  onClosed: PropTypes.func,
+  /** Error message displayed below the input. */
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  /** If `true`, the component is disabled. */
+  disabled: PropTypes.bool,
+  /** If `true`, the input is enable. */
+  allowInput: PropTypes.bool
 };
 export default DropdownBox;

package/components/form-control/input-base/index.js

@@ -60,7 +60,7 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference
     ...other
   } = props;
   const autoWidth = !autoWidthProp && inputProps !== null && inputProps !== void 0 && inputProps.autoWidth ? inputProps.autoWidth : autoWidthProp;
-  const delayOnChange = delayOnChangeProp || getGlobal('delayOnInput');
+  const delayOnChange = delayOnChangeProp !== null && delayOnChangeProp !== void 0 ? delayOnChangeProp : getGlobal('delayOnInput');
   const placeholder = placeholderProp || getGlobal('inputPlaceholder');
   const _onChange = e => {
     onChange && onChange(e);

package/components/form-control/money-input/index.js

@@ -38,13 +38,29 @@ const num2WordsVi = function () {
       return e > 0 && (o += n(e, r) + ' ngàn', r = !0), t > 0 && (o += n(t, r)), o;
     };
   return {
-    convert: function (r) {
+    convert: function (input) {
+      if (!Number.isFinite(input)) return '';
+      let parts = String(input).split('.');
+      let intPart = Math.floor(Number(parts[0]));
+      let decimalPart = parts[1];
+      let temp = intPart;
+      let nStr = '';
+      let a = '';
       let ty;
-      if (0 === r) return t[0];
-      let n = '',
-        a = '';
-      do ty = r % 1e9, r = Math.floor(r / 1e9), n = r > 0 ? o(ty, !0) + a + n : o(ty, !1) + a + n, a = ' tỷ'; while (r > 0);
-      return n.trim();
+      if (intPart === 0) return t[0];
+      do {
+        ty = temp % 1e9;
+        temp = Math.floor(temp / 1e9);
+        nStr = temp > 0 ? o(ty, true) + a + nStr : o(ty, false) + a + nStr;
+        a = ' tỷ';
+      } while (temp > 0);
+      let result = nStr.trim();
+
+      // xử lý thập phân
+      if (decimalPart) {
+        result += ' phẩy ' + decimalPart.split('').map(d => t[Number(d)]).join(' ');
+      }
+      return result;
     }
   };
 }();
@@ -56,22 +72,32 @@ const num2WordsEn = n => {
   const drop = n => xs => xs.slice(n);
   const reverse = xs => xs.slice(0).reverse();
   const comp = f => g => x => f(g(x));
-  const not = x => !x;
   const chunk = n => xs => isEmpty(xs) ? [] : [take(n)(xs), ...chunk(n)(drop(n)(xs))];
   let a = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
   let b = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
   let g = ['', 'thousand', 'million', 'billion', 'trillion', 'quadrillion', 'quintillion', 'sextillion', 'septillion', 'octillion', 'nonillion'];
-  // this part is really nasty still
-  // it might edit this again later to show how Monoids could fix this up
   let makeGroup = ([ones, tens, huns]) => {
     return [num(huns) === 0 ? '' : a[huns] + ' hundred ', num(ones) === 0 ? b[tens] : b[tens] && b[tens] + '-' || '', a[tens + ones] || a[ones]].join('');
   };
-  // "thousands" constructor; no real good names for this, I guess
   let thousand = (group, i) => group === '' ? group : `${group} ${g[i]}`;
-  // execute !
-  if (typeof n === 'number') return num2WordsEn(String(n));
-  if (n === '0') return 'zero';
-  return comp(chunk(3))(reverse)(arr(n)).map(makeGroup).map(thousand).filter(comp(not)(isEmpty)).reverse().join(' ');
+  // convert integer part
+  const convertInt = str => {
+    if (str === '0') return 'zero';
+    return comp(chunk(3))(reverse)(arr(str)).map(makeGroup).map(thousand).filter(x => x.trim().length > 0).reverse().join(' ').trim();
+  };
+  // normalize input
+  if (typeof n === 'number') n = String(n);
+  const parts = n.split('.');
+  const intPart = parts[0];
+  const decimalPart = parts[1];
+  let result = convertInt(intPart);
+
+  // decimal handling
+  if (decimalPart) {
+    const decimalWords = decimalPart.split('').map(d => a[Number(d)] || '').join(' ').trim();
+    result += ' point ' + decimalWords;
+  }
+  return result;
 };
 const num2WordsZh = (() => {
   const t = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
@@ -79,47 +105,63 @@ const num2WordsZh = (() => {
   const bigUnits = ['', '万', '亿', '兆'];
   const readSection = num => {
     let str = '';
-    let zero = true;
-    for (let i = 0; i < 4 && num > 0; i++) {
+    let zero = false;
+    for (let i = 0; i < 4; i++) {
       const digit = num % 10;
       if (digit === 0) {
-        if (!zero) {
-          zero = true;
+        if (!zero && str !== '') {
           str = t[0] + str;
         }
+        zero = true;
       } else {
-        zero = false;
         str = t[digit] + units[i] + str;
+        zero = false;
       }
       num = Math.floor(num / 10);
+      if (num === 0) break;
     }
     return str;
   };
-  return {
-    convert: num => {
-      if (num === 0) return t[0];
-      let str = '';
-      let unitPos = 0;
-      let needZero = false;
-      while (num > 0) {
-        const section = num % 10000;
-        if (section === 0) {
-          if (needZero) {
-            str = t[0] + str;
-            needZero = false;
-          }
-        } else {
-          const sectionStr = readSection(section) + bigUnits[unitPos];
-          str = sectionStr + str;
-          needZero = true;
+  const readInteger = num => {
+    if (num === 0) return t[0];
+    let sections = [];
+    while (num > 0) {
+      sections.unshift(num % 10000);
+      num = Math.floor(num / 10000);
+    }
+    let result = '';
+    for (let i = 0; i < sections.length; i++) {
+      const section = sections[i];
+      const unit = bigUnits[sections.length - 1 - i];
+      if (section === 0) {
+        if (result && !result.endsWith(t[0]) && sections.slice(i + 1).some(v => v > 0)) {
+          result += t[0];
         }
-        num = Math.floor(num / 10000);
-        unitPos++;
+        continue;
       }
 
-      // Special cases
-      str = str.replace(/^一十/, '十'); // "一十X" => "十X"
-      return str;
+      // Nếu nhóm hiện tại <1000 và phía trước đã có nội dung
+      // => cần thêm "零"
+      if (result && section < 1000 && !result.endsWith(t[0])) {
+        result += t[0];
+      }
+      result += readSection(section) + unit;
+    }
+    return result.replace(/零+/g, '零').replace(/零$/g, '').replace(/^一十/, '十');
+  };
+  return {
+    convert: num => {
+      if (typeof num === 'string') {
+        num = num.trim();
+      }
+      const strNum = String(num);
+      if (!strNum.includes('.')) {
+        return readInteger(Number(strNum));
+      }
+      const [intPart, decPart] = strNum.split('.');
+      const intWords = readInteger(Number(intPart));
+      const decWords = decPart.split('').map(ch => t[Number(ch)]).join('');
+      return `${intWords}点${decWords}`;
     }
   };
 })();
@@ -403,7 +445,7 @@ const MoneyInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
           }
         }
         const v = getValueWithDecimal(number.toString().replace('.', decimalSymbol));
-        if (convertToWords && !decimalDigit && (disabled || readOnly)) {
+        if (convertToWords && (disabled || readOnly)) {
           inputRef.current.value = convertNumToWords(value);
         } else {
           inputRef.current.value = parseValueWithFix(thousandSeparator ? getThousandSeparator(v) : v);
@@ -431,9 +473,9 @@ const MoneyInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
   });
   const convertNumToWords = number => {
     let valueConverted = getGlobal('helperInvalid');
-    if (Number.isInteger(number)) {
+    if (Number.isFinite(number)) {
       const currentLocale = locale.get();
-      const converter = converters[currentLocale] || num2WordsVi; // fallback VN
+      const converter = converters[currentLocale] || num2WordsEn; // fallback VN
       valueConverted = Object.hasOwn(converter, 'convert') ? converter.convert(number) : converter(number);
     }
     return valueConverted;

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

@@ -49,7 +49,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     labelProps,
     max: maxProp,
     maxDigit,
-    min,
+    min: minProp,
     nonStyle,
     onBlur,
     onChange,
@@ -69,9 +69,12 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     viewType
   } = props;
   let max = maxProp;
+  let min = minProp;
   let thousandSymbol = thousandSeparator;
   let decimalSymbol = decimalSymbolProp;
   let valueProps = valueProp;
+  if (!min && min !== 0) min = -Infinity;
+  if (!max && max !== 0) max = Infinity;
   const pos = useRef(null);
   const ref = useRef(null);
   const globalRef = useRef({});

package/components/tree-view/index.js

@@ -97,21 +97,19 @@ const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
   const checkedParentFollowValue = nodes => {
     if (nodes && nodes !== null && nodes !== void 0 && nodes.length) {
       nodes.forEach(node => {
+        const checkedLeastOfOne = Array.from(node.querySelectorAll('input')).slice(1).some(el => el.checked);
+        const checkedAll = Array.from(node.querySelectorAll('input')).slice(1).every(el => el.checked);
         if (!node.classList.contains('non-child')) {
           const input = node.firstChild.querySelector('input');
           if (input.checked) {
-            if (!input.classList.contains('determinate')) {
+            if (checkedAll) {
               determinateCheckbox(input, true);
+            } else if (checkedLeastOfOne) {
+              determinateCheckbox(input, false);
             }
-            Array.from(node.querySelectorAll('input')).forEach(el => {
-              el.checked = true;
-              if (!el.classList.contains('determinate')) {
-                determinateCheckbox(el, true);
-              }
-            });
+            checkedParentFollowValue(Array.from(node.querySelectorAll('div.TreeView-Item non-child, div.DGN-UI-Accordion')));
           } else {
             var _node$lastChild, _node$lastChild$first;
-            const checkedLeastOfOne = Array.from(node.querySelectorAll('input')).some(el => el.checked);
             if (checkedLeastOfOne) {
               input.checked = checkedLeastOfOne;
               if (input.classList.contains('determinate')) {

package/icons/basic.js

@@ -3800,6 +3800,34 @@ export const Lock = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const LockReset = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12H4C4 13.1 4.20833 14.1375 4.625 15.1125C5.04167 16.0875 5.6125 16.9375 6.3375 17.6625C7.0625 18.3875 7.9125 18.9625 8.8875 19.3875C9.8625 19.8125 10.9 20.025 12 20.025C14.2333 20.025 16.125 19.25 17.675 17.7C19.225 16.15 20 14.2583 20 12.025C20 9.79167 19.225 7.9 17.675 6.35C16.125 4.8 14.2333 4.025 12 4.025C10.5167 4.025 9.17083 4.3875 7.9625 5.1125C6.75417 5.8375 5.8 6.8 5.1 8H8V10H2V4H4V6C4.91667 4.78333 6.06667 3.8125 7.45 3.0875C8.83333 2.3625 10.35 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM10 16C9.71667 16 9.47917 15.9042 9.2875 15.7125C9.09583 15.5208 9 15.2833 9 15V12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11V10C10 9.45 10.1958 8.97917 10.5875 8.5875C10.9792 8.19583 11.45 8 12 8C12.55 8 13.0208 8.19583 13.4125 8.5875C13.8042 8.97917 14 9.45 14 10V11C14.2833 11 14.5208 11.0958 14.7125 11.2875C14.9042 11.4792 15 11.7167 15 12V15C15 15.2833 14.9042 15.5208 14.7125 15.7125C14.5208 15.9042 14.2833 16 14 16H10ZM11 11H13V10C13 9.71667 12.9042 9.47917 12.7125 9.2875C12.5208 9.09583 12.2833 9 12 9C11.7167 9 11.4792 9.09583 11.2875 9.2875C11.0958 9.47917 11 9.71667 11 10V11Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 20,
+    viewBox: "0 0 20 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10H2C2 11.1 2.20833 12.1375 2.625 13.1125C3.04167 14.0875 3.6125 14.9375 4.3375 15.6625C5.0625 16.3875 5.9125 16.9625 6.8875 17.3875C7.8625 17.8125 8.9 18.025 10 18.025C12.2333 18.025 14.125 17.25 15.675 15.7C17.225 14.15 18 12.2583 18 10.025C18 7.79167 17.225 5.9 15.675 4.35C14.125 2.8 12.2333 2.025 10 2.025C8.51667 2.025 7.17083 2.3875 5.9625 3.1125C4.75417 3.8375 3.8 4.8 3.1 6H6V8H0V2H2V4C2.91667 2.78333 4.06667 1.8125 5.45 1.0875C6.83333 0.3625 8.35 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13V10C7 9.71667 7.09583 9.47917 7.2875 9.2875C7.47917 9.09583 7.71667 9 8 9V8C8 7.45 8.19583 6.97917 8.5875 6.5875C8.97917 6.19583 9.45 6 10 6C10.55 6 11.0208 6.19583 11.4125 6.5875C11.8042 6.97917 12 7.45 12 8V9C12.2833 9 12.5208 9.09583 12.7125 9.2875C12.9042 9.47917 13 9.71667 13 10V13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14H8ZM9 9H11V8C11 7.71667 10.9042 7.47917 10.7125 7.2875C10.5208 7.09583 10.2833 7 10 7C9.71667 7 9.47917 7.09583 9.2875 7.2875C9.09583 7.47917 9 7.71667 9 8V9Z",
+    fill: fillColor(color)
+  }));
+});
 export const Login = /*#__PURE__*/memo(({
   width,
   height,
@@ -5268,6 +5296,34 @@ export const PersonArrowRight = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const PersonEdit = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14 21V17.925L19.525 12.425C19.675 12.275 19.8417 12.1667 20.025 12.1C20.2083 12.0333 20.3917 12 20.575 12C20.775 12 20.9667 12.0375 21.15 12.1125C21.3333 12.1875 21.5 12.3 21.65 12.45L22.575 13.375C22.7083 13.525 22.8125 13.6917 22.8875 13.875C22.9625 14.0583 23 14.2417 23 14.425C23 14.6083 22.9667 14.7958 22.9 14.9875C22.8333 15.1792 22.725 15.35 22.575 15.5L17.075 21H14ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C12.6167 13 13.225 13.0375 13.825 13.1125C14.425 13.1875 15.025 13.3083 15.625 13.475L12 17.1V20H4ZM20.575 15.4L21.5 14.425L20.575 13.5L19.625 14.45L20.575 15.4ZM9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12C10.9 12 9.95833 11.6083 9.175 10.825Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 19,
+    height: height || 17,
+    viewBox: "0 0 19 17",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 17V13.925L15.525 8.425C15.675 8.275 15.8417 8.16667 16.025 8.1C16.2083 8.03333 16.3917 8 16.575 8C16.775 8 16.9667 8.0375 17.15 8.1125C17.3333 8.1875 17.5 8.3 17.65 8.45L18.575 9.375C18.7083 9.525 18.8125 9.69167 18.8875 9.875C18.9625 10.0583 19 10.2417 19 10.425C19 10.6083 18.9667 10.7958 18.9 10.9875C18.8333 11.1792 18.725 11.35 18.575 11.5L13.075 17H10ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C8.61667 9 9.225 9.0375 9.825 9.1125C10.425 9.1875 11.025 9.30833 11.625 9.475L8 13.1V16H0ZM16.575 11.4L17.5 10.425L16.575 9.5L15.625 10.45L16.575 11.4ZM5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8C6.9 8 5.95833 7.60833 5.175 6.825Z",
+    fill: fillColor(color)
+  }));
+});
 export const PersonGroup = /*#__PURE__*/memo(({
   width,
   height,
@@ -6859,6 +6915,36 @@ export const Treeview = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const TruckApproval = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9 8.19983L4.42823 13L1 9.39967L2.14274 8.19983L4.42823 10.5995L7.85726 7L9 8.19983Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4.875 19.125C4.29167 18.5417 4 17.8333 4 17H1.5L1.95 15H4.775C5.05833 14.6833 5.39167 14.4375 5.775 14.2625C6.15833 14.0875 6.56667 14 7 14C7.43333 14 7.84167 14.0875 8.225 14.2625C8.60833 14.4375 8.94167 14.6833 9.225 15H13.4L15.5 6H6.55L6.975 4H18L17.075 8H20L23 12L22 17H20C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20C16.1667 20 15.4583 19.7083 14.875 19.125C14.2917 18.5417 14 17.8333 14 17H10C10 17.8333 9.70833 18.5417 9.125 19.125C8.54167 19.7083 7.83333 20 7 20C6.16667 20 5.45833 19.7083 4.875 19.125ZM15.925 13H20.75L20.85 12.475L19 10H16.625L15.925 13ZM15.5 6L13.4 15L13.45 14.825L15.5 6ZM7 18C7.28333 18 7.52083 17.9042 7.7125 17.7125C7.90417 17.5208 8 17.2833 8 17C8 16.7167 7.90417 16.4792 7.7125 16.2875C7.52083 16.0958 7.28333 16 7 16C6.71667 16 6.47917 16.0958 6.2875 16.2875C6.09583 16.4792 6 16.7167 6 17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18ZM17 18C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17C18 16.7167 17.9042 16.4792 17.7125 16.2875C17.5208 16.0958 17.2833 16 17 16C16.7167 16 16.4792 16.0958 16.2875 16.2875C16.0958 16.4792 16 16.7167 16 17C16 17.2833 16.0958 17.5208 16.2875 17.7125C16.4792 17.9042 16.7167 18 17 18Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 22,
+    height: height || 16,
+    viewBox: "0 0 22 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8 4.19983L3.42823 9L0 5.39967L1.14274 4.19983L3.42823 6.5995L6.85726 3L8 4.19983Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3.875 15.125C3.29167 14.5417 3 13.8333 3 13H0.5L0.95 11H3.775C4.05833 10.6833 4.39167 10.4375 4.775 10.2625C5.15833 10.0875 5.56667 10 6 10C6.43333 10 6.84167 10.0875 7.225 10.2625C7.60833 10.4375 7.94167 10.6833 8.225 11H12.4L14.5 2H5.55L5.975 0H17L16.075 4H19L22 8L21 13H19C19 13.8333 18.7083 14.5417 18.125 15.125C17.5417 15.7083 16.8333 16 16 16C15.1667 16 14.4583 15.7083 13.875 15.125C13.2917 14.5417 13 13.8333 13 13H9C9 13.8333 8.70833 14.5417 8.125 15.125C7.54167 15.7083 6.83333 16 6 16C5.16667 16 4.45833 15.7083 3.875 15.125ZM14.925 9H19.75L19.85 8.475L18 6H15.625L14.925 9ZM14.5 2L12.4 11L12.45 10.825L14.5 2ZM6 14C6.28333 14 6.52083 13.9042 6.7125 13.7125C6.90417 13.5208 7 13.2833 7 13C7 12.7167 6.90417 12.4792 6.7125 12.2875C6.52083 12.0958 6.28333 12 6 12C5.71667 12 5.47917 12.0958 5.2875 12.2875C5.09583 12.4792 5 12.7167 5 13C5 13.2833 5.09583 13.5208 5.2875 13.7125C5.47917 13.9042 5.71667 14 6 14ZM16 14C16.2833 14 16.5208 13.9042 16.7125 13.7125C16.9042 13.5208 17 13.2833 17 13C17 12.7167 16.9042 12.4792 16.7125 12.2875C16.5208 12.0958 16.2833 12 16 12C15.7167 12 15.4792 12.0958 15.2875 12.2875C15.0958 12.4792 15 12.7167 15 13C15 13.2833 15.0958 13.5208 15.2875 13.7125C15.4792 13.9042 15.7167 14 16 14Z",
+    fill: fillColor(color)
+  }));
+});
 export const TwoSquare = /*#__PURE__*/memo(({
   width,
   height,

package/package.json

@@ -1,44 +1,78 @@
-{
-  "name": "diginet-core-ui",
-  "version": "1.4.66",
-  "description": "The DigiNet core ui",
-  "homepage": "https://diginet.com.vn",
-  "main": "index.js",
-  "scripts": {
-    "start-js": "react-scripts start --max_old_space_size=4096",
-    "start": "npx npm-run-all -p start-js",
-    "build": "GENERATE_SOURCEMAP=false && react-scripts build --env=production --max_old_space_size=8192",
-    "eject": "react-scripts eject",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "dependencies": {
-    "@emotion/core": "^10.0.35",
-    "prop-types": "^15.7.2",
-    "@emotion/css": "^11.11.0",
-    "@emotion/react": "^11.10.6"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
-  },
-  "keywords": [
-    "core ui",
-    "diginet"
-  ],
-  "author": "rocachien",
-  "contributors": [
-    {
-      "name": "Chien Do",
-      "email": "rocachien@gmail.com"
-    },
-    {
-      "name": "Nhat Tran",
-      "email": "tranminhnhat1005@gmail.com"
-    },
-    {
-      "name": "Thuan Nguyen",
-      "email": "nt.thuan.hutech@gmail.com"
-    }
-  ],
-  "license": "MIT"
-}
+{
+  "name": "diginet-core-ui",
+  "version": "1.4.67-beta.2",
+  "description": "",
+  "main": "index.js",
+  "license": "UNLICENSED",
+  "scripts": {
+    "start": "npm-run-all --parallel start-sb eslint-test",
+    "start-sb": "start-storybook -p 9050",
+    "build-storybook": "build-storybook -c .storybook -s src",
+    "build": "run-script-os",
+    "build:windows": "rimraf dist && mkdirp dist/components && npm run compile && sass --style=compressed src/scss:dist/css && xcopy src\\\\assets dist\\\\assets\\ /e /y",
+    "build:darwin:linux:default": "rm -rf dist && npm run compile && sass --style=compressed src/scss:dist/css && cp -rf src/assets dist/assets",
+    "compile": "babel src --out-dir dist --ignore **/*.stories.js",
+    "pack": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm pack",
+    "production-keep-version": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish",
+    "beta": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish --tag beta",
+    "production": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm publish",
+    "version:add": "run-script-os",
+    "version:add:windows": "cat package.json.tmp | sed \"s/0.0.0/%npm_package_version%/g\" > dist/package.json",
+    "version:add:darwin:linux:default": "VERSION=$(npm run version:extract --silent) && cat package.json.tmp | sed \"s/0.0.0/${VERSION}/g\" > dist/package.json",
+    "version:bump": "npm version patch --no-git-tag-version --silent",
+    "version:extract": "cat package.json | grep version | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]'",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint --fix --config .eslintrc.js \"**/*.js\"",
+    "eslint-test": "onchange \"src/**/*.{js,jsx,json}\" -- eslint . --fix",
+    "freshtall": "npm cache clean --force && rm -rf node_modules && rm -f package-lock.json && npm install",
+    "test-storybook": "test-storybook --url http://localhost:9050",
+    "preinstall": "echo {} > package-lock.json"
+  },
+  "dependencies": {
+    "@emotion/core": "^10.0.35",
+    "@emotion/css": "^11.11.0",
+    "@emotion/react": "^11.10.6",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "date-fns": "^2.30.0",
+    "prop-types": "^15.7.2"
+  },
+  "lint-staged": {
+    "*/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.16.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.14.2",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+    "@babel/preset-react": "^7.13.13",
+    "@storybook/addon-actions": "6.2.9",
+    "@storybook/addon-essentials": "6.2.9",
+    "@storybook/addon-links": "6.2.9",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/react": "6.2.9",
+    "@storybook/test-runner": "^0.7.1",
+    "autoprefixer": "^10.3.1",
+    "babel-loader": "^8.2.2",
+    "eslint": "^8.4.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-regex": "^1.10.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.1.2",
+    "mkdirp": "^1.0.4",
+    "npm-run-all": "^4.1.5",
+    "onchange": "^7.1.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "run-script-os": "^1.1.6",
+    "sass": "1.58.3"
+  }
+}

package/readme.md

@@ -41,6 +41,15 @@ npm test
 ```
 
 ## Changelog
+## 1.4.67
+- \[Added\]: ButtonIcon – Add the title prop to ButtonIcon to display the text as a tooltip on hover.
+- \[Added\]: Icon – Add IconMenu MHRP75N0025
+- \[Added\]: Icon – Add Icon LockReset
+- \[Fixed\]: NumberInput - Fix the NumberInput issue where entering 0 does not trigger the delayOnChange prop.
+- \[Fixed\]: DateRangePicker - Fix the issue where the calendar icon is missing and the clear icon is not displayed.
+- \[Fixed\]: Dropdown - Fix the issue where the selected value is not displayed correctly in the Dropdown.
+- \[Added\]: Icon – Add Icon TruckApproval
+- \[Added\]: MoneyInput – Add support for converting decimal numbers to words in Vietnamese, English, and Chinese.
 
 ## 1.4.66
 - \[Added\]: Icon – Add Icon Import