diginet-core-ui 1.3.79 → 1.3.80

package/components/chart/Pie/index.js

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { useState, useRef, useEffect, memo, forwardRef } from 'react';
-import PropTypes from "prop-types";
-import Typography from '../../typography';
+import PropTypes from 'prop-types';
+import Typography from "../../typography";
 import { jsx, css } from '@emotion/core';
 import Circle from "./Circle";
 import Sectors from "./Sectors";
@@ -36,7 +36,7 @@ const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
           code = code + makeColorCode[Math.floor(Math.random() * 16)];
         }
       } while (colors.indexOf(code) >= 0);
-      colors.push("#" + ("000000" + code.toString(16)).slice(-6));
+      colors.push('#' + ('000000' + code.toString(16)).slice(-6));
     }
     for (let i in data) {
       data[i].color = colors[i];
@@ -55,37 +55,37 @@ const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     return zoom;
   };
   const Pie = Donut ? css`
-        position: relative;
-        display: flex;
-        margin: 0 auto;
-        width: ${compare()}px;
-        height: ${compare()}px;
-        &:before{
-            content: '';
-            position: absolute;
-            display: block;
-            position: absolute;
-            display: flex;
-            top: 50%;
-            width: 50%;
-            height: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            border-radius: 50%;
-            background-color: #fff;
-        }
-    ` : css`
-        position: relative;
-        display: flex;
-        margin: 0 auto;
-        width: ${compare()}px;
-        height: ${compare()}px;
-    `;
+                      position: relative;
+                      display: flex;
+                      margin: 0 auto;
+                      width: ${compare()}px;
+                      height: ${compare()}px;
+                      &:before {
+                          content: '';
+                          position: absolute;
+                          display: block;
+                          position: absolute;
+                          display: flex;
+                          top: 50%;
+                          width: 50%;
+                          height: 50%;
+                          left: 50%;
+                          transform: translate(-50%, -50%);
+                          border-radius: 50%;
+                          background-color: #fff;
+                      }
+                  ` : css`
+                      position: relative;
+                      display: flex;
+                      margin: 0 auto;
+                      width: ${compare()}px;
+                      height: ${compare()}px;
+                  `;
   const PieMini = css`
-        border-radius: 100%;
-        width: ${ZoomIn()}px;
-        height: ${ZoomIn()}px;
-    `;
+                border-radius: 100%;
+                width: ${ZoomIn()}px;
+                height: ${ZoomIn()}px;
+            `;
   const total = data.reduce((prev, current) => current.quantity + prev, 0);
   const center = viewBoxSize / 2;
   const dataWithValue = data.filter(d => d.quantity > 0);
@@ -134,12 +134,12 @@ const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   };
   useEffect(() => {
     if (direction === 'bottom' && viewData) {
-      document.getElementById(`DGN-CUI-Container-PieChart`).style.display = "inherit";
-      document.getElementById(`DGN-CUI-TableData-PieChart`).style.display = "flex";
+      document.getElementById(`DGN-CUI-Container-PieChart`).style.display = 'inherit';
+      document.getElementById(`DGN-CUI-TableData-PieChart`).style.display = 'flex';
     }
     if (direction === 'left' && viewData) {
-      document.getElementById(`DGN-CUI-Container-PieChart`).style.position = "relative";
-      document.getElementById(`DGN-CUI-TableData-PieChart`).style.position = "fixed";
+      document.getElementById(`DGN-CUI-Container-PieChart`).style.position = 'relative';
+      document.getElementById(`DGN-CUI-TableData-PieChart`).style.position = 'fixed';
     }
   }, [direction, viewData]);
   return jsx("div", {
@@ -170,7 +170,6 @@ const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     x: "50%",
     y: "50%",
     textAnchor: "middle",
-    background: "#fff",
     dy: ".3em"
   }, "0%"))), viewData ? jsx("ul", {
     id: `DGN-CUI-TableData-PieChart`,

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

@@ -3,10 +3,10 @@
 /** @jsx jsx */
 import { useState } from 'react';
 import PropTypes from 'prop-types';
-import Sector from './Sector';
+import Sector from "./Sector";
 import { jsx, css } from '@emotion/core';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Sectors = ({
   center,
   data,

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

@@ -3,12 +3,12 @@
 import { useState, useRef, memo, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import Typography from '../../typography';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
-import Circle from './Circle';
-import Sectors from './Sectors';
-import Sector from './Sector';
+import Typography from "../../typography";
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
+import Circle from "./Circle";
+import Sectors from "./Sectors";
+import Sector from "./Sector";
 const PieChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   expandOnHover,
   renderSelectedItem,

package/components/chart/bar/Bar.js

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

package/components/chart/bar/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,
@@ -75,7 +75,6 @@ const Labels = ({
     }, labelsFormatX(point.name))) : data.map((point, x) => jsx("foreignObject", {
       key: x,
       css: Label,
-      fill: labelsColor,
       x: getX(point.x + unitWidth / TiLe()),
       y: getY(0) + labelsHeightX,
       width: "40",

package/components/chart/bar/index.js

@@ -3,12 +3,12 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Points from './Points';
-import Labels from './Labels';
-import Grid from './Grid';
-import Bars from './Bar';
-import { randomString } from '../../../utils';
+import Axis from "./Axis";
+import Points from "./Points";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Bars from "./Bar";
+import { randomString } from "../../../utils";
 const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

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

@@ -3,9 +3,9 @@
 import { memo, useRef, forwardRef, useState } from 'react';
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
-import Labels from './Labels';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import Labels from "./Labels";
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Bars = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   // barsOpacity,
   barsMargin,

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

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,
@@ -75,7 +75,6 @@ const Labels = ({
     }, labelsFormatX(point.name))) : data.map((point, x) => jsx("foreignObject", {
       key: x,
       css: Label,
-      fill: labelsColor,
       x: getX(point.x + unitWidth / TiLe()),
       y: getY(0) + labelsHeightX,
       width: "40",

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

@@ -3,12 +3,12 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Points from './Points';
-import Labels from './Labels';
-import Grid from './Grid';
-import Bars from './Bar';
-import { randomString } from '../../../utils';
+import Axis from "./Axis";
+import Points from "./Points";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Bars from "./Bar";
+import { randomString } from "../../../utils";
 const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

package/components/chart/line/Labels.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,
@@ -73,7 +73,6 @@ const Labels = ({
     }, labelsFormatX(point.name))) : data.map((point, x) => jsx("foreignObject", {
       key: x,
       css: Label,
-      fill: labelsColor,
       x: getX(point.x + unitWidth / TiLe()),
       y: getY(0) + labelsHeightX,
       width: "40",

package/components/chart/line/Path.js

@@ -3,7 +3,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { color as colors } from '../../../styles/colors';
+import { color as colors } from "../../../styles/colors";
 const Path = ({
   data,
   getX,

package/components/chart/line/Point.js

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { typography } from '../../../styles/typography';
-import { color as colors } from '../../../styles/colors';
+import { typography } from "../../../styles/typography";
+import { color as colors } from "../../../styles/colors";
 const Points = ({
   data,
   getX,

package/components/chart/line/Title.js

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import Typography from '../../typography';
+import Typography from "../../typography";
 const Title = ({
   data
 }) => {

package/components/chart/line/index.js

@@ -3,13 +3,13 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Labels from './Labels';
-import Grid from './Grid';
-import Points from './Point';
+import Axis from "./Axis";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Points from "./Point";
 // import Title from './Title';
-import Path from './Path';
-import { randomString } from '../../../utils';
+import Path from "./Path";
+import { randomString } from "../../../utils";
 const LineChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

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

@@ -3,8 +3,8 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../../theme/settings';
-import { typography } from '../../../styles/typography';
+import theme from "../../../theme/settings";
+import { typography } from "../../../styles/typography";
 const Labels = ({
   getX,
   getY,
@@ -73,7 +73,6 @@ const Labels = ({
     }, labelsFormatX(point.name))) : data.map((point, x) => jsx("foreignObject", {
       key: x,
       css: Label,
-      fill: labelsColor,
       x: getX(point.x + unitWidth / TiLe()),
       y: getY(0) + labelsHeightX,
       width: "40",

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

@@ -4,8 +4,8 @@
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { randomString } from '../../../utils';
-import { typography } from '../../../styles/typography';
+import { randomString } from "../../../utils";
+import { typography } from "../../../styles/typography";
 const Points = ({
   data,
   getX,

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

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
-import Typography from '../../typography';
+import Typography from "../../typography";
 const Title = ({
   data
 }) => {

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

@@ -3,13 +3,13 @@
 import PropTypes from 'prop-types';
 import { memo, forwardRef } from 'react';
 import { jsx } from '@emotion/core';
-import Axis from './Axis';
-import Labels from './Labels';
-import Grid from './Grid';
-import Points from './Point';
+import Axis from "./Axis";
+import Labels from "./Labels";
+import Grid from "./Grid";
+import Points from "./Point";
 // import Title from './Title';
-import Path from './Path';
-import { randomString } from '../../../utils';
+import Path from "./Path";
+import { randomString } from "../../../utils";
 const BarChart = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   labelsVisible,
   labelsCharacterWidth,

package/components/check-text/index.js

@@ -3,8 +3,8 @@
 import { memo, useEffect, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import Typography from '../typography';
+import theme from "../../theme/settings";
+import Typography from "../typography";
 const color = [`${theme.colors.info}`, `${theme.colors.success}`, `${theme.colors.warning}`, `${theme.colors.danger}`];
 const colorNum = {
   option0: 0,

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

@@ -3,8 +3,8 @@
 import { memo, useMemo, useEffect, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import Typography from '../typography';
+import theme from "../../theme/settings";
+import Typography from "../typography";
 const color = [`${theme.colors.warning}`, `${theme.colors.success}`, `${theme.colors.danger}`];
 const colorNum = {
   Yes: 0,

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

@@ -3,8 +3,8 @@
 import { memo, useMemo, useEffect, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import Typography from '../typography';
+import theme from "../../theme/settings";
+import Typography from "../typography";
 const color = [`${theme.colors.warning}`, `${theme.colors.success}`, `${theme.colors.danger}`];
 const colorNum = {
   Scheduled: 0,

package/components/chip/attach.js

@@ -3,10 +3,10 @@
 import { Fragment, memo, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import Chip from './';
-import { Pdf, Word, Sheet, Presentation, Image, Compressed, Another } from '../../icons';
-import { capitalize, getFileType } from '../../utils';
-import { ButtonIcon, ModalSample, Slider, SliderItem } from '../';
+import Chip from "./";
+import { Pdf, Word, Sheet, Presentation, Image, Compressed, Another } from "../../icons";
+import { capitalize, getFileType } from "../../utils";
+import { ButtonIcon, ModalSample, Slider, SliderItem } from "../";
 const FileTypeIcon = {
   Pdf,
   Word,

package/components/chip/index.js

@@ -3,11 +3,11 @@
 import { memo, useRef, forwardRef, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { ButtonIcon, Typography } from '../';
-import Icon from '../../icons';
-import { alignCenter, border, borderBox, flexRow, inlineFlex, justifyCenter, positionRelative, userSelectNone, cursorNotAllowed, positionAbsolute, overflowHidden } from '../../styles/general';
-import { hexToRGBA } from '../../styles/color-helper';
-import { useTheme, useColor as colors } from '../../theme';
+import { ButtonIcon, Typography } from "../";
+import Icon from "../../icons";
+import { alignCenter, border, borderBox, flexRow, inlineFlex, justifyCenter, positionRelative, userSelectNone, cursorNotAllowed, positionAbsolute, overflowHidden } from "../../styles/general";
+import { hexToRGBA } from "../../styles/color-helper";
+import { useTheme, useColor as colors } from "../../theme";
 const {
   colors: {
     danger,

package/components/collapse/index.js

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

package/components/divider/index.js

@@ -3,8 +3,8 @@
 import { memo, useMemo, useEffect, useRef, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import { noBorder } from '../../styles/general';
-import { color as colors } from '../../styles/colors';
+import { noBorder } from "../../styles/general";
+import { color as colors } from "../../styles/colors";
 const {
   system: {
     disabled: systemDisabled

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

@@ -4,12 +4,12 @@ import { memo, useMemo, useEffect, useState, useRef, forwardRef, useImperativeHa
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { jsx, css } from '@emotion/core';
-import { ModalSample, Popup, Popover, List, ListItem, ListItemText, Slider, SliderItem, ScrollBar, LinearProgress, ButtonIcon, Notify } from '../../';
-import { Pdf, Word, Sheet, Presentation, Compressed, Image, Another, View, Download, Delete, Attachment as AttachmentIcon } from '../../../icons';
-import { classNames, date as moment, getFileType } from '../../../utils';
-import { getGlobal } from '../../../global';
-import { useTheme, makeStyles } from '../../../theme';
-import { alignCenter, border, borderBox, borderRadius4px, breakWord, cursorPointer, displayBlock, displayInlineBlock, displayNone, ellipsis, flexCol, flexRow, flexWrap, justifyBetween, justifyCenter, justifyStart, parseHeight, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, textCenter, textUppercase, userSelectNone } from '../../../styles/general';
+import { ModalSample, Popup, Popover, List, ListItem, ListItemText, Slider, SliderItem, ScrollBar, LinearProgress, ButtonIcon, Notify } from "../../";
+import { Pdf, Word, Sheet, Presentation, Compressed, Image, Another, View, Download, Delete, Attachment as AttachmentIcon } from "../../../icons";
+import { classNames, date as moment, getFileType } from "../../../utils";
+import { getGlobal } from "../../../global";
+import { useTheme, makeStyles } from "../../../theme";
+import { alignCenter, border, borderBox, borderRadius4px, breakWord, cursorPointer, displayBlock, displayInlineBlock, displayNone, ellipsis, flexCol, flexRow, flexWrap, justifyBetween, justifyCenter, justifyStart, parseHeight, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative, textCenter, textUppercase, userSelectNone } from "../../../styles/general";
 const theme = useTheme();
 const {
   colors: {

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

@@ -3,14 +3,14 @@
 
 import { css, jsx } from '@emotion/core';
 import { render } from 'react-dom';
-import { Button, ButtonIcon, Typography } from '../..';
-import { getGlobal } from '../../../global';
-import locale from '../../../locale';
-import theme from '../../../theme/settings';
-import { date as moment } from '../../../utils';
-import { color as colors } from '../../../styles/colors';
-import { typography } from '../../../styles/typography';
-import { alignCenter, border, borderBox, borderRadius4px, cursorPointer, flexCol, flexRow, inlineFlex, justifyBetween, pointerEventsNone, positionAbsolute, positionRelative, textCenter, userSelectNone } from '../../../styles/general';
+import { Button, ButtonIcon, Typography } from "../..";
+import { getGlobal } from "../../../global";
+import locale from "../../../locale";
+import theme from "../../../theme/settings";
+import { date as moment } from "../../../utils";
+import { color as colors } from "../../../styles/colors";
+import { typography } from "../../../styles/typography";
+import { alignCenter, border, borderBox, borderRadius4px, cursorPointer, flexCol, flexRow, inlineFlex, justifyBetween, pointerEventsNone, positionAbsolute, positionRelative, textCenter, userSelectNone } from "../../../styles/general";
 const {
   heading6
 } = typography;

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

@@ -4,8 +4,8 @@
 import { jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { date as moment } from '../../../utils';
-import { isAfterLimit, isBeforeLimit, onUpdateCalendar, renderHeader, renderNavigator, isValidDate, generateCalendarCSS } from './function';
+import { date as moment } from "../../../utils";
+import { isAfterLimit, isBeforeLimit, onUpdateCalendar, renderHeader, renderNavigator, isValidDate, generateCalendarCSS } from "./function";
 const Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   actions,
   className,

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

@@ -4,9 +4,9 @@
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { Divider } from '../..';
-import theme from '../../../theme/settings';
-import { generateCalendarCSS, isValidDate, onUpdateCalendar, renderHeader, renderNavigator } from './function';
+import { Divider } from "../..";
+import theme from "../../../theme/settings";
+import { generateCalendarCSS, isValidDate, onUpdateCalendar, renderHeader, renderNavigator } from "./function";
 const CalendarRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   actions,
   defaultValue,

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

@@ -3,11 +3,11 @@
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useEffect, useRef, useState, useImperativeHandle, Fragment } from 'react';
-import { Typography } from '../..';
-import { alignCenter, alignStart, borderBox, cursorPointer, displayBlock, flexRow, positionAbsolute, positionRelative, cursorNoDrop, parseWidthHeight, border } from '../../../styles/general';
-import { classNames, randomString, refType as ref } from '../../../utils';
-import { color as colors } from '../../../styles/colors';
-import theme from '../../../theme/settings';
+import { Typography } from "../..";
+import { alignCenter, alignStart, borderBox, cursorPointer, displayBlock, flexRow, positionAbsolute, positionRelative, cursorNoDrop, parseWidthHeight, border } from "../../../styles/general";
+import { classNames, randomString, refType as ref } from "../../../utils";
+import { color as colors } from "../../../styles/colors";
+import theme from "../../../theme/settings";
 const {
   colors: {
     system: {

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

@@ -4,8 +4,8 @@
 import { forwardRef, memo, useImperativeHandle, useLayoutEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
-import { displayBlock, pointerEventsNone, positionRelative, userSelectNone } from '../../../styles/general';
-import { color as colors } from '../../../styles/colors';
+import { displayBlock, pointerEventsNone, positionRelative, userSelectNone } from "../../../styles/general";
+import { color as colors } from "../../../styles/colors";
 const {
   semantic: {
     danger

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

@@ -5,16 +5,16 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { render } from 'react-dom';
-import { getGlobal } from '../../../global';
-import { date as moment, capitalizeSentenceCase, randomString, updatePosition } from '../../../utils';
-import CalendarComp from '../calendar';
-import ControlComp from '../control';
-import { ButtonIcon, HelperText, InputBase, Label } from '../../index';
-import Button from '../../button';
-import Tooltip from '../../tooltip';
-import { isValidDate } from '../calendar/function';
-import { alignCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexRow, justifyEnd, parseWidth, positionFixed } from '../../../styles/general';
-import theme from '../../../theme/settings';
+import { getGlobal } from "../../../global";
+import { date as moment, capitalizeSentenceCase, randomString, updatePosition } from "../../../utils";
+import CalendarComp from "../calendar";
+import ControlComp from "../control";
+import { ButtonIcon, HelperText, InputBase, Label } from "../../index";
+import Button from "../../button";
+import Tooltip from "../../tooltip";
+import { isValidDate } from "../calendar/function";
+import { alignCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexRow, justifyEnd, parseWidth, positionFixed } from "../../../styles/general";
+import theme from "../../../theme/settings";
 const {
   colors: {
     system: {