diginet-core-ui 1.4.57-beta.3 → 1.4.57-beta.5

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

@@ -9,7 +9,7 @@ import { flexRow, parseMinHeight, typographyTypes } from "../../../styles/genera
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../../utils";
-const Label = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Label = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -128,7 +128,7 @@ const converters = {
   en: num2WordsEn,
   zh: num2WordsZh
 };
-const MoneyInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const MoneyInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

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

@@ -171,23 +171,8 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
   const _onInput = useCallback((e, flag) => {
     var _e$target$value;
     let valueT = (_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : e.value;
-    let limitValueT = valueT;
-    // không chạy xử lý khi giá trị chỉ có dấu "-"
-    if (Number(!isNaN(limitValueT))) {
-      var _valueT$toString$repl, _valueT$toString$repl2;
-      // xóa các số "0" đứng trước giá trị ví dụ: 0100, 0200 để tránh lỗi Octal literals are not allowed in strict mode
-      limitValueT = (_valueT$toString$repl = (_valueT$toString$repl2 = valueT.toString().replaceAll(thousandSymbol, '')).replaceAll) === null || _valueT$toString$repl === void 0 ? void 0 : _valueT$toString$repl.call(_valueT$toString$repl2, decimalSymbol, '.').split(/([+\-*/])/).map(a => parseFloat(a) || a).join('');
-      if (disabledNegative && eval(limitValueT) <= 0) {
-        limitValueT = 0;
-      }
-      if ((min || min === 0) && eval(limitValueT) <= min) {
-        limitValueT = min;
-      }
-      if (max && eval(limitValueT) >= max) {
-        limitValueT = max;
-      }
-    }
-    valueT = parseNumberToMoney(limitValueT);
+    if (disabledNegative && Number(valueT || 0) < 0) return;
+    valueT = parseNumberToMoney(valueT);
     const returnValue = convertMoneyToNumber(valueT);
     e.value = globalRef.current.value = !isNaN(parseFloat(returnValue)) ? parseFloat(returnValue) : null;
     // e.target.value = globalRef.current.valueString = valueT || '';
@@ -199,18 +184,42 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     if (flag) _onChange(e);
   }, [min, max, decimalDigit]);
   const _onBlur = useCallback(e => {
-    var _e$value, _e$value2;
+    var _e$value, _value$toString$repla, _value$toString$repla2, _e$value2;
     let value = (_e$value = e.value) !== null && _e$value !== void 0 ? _e$value : e.target.value;
     if (fixedDecimalDigit) value = Number(value).toFixed(decimalDigit);
     value = convertMoneyToNumber(value);
-    if ((min || min === 0) && Number(value) < min || (max || max === 0) && Number(value) > max) {
+    let limitValueT = value;
+    // xóa các số "0" đứng trước giá trị ví dụ: 0100, 0200 để tránh lỗi Octal literals are not allowed in strict mode
+    limitValueT = (_value$toString$repla = (_value$toString$repla2 = value.toString().replaceAll(thousandSymbol, '')).replaceAll) === null || _value$toString$repla === void 0 ? void 0 : _value$toString$repla.call(_value$toString$repla2, decimalSymbol, '.').split(/([+\-*/])/).map(a => parseFloat(a) || a).join('');
+    // không chạy xử lý khi giá trị chỉ có dấu "-"
+    if (limitValueT !== '-' && limitValueT !== '.' && limitValueT !== ',') {
       const target = e.target;
-      target.value = clamp(value, min, max);
+      if (disabledNegative && eval(limitValueT) <= 0) {
+        limitValueT = 0;
+      }
+      if ((min || min === 0) && eval(limitValueT) <= min) {
+        limitValueT = min;
+      }
+      if (max && eval(limitValueT) >= max) {
+        limitValueT = max;
+      }
+      target.value = clamp(limitValueT, min, max);
       _onInput({
         ...e,
         target
       }, true);
     }
+    // if (((min || min === 0) && Number(value) < min) || ((max || max === 0) && Number(value) > max)) {
+    //     const target = e.target;
+    //     target.value = clamp(value, min, max);
+    //     _onInput(
+    //         {
+    //             ...e,
+    //             target,
+    //         },
+    //         true
+    //     );
+    // }
     if (((_e$value2 = e.value) !== null && _e$value2 !== void 0 ? _e$value2 : e.target.value).slice(-1) === decimalSymbol) {
       var _e$value3;
       const target = e.target;
@@ -223,7 +232,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     onBlur && onBlur(e);
   }, [min, max]);
   const _onKeyDown = e => {
-    var _value$split, _value$split$, _value$toString;
+    var _value$split, _value$split$;
     const {
       key,
       keyCode,
@@ -288,13 +297,14 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
 
     // disabled negative
     // const disabled180 = (keyCode === 189 || keyCode === 109) && (disabledNegative || value.includes('-'));
-    const disabled180 = (keyCode === 189 || keyCode === 109) && (min === 0 || disabledNegative) || ((_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString[0]) === '-' && (keyCode === 189 || keyCode === 109);
+    const disabled180 = (keyCode === 189 || keyCode === 109) && (min === 0 || disabledNegative);
+    const disable48 = keyCode === 48 && value.toString() === '0';
 
     // disabled max digit
     const isMaxDigit = maxDigit && (value === null || value === void 0 ? void 0 : value.replace(regexNumber, '').length) === maxDigit && (isNumber || key === thousandSymbol || key === decimalSymbol) && selectionStart === selectionEnd;
 
     // Block event if include conditions
-    if (decimalExists || removeDot || isNumber && disabledTypingDecimal || disabledDecimalSymbol || !allowKeyTypeNumber || disabled180 || isMaxDigit) {
+    if (decimalExists || removeDot || isNumber && disabledTypingDecimal || disabledDecimalSymbol || !allowKeyTypeNumber || disabled180 || disable48 || isMaxDigit) {
       e.preventDefault();
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);

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

@@ -8,7 +8,7 @@ import { cursorNotAllowed, displayBlock, positionRelative } from "../../../style
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, onValidate, refType as ref } from "../../../utils";
-const PasswordInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PasswordInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

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

@@ -17,7 +17,7 @@ const ensigns = {
     mark: '____ _______'
   }
 };
-const PhoneInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const PhoneInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   viewType,
   ensign,
   required,

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

@@ -8,7 +8,7 @@ import { boxBorder, cursorNoDrop, cursorPointer, displayBlock, displayNone, posi
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp, randomString } from "../../../utils";
-const Radio = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Radio = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -8,7 +8,7 @@ import { cursorNotAllowed, displayBlock, positionRelative } from "../../../style
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, onValidate, refType as ref } from "../../../utils";
-const TextInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TextInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/form-control/time-picker/index.js

@@ -73,7 +73,7 @@ const getValue = value => {
   }
   return new Date();
 };
-const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const TimePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   activeHeight,
   activeWidth,
   allowSeconds,

package/components/form-control/time-picker/v2/index.js

@@ -9,7 +9,7 @@ import { bgColor, border, borderColor, borderNone, borderRadius4px, displayFlex,
 import { useTheme } from "../../../../theme";
 import useThemeProps from "../../../../theme/utils/useThemeProps";
 import { classNames, date, getProp, hexToRGBA } from "../../../../utils";
-const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TimePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

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

@@ -8,7 +8,7 @@ import { borderRadius, cursorNoDrop, cursorPointer, displayBlock, flexRow, items
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../../utils";
-const Toggle = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Toggle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/form-view/input.js

@@ -6,7 +6,7 @@ import { forwardRef, memo, useEffect, useMemo, useRef } from 'react';
 import { border, borderBottom, borderRadius, bottom, boxBorder, displayFlex, inset, insetX, itemsCenter, parseHeight, pointerEventsNone, positionAbsolute, positionRelative, scale } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { formatDate, getProp } from "../../utils";
-const InputView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const InputView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   inputProps,
   inputStyleProps,
   value,

package/components/grid/index.js

@@ -10,7 +10,7 @@ import { breakpointKeys } from "../../theme/createBreakpoints";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, handleBreakpoints } from "../../utils";
 import GridContext from "./context";
-const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Grid = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/image/index.js

@@ -15,7 +15,7 @@ const blurKeyframe = keyframes`
     75% { -webkit-filter: blur(1px);}
     100% { -webkit-filter: blur(0px);}
 `;
-const Image = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Image = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/list/list-item-action.js

@@ -7,7 +7,7 @@ import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { bgColor, boxBorder, displayFlex, itemsCenter, order, parseMaxHeight, positionRelative, textColor, z } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp } from "../../utils";
-const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ListItemAction = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   children,
   name,
   className,

package/components/list/list-item-icon.js

@@ -7,7 +7,7 @@ import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { bgColor, boxBorder, displayFlex, itemsCenter, order, parseMinWidth, positionRelative, textColor, z } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp } from "../../utils";
-const ListItemIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ListItemIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   className,
   children,
   name,

package/components/list/list-item-text.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { bgColor, boxBorder, displayFlex, itemsCenter, order, positionRelative } from "../../styles/general";
 import { classNames } from "../../utils";
-const ListItemText = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ListItemText = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   className,
   children,
   style,

package/components/list/list-item.js

@@ -7,7 +7,7 @@ import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } fro
 import { bgColor, boxBorder, cursorPointer, displayFlex, flexRow, itemsCenter, overflowHidden, parseMaxWidth, parseMinHeight, parseWidthHeight, positionRelative, textColor, userSelectNone } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp } from "../../utils";
-const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ListItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   children,
   className,
   style,

package/components/list/list.js

@@ -7,7 +7,7 @@ import { bgColor, borderRadius, boxBorder, displayBlock, parseMaxHeight, parseMa
 import { useTheme } from "../../theme";
 import { classNames, getProp } from "../../utils";
 const levels = [0, 1, 'second', 'third', 'fourth', 'fifth'];
-const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const List = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   className,
   width,
   maxWidth,

package/components/list/sub-header.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { bgColor, boxBorder, displayBlock, parseWidthHeight, positionSticky, textLeft, top, userSelectNone, z } from "../../styles/general";
 import { useTheme } from "../../theme";
-const ListSubHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ListSubHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   children,
   style,
   ...props

package/components/modal/body.js

@@ -9,7 +9,7 @@ import sx from "../../styles/sx";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import { sxResponsivePadding } from "./header";
-const ModalBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const ModalBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/modal/footer.js

@@ -9,7 +9,7 @@ import sx from "../../styles/sx";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import { sxResponsivePadding } from "./header";
-const ModalFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const ModalFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/modal/header.js

@@ -17,7 +17,7 @@ export const sxResponsivePadding = {
     md: [4, 6]
   }
 };
-const ModalHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const ModalHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/modal/index.js

@@ -5,7 +5,7 @@ import Body from "./body";
 import Footer from "./footer";
 import Header from "./header";
 import Modal from "./modal";
-const ModalSample = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const ModalSample = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   bodyStyle,
   children,

package/components/modal/modal.js

@@ -13,7 +13,7 @@ import { classNames, getProp, hexToRGBA, useDelayUnmount } from "../../utils";
 import ModalContext from "./context";
 const fadeInDown = animations.fadeInDown;
 const fadeOutUp = animations.fadeOutUp;
-const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Modal = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/others/option-wrapper/index.js

@@ -4,7 +4,7 @@ import { jsx } from '@emotion/core';
 import { forwardRef, memo, useEffect, useState } from 'react';
 import sx from "../../../styles/sx";
 const OptionWrapper = Component => {
-  const WrappedComponent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
+  const WrappedComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((props, ref) => {
     const [options, setOptions] = useState({});
     const option = (option, optionValue) => {
       if (typeof option === 'undefined') {

package/components/paging/page-info.js

@@ -17,7 +17,7 @@ const getLastPage = (totalItems, itemsPerPage) => {
   }
   return _lastPage + 1;
 };
-const PagingInfo = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const PagingInfo = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   bgColor: bgColorProp,
   className,
@@ -533,22 +533,22 @@ PagingInfo.propTypes = {
   onChangePage: PropTypes.func,
   /** Callback fired when quantity on per page changed. */
   onChangePerPage: PropTypes.func,
-  /**
-   * Callback fired when page number is changing.
-   *
-   * * prevPage: Page before changed
-   * * newPage: Page after changed
-   * * cancel(value): Function cancel change page
-   *  * @param {value} - bool
+  /**
+   * Callback fired when page number is changing.
+   *
+   * * prevPage: Page before changed
+   * * newPage: Page after changed
+   * * cancel(value): Function cancel change page
+   *  * @param {value} - bool
    */
   onChangingPage: PropTypes.func,
-  /**
-   * Callback fired when quantity on item per page is changing.
-   *
-   * * prevPerPage: Items per page before changed
-   * * newPerPage: Items per page after changed
-   * * cancel(value): Function cancel change items per page
-   *  * @param {value} - bool
+  /**
+   * Callback fired when quantity on item per page is changing.
+   *
+   * * prevPerPage: Items per page before changed
+   * * newPerPage: Items per page after changed
+   * * cancel(value): Function cancel change items per page
+   *  * @param {value} - bool
    */
   onChangingPerPage: PropTypes.func,
   /** Style inline of component. */
@@ -557,26 +557,26 @@ PagingInfo.propTypes = {
   totalItems: PropTypes.number,
   /** Compact type for mobile. */
   typeShort: PropTypes.bool
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * onChangePage(page): Change page number
-   *  * @param {page} - number
-   * * onChangePerPage(per): Change quantity on per page
-   *  * @param {per} - number
-   * * setTotalItems(items): Set total items
-   *  * @param {items} - number
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * onChangePage(page): Change page number
+   *  * @param {page} - number
+   * * onChangePerPage(per): Change quantity on per page
+   *  * @param {per} - number
+   * * setTotalItems(items): Set total items
+   *  * @param {items} - number
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
 };
 export { PagingInfo };

package/components/paging/page-selector.js

@@ -17,7 +17,7 @@ const getLastPage = (totalItems, itemsPerPage) => {
   }
   return _lastPage + 1;
 };
-const PagingSelector = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const PagingSelector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   className,
   currentPage,

package/components/paper/index.js

@@ -5,7 +5,7 @@ import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } fro
 import { bgColor, border, borderRadius, parseMaxHeight, parseWidth, parseWidthHeight, shadowSmall } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp, renderHTML } from "../../utils";
-const Paper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Paper = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   width,
   height,
   mapping,

package/components/popover/body.js

@@ -8,7 +8,7 @@ import { bgColor, border, borderRadius, displayFlex, flexCol, order, overflowAut
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/footer.js

@@ -8,7 +8,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, ju
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/header.js

@@ -9,7 +9,7 @@ import { bgColor, borderRadius, boxBorder, displayFlex, flexRow, itemsCenter, or
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const PopoverHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const PopoverHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/popover/index.js

@@ -106,7 +106,7 @@ const getDirectionPopover = direction => {
       };
   }
 };
-const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {
@@ -202,7 +202,7 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     }
   };
   const updatePositionPopover = (el = null, cb) => {
-    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect10, _anchorRect11, _anchorRect12, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
+    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect0, _anchorRect1, _anchorRect10, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
     if (el instanceof Element) setElement(el);
     if (!ref.current) {
       window.removeEventListener('resize', updatePositionPopover);
@@ -336,36 +336,36 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
 
     // Valid mean popover not at top-left, top-right, bottom-left, bottom-right
     const validVerticalArrow = left >= ((_anchorRect5 = anchorRect) === null || _anchorRect5 === void 0 ? void 0 : _anchorRect5.left) + ((_anchorRect6 = anchorRect) === null || _anchorRect6 === void 0 ? void 0 : _anchorRect6.width) / 2 - popoverWidth && left <= ((_anchorRect7 = anchorRect) === null || _anchorRect7 === void 0 ? void 0 : _anchorRect7.right) - ((_anchorRect8 = anchorRect) === null || _anchorRect8 === void 0 ? void 0 : _anchorRect8.width) / 2 + popoverWidth;
-    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2 - popoverHeight && top <= ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.bottom) - ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.height) / 2;
+    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect0 = anchorRect) === null || _anchorRect0 === void 0 ? void 0 : _anchorRect0.height) / 2 - popoverHeight && top <= ((_anchorRect1 = anchorRect) === null || _anchorRect1 === void 0 ? void 0 : _anchorRect1.bottom) - ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2;
 
     // Get arrow's position
     if (arrow && translate) {
       switch (aPosition) {
         case 'top':
           if (validVerticalArrow) {
-            var _anchorRect13, _anchorRect14;
-            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
+            var _anchorRect11, _anchorRect12;
+            arrowPosition.left = ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.width) / 2 + ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) - arrowSize + 'px';
           }
           break;
         case 'bottom':
           if (validVerticalArrow) {
-            var _anchorRect15, _anchorRect16;
-            arrowPosition.left = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.width) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.left) - arrowSize + 'px';
+            var _anchorRect13, _anchorRect14;
+            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) + popoverHeight + 'px';
           }
           break;
         case 'left':
           if (validHorizontalArrow) {
-            var _anchorRect17, _anchorRect18;
-            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
+            var _anchorRect15, _anchorRect16;
+            arrowPosition.top = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.height) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) - 1.5 * arrowSize + 'px';
           }
           break;
         case 'right':
           if (validHorizontalArrow) {
-            var _anchorRect19, _anchorRect20;
-            arrowPosition.top = ((_anchorRect19 = anchorRect) === null || _anchorRect19 === void 0 ? void 0 : _anchorRect19.height) / 2 + ((_anchorRect20 = anchorRect) === null || _anchorRect20 === void 0 ? void 0 : _anchorRect20.top) - arrowSize / 2 + 'px';
+            var _anchorRect17, _anchorRect18;
+            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) + popoverWidth - arrowSize / 2 + 'px';
           }
           break;
@@ -495,15 +495,15 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     return currentRef;
   });
   const renderAnchor = () => {
-    var _anchor10, _anchor11, _anchor11$props;
-    if (!((_anchor10 = anchor) !== null && _anchor10 !== void 0 && _anchor10.type)) return null;
+    var _anchor0, _anchor1, _anchor1$props;
+    if (!((_anchor0 = anchor) !== null && _anchor0 !== void 0 && _anchor0.type)) return null;
     const AnchorTag = /*#__PURE__*/React.cloneElement(anchor, {
       ref: ref => {
         anchor = ref;
       },
       style: {
         cursor: 'pointer',
-        ...(((_anchor11 = anchor) === null || _anchor11 === void 0 ? void 0 : (_anchor11$props = _anchor11.props) === null || _anchor11$props === void 0 ? void 0 : _anchor11$props.style) || {})
+        ...(((_anchor1 = anchor) === null || _anchor1 === void 0 ? void 0 : (_anchor1$props = _anchor1.props) === null || _anchor1$props === void 0 ? void 0 : _anchor1$props.style) || {})
       }
     });
     return AnchorTag;

package/components/popup/index.js

@@ -25,7 +25,7 @@ export const icons = {
     viewBox: true
   })
 };
-const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   open,
   type,
   icon,

package/components/popup/v2/index.js

@@ -16,7 +16,7 @@ const titleMap = new Map([['yesno', 'notify'], ['success', 'confirm'], ['warning
 const iconMap = new Map([['yesno', 'Info'], ['success', 'ApprovalFilled'], ['warning', 'Warning'], ['danger', 'Failed'], ['info', 'Info']]);
 const fadeInDown = animations.fadeInDown;
 const fadeOutUp = animations.fadeOutUp;
-const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Popup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   cancelProps,
   className,

package/components/progress/circular.js

@@ -121,7 +121,7 @@ const getDimension = (size, theme) => {
   }
 };
 const directionAngleMap = new Map([['top', -90], ['bottom', 90], ['right', 0], ['left', -180]]);
-const CircularProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const CircularProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   background: backgroundProp,
   circleRef,

package/components/progress/linear.js

@@ -249,7 +249,7 @@ Determinate.propTypes = {
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 export const DeterminateLinearProgress = /*#__PURE__*/memo(Determinate);
-const LinearProgress = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const LinearProgress = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   background,
   className,
   color,