diginet-core-ui 1.4.47-beta.1 → 1.4.47-beta.2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/form-view/input.js

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

package/components/grid/index.js

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

package/components/image/index.js

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

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

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

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

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

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

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

package/components/list/list-item.js

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

package/components/list/list.js

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

package/components/list/sub-header.js

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

package/components/modal/body.js

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

package/components/modal/footer.js

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

package/components/modal/header.js

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

package/components/modal/index.js

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

package/components/modal/modal.js

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

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

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

package/components/paging/page-info.js

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

package/components/paging/page-selector.js

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

package/components/paper/index.js

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

package/components/popover/body.js

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

package/components/popover/footer.js

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

package/components/popover/header.js

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

package/components/popover/index.js

@@ -106,7 +106,7 @@ const getDirectionPopover = direction => {
       };
   }
 };
-const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
   const {

package/components/popup/index.js

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

package/components/popup/v2/index.js

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

package/components/progress/circular.js

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

package/components/progress/linear.js

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

package/components/rating/index.js

@@ -7,7 +7,7 @@ import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useMemo, us
 import { bgColor, border, borderColor, cursorPointer, displayInlineFlex, flexRow, flexRowReverse, itemsCenter, outlineNone, overflowHidden, parseWidth, pointerEventsNone, positionAbsolute, positionRelative, textColor } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { classNames, getProp, hexToRGBA, randomString } from "../../utils";
-const Rating = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Rating = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   id,
   disabled,
   readOnly,

package/components/skeleton/index.js

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

package/components/slider/slider-container.js

@@ -22,7 +22,7 @@ const styles = {
     transform: 'translate(0, -50%)'
   }
 };
-const SliderContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const SliderContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   animation,
   active,
   autoChangeTime,

package/components/slider/slider-item.js

@@ -25,7 +25,7 @@ const checkURL = link => {
   }
   return link;
 };
-const SliderItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const SliderItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   active,
   animation,
   fileName,

package/components/status/index.js

@@ -12,7 +12,7 @@ const colorMap = new Map([['default', 'system/rest']]);
 const iconSizeMap = new Map([['small', '16px'], ['medium', '20px'], ['large', '24px']]);
 const typographySizeMap = new Map([['small', 'p3'], ['medium', 'p2'], ['large', 'p1']]);
 const filledPaddingSizeMap = new Map([['small', [0.5, 2]], ['medium', [0.5, 2]], ['large', [0.5, 3]]]);
-const Status = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Status = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   className,
   color: colorProp,

package/components/tab/tab-container.js

@@ -8,7 +8,7 @@ import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import TabContext from "./context";
 const typographyByLevelMap = new Map([['level1', 'h3'], ['level2', 'p1']]);
-const TabContainer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabContainer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tab/tab-header.js

@@ -9,7 +9,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames } from "../../utils";
 import TabContext from "./context";
-const TabHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabHeader = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref$current, _ref$current2;
   if (!reference) reference = useRef(null);
 

package/components/tab/tab-panel.js

@@ -8,7 +8,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
 import TabContext from "./context";
-const TabPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabPanel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tab/tab.js

@@ -10,7 +10,7 @@ import { useTheme } from "../../theme";
 import useThemeProps from "../../theme/utils/useThemeProps";
 import { classNames, getProp } from "../../utils";
 import TabContext from "./context";
-const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TabItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
 
   // props priority: `inProps` > `themeDefaultProps`

package/components/tooltip/index.js

@@ -38,7 +38,7 @@ const parseAlignMode = alignMode => {
   }
   return 'middle';
 };
-const Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Tooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action = {},
   alignMode,
   arrow,

package/components/transfer/index.js

@@ -8,7 +8,7 @@ import { Fragment, forwardRef, memo, useMemo, useRef, useState } from 'react';
 import { bgColor, borderRadius, boxBorder, displayBlock, displayFlex, displayInlineFlex, flexCol, itemsCenter, justifyCenter, objectCover, parseMinHeight, parseWidth, parseWidthHeight, positionRelative, positionSticky, shadowSmall, top, z } from "../../styles/general";
 import { useTheme } from "../../theme";
 import { capitalize, classNames, getProp } from "../../utils";
-const Transfer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const Transfer = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   choicesList,
   chosenList,
   selectAll,

package/components/tree-view/index.js

@@ -13,7 +13,7 @@ import { classNames, getProp, mapParent, randomString, removeUnicode } from "../
 const separatorPattern = /\{\w+\}/g;
 const currentValue = {},
   itemsRenderAsync = {};
-const TreeView = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _value3;
   if (!reference) reference = useRef(null);
   const theme = useTheme();

package/components/typography/index.js

@@ -11,7 +11,7 @@ import { classNames, getProp, renderHTML } from "../../utils";
 const colorMap = new Map([['default', 'text/main']]);
 const formatMap = new Map([['capitalize', textCapitalize], ['uppercase', textUppercase], ['lowercase', textLowercase], ['italic', italic], ['line-through', textLineThrough], ['underline', textUnderline], ['sentence', textSentence]]);
 const isTextClamped = elm => (elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > (elm === null || elm === void 0 ? void 0 : elm.clientHeight);
-const Typography = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Typography = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   var _ref$current;
   // props priority: `inProps` > `themeDefaultProps`
   const props = useThemeProps({

package/icons/basic.js

@@ -2054,6 +2054,37 @@ export const Download = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const DragHandle = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  if (viewBox) {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: width || 24,
+      height: height || 24,
+      viewBox: "0 0 24 24",
+      fill: "none"
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4 9H20V11H4V9ZM20 15H4V13H20V15Z",
+      fill: fillColor(color)
+    }));
+  }
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width || 16,
+    height: height || 6,
+    viewBox: "0 0 16 6",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H16V2H0V0ZM16 6H0V4H16V6Z",
+    fill: fillColor(color)
+  }));
+});
 export const Deny = /*#__PURE__*/memo(({
   width,
   height,
@@ -3234,6 +3265,30 @@ export const LibraryBooks = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const Library = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M15 5C15 6.66 13.66 8 12 8C10.34 8 9 6.66 9 5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5ZM3 8C6.48 8 9.64 9.35 12 11.55C14.36 9.35 17.52 8 21 8V19C17.52 19 14.36 20.36 12 22.55C9.64 20.35 6.48 19 3 19V8Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 18,
+    height: height || 21,
+    viewBox: "0 0 18 21",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 3C12 4.66 10.66 6 9 6C7.34 6 6 4.66 6 3C6 1.34 7.34 0 9 0C10.66 0 12 1.34 12 3ZM0 6C3.48 6 6.64 7.35 9 9.55C11.36 7.35 14.52 6 18 6V17C14.52 17 11.36 18.36 9 20.55C6.64 18.35 3.48 17 0 17V6Z",
+    fill: fillColor(color)
+  }));
+});
 export const List = /*#__PURE__*/memo(({
   width,
   height,

package/icons/effect.js

@@ -10,7 +10,7 @@ import useThemeProps from "../theme/utils/useThemeProps";
 import { capitalize, classNames, getProp } from "../utils";
 import * as Icons from "./basic";
 const iconColorMap = new Map([['Image', 'dynamic/pumpkin'], ['Compressed', 'dynamic/violet'], ['Presentation', 'dynamic/pumpkin'], ['Sheet', 'semantic/success'], ['Word', 'semantic/info'], ['Pdf', 'semantic/danger']]);
-const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference) => {
+const Icon = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
   if (!reference) reference = useRef(null);
   const theme = useTheme();
 

package/icons/menu/v2/index.js

@@ -6,7 +6,7 @@ import { jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { classNames } from "../../../utils";
-const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+const IconMenu = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   action,
   className,
   height,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.47-beta.1",
+  "version": "1.4.47-beta.2",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",