diginet-core-ui 1.3.72 → 1.3.73-beta.2

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

@@ -0,0 +1,8 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.3699 30.3599C37.4999 28.8599 36.6299 27.3699 35.7299 25.8399L32.9399 21.0799C29.6399 15.4299 26.3299 9.77994 23.0199 4.13994C22.7099 3.60994 22.2799 3.12994 21.8299 2.77994C20.9299 2.09994 19.8299 1.84994 18.7499 2.06994C17.6199 2.28994 16.6199 3.02994 15.9999 4.07994C15.2599 5.33994 14.5199 6.59994 13.7699 7.87994L10.1899 13.9999C7.00993 19.4299 3.82993 24.8599 0.659927 30.2999C0.299927 30.9099 0.0799269 31.5799 0.0199269 32.1999C-0.0900731 33.3699 0.269927 34.4699 1.01993 35.2899C1.80993 36.1599 2.93993 36.6299 4.20993 36.6299H34.8399C35.7599 36.6299 36.5699 36.3899 37.2599 35.8999C39.0599 34.6299 39.5199 32.3499 38.3699 30.3599ZM20.4299 4.65994C20.6399 4.81994 20.8499 5.05994 21.0099 5.32994C24.1499 10.6599 27.2799 15.9999 30.3999 21.3499L33.7199 27.0199C34.5999 28.5199 35.4799 30.0199 36.3499 31.5299C36.8799 32.4499 36.7099 33.4499 35.9099 34.0099C35.6199 34.2199 35.2699 34.3099 34.8299 34.3099H4.20993C3.60993 34.3099 3.07993 34.0999 2.73993 33.7299C2.42993 33.3899 2.28993 32.9299 2.33993 32.4199C2.36993 32.1399 2.48993 31.7999 2.66993 31.4799C5.83993 26.0299 9.02993 20.5899 12.2099 15.1499L15.8699 8.89994C16.5799 7.68994 17.2799 6.47994 17.9899 5.27994C18.2799 4.78994 18.7099 4.46994 19.1999 4.36994C19.6199 4.26994 20.0599 4.37994 20.4299 4.65994Z" fill="#2680EB"/>
+<path d="M23.0599 25.9599C21.8199 25.9599 19.3599 25.9599 19.3599 25.9599C18.1099 25.9599 16.8699 25.9499 15.6199 25.9599C15.4399 25.9599 15.4099 25.9899 15.4599 26.1499C15.6899 27.0299 15.9299 27.8999 16.1699 28.7799C16.1799 28.8299 16.2599 28.8799 16.3099 28.8799C16.4899 28.8899 20.5299 28.8799 22.3599 28.8899C22.4699 28.8899 22.5199 28.8599 22.5499 28.7499C22.7799 27.8899 23.0099 27.0399 23.2399 26.1899C23.2899 25.9599 23.2799 25.9599 23.0599 25.9599ZM23.0499 26.2399C22.8299 27.0499 22.6199 27.8699 22.3999 28.6799C22.3699 28.7899 22.3199 28.8099 22.2199 28.8099C20.4699 28.8099 16.6199 28.8199 16.4499 28.8099C16.3999 28.7999 16.3299 28.7599 16.3099 28.7099C16.0799 27.8799 15.8599 27.0399 15.6299 26.2099C15.5799 26.0499 15.6099 26.0199 15.7799 26.0199H22.8799C23.0999 26.0199 23.1099 26.0299 23.0499 26.2399Z" fill="white"/>
+<path d="M12.3999 29.7099C17.1399 29.7099 21.8599 29.7099 26.5999 29.7099C26.5999 30.1799 26.5999 30.6399 26.5999 31.1199C21.8699 31.1199 17.1399 31.1199 12.3999 31.1199C12.3999 30.6499 12.3999 30.1899 12.3999 29.7099Z" fill="#FFAA00"/>
+<path d="M25.2999 27.7799C25.1599 26.7299 24.8799 25.7099 24.4299 24.7499C23.9099 23.6399 23.1999 22.6599 22.1799 21.9699C21.9299 21.7999 21.6599 21.6699 21.3899 21.5199C20.6999 22.8399 20.0299 24.1299 19.3399 25.4399C18.6499 24.1199 17.9899 22.8399 17.2999 21.5399C17.1599 21.5999 17.0499 21.6499 16.9299 21.7099C15.9399 22.2499 15.2099 23.0599 14.6499 24.0099C13.9599 25.1599 13.6099 26.4099 13.3899 27.7199C13.2699 28.4199 13.7399 29.2499 14.6999 29.2499C17.8099 29.2399 20.9099 29.2499 24.0199 29.2399C24.8599 29.2399 25.4199 28.6099 25.2999 27.7799ZM23.0499 26.2399C22.8299 27.0499 22.6199 27.8699 22.3999 28.6799C22.3699 28.7899 22.3199 28.8099 22.2199 28.8099C20.4699 28.8099 16.6199 28.8199 16.4499 28.8099C16.3999 28.7999 16.3299 28.7599 16.3099 28.7099C16.0799 27.8799 15.8599 27.0399 15.6299 26.2099C15.5799 26.0499 15.6099 26.0199 15.7799 26.0199H22.8799C23.0999 26.0199 23.1099 26.0299 23.0499 26.2399Z" fill="#FFAA00"/>
+<path d="M21.9299 18.7399C21.9399 20.1299 20.7799 21.3099 19.3999 21.3199C17.9399 21.3299 16.7699 20.1799 16.7699 18.7299C16.7599 17.3499 17.9299 16.1699 19.3099 16.1599C20.7699 16.1399 21.9199 17.2699 21.9299 18.7399Z" fill="#FFAA00"/>
+<path d="M19.9699 23.5199C19.9599 23.5499 19.9399 23.5999 19.9199 23.6299C19.7799 23.8799 19.6399 24.1399 19.4999 24.3899C19.4099 24.5499 19.3099 24.5499 19.2199 24.3899C19.0699 24.1299 18.9299 23.8599 18.7999 23.5899C18.7699 23.5399 18.7699 23.4599 18.7899 23.4099C18.9299 22.9799 19.0699 22.5399 19.2299 22.1099C19.2499 22.0499 19.3199 22.0099 19.3699 21.9599C19.4199 22.0099 19.4899 22.0499 19.5099 22.1099C19.6599 22.5299 19.7999 22.9599 19.9399 23.3899C19.9499 23.4399 19.9599 23.4799 19.9699 23.5199Z" fill="#FFAA00"/>
+</svg>

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

@@ -0,0 +1,5 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.3699 30.3599C37.4999 28.8599 36.6299 27.3699 35.7299 25.8399L32.9399 21.0799C29.6399 15.4299 26.3299 9.77994 23.0199 4.13994C22.7099 3.60994 22.2799 3.12994 21.8299 2.77994C20.9299 2.09994 19.8299 1.84994 18.7499 2.06994C17.6199 2.28994 16.6199 3.02994 15.9999 4.07994C15.2599 5.33994 14.5199 6.59994 13.7699 7.87994L10.1899 13.9999C7.00993 19.4299 3.82993 24.8599 0.659927 30.2999C0.299927 30.9099 0.0799269 31.5799 0.0199269 32.1999C-0.0900731 33.3699 0.269927 34.4699 1.01993 35.2899C1.80993 36.1599 2.93993 36.6299 4.20993 36.6299H34.8399C35.7599 36.6299 36.5699 36.3899 37.2599 35.8999C39.0599 34.6299 39.5199 32.3499 38.3699 30.3599ZM20.4299 4.65994C20.6399 4.81994 20.8499 5.05994 21.0099 5.32994C24.1499 10.6599 27.2799 15.9999 30.3999 21.3499L33.7199 27.0199C34.5999 28.5199 35.4799 30.0199 36.3499 31.5299C36.8799 32.4499 36.7099 33.4499 35.9099 34.0099C35.6199 34.2199 35.2699 34.3099 34.8299 34.3099H4.20993C3.60993 34.3099 3.07993 34.0999 2.73993 33.7299C2.42993 33.3899 2.28993 32.9299 2.33993 32.4199C2.36993 32.1399 2.48993 31.7999 2.66993 31.4799C5.83993 26.0299 9.02993 20.5899 12.2099 15.1499L15.8699 8.89994C16.5799 7.68994 17.2799 6.47994 17.9899 5.27994C18.2799 4.78994 18.7099 4.46994 19.1999 4.36994C19.6199 4.26994 20.0599 4.37994 20.4299 4.65994Z" fill="#2680EB"/>
+<path d="M20.8001 14.1201C20.9601 18.0001 20.3601 21.8201 20.1501 25.6801C19.5101 25.6801 18.9301 25.6801 18.2801 25.6801C18.0601 21.8401 17.4601 18.0201 17.6201 14.1201C18.6701 14.1201 19.7101 14.1201 20.8001 14.1201Z" fill="#FFAA00"/>
+<path d="M20.9301 29.4901C20.9301 30.4701 20.1301 31.2701 19.1801 31.2501C18.2501 31.2301 17.5001 30.4301 17.5101 29.4601C17.5201 28.5001 18.3001 27.7201 19.2301 27.7201C20.1601 27.7301 20.9301 28.5301 20.9301 29.4901Z" fill="#FFAA00"/>
+</svg>

package/components/badge/index.js

@@ -72,6 +72,7 @@ const calDotPos = (anchorOrigin, contentDirection, dotSize, hasContent, size) =>
 };
 
 const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   anchorOrigin,
   contentDirection,
   content,
@@ -98,10 +99,17 @@ const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 
   const _BadgeRootCSS = BadgeRootCSS(children, name, dotPos, _BadgeNumberCSS);
 
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     let node = children;
 

package/components/button/icon.js

@@ -71,6 +71,7 @@ const renderIconLoading = iconSize => {
 };
 
 const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   viewType,
   color,
   size,
@@ -104,10 +105,17 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 
   const _ButtonRootCSS = ButtonRootCSS(circular, size, width, _width, height, _height, buttonSize, iconSize, colorHover, color, _color, name);
 
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
 
   const _onClick = event => {
     event.persist();

package/components/button/index.js

@@ -99,6 +99,7 @@ const alphaArr = {
 };
 const alphaLoading = 0.2;
 const Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   color,
@@ -130,10 +131,17 @@ const Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 
   const _ButtonRoot = ButtonRoot(viewType, size, paddingSize, minHeightSize, minHeightSizeLink, outlinedPaddingSize, endIcon, label, iconMarginSize, startIcon, iconSize, color);
 
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   const StartIcon = useMemo(() => {
     let node = startIcon;
 

package/components/card/body.js

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/core';
 import OptionWrapper from '../others/option-wrapper';
 import { classNames } from '../../utils';
 const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -14,10 +15,17 @@ const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/extra.js

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/core';
 import OptionWrapper from '../others/option-wrapper';
 import { classNames } from '../../utils';
 const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -14,10 +15,17 @@ const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/footer.js

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/core';
 import OptionWrapper from '../others/option-wrapper';
 import { classNames } from '../../utils';
 const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -14,10 +15,17 @@ const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/header.js

@@ -8,6 +8,7 @@ import OptionWrapper from '../others/option-wrapper';
 import Typography from '../typography';
 import { classNames } from '../../utils';
 const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -15,10 +16,17 @@ const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/index.js

@@ -24,6 +24,7 @@ const {
   spacing
 } = theme;
 const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   body: bodyProp,
   bodyStyle,
   children,
@@ -46,10 +47,17 @@ const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 
   const _CardCSS = CardCSS(width, height, headerDivider, footerDivider, dividerColor, direction);
 
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   const head = header || title ? jsx(CardHeader, {
     className: classNames(className === null || className === void 0 ? void 0 : className.header),
     style: headerStyle,