diginet-core-ui 1.4.65 → 1.4.66

package/assets/images/menu/invoice/W109F1000.svg

@@ -0,0 +1,12 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2792_16)">
+<path d="M34.6224 19.9772C34.9209 20.0771 35.2194 19.9772 35.3189 19.7775L37.7066 15.6821C37.9056 15.3825 37.8061 15.0828 37.6071 14.883L35.1199 12.8853C35.2194 12.0862 35.2194 11.387 35.1199 10.5879L37.6071 8.59021C37.8061 8.49032 37.9056 8.19067 37.7066 7.99089L35.3189 3.89556C35.2194 3.5959 34.9209 3.49602 34.6224 3.5959L31.7372 4.79454C31.1403 4.2951 30.4439 3.99545 29.7474 3.69579L29.25 0.599317C29.25 0.199772 28.9515 0 28.6531 0H23.977C23.6786 0 23.4796 0.199772 23.3801 0.499431L22.9821 3.5959C22.5842 3.69579 22.2857 3.89556 21.9872 4.09533C21.6888 4.2951 21.2908 4.49488 21.0918 4.79454L18.2066 3.5959C17.9082 3.49602 17.6097 3.5959 17.5102 3.79567L15.023 7.99089C14.824 8.29055 14.9235 8.59021 15.1224 8.78998L17.6097 10.7877C17.5102 11.5868 17.5102 12.286 17.6097 13.0851L15.1224 15.0828C14.9235 15.2826 14.824 15.5822 15.023 15.8819L17.4107 19.9772C17.5102 20.2769 17.9082 20.3768 18.1071 20.2769L20.9923 19.0783C21.5893 19.5777 22.2857 19.8773 22.9821 20.177L23.4796 23.2735C23.5791 23.5731 23.7781 23.7729 24.0765 23.7729H28.7525C29.051 23.7729 29.25 23.5731 29.3495 23.2735L29.7474 20.177C30.1454 20.0771 30.4439 19.8773 30.7423 19.6776C31.1403 19.4778 31.4388 19.278 31.7372 19.0783L34.6224 19.9772ZM28.5536 15.6821C26.4643 16.8808 23.7781 16.1816 22.4847 14.0839C21.1913 11.9863 22.0867 9.18953 24.176 7.99089C26.2653 6.79226 28.9515 7.49146 30.2449 9.58907C31.4388 11.6867 30.6429 14.3836 28.5536 15.6821Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M6.66582 29.4664C6.66582 29.9659 6.66582 30.4653 6.66582 30.9647C6.66582 31.4642 6.26786 31.9636 5.67092 31.9636C4.07908 31.9636 2.48724 31.9636 0.895408 31.9636C0.298469 31.9636 0 31.6639 0 31.0646C0 27.169 0 23.1736 0 19.1782C0 18.9784 0 18.8785 0.0994898 18.6787C0.19898 18.2792 0.497449 18.0794 0.895408 18.0794H5.77041C6.26786 18.0794 6.66582 18.3791 6.66582 18.9784V29.4664Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M38.3036 37.3574C37.7066 38.2564 36.9107 38.8557 35.7168 38.9556C34.4235 39.0555 33.1301 38.9556 31.9362 38.9556C28.0561 38.9556 24.0765 38.9556 20.1964 38.9556C18.6046 38.9556 17.0128 38.9556 15.4209 38.9556C13.4311 38.8557 11.7398 38.2564 10.4464 36.7581C9.65051 35.959 9.15306 34.9602 8.7551 33.9613C8.55612 33.2621 8.35714 32.5629 8.25765 31.7638V19.5777C9.84949 19.4778 11.4413 19.5777 13.0332 19.8774C13.1327 19.8774 13.3316 19.9772 13.4311 19.9772C13.8291 20.0771 15.3214 20.5766 17.5102 22.2746C19.102 23.673 20.5944 24.9716 22.1862 26.37C22.7832 26.8694 23.3801 27.3688 23.8776 27.8682C23.977 27.9681 24.176 28.1679 24.375 28.2678C25.0714 28.967 25.8673 29.5663 26.6633 30.2655C26.7628 30.2655 26.7628 30.3654 26.8622 30.3654C26.8622 30.3654 26.8622 30.3654 26.9617 30.4653C26.9617 30.4653 26.9617 30.4653 27.0612 30.5652C27.2602 30.7649 27.3597 30.9647 27.5587 31.2644C27.5587 31.3643 27.6582 31.3643 27.6582 31.4642C27.7577 31.6639 27.8571 31.9636 27.8571 32.2632C27.9566 32.9624 27.7577 33.6616 27.2602 34.261C26.7628 34.8603 26.1658 35.1599 25.4694 35.2598C24.773 35.3597 24.0765 35.1599 23.4796 34.6605L14.3265 27.3688C14.0281 27.0692 13.5306 27.169 13.2321 27.4687C12.9337 27.7684 13.0332 28.2678 13.3316 28.5675L22.4847 35.8591C23.2806 36.4585 24.176 36.7581 25.1709 36.7581C25.3699 36.7581 25.4694 36.7581 25.6684 36.7581C26.7628 36.6582 27.8571 36.0589 28.5536 35.1599C29.25 34.261 29.5485 33.1622 29.449 32.1634H33.926C34.4235 32.1634 34.9209 32.1634 35.5179 32.1634C35.9158 32.2632 36.4133 32.2632 36.8112 32.463C37.9056 32.7627 38.801 33.9613 39 35.1599C38.9005 35.959 38.7015 36.6582 38.3036 37.3574Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2792_16">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W110F1000.svg

@@ -0,0 +1,10 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2792_17)">
+<path d="M37 30H35.5V27C35.5 24 33 21.5 30 21.5H23.2C22.8 20.5 22 19.7 21 19.3V15H33C35.2 15 37 13.2 37 11V4C37 1.8 35.2 0 33 0H6C3.8 0 2 1.8 2 4V11C2 13.2 3.8 15 6 15H18V19.3C17 19.7 16.2 20.5 15.8 21.5H9C6 21.5 3.5 24 3.5 27V30H2C0.9 30 0 30.9 0 32V37C0 38.1 0.9 39 2 39H8C9.1 39 10 38.1 10 37V32C10 30.9 9.1 30 8 30H6.5V27C6.5 25.6 7.6 24.5 9 24.5H15.8C16.2 25.5 17 26.3 18 26.7V30H16C14.9 30 14 30.9 14 32V37C14 38.1 14.9 39 16 39H23C24.1 39 25 38.1 25 37V32C25 30.9 24.1 30 23 30H21V26.7C22 26.3 22.8 25.5 23.2 24.5H30C31.4 24.5 32.5 25.6 32.5 27V30H31C29.9 30 29 30.9 29 32V37C29 38.1 29.9 39 31 39H37C38.1 39 39 38.1 39 37V32C39 30.9 38.1 30 37 30ZM22.5 6H31.5C32.3 6 33 6.7 33 7.5C33 8.3 32.3 9 31.5 9H22.5C21.7 9 21 8.3 21 7.5C21 6.7 21.7 6 22.5 6ZM8.7 10.2C7.2 10.2 6 9 6 7.5C6 6 7.2 4.8 8.7 4.8C10.2 4.8 11.4 6 11.4 7.5C11.4 9 10.2 10.2 8.7 10.2ZM13.6 7.5C13.6 6 14.8 4.8 16.3 4.8C17.8 4.8 19 6 19 7.5C19 9 17.8 10.2 16.3 10.2C14.8 10.2 13.6 9 13.6 7.5ZM7 33V36H3V33H7ZM20.5 23C20.5 23.6 20.1 24 19.5 24C18.9 24 18.5 23.6 18.5 23C18.5 22.4 18.9 22 19.5 22C20.1 22 20.5 22.4 20.5 23ZM22 33V36H17V33H22ZM36 36H32V33H36V36Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2792_17">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/components/button/icon.js

@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
-import { CircularProgress, Icon } from "./..";
+import { CircularProgress, Icon, Tooltip } from "./..";
 import OptionWrapper from "../others/option-wrapper";
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
@@ -78,7 +78,8 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
     style,
     viewBox,
     viewType,
-    width
+    width,
+    title
   } = props;
   const ref = useRef(null);
   const rippleRef = useRef(null);
@@ -109,7 +110,10 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
     return currentRef;
   });
   return useMemo(() => {
-    return jsx("button", {
+    return jsx(Tooltip, {
+      title: title,
+      disableInteractive: !title
+    }, jsx("button", {
       css: [_ButtonRootCSS, _ButtonSizeCSS],
       ref: ref,
       id: id,
@@ -129,8 +133,8 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
       ref: rippleRef,
       color: getRippleColor(colorProp, viewType, colors),
       circular: circular
-    }));
-  }, [children, circular, className, colorHover, colorProp, disabled, height, id, loading, name, onClick, size, style, viewBox, viewType, width, theme]);
+    })));
+  }, [children, circular, className, colorHover, colorProp, disabled, height, id, loading, name, onClick, size, style, viewBox, viewType, width, theme, title]);
 }));
 const ButtonIconCSS = iconSize => css`
     ${displayFlex};
@@ -287,18 +291,6 @@ const ButtonRootCSS = (circular, colorHover, color, name, isColorDefault, viewTy
         filter: brightness(1);
     }
 `;
-
-// ButtonIcon.defaultProps = {
-//     circular: false,
-//     className: '',
-//     color: 'default',
-//     colorHover: 'system/active',
-//     disabled: false,
-//     size: 'medium',
-//     viewBox: true,
-//     viewType: 'outlined',
-// };
-
 ButtonIcon.propTypes = {
   /** The content of the component. */
   children: PropTypes.node,
@@ -314,6 +306,8 @@ ButtonIcon.propTypes = {
   disabled: PropTypes.bool,
   /** Height oof the component. */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /** Title of hover tooltip */
+  title: PropTypes.string,
   /** If `true`, the loading indicator is shown. */
   loading: PropTypes.bool,
   /** Callback fired when the component is clicked. */

package/icons/basic.js

@@ -7312,6 +7312,44 @@ export const Inheritance = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const Import = /*#__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", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13 8.62059L8.28283 3.2307V6.41849L7.94949 6.39752L7.47475 6.36606C6.12121 6.28217 4.9697 5.97807 3.94949 5.43279C2.89899 4.87703 2 4.08008 1.23232 3L1 3.09438C1.41414 5.03432 2.24242 7.18398 3.85859 8.75691C4.81818 9.70067 6.07071 10.4452 7.68687 10.8122L7.86869 10.8541L8.28283 10.9485V14L13 8.62059Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 11.4316V19C5 20.1046 5.89543 21 7 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H11.9165L13.6738 7H19V19H7V12.2796C6.54269 12.2796 5 11.5 5 11.4316Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 18,
+    viewBox: "0 0 20 18",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 5.62059L7.28283 0.230696V3.41849L6.94949 3.39752L6.47475 3.36606C5.12121 3.28217 3.9697 2.97807 2.94949 2.43279C1.89899 1.87703 1 1.08008 0.232323 0L0 0.0943766C0.414141 2.03432 1.24242 4.18398 2.85859 5.75691C3.81818 6.70067 5.07071 7.44519 6.68687 7.8122L6.86869 7.85415L7.28283 7.94852V11L12 5.62059Z",
+    fill: fillColor(color)
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 8.43156V16C4 17.1046 4.89543 18 6 18H18C19.1046 18 20 17.1046 20 16V4C20 2.89543 19.1046 2 18 2H10.9165L12.6738 4H18V16H6V9.27963C5.54269 9.27963 4 8.5 4 8.43156Z",
+    fill: fillColor(color)
+  }));
+});
 export const Warning = /*#__PURE__*/memo(({
   width,
   height,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.65",
+  "version": "1.4.66",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -41,6 +41,12 @@ npm test
 ```
 
 ## Changelog
+
+## 1.4.66
+- \[Added\]: Icon – Add Icon Import
+- \[Added\]: Icon – Add IconMenu W109F1000, W110F1000
+- \[Added\]: ButtonIcon – Use the title prop to show text on hover for the ButtonIcon
+
 ## 1.4.65
 - \[Added\]: Icon – Add Icon OpenNew
 - \[Added\]: Icon – Add IconMenu WEO53TR001, WEO53APP01