diginet-core-ui 1.4.57 → 1.4.58-beta.1.1

package/assets/images/menu/dhr/MHRP29N0035.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_2445_39)">
+<path d="M27.9999 32.8V26C27.9999 24.9 27.0999 24 25.9999 24H12.9999C11.8999 24 10.9999 24.9 10.9999 26V32.8C9.19988 32.2 7.89988 30.4 8.19988 28.4L9.09988 22.4C9.39988 20.5 11.0999 19 13.0999 19H25.8999C27.8999 19 29.5999 20.4 29.8999 22.4L30.7999 28.4C31.0999 30.4 29.7999 32.3 27.9999 32.8Z" fill="#2680EB"/>
+<path d="M19.5002 17.8C22.4002 17.8 24.8002 15.4 24.8002 12.4C24.8002 9.4 22.4002 7 19.5002 7C16.6002 7 14.2002 9.5 14.2002 12.4C14.2002 15.4 16.6002 17.8 19.5002 17.8Z" fill="#2680EB"/>
+<path d="M26 25H13C12.5 25 12 25.5 12 26V34C12 34.5 12.5 35 13 35H26C26.5 35 27 34.5 27 34V26C27 25.5 26.5 25 26 25ZM19.5 31.5C18.7 31.5 18 30.8 18 30C18 29.2 18.7 28.5 19.5 28.5C20.3 28.5 21 29.2 21 30C21 30.8 20.3 31.5 19.5 31.5Z" fill="#FF8C00"/>
+<path d="M37.8 13.4L21.9 0.700024C20.8 -0.199976 19.1 -0.199976 18 0.700024L11.3 5.80002V4.20002C11.3 3.00002 10.3 2.00002 9.1 2.00002H6.1C4.9 2.00002 3.9 3.00002 3.9 4.20002V11.1C3.9 11.2 3.9 11.2 3.9 11.3L1.2 13.3C0.5 14 0 15 0 16V35.8C0 37.5 1.4 39 3.2 39H35.8C37.6 39 39 37.5 39 35.8V15.9C39 14.9 38.6 14 37.8 13.4ZM6.4 4.40002H8.9V7.50002L6.4 9.50002V4.40002ZM36.5 35.8C36.5 36.2 36.2 36.6 35.8 36.6H3.2C2.8 36.6 2.5 36.3 2.5 35.8V16C2.5 15.8 2.6 15.5 2.8 15.4L5.6 13.3L8.7 10.9L8.9 10.7L11.4 8.80002L19.5 2.60002C19.6 2.50002 19.8 2.50002 19.9 2.50002C20.1 2.50002 20.2 2.50002 20.4 2.70002L36.3 15.4C36.5 15.5 36.6 15.8 36.6 16V35.8H36.5Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_2445_39">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,14 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2445_40)">
+<path d="M21.8 20.7C20.5 21.8 19.4 23.3 18.8 25C18.8 25.1 18.8 25.1 18.7 25.2H9.90003C8.90003 25.2 8.10003 26 8.10003 27V33.0999C6.40003 32.5999 5.30003 30.9 5.60003 29.1L6.40003 23.7C6.70003 21.9 8.20003 20.7 9.90003 20.7H21.3C21.5 20.7 21.7 20.7 21.8 20.7Z" fill="#2680EB"/>
+<path d="M15.6999 19.6C18.2999 19.6 20.3999 17.4 20.3999 14.8C20.3999 12.1 18.2999 10 15.5999 10C12.9999 10 10.8999 12.2 10.8999 14.8C10.8999 17.5 13.0999 19.7 15.6999 19.6Z" fill="#2680EB"/>
+<path d="M18 29C18 28 18.1 27 18.4 26.1H9.9C9.4 26.1 9 26.5 9 27V34.1C9 34.6 9.4 35 9.9 35H19.8C18.7 33.3 18 31.2 18 29ZM15.7 31.9C15 31.9 14.4 31.3 14.4 30.6C14.4 29.8 15 29.3 15.7 29.3C16.4 29.3 17 29.9 17 30.6C17 31.3 16.4 31.9 15.7 31.9Z" fill="#FF8C00"/>
+<path d="M37.8 13.4L21.9 0.700024C20.8 -0.199976 19.1 -0.199976 18 0.700024L11.3 5.80002V4.20002C11.3 3.00002 10.3 2.00002 9.1 2.00002H6.1C5 2.00002 4 3.00002 4 4.20002V11.1C4 11.2 4 11.3 4 11.3L1.3 13.3C0.5 14 0 15 0 16V35.8C0 37.6 1.4 39 3.2 39H24.4C23.1 38.4 21.9 37.6 21 36.5H3.2C2.8 36.5 2.5 36.2 2.5 35.7V16C2.5 15.7 2.6 15.5 2.8 15.4L5.6 13.3L8.7 10.9L8.9 10.7L11.4 8.80002L19.6 2.60002C19.7 2.50002 19.9 2.40002 20 2.40002C20.2 2.40002 20.3 2.50002 20.5 2.60002L36.4 15.3C36.6 15.4 36.7 15.7 36.7 15.9V20.9C37.7 21.9 38.6 23.1 39.2 24.3V15.8C39 14.9 38.6 14 37.8 13.4ZM8.9 7.60002L6.4 9.50002V4.50002H8.9V7.60002Z" fill="#2680EB"/>
+<path d="M34.4 20.6C32.8 19.6 31 19 29 19C28.5 19 28.1 19 27.7 19.1C26.9 19.2 26 19.4 25.3 19.7C24.9 19.9 24.4 20.1 24 20.3C22 21.4 20.5 23.2 19.7 25.3C19.2 26.5 19 27.7 19 29C19 34.5 23.5 39 29 39C34.5 39 39 34.5 39 29C39 25.5 37.1 22.3 34.4 20.6ZM35.2 25.8L29.3 33.8C29 34.3 28.4 34.6 27.8 34.6H27.7C27.2 34.6 26.6 34.4 26.3 34L22.8 30.2C22.3 29.6 22.3 28.7 22.9 28.1C23.2 27.8 23.5 27.7 23.9 27.7C24.3 27.7 24.7 27.9 25 28.2L27.5 30.9L27.6 31C27.7 31 27.7 31 27.7 30.9L32.7 24.1C33 23.7 33.4 23.5 33.9 23.5C34.2 23.5 34.5 23.6 34.8 23.8C35.6 24.2 35.7 25.1 35.2 25.8Z" fill="#1CA261"/>
+</g>
+<defs>
+<clipPath id="clip0_2445_40">
+<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();
 
@@ -58,7 +58,7 @@ const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
   });
   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 className = (item === null || item === void 0 ? void 0 : item.className) || '';

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 {
@@ -1442,17 +1442,17 @@ Attachment.propTypes = {
   allowSort: PropTypes.bool,
   /** Class for component. */
   className: PropTypes.string,
-  /** List attachment:<br />
-   * [{<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"AttachmentID": "ATT2U8O7YPTF1KSNCW3X",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"URL": "https://apricot.diginet.com.vn/cdn-dev/file/demo.jpg",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"FileName": "8a07bee1eeff17a14eee.jpg",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"FileSize": 248837,<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"KeyID": "W39OAD3YGLCWAQKV1D6PGEKNW4RLGVTZTUWLYEVFQ2QG8AOCXW",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"CreateUserID": "LEMONADMIN",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"CreateDate": "2020-08-24T11:54:04.307Z",<br />
-   * &nbsp;&nbsp;&nbsp;&nbsp;"UserName": "Quản trị hệ thống"<br />
-   * }, ...]
+  /** List attachment:<br />
+   * [{<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"AttachmentID": "ATT2U8O7YPTF1KSNCW3X",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"URL": "https://apricot.diginet.com.vn/cdn-dev/file/demo.jpg",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"FileName": "8a07bee1eeff17a14eee.jpg",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"FileSize": 248837,<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"KeyID": "W39OAD3YGLCWAQKV1D6PGEKNW4RLGVTZTUWLYEVFQ2QG8AOCXW",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"CreateUserID": "LEMONADMIN",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"CreateDate": "2020-08-24T11:54:04.307Z",<br />
+   * &nbsp;&nbsp;&nbsp;&nbsp;"UserName": "Quản trị hệ thống"<br />
+   * }, ...]
    */
   data: PropTypes.array,
   /** The message to display when deleting files. */
@@ -1483,16 +1483,16 @@ Attachment.propTypes = {
   onChange: PropTypes.func,
   /** Download attached event, if not it will use default. */
   onDownload: PropTypes.func,
-  /**
-   * event when removed file(s)
-   *
-   * return data: {<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;attached: [Files] (insist old and all new files )<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;allNewAttached: [Files]<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;oldAttached: [Files]<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;removedAttached: [Files]<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;element: [NodeList (just removed)]<br/>
-   * }
+  /**
+   * event when removed file(s)
+   *
+   * return data: {<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;attached: [Files] (insist old and all new files )<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;allNewAttached: [Files]<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;oldAttached: [Files]<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;removedAttached: [Files]<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;element: [NodeList (just removed)]<br/>
+   * }
    */
   onRemove: PropTypes.func,
   /** View attached event, if not it will use default. */

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

@@ -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();
@@ -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/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

@@ -64,7 +64,7 @@ const getDateFormats = (locale, minZoom) => {
   }
   return formatMap.get(minZoom);
 };
-const DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const DatePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _getDateFormats, _pickerReturnFormat$g, _ipRef$current, _ipRef$current2;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

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

@@ -66,7 +66,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) => {
   var _periodOptions$dataSo;
   // props priority: `inProps` > `themeDefaultProps`
   const props = useThemeProps({
@@ -752,6 +752,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     }
     ipRef.current && ipRef.current.blur();
     updateTempValues([]);
+    setOpenState(false);
   };
   const onClickOutside = e => {
     if (ipConRef.current && !ipConRef.current.contains(e.target) && ipRef.current && !ipRef.current.contains(e.target) && pickerRef.current && !pickerRef.current.contains(e.target)) {