diginet-core-ui 1.4.47-beta.13 → 1.4.47-beta.15

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

@@ -0,0 +1,13 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2232_72)">
+<path d="M12 20.0001L21 16.0001L12.3 14.1001C12 14.0001 11.7 14.0001 11.4 14.1001L8.8 15.2001C8.4 15.4001 8.2 15.7001 8.1 16.0001C8 16.4001 8.1 16.8001 8.3 17.1001L12 20.0001Z" fill="#2680EB"/>
+<path d="M38.9 14.1001C38.2 12.4001 33.8 12.7001 32.1 13.4001L8.1 23.6001C5.2 21.4001 6.1 22.1001 4.1 20.5001C3.7 20.2001 3.2 20.2001 2.8 20.3001L0.7 21.2001C0.4 21.3001 0.1 21.6001 0 22.0001C0 22.3001 0 22.7001 0.2 23.0001C1.9 26.0001 1.1 24.5001 4.2 30.1001C4.8 31.2001 6.1 31.6001 7.2 31.1001C9.3 30.2001 6.7 31.3001 16.3 27.2001C17.1 30.5001 16.5 27.9001 18.9 37.9001C19 38.3001 19.2 38.6001 19.6 38.7001C19.9 38.9001 20.3 38.9001 20.7 38.7001L23.3 37.6001C23.7 37.4001 23.9 37.1001 24 36.8001C27.5 24.8001 27 26.4001 28.3 22.1001L34.7 19.3001C36.4 18.7001 39.6 15.8001 38.9 14.1001Z" fill="#2680EB"/>
+<path d="M15.8002 7.50005V11C15.8002 11.4 16.1002 11.8 16.5002 12C23.3002 14.6 23.2002 14.6 23.5002 14.6C23.8002 14.6 23.7002 14.6 30.5002 12C30.9002 11.8 31.2002 11.5 31.2002 11V7.60005C31.2002 7.30005 30.9002 7.10005 30.6002 7.20005L24.0002 9.20005C23.7002 9.30005 23.3002 9.30005 23.0002 9.20005L16.4002 7.00005C16.1002 6.90005 15.8002 7.10005 15.8002 7.50005Z" fill="#FF8C00"/>
+<path d="M33.0002 3.20005L31.3002 2.60005L23.7002 4.88311e-05C23.5002 -0.0999512 23.3002 -0.0999512 23.1002 4.88311e-05L15.1002 2.80005L13.6002 3.30005C12.9002 3.60005 12.9002 4.60005 13.6002 4.90005L15.7002 5.60005L23.0002 8.10005C23.2002 8.20005 23.4002 8.20005 23.6002 8.10005L31.5002 5.60005L32.1002 5.40005V10.6C32.1002 11.1 32.5002 11.5 33.0002 11.5C33.5002 11.5 33.9002 11.1 33.9002 10.6V4.50005C34.0002 3.90005 33.6002 3.40005 33.0002 3.20005Z" fill="#FF8C00"/>
+</g>
+<defs>
+<clipPath id="clip0_2232_72">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,16 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2232_68)">
+<path d="M9.3998 15.3C7.5998 15.3 6.0998 13.8 6.0998 11.9C6.0998 10 7.5998 8.5 9.3998 8.5C11.1998 8.5 12.6998 10 12.6998 11.9C12.6998 13.8 11.1998 15.3 9.3998 15.3Z" fill="#FFC766"/>
+<path d="M14.0998 20.3H5.7998V16.8C5.8998 16.7 6.0998 16.6 6.1998 16.6C7.1998 16.2 7.8998 15.8 7.8998 15.8L8.6998 18.4L8.7998 18.7L9.1998 17.7C8.3998 16.5 9.2998 16.5 9.3998 16.5C9.5998 16.5 10.4998 16.6 9.5998 17.7L9.9998 18.7L10.0998 18.4L10.8998 15.8C10.8998 15.8 11.4998 16.2 12.5998 16.6C13.1998 16.8 13.4998 17.2 13.5998 17.8L13.7998 18.7C13.8998 18.9 13.8998 19.3 14.0998 20.3Z" fill="#FFC766"/>
+<path d="M4.9002 20.2001C4.9002 17.2001 4.9002 11.1001 4.9002 8.1001C4.9002 7.7001 4.9002 7.5001 5.4002 7.5001C8.4002 7.5001 11.4002 7.5001 14.4002 7.5001C14.7002 7.2001 15.0002 6.9001 15.3002 6.8001C15.5002 6.2001 15.8002 5.7001 16.1002 5.1001H4.3002C2.8002 5.1001 2.2002 5.7001 2.2002 7.2001C2.2002 11.3001 2.2002 18.8001 2.2002 22.8001C2.2002 23.5001 2.4002 23.7001 3.0002 23.7001C6.7002 23.7001 10.5002 23.7001 14.2002 23.7001C14.4002 22.7001 14.9002 21.9001 15.5002 21.2001H4.9002V20.2001Z" fill="#FF8C00"/>
+<path d="M14.1999 25.8V28.7001H2.29993C0.599928 28.7001 -0.300072 26.6 -7.21663e-05 24.8H10.1999C10.2999 25.8 10.9999 25.9 11.7999 25.9C12.5999 25.8 13.3999 25.8 14.1999 25.8Z" fill="#FF8C00"/>
+<path d="M26.6999 19.9C22.0999 19.9 18.3999 16.1 18.3999 11.4C18.3999 6.69998 22.1999 2.89998 26.7999 2.99998C31.3999 2.99998 35.0999 6.89998 35.0999 11.5C34.9999 16.2 31.2999 20 26.6999 19.9Z" fill="#2680EB"/>
+<path d="M38.9001 9.5C38.8001 8.4 38.1001 7.7 37.3001 7.5C36.8001 6 35.9001 4.6 34.7001 3.4C32.6001 1.2 29.7001 0 26.7001 0C23.7001 0 20.8001 1.2 18.7001 3.3C17.5001 4.5 16.6001 5.9 16.0001 7.5C15.3001 7.7 14.6001 8.4 14.5001 9.5C14.3001 10.8 14.3001 12.1 14.5001 13.4C14.6001 14.5 15.3001 15.2 16.0001 15.4C16.3001 15.5 16.6001 15.5 16.9001 15.4C17.2001 15.3 17.4001 15.2 17.5001 15C18.1001 14.5 18.3001 13.7 18.2001 12.9C18.1001 12 18.1001 11 18.2001 10.1C18.3001 9.3 18.0001 8.5 17.5001 8C18.0001 6.7 18.8001 5.5 19.8001 4.5C21.6001 2.6 24.1001 1.6 26.7001 1.6C29.3001 1.6 31.7001 2.7 33.6001 4.5C34.6001 5.5 35.3001 6.7 35.8001 7.9C35.3001 8.5 35.0001 9.3 35.1001 10C35.2001 10.9 35.2001 11.9 35.1001 12.8C35.0001 13.6 35.3001 14.4 35.8001 14.9C36.0001 15.1 36.2001 15.2 36.5001 15.3C36.8001 15.4 37.1001 15.4 37.4001 15.3C38.1001 15.1 38.8001 14.4 38.9001 13.3C39.1001 12.1 39.1001 10.8 38.9001 9.5Z" fill="#2680EB"/>
+<path d="M36.5 31.6V24.6C36.5 22.5001 34.8 20.8 32.7 20.8H19C16.9 20.8 15.2 22.5001 15.2 24.6V31.4H10.3C8.2 31.4 6.5 33.1001 6.5 35.2001C6.5 37.3001 8.2 39 10.3 39H35.2C37.3 39 39 37.3001 39 35.2001C39 33.6001 37.9 32.2 36.5 31.6Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_2232_68">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/components/accordion/details.js

@@ -7,7 +7,7 @@ import { boxBorder, overflowHidden, parseHeight, pointerEventsNone, positionRela
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const AccordionDetails = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const AccordionDetails = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/accordion/group.js

@@ -7,7 +7,7 @@ import { borderRadius, borderRadius4px } from "../../styles/general";
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
-const AccordionGroup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const AccordionGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/accordion/index.js

@@ -45,7 +45,7 @@ const handleTransition = (timer, el, beginHeight, endHeight = null) => {
     el.style.height = endHeight;
   }, duration);
 };
-const Accordion = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Accordion = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref$current;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

package/components/accordion/summary.js

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

package/components/alert/index.js

@@ -15,7 +15,7 @@ const primaryTypoMap = new Map([['tiny', 'typography.heading5'], ['small', 'typo
 const iconSizeMap = new Map([['tiny', 16], ['small', 20], ['medium', 24]]);
 const linearProgressSizeMap = new Map([['tiny', 2], ['small', 3], ['medium', 4]]);
 const transitionTime = 300;
-const Alert = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Alert = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/alert/notify.js

@@ -27,7 +27,7 @@ const positionHorizontalMap = new Map([['left', css`
         `], ['right', css`
             right: 15px;
         `]]);
-const Notify = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Notify = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/components/avatar/index.js

@@ -22,7 +22,7 @@ const checkFileType = (type, matchType) => {
     return new RegExp(matchType).test(type);
   }
 };
-const Avatar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Avatar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 
@@ -108,7 +108,7 @@ const Avatar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =>
     !!onRemove && onRemove();
   };
   const renderData = () => {
-    if (/*#__PURE__*/isValidElement(data)) return data;
+    if ( /*#__PURE__*/isValidElement(data)) return data;
     const info = Object.keys(data || {});
     if (info !== null && info !== void 0 && info.length) {
       return info.map((key, index) => {

package/components/badge/index.js

@@ -57,7 +57,7 @@ const calDotPos = (anchorOrigin, contentDirection, dotSize, hasContent, size) =>
     }
   }
 };
-const Badge = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/breadcrumb/index.js

@@ -14,7 +14,7 @@ import { classNames, getProp } from "../../utils";
 const sizeIconMap = new Map([['tiny', 16], ['small', 18], ['medium', 20]]);
 const sizeTypographyPMap = new Map([['tiny', 'p3'], ['small', 'p2'], ['medium', 'p1']]);
 const sizeTypographyHMap = new Map([['tiny', 'h5'], ['small', 'h4'], ['medium', 'h3']]);
-const Breadcrumb = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Breadcrumb = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/button/icon.js

@@ -48,7 +48,7 @@ const IconLoadingView = iconSize => {
     width: parseInt(iconSize)
   });
 };
-const ButtonIcon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   var _sizeMap$get, _sizeMap$get2;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

package/components/button/index.js

@@ -55,7 +55,7 @@ const typographySizeMap = new Map([['tiny', 'h5'], ['small', 'h5'], ['medium', '
 const minHeightSizeMap = new Map([['tiny', '24px'], ['small', '32px'], ['medium', '40px'], ['large', '48px'], ['giant', '56px']]);
 const minHeightSizeLinkMap = new Map([['tiny', '16px'], ['small', '20px'], ['medium', '24px'], ['large', '32px'], ['giant', '40px']]);
 const alphaLoading = 0.2;
-const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   var _iconSizeMap;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

package/components/button/more.js

@@ -9,7 +9,7 @@ import { bgColor, borderNone, cursorPointer, displayFlex, flexCol, flexRow, item
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const ButtonMore = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 
@@ -56,7 +56,7 @@ const ButtonMore = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference
   });
   const renderOptions = () => {
     return options.map((item, idx) => {
-      if (item !== null && item !== void 0 && item.hidden) return null;else if (/*#__PURE__*/isValidElement(item)) return item;else {
+      if (item !== null && item !== void 0 && item.hidden) return null;else if ( /*#__PURE__*/isValidElement(item)) return item;else {
         const icon = item === null || item === void 0 ? void 0 : item.icon;
         const label = item === null || item === void 0 ? void 0 : item.label;
         const action = () => {

package/components/button/ripple-effect.js

@@ -13,7 +13,7 @@ const useDebouncedRippleCleanUp = (rippleCount, duration, cleanUpFunction) => {
     return undefined;
   }, [rippleCount, duration, cleanUpFunction]);
 };
-const Ripple = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Ripple = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   duration = 850,
   color = 'system/standard',
   circular = false,

package/components/card/body.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, refType as ref } from "../../utils";
-const CardBody = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/card/extra.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, refType as ref } from "../../utils";
-const CardExtra = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/card/footer.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, refType as ref } from "../../utils";
-const CardFooter = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/card/header.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, refType as ref } from "../../utils";
-const CardHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/card/index.js

@@ -12,7 +12,7 @@ import { CardBody } from "./body";
 import { CardFooter } from "./footer";
 import CardHeader from "./header";
 import useThemeProps from "../../theme/utils/useThemeProps";
-const Card = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/chart/Pie/Circle.js

@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-const Circle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Circle = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   center,
   color,
   onMouseEnter,

package/components/chart/Pie/Sector.js

@@ -4,7 +4,7 @@ import { useRef, memo, forwardRef } from 'react';
 import PropTypes from "prop-types";
 import ReactDOM from 'react-dom';
 import { jsx, css } from '@emotion/core';
-const Sector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Sector = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   fill,
   strokeColor,
   strokeLinejoin,

package/components/chart/Pie/index.js

@@ -7,7 +7,7 @@ import { jsx, css } from '@emotion/core';
 import Circle from "./Circle";
 import Sectors from "./Sectors";
 import Sector from "./Sector";
-const PieChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   expandOnHover,
   renderSelectedItem,
   type,

package/components/chart/Pie-v2/Circle.js

@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-const Circle = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Circle = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   center,
   color,
   onMouseEnter,

package/components/chart/Pie-v2/Sector.js

@@ -3,7 +3,7 @@
 import { useRef, memo, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-const Sector = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Sector = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   fill,
   strokeColor,
   strokeLinejoin,

package/components/chart/Pie-v2/index.js

@@ -9,7 +9,7 @@ import { typography } from "../../../styles/typography";
 import Circle from "./Circle";
 import Sectors from "./Sectors";
 import Sector from "./Sector";
-const PieChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   expandOnHover,
   renderSelectedItem,
   // type,

package/components/chart/bar/Bar.js

@@ -5,7 +5,7 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import Labels from "./Labels";
 import { typography } from "../../../styles/typography";
-const Bars = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Bars = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   // barsOpacity,
   barsMargin,
   barsColor,

package/components/chart/bar/index.js

@@ -9,7 +9,7 @@ import Labels from "./Labels";
 import Grid from "./Grid";
 import Bars from "./Bar";
 import { randomString } from "../../../utils";
-const BarChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,
   labelsCountY,

package/components/chart/bar-v2/Bar.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import Labels from "./Labels";
 import { randomString } from "../../../utils";
 import { typography } from "../../../styles/typography";
-const Bars = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Bars = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   // barsOpacity,
   barsMargin,
   barsColor,

package/components/chart/bar-v2/index.js

@@ -9,7 +9,7 @@ import Labels from "./Labels";
 import Grid from "./Grid";
 import Bars from "./Bar";
 import { randomString } from "../../../utils";
-const BarChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,
   labelsCountY,

package/components/chart/line/index.js

@@ -10,7 +10,7 @@ import Points from "./Point";
 // import Title from './Title';
 import Path from "./Path";
 import { randomString } from "../../../utils";
-const LineChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const LineChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,
   labelsCountY,

package/components/chart/line-v2/index.js

@@ -10,7 +10,7 @@ import Points from "./Point";
 // import Title from './Title';
 import Path from "./Path";
 import { randomString } from "../../../utils";
-const BarChart = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,
   labelsCountY,

package/components/check-text/index.js

@@ -13,7 +13,7 @@ const colorNum = {
   option2: 2,
   option3: 3
 };
-const InterviewStatus = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const InterviewStatus = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   disabled,
   readOnly,
   chosen,

package/components/check-text/interview-confirmation.js

@@ -12,7 +12,7 @@ const colorNum = {
   Maybe: 1,
   No: 2
 };
-const InterviewConfirmation = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const InterviewConfirmation = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   disabled,
   readOnly,
   chosen,

package/components/check-text/interview-status.js

@@ -12,7 +12,7 @@ const colorNum = {
   Started: 1,
   Cancel: 2
 };
-const InterviewStatus = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const InterviewStatus = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   disabled,
   readOnly,
   chosen,

package/components/chip/index.js

@@ -15,7 +15,7 @@ const iconSizeMap = new Map([['small', `16px`], ['medium', `20px`], ['large', `2
 const typographySizeMap = new Map([['small', 'p3'], ['medium', 'p2'], ['large', 'p1']]);
 const paddingSizeMap = new Map([['small', `0px 6px`], ['medium', `0px 8px`], ['large', `0px 10px`]]);
 const minHeightSizeMap = new Map([['small', `20px`], ['medium', `24px`], ['large', `28px`]]);
-const Chip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/collapse/index.js

@@ -4,7 +4,7 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { displayBlock, parseWidthHeight, positionRelative } from "../../styles/general";
-const Collapse = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Collapse = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,
   className,
   id,

package/components/divider/index.js

@@ -8,7 +8,7 @@ import { bgColor, borderNone, flexShrink0, parseWidthHeight } from "../../styles
 import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
-const Divider = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Divider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -127,7 +127,7 @@ const handleDownload = (url, name, onDownload) => {
 const divideSizeMap = new Map([['B', 1], ['KB', 1024], ['MB', 1024 ** 2], ['GB', 1024 ** 3], ['TB', 1024 ** 4]]);
 const viewTypeIconMap = new Map([['detail', 'ListView'], ['icon', 'IconView'], ['picture', 'ModuleView']]);
 const viewTypeSwitchMap = new Map([['detail', 'icon'], ['icon', 'picture'], ['picture', 'detail']]);
-const Attachment = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Attachment = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -7,7 +7,7 @@ import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, date as moment } from "../../../utils";
 import { generateCalendarCSS, isAfterLimit, isBeforeLimit, isValidDate, onUpdateCalendar, renderHeader, renderNavigator } from "./function";
-const Calendar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   var _zoomLevel$get, _zoomLevel$get2;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

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

@@ -9,7 +9,7 @@ import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { getProp } from "../../../utils";
 import { generateCalendarCSS, isValidDate, onUpdateCalendar, renderHeader, renderNavigator } from "./function";
-const CalendarRange = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const CalendarRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -9,7 +9,7 @@ import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp, randomString, refType as ref } from "../../../utils";
 const padding = 0.75;
-const Checkbox = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

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

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { displayBlock, pointerEventsNone, positionRelative, textColor, userSelectNone } from "../../../styles/general";
 import { getProp } from "../../../utils";
 import { useTheme } from "../../../theme";
-const Control = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const Control = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,
   className,
   disabled,

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

@@ -14,7 +14,7 @@ import useDateInputState from "./useDateInputState";
 import useIsFocused from "./useIsFocused";
 import useKeyboardInputEvent from "./useKeyboardInputEvent";
 import { getInputSelectedState, isFieldFullValue, useEventCallback, useInputSelection, validateDateTime } from "./utils";
-const DateInput = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const DateInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

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

@@ -42,7 +42,7 @@ const parseValueToDate = valueProp => {
     return valueProp;
   }
 };
-const DatePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref, _pickerReturnFormat$g, _ipRef$current, _ipRef$current2;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

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

@@ -65,7 +65,7 @@ const isAfter = (max, time) => {
 const parseDate = day => {
   return Date.parse(new Date(day));
 };
-const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   // props priority: `inProps` > `themeDefaultProps`
   const props = useThemeProps({
     props: inProps,

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

@@ -7,7 +7,7 @@ import { getGlobal } from "../../../global";
 import PropTypes from 'prop-types';
 import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { animation, bgColor, border, borderBottom, borderBottomColor, borderColor, borderNone, borderRadius, bottom, boxBorder, breakWord, cursorDefault, cursorNotAllowed, cursorPointer, displayBlock, displayFlex, fill, flexRow, flexWrap, inset, insetX, invisible, italic, itemsCenter, justifyCenter, justifyStart, outlineNone, overflowAuto, overflowHidden, parseHeight, parseMaxHeight, parseMaxWidth, parseMinHeight, parseWidth, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, textColor, top, userSelectNone, z } from "../../../styles/general";
+import { animation, bgColor, border, borderBottom, borderBottomColor, borderColor, borderNone, borderRadius, bottom, boxBorder, breakWord, cursorDefault, cursorNotAllowed, cursorPointer, displayBlock, displayFlex, fill, flexRow, flexWrap, inset, insetX, invisible, italic, itemsCenter, justifyCenter, justifyStart, outlineNone, overflowScroll, overflowHidden, parseHeight, parseMaxHeight, parseMaxWidth, parseMinHeight, parseWidth, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, textColor, top, userSelectNone, z } from "../../../styles/general";
 import { useTheme } from "../../../theme";
 import useThemeProps from "../../../theme/utils/useThemeProps";
 import { classNames, getProp, isMobile, randomString } from "../../../utils";
@@ -47,7 +47,7 @@ const uniqBy = (arr, iteratee) => {
     return true;
   });
 };
-const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
+const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {
@@ -167,7 +167,8 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
   const _OverFlowPopoverCSS = OverFlowPopoverCSS(theme);
   const _IconCSS = IconCSS(viewType, theme);
   const _DropdownFormCSS = viewType === 'outlined' ? DropdownFormOutlinedCSS(disabled, readOnly, placeholder, theme) : DropdownFormCSS(viewType, multiple, disabled, readOnly, placeholder, _DropdownInputCSS.name, theme);
-  const _DropdownListCSS = DropdownListCSS(loadingState, theme);
+  const _DropdownListCSS = DropdownListCSS(theme);
+  const _DropdownBoxCSS = DropdownBoxCSS(loadingState, theme);
   const _DropdownItemCSS = DropdownItemCSS(multiple, selectBox, theme);
   const _DropdownRootCSS = DropdownRootCSS(_DropdownFormCSS.name, _DropdownInputCSS.name, theme);
   const _CheckBoxCSS = CheckBoxCSS(theme);
@@ -210,7 +211,8 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
       defaultValue: txtSearch,
       onChange: onChangeInput,
       style: {
-        marginBottom: 1
+        marginBottom: 1,
+        boxShadow: 'unset'
       },
       onKeyDown: pressESCHandler,
       readOnly: loadingState,
@@ -220,6 +222,7 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
                                 padding: ${spacing([2, 4])};
                             `
     }, getGlobal('selected'), " ", (valueMulti === null || valueMulti === void 0 ? void 0 : valueMulti.length) || 0, "/", maximumSelectionLength) : null, jsx("div", {
+      css: _DropdownBoxCSS,
       className: 'DGN-Dropdown-Box'
     }, dropdown), loadingState ? jsx("div", {
       css: LoadingProgressCSS,
@@ -1499,20 +1502,23 @@ const DropdownFormCSS = (viewType, multiple, disabled, readOnly, placeholder, Dr
         transition: all 0.2s ease;
     }
 `;
-const DropdownListCSS = (loading, {
-  colors,
-  spacing
+const DropdownListCSS = ({
+  colors
 }) => css`
     ${displayBlock};
     ${positionRelative};
     ${boxBorder};
     ${borderRadius(4)};
     ${parseWidth('100%')};
-    ${parseMaxHeight(280)};
-    ${loading ? overflowHidden : overflowAuto};
     ${bgColor(getProp(colors, 'system/standard'))};
-    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     ${z(1)};
+    ${overflowHidden}
+`;
+const DropdownBoxCSS = (loading, {
+  colors
+}) => css`
+    ${loading ? overflowHidden : overflowScroll};
+    ${parseMaxHeight(280)};
     &::-webkit-scrollbar {
         ${borderRadius(4)};
         ${parseWidth(24)};
@@ -1526,9 +1532,6 @@ const DropdownListCSS = (loading, {
         mix-blend-mode: normal;
         background-clip: content-box;
     }
-    .DGN-UI-TreeView {
-        padding: ${spacing([0.25])};
-    }
 `;
 const DropdownItemCSS = (multiple, selectBox, {
   colors,

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

@@ -10,7 +10,7 @@ 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) => {
+const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

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

@@ -4,7 +4,7 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { Children, forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';
 import { useTheme } from "../../../theme";
-const FormGroup = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
+const FormGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   fullWidth,
   oneHelperText,
   marginRight,