diginet-core-ui 1.4.58-beta.1 → 1.4.58

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, 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 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: ['sentence']
+    format: ['lowercase']
   }))), 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) && !value) {
+    if (defaultValue && defaultValue !== '' && isValidDate(defaultValue)) {
       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,7 +752,6 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
     }
     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)) {

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

@@ -48,7 +48,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 {