diginet-core-ui 1.4.55 → 1.4.56-beta.2

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 {
@@ -202,7 +202,7 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     }
   };
   const updatePositionPopover = (el = null, cb) => {
-    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect10, _anchorRect11, _anchorRect12, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
+    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect0, _anchorRect1, _anchorRect10, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
     if (el instanceof Element) setElement(el);
     if (!ref.current) {
       window.removeEventListener('resize', updatePositionPopover);
@@ -336,36 +336,36 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
 
     // Valid mean popover not at top-left, top-right, bottom-left, bottom-right
     const validVerticalArrow = left >= ((_anchorRect5 = anchorRect) === null || _anchorRect5 === void 0 ? void 0 : _anchorRect5.left) + ((_anchorRect6 = anchorRect) === null || _anchorRect6 === void 0 ? void 0 : _anchorRect6.width) / 2 - popoverWidth && left <= ((_anchorRect7 = anchorRect) === null || _anchorRect7 === void 0 ? void 0 : _anchorRect7.right) - ((_anchorRect8 = anchorRect) === null || _anchorRect8 === void 0 ? void 0 : _anchorRect8.width) / 2 + popoverWidth;
-    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2 - popoverHeight && top <= ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.bottom) - ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.height) / 2;
+    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect0 = anchorRect) === null || _anchorRect0 === void 0 ? void 0 : _anchorRect0.height) / 2 - popoverHeight && top <= ((_anchorRect1 = anchorRect) === null || _anchorRect1 === void 0 ? void 0 : _anchorRect1.bottom) - ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2;
 
     // Get arrow's position
     if (arrow && translate) {
       switch (aPosition) {
         case 'top':
           if (validVerticalArrow) {
-            var _anchorRect13, _anchorRect14;
-            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
+            var _anchorRect11, _anchorRect12;
+            arrowPosition.left = ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.width) / 2 + ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) - arrowSize + 'px';
           }
           break;
         case 'bottom':
           if (validVerticalArrow) {
-            var _anchorRect15, _anchorRect16;
-            arrowPosition.left = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.width) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.left) - arrowSize + 'px';
+            var _anchorRect13, _anchorRect14;
+            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) + popoverHeight + 'px';
           }
           break;
         case 'left':
           if (validHorizontalArrow) {
-            var _anchorRect17, _anchorRect18;
-            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
+            var _anchorRect15, _anchorRect16;
+            arrowPosition.top = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.height) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) - 1.5 * arrowSize + 'px';
           }
           break;
         case 'right':
           if (validHorizontalArrow) {
-            var _anchorRect19, _anchorRect20;
-            arrowPosition.top = ((_anchorRect19 = anchorRect) === null || _anchorRect19 === void 0 ? void 0 : _anchorRect19.height) / 2 + ((_anchorRect20 = anchorRect) === null || _anchorRect20 === void 0 ? void 0 : _anchorRect20.top) - arrowSize / 2 + 'px';
+            var _anchorRect17, _anchorRect18;
+            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) + popoverWidth - arrowSize / 2 + 'px';
           }
           break;
@@ -495,15 +495,15 @@ const Popover = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     return currentRef;
   });
   const renderAnchor = () => {
-    var _anchor10, _anchor11, _anchor11$props;
-    if (!((_anchor10 = anchor) !== null && _anchor10 !== void 0 && _anchor10.type)) return null;
+    var _anchor0, _anchor1, _anchor1$props;
+    if (!((_anchor0 = anchor) !== null && _anchor0 !== void 0 && _anchor0.type)) return null;
     const AnchorTag = /*#__PURE__*/React.cloneElement(anchor, {
       ref: ref => {
         anchor = ref;
       },
       style: {
         cursor: 'pointer',
-        ...(((_anchor11 = anchor) === null || _anchor11 === void 0 ? void 0 : (_anchor11$props = _anchor11.props) === null || _anchor11$props === void 0 ? void 0 : _anchor11$props.style) || {})
+        ...(((_anchor1 = anchor) === null || _anchor1 === void 0 ? void 0 : (_anchor1$props = _anchor1.props) === null || _anchor1$props === void 0 ? void 0 : _anchor1$props.style) || {})
       }
     });
     return AnchorTag;

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

@@ -1430,6 +1430,32 @@ export const CancelUnderline = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const CelebrationColor = /*#__PURE__*/memo(({
+  width,
+  height
+}) => {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1 22.5L6 8.5L15 17.5L1 22.5Z",
+    fill: "#111D5E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.1 9.05L9.05 8L9.65 7.4C9.88333 7.16667 10 6.88333 10 6.55C10 6.21667 9.88333 5.93333 9.65 5.7L9 5.05L10.05 4L10.7 4.65C11.2333 5.18333 11.5 5.81667 11.5 6.55C11.5 7.28333 11.2333 7.91667 10.7 8.45L10.1 9.05Z",
+    fill: "#0095FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.05 13.0501L13 12.0001L18.6 6.4001C19.1333 5.86676 19.775 5.6001 20.525 5.6001C21.275 5.6001 21.9167 5.86676 22.45 6.4001L23.05 7.0001L22 8.0501L21.4 7.4501C21.1667 7.21676 20.875 7.1001 20.525 7.1001C20.175 7.1001 19.8833 7.21676 19.65 7.4501L14.05 13.0501Z",
+    fill: "#FFAA00"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.05 14.95L15 13.9L16.6 12.3C17.1333 11.7667 17.775 11.5 18.525 11.5C19.275 11.5 19.9167 11.7667 20.45 12.3L22.05 13.9L21 14.95L19.4 13.35C19.1667 13.1167 18.875 13 18.525 13C18.175 13 17.8833 13.1167 17.65 13.35L16.05 14.95Z",
+    fill: "#FF3D71"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.05 11.05L11 10L14.6 6.4C14.8333 6.16667 14.95 5.875 14.95 5.525C14.95 5.175 14.8333 4.88333 14.6 4.65L13 3.05L14.05 2L15.65 3.6C16.1833 4.13333 16.45 4.775 16.45 5.525C16.45 6.275 16.1833 6.91667 15.65 7.45L12.05 11.05Z",
+    fill: "#00C875"
+  }));
+});
 export const Category = /*#__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,44 +1,78 @@
-{
-  "name": "diginet-core-ui",
-  "version": "1.4.55",
-  "description": "The DigiNet core ui",
-  "homepage": "https://diginet.com.vn",
-  "main": "index.js",
-  "scripts": {
-    "start-js": "react-scripts start --max_old_space_size=4096",
-    "start": "npx npm-run-all -p start-js",
-    "build": "GENERATE_SOURCEMAP=false && react-scripts build --env=production --max_old_space_size=8192",
-    "eject": "react-scripts eject",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "dependencies": {
-    "@emotion/core": "^10.0.35",
-    "prop-types": "^15.7.2",
-    "@emotion/css": "^11.11.0",
-    "@emotion/react": "^11.10.6"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
-  },
-  "keywords": [
-    "core ui",
-    "diginet"
-  ],
-  "author": "rocachien",
-  "contributors": [
-    {
-      "name": "Chien Do",
-      "email": "rocachien@gmail.com"
-    },
-    {
-      "name": "Nhat Tran",
-      "email": "tranminhnhat1005@gmail.com"
-    },
-    {
-      "name": "Thuan Nguyen",
-      "email": "nt.thuan.hutech@gmail.com"
-    }
-  ],
-  "license": "MIT"
-}
+{
+  "name": "diginet-core-ui",
+  "version": "1.4.56-beta.2",
+  "description": "",
+  "main": "index.js",
+  "license": "UNLICENSED",
+  "scripts": {
+    "start": "npm-run-all --parallel start-sb eslint-test",
+    "start-sb": "start-storybook -p 9050",
+    "build-storybook": "build-storybook -c .storybook -s src",
+    "build": "run-script-os",
+    "build:windows": "rimraf dist && mkdirp dist/components && npm run compile && sass --style=compressed src/scss:dist/css && xcopy src\\\\assets dist\\\\assets\\ /e /y",
+    "build:darwin:linux:default": "rm -rf dist && npm run compile && sass --style=compressed src/scss:dist/css && cp -rf src/assets dist/assets",
+    "compile": "babel src --out-dir dist --ignore **/*.stories.js",
+    "pack": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm pack",
+    "production-keep-version": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish",
+    "beta": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish --tag beta",
+    "production": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm publish",
+    "version:add": "run-script-os",
+    "version:add:windows": "cat package.json.tmp | sed \"s/0.0.0/%npm_package_version%/g\" > dist/package.json",
+    "version:add:darwin:linux:default": "VERSION=$(npm run version:extract --silent) && cat package.json.tmp | sed \"s/0.0.0/${VERSION}/g\" > dist/package.json",
+    "version:bump": "npm version patch --no-git-tag-version --silent",
+    "version:extract": "cat package.json | grep version | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]'",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint --fix --config .eslintrc.js \"**/*.js\"",
+    "eslint-test": "onchange \"src/**/*.{js,jsx,json}\" -- eslint . --fix",
+    "freshtall": "npm cache clean --force && rm -rf node_modules && rm -f package-lock.json && npm install",
+    "test-storybook": "test-storybook --url http://localhost:9050",
+    "preinstall": "echo {} > package-lock.json"
+  },
+  "dependencies": {
+    "@emotion/core": "^10.0.35",
+    "@emotion/css": "^11.11.0",
+    "@emotion/react": "^11.10.6",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "date-fns": "^2.30.0",
+    "prop-types": "^15.7.2"
+  },
+  "lint-staged": {
+    "*/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.16.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.14.2",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+    "@babel/preset-react": "^7.13.13",
+    "@storybook/addon-actions": "6.2.9",
+    "@storybook/addon-essentials": "6.2.9",
+    "@storybook/addon-links": "6.2.9",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/react": "6.2.9",
+    "@storybook/test-runner": "^0.7.1",
+    "autoprefixer": "^10.3.1",
+    "babel-loader": "^8.2.2",
+    "eslint": "^8.4.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-regex": "^1.10.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.1.2",
+    "mkdirp": "^1.0.4",
+    "npm-run-all": "^4.1.5",
+    "onchange": "^7.1.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "run-script-os": "^1.1.6",
+    "sass": "1.58.3"
+  }
+}

package/readme.md

@@ -42,6 +42,13 @@ npm test
 
 ## Changelog
 
+## 1.4.56
+- \[Added\]: Icon – Add IconMenu MHRP29N0033, MHRP29N0034
+- \[Added\]: Icon – Add Icon CelebrationColor
+- \[Fixed\]: Dropdown  - Fix valueObjectDefault bug in Dropdown.
+- \[Fixed\]: NumberInput  – Fix issue where NumberInput allowed pasting negative values even when disabledNegative prop was enabled.
+- \[Added\]: DateRangePicker  – Add a new mode to change the UI of DateRangePicker
+
 ## 1.4.55
 - \[Added\]: Icon – Add IconMenu MHRM09N1401, MHRM09N1402
 - \[Added\]: Icon – Add Icon Book

package/utils/type.js

@@ -33,6 +33,34 @@ const isNumeric = object => {
 const isObject = object => {
   return type(object) === 'object';
 };
+const typeOf = (value, type) => {
+  const result = Object.prototype.toString.call(value).slice(8, -1).toLowerCase();
+  return type ? result === String(type).toLowerCase() : result;
+};
+const isEmpty = (value, escapeZero = false) => {
+  switch (typeOf(value)) {
+    case 'object':
+      {
+        return value && Object.keys(value).length <= 0 || !value;
+      }
+    case 'array':
+      {
+        return value.length <= 0;
+      }
+    case 'string':
+      {
+        return !value;
+      }
+    case 'number':
+      {
+        if (!escapeZero) return value === 0 ? false : !value;else return !value;
+      }
+    default:
+      {
+        return !value;
+      }
+  }
+};
 const isEmptyObject = object => {
   let property;
   for (property in object) {
@@ -66,4 +94,4 @@ const isDeferred = object => {
 const isEvent = object => {
   return !!(object && object.preventDefault);
 };
-export { isBoolean, isExponential, isDate, isDefined, isFunction, isString, isNumeric, isObject, isEmptyObject, isPlainObject, isPrimitive, isWindow, isRenderer, isPromise, isDeferred, type, isEvent };
+export { isBoolean, isExponential, isDate, isDefined, isFunction, isString, isNumeric, isObject, isEmptyObject, isPlainObject, isPrimitive, isWindow, isRenderer, isPromise, isDeferred, type, isEvent, isEmpty, typeOf };