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

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/form-control/date-range-picker/index.js

@@ -287,8 +287,8 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
       tableData = [],
       weekDateFirst = getDateOfWeek(firstDay),
       weekDateLast = getDateOfWeek(lastDay);
-    /**
-     * days of previous month
+    /**
+     * days of previous month
      */
     for (let i = weekDateFirst; i > 0; i--) {
       const day = Date.parse(new Date(time.getFullYear(), time.getMonth(), 1));
@@ -300,8 +300,8 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
         className: unique.day.day
       })));
     }
-    /**
-     * days of current month
+    /**
+     * days of current month
      */
     for (let i = 0; i < lastDate; i++) {
       const day = new Date(time.getFullYear(), time.getMonth(), i + 1);
@@ -327,8 +327,8 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
         type: 'h6'
       }, i + 1)));
     }
-    /**
-     * days of next month
+    /**
+     * days of next month
      */
     for (let i = 0; i < 13 - weekDateLast; i++) {
       const day = Date.parse(new Date(time.getFullYear(), time.getMonth() + 1, 0));

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

@@ -301,10 +301,10 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     });
   };
 
-  /**
-   * So sánh text đầu vào cáo map với txtSearch
-   * @param text
-   * @return {boolean}
+  /**
+   * So sánh text đầu vào cáo map với txtSearch
+   * @param text
+   * @return {boolean}
    */
   const handleRenderBySearch = (text = '') => {
     if (text === null || text === undefined) text = '';
@@ -317,10 +317,10 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     } else return text.toLowerCase().includes(txtSearch.toLowerCase());
   };
 
-  /**
-   * Chuyển đổi data thành giá trị cần hiện thị dựa vào displayExpr [string, string object {field} - {field}], renderSelectedItem, displayExpr, valueExpr
-   * @param data {object} rowData of dataSource
-   * @return {string}
+  /**
+   * Chuyển đổi data thành giá trị cần hiện thị dựa vào displayExpr [string, string object {field} - {field}], renderSelectedItem, displayExpr, valueExpr
+   * @param data {object} rowData of dataSource
+   * @return {string}
    */
   const displayValue = data => {
     let text = '';
@@ -1805,9 +1805,9 @@ Dropdown.propTypes = {
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
   /** If `true`, the component is disabled. */
   disabled: PropTypes.bool,
-  /** The field name used for displaying text in the dropdown list.<br/>
-   * Examples: 'name', '{id} - {name}', '{age} age(s)'<br/>
-   * Note: Do not use 'id - name', as it will return undefined.
+  /** The field name used for displaying text in the dropdown list.<br/>
+   * Examples: 'name', '{id} - {name}', '{age} age(s)'<br/>
+   * Note: Do not use 'id - name', as it will return undefined.
    */
   displayExpr: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
   /**  Inline style for dropdown items. */
@@ -1816,14 +1816,14 @@ Dropdown.propTypes = {
   error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
   /** Props applied to the [HelperText](https://core.diginet.com.vn/ui/?path=/story/form-control-text-helpertext) element. */
   helperTextProps: PropTypes.object,
-  /** The field name used for displaying icons.<br/>
-   * Example:<br/>
-   * &nbsp;&nbsp;string: 'icon'<br/>
-   * &nbsp;&nbsp;object: {<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;key: 'icon',<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;prefix: 'https://imglink.com',<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;suffix: '.jpg'<br/>
-   * &nbsp;&nbsp;}
+  /** The field name used for displaying icons.<br/>
+   * Example:<br/>
+   * &nbsp;&nbsp;string: 'icon'<br/>
+   * &nbsp;&nbsp;object: {<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;key: 'icon',<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;prefix: 'https://imglink.com',<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;suffix: '.jpg'<br/>
+   * &nbsp;&nbsp;}
    */
   iconExpr: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
     key: PropTypes.string,
@@ -1859,8 +1859,8 @@ Dropdown.propTypes = {
   onOpened: PropTypes.func,
   /** Callback function fired when the dropdown is closed. */
   onClosed: PropTypes.func,
-  /** Callback function fired when the input value changes.<br/>
-   * If undefined, the filter function will run (default behavior).
+  /** Callback function fired when the input value changes.<br/>
+   * If undefined, the filter function will run (default behavior).
    */
   onInput: PropTypes.func,
   /** Callback function fired when a key is pressed down in the input. */
@@ -1873,21 +1873,21 @@ Dropdown.propTypes = {
   placeholder: PropTypes.string,
   /** If `true`, the component is read-only. */
   readOnly: PropTypes.bool,
-  /** Function used for custom rendering of items.<br/>
-   * Example: `(data, index) => data.name + ' - ' + data.role`<br/>
-   * This can be used as an alternative to `displayExpr`
+  /** Function used for custom rendering of items.<br/>
+   * Example: `(data, index) => data.name + ' - ' + data.role`<br/>
+   * This can be used as an alternative to `displayExpr`
    */
   renderItem: PropTypes.func,
-  /** Function or field name used to display selected items.<br/>
-   * Example: `(data, index) => index + ' - ' + data.name`<br/>
+  /** Function or field name used to display selected items.<br/>
+   * Example: `(data, index) => index + ' - ' + data.name`<br/>
    */
   renderSelectedItem: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   /** If `true`, the label will indicate that the input is required. */
   required: PropTypes.bool,
-  /**
-   * Duration to wait after entering search content before triggering a search.<br/>
-   * Example: 700 -> 700ms, '700ms' -> 700ms, '0.7s' -> 700ms, '1m' -> 60000ms
-   * If `true`, the default delayOnInput will be used.
+  /**
+   * Duration to wait after entering search content before triggering a search.<br/>
+   * Example: 700 -> 700ms, '700ms' -> 700ms, '0.7s' -> 700ms, '1m' -> 60000ms
+   * If `true`, the default delayOnInput will be used.
    */
   searchDelayTime: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
   /** Specifies the field name or expression used to compare values with the search string. */
@@ -1920,19 +1920,19 @@ Dropdown.propTypes = {
   viewType: PropTypes.oneOf(['underlined', 'outlined', 'none']),
   /** Custom icon to override the default arrow icon. */
   endIcon: PropTypes.string
-  /**
-   * ref methods
-   *
-   * how to get component element? ref.current
-   *
-   * how to call method? ref.current.instance.{method}
-   *
-   * * showDropdown(): Show dropdown
-   * * closeDropdown(): Close dropdown
-   * * onClear(): Clear selected value
-   * * setPreviousValue(): Set value to previous value
-   * * setValue(value): Set value of dropdown
-   *  * @param {value} - string || number || array
+  /**
+   * ref methods
+   *
+   * how to get component element? ref.current
+   *
+   * how to call method? ref.current.instance.{method}
+   *
+   * * showDropdown(): Show dropdown
+   * * closeDropdown(): Close dropdown
+   * * onClear(): Clear selected value
+   * * setPreviousValue(): Set value to previous value
+   * * setValue(value): Set value of dropdown
+   *  * @param {value} - string || number || array
    */
 };
 export default Dropdown;

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

@@ -557,10 +557,10 @@ MoneyInput.propTypes = {
   inputProps: PropTypes.object,
   /** style inline of input in MoneyInput component */
   inputStyle: PropTypes.object,
-  /** validation value, argument can:<br/>
-   * * string: the validation rule. Example required.<br/>
-   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
-   * * array: the validation rule list, insist object/string
+  /** validation value, argument can:<br/>
+   * * string: the validation rule. Example required.<br/>
+   * * object: the validation rule insist name, property, message. Example {name: 'min', compareValue: 9, message: 'Error'} or {max: 99}<br/>
+   * * array: the validation rule list, insist object/string
    */
   validates: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array, PropTypes.func]),
   /** on key down function */
@@ -569,13 +569,13 @@ MoneyInput.propTypes = {
   onKeyUp: PropTypes.func,
   /** on input function */
   onInput: PropTypes.func,
-  /**
-   * on change function, return an object:<br/>
-   * {<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;value: is a number or null value<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;target.value: value of input<br/>
-   * &nbsp;&nbsp;&nbsp;&nbsp;...element<br/>
-   * }
+  /**
+   * on change function, return an object:<br/>
+   * {<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;value: is a number or null value<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;target.value: value of input<br/>
+   * &nbsp;&nbsp;&nbsp;&nbsp;...element<br/>
+   * }
    */
   onChange: PropTypes.func,
   /** on blur function */

package/components/popup/v2/index.js

@@ -384,19 +384,19 @@ Popup.propTypes = {
   yesText: PropTypes.string,
   /** If `true`, show full content in popup */
   showFullContent: PropTypes.bool
-  /**
-   * ref methods
-   *
-   * how to get component element? ref.current
-   *
-   * how to call method? ref.current.instance.{method}
-   *
-   * * show(options, callback): Show popup
-   *  * @param {options} - object
-   *      * {type, title, icon, yesNo, description, confirmProps, cancelProps, onCancel, onConfirm}
-   *  * @param {callback} - func
-   *      * Callback fired after click on button (callback(true) with confirm Button and callback(false) with cancel Button). Alternate both onCancel, onConfirm methods of options
-   * * close(): Close popup
+  /**
+   * ref methods
+   *
+   * how to get component element? ref.current
+   *
+   * how to call method? ref.current.instance.{method}
+   *
+   * * show(options, callback): Show popup
+   *  * @param {options} - object
+   *      * {type, title, icon, yesNo, description, confirmProps, cancelProps, onCancel, onConfirm}
+   *  * @param {callback} - func
+   *      * Callback fired after click on button (callback(true) with confirm Button and callback(false) with cancel Button). Alternate both onCancel, onConfirm methods of options
+   * * close(): Close popup
    */
 };
 export default Popup;

package/package.json

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