diginet-core-ui 1.3.34 → 1.3.35

package/icons/effect.js

@@ -29,24 +29,24 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, reference) => {
   const ref = useRef(null);
   const IconCss = css`
-        ${flexRow}
-        ${justifyCenter}
+                ${flexRow}
+                ${justifyCenter}
         ${alignCenter}
         ${borderBox}
         ${outlineNone}
         ${userSelectNone}
         width: max-content;
-        height: max-content;
-        min-width: ${width ? isNaN(width) ? width : width + 'px' : '24px'};
-        min-height: ${width ? isNaN(height) ? height : height + 'px' : '24px'};
-    `;
+                height: max-content;
+                min-width: ${width ? isNaN(width) ? width : width + 'px' : '24px'};
+                min-height: ${width ? isNaN(height) ? height : height + 'px' : '24px'};
+            `;
   const NotFoundIcon = css`
-        ${flexRow}
-        ${borderBox}
+                ${flexRow}
+                ${borderBox}
         width: ${width ? isNaN(width) ? width : width + 'px' : '24px'};
-        height: ${width ? isNaN(width) ? width : width + 'px' : '24px'};
-        border: 1px dashed ${rest};
-    `;
+                height: ${width ? isNaN(width) ? width : width + 'px' : '24px'};
+                border: 1px dashed ${rest};
+            `;
   useImperativeHandle(reference, () => {
     const currentRef = ref.current || {};
     const _instance = {}; // methods
@@ -96,8 +96,8 @@ Icon.propTypes = {
   /** name of icon in icons store */
   name: PropTypes.string.isRequired,
 
-  /** color of icon<br />
-   * default: #7F828E
+  /** color of icon<br />
+   * default: #7F828E
    */
   color: PropTypes.string,
 
@@ -119,19 +119,19 @@ Icon.propTypes = {
   /** have view box if true */
   onClick: PropTypes.func,
 
-  /**
-   * ref methods
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
   reference: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     current: PropTypes.instanceOf(Element)

package/package.json

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

package/readme.md

@@ -38,6 +38,23 @@ npm test
 ```
 
 ## Changelog
+## 1.3.35
+- \[Added\]: Icon - AssignmentTurnedIn, DGNProducts
+- \[Added\]: MenuIcon - MHRP09N0032
+- \[Changed\]: Icon – Guide, Locate
+- \[Changed\]: Tab - Return callback onclick event, value; Add prop centered in TabHeader
+- \[Changed\]: MoneyInput - Add props convertToWords
+- \[Changed\]: Calendar - Allow select day of previous or next month
+- \[Changed\]: Tab - Change logic of TabPanel; Add lazyLoading; Apply general css
+- \[Fixed\]: Tab - Fix bug React.cloneElement when pass null in TabContainer, TabHeader
+- \[Fixed\]: Dropdown - Remove min-width
+- \[Fixed\]: SYSTEM - Format source code with prettier
+- \[Fixed\]: Label - Fix pixel perfect
+- \[Fixed\]: Dropdown - Fix bug not show last search value
+- \[Fixed\]: Dropdown - Fix bug render icon; Show valueExpr when not have displayExpr
+- \[Fixed\]: Chip - Remove unused variable
+- \[Fixed\]: Badge - Fix iconProps not in useMemo dependency
+
 ## 1.3.34
 - \[Added\]: Icon - ArrowSwapHoriz, PaperZoom
 - \[Added\]: MenuIcon - ALL, D00, D09, D13, D15, D21, D25, D29, D38, D39, D51, D52, D77, D84, D89

package/theme/settings.js

@@ -1,7 +1,7 @@
 import * as colors from '../styles/colors';
 import { font } from '../styles/font';
 import { color } from '../styles/colors';
-import { rootSpacing } from "../styles/general";
+import { rootSpacing } from '../styles/general';
 const {
   fontSize,
   fontFamily,
@@ -43,12 +43,14 @@ const settings = {
     label: {
       fontSize: 12,
       fontFamily,
-      fontWeight: 'bold'
+      fontWeight: '500',
+      lineHeight: '16px'
     },
     helperText: {
       fontSize: 12,
       fontFamily,
-      fontWeight: 'normal'
+      fontWeight: 'normal',
+      lineHeight: '16px'
     }
   },
   breakpoints: {
@@ -82,7 +84,7 @@ const getMedia = (value, type, value2 = '') => {
       px2 = '';
 
   if (typeof value === 'number') {
-    px1 = value + 'px';
+    px1 = value + 'px'; // eslint-disable-next-line no-constant-condition
   } else if (/^xs|sm|md|lg|xl$/) {
     px1 = values[value] - (type === 'max' ? 0.05 : 0) + 'px';
   }
@@ -95,7 +97,7 @@ const getMedia = (value, type, value2 = '') => {
       value2 = values[keys[keys.indexOf(value) + 1]] - 0.05 + 'px';
     } else {
       if (typeof value2 === 'number') {
-        value2 += 'px';
+        value2 += 'px'; // eslint-disable-next-line no-constant-condition
       } else if (/^xs|sm|md|lg|xl$/) {
         value2 = values[keys[keys.indexOf(value2) + 1]] - 0.05 + 'px';
       }

package/utils/number.js

@@ -1,8 +1,8 @@
-/**
- * 
- * @param {String} value 
- * @param {String} format
-*/
+/**
+ *
+ * @param {String} value
+ * @param {String} format
+ */
 export default function numberFormat(value, format) {
   let hashCount = 0;
   let a = '';
@@ -19,11 +19,11 @@ export default function numberFormat(value, format) {
 
         switch (hashCount) {
           case 3:
-            a = value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            a = value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
             break;
 
           case 2:
-            a = value.toString().replace(/\B(?=(\d{2})+(?!\d))/g, ",");
+            a = value.toString().replace(/\B(?=(\d{2})+(?!\d))/g, ',');
             break;
 
           default:
@@ -44,8 +44,8 @@ export default function numberFormat(value, format) {
         //For case like +1 (911) 911 91 91 having pattern +1 (###) ### ## ##
 
         const index = i === ln ? value.length : value.indexOf(part, start);
-        /* in any case if we don't find the pattern part in the value assume the val as numeric string
-        This will be also in case if user has started typing, in any other case it will not be -1
+        /* in any case if we don't find the pattern part in the value assume the val as numeric string
+        This will be also in case if user has started typing, in any other case it will not be -1
         unless wrong prop value is provided */
 
         if (index === -1) {
@@ -57,8 +57,7 @@ export default function numberFormat(value, format) {
         }
       }
 
-      return (numStr.toString() || []).replace(/\B(?=(\d{4})+(?!\d))/g, " ");
+      return (numStr.toString() || []).replace(/\B(?=(\d{4})+(?!\d))/g, ' ');
     }
   }
-}
-;
+}