diginet-core-ui 1.3.87 → 1.3.88

package/icons/effect.js

@@ -1,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import OptionWrapper from "../components/others/option-wrapper";
@@ -30,15 +31,19 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, reference) => {
   if (!reference) reference = useRef(null);
   const ref = useRef(null);
+
   const _IconCSS = IconCSS(width, height);
+
   const _NotFoundIconCSS = NotFoundIconCSS(width);
+
   useImperativeHandle(reference, () => {
     const currentRef = ref.current || {};
     currentRef.element = ref.current;
-    const _instance = {
-      ...action
+    const _instance = { ...action
     }; // methods
+
     _instance.__proto__ = {}; // hidden methods
+
     currentRef.instance = _instance;
     return currentRef;
   });
@@ -46,6 +51,7 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (!name) return null;
     let node = null;
     const IconComp = Icons[capitalize(name)];
+
     if (IconComp) {
       node = jsx(IconComp, {
         width: width,
@@ -58,6 +64,7 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         css: _NotFoundIconCSS
       });
     }
+
     return jsx("span", {
       css: _IconCSS,
       ref: ref,
@@ -69,6 +76,7 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }, node);
   }, [className, color, height, id, name, onClick, style, viewBox, width, props]);
 }));
+
 const IconCSS = (width = 24, height = 24) => css`
     ${flexRow};
     ${justifyCenter};
@@ -79,12 +87,14 @@ const IconCSS = (width = 24, height = 24) => css`
     ${parseWidthHeight('max-content')};
     ${parseMinWidthHeight(width, height)};
 `;
+
 const NotFoundIconCSS = (width = 24) => css`
     ${flexRow};
     ${boxBorder};
     ${parseWidthHeight(width)};
     border: 1px dashed ${systemRest};
 `;
+
 Icon.defaultProps = {
   className: '',
   color: 'dark6',
@@ -96,31 +106,38 @@ Icon.defaultProps = {
 Icon.propTypes = {
   /** Class for component. */
   className: PropTypes.string,
+
   /** The color of the component. */
   color: PropTypes.string,
+
   /** Height of the component. */
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
   /** Name of icon in [Basic Icon](https://core.diginet.com.vn/ui/?path=/story/icon-basic) */
   name: PropTypes.string.isRequired,
+
   /** Style inline of component. */
   style: PropTypes.object,
+
   /** If `true`, component have view box. */
   viewBox: PropTypes.bool,
+
   /** Width of the component. */
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * 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 (ref.current.instance.*method*)
+   *
+   * * 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: ref
 };

package/icons/general/clock/clock.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Clock = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Clock = ({
     fill: pathFill
   }));
 };
+
 export default Clock;

package/icons/general/color-handler/background.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const BackgroundColor = ({
   width = '1em',
   height = '1em',
@@ -37,4 +38,5 @@ const BackgroundColor = ({
     fill: pathFill
   })));
 };
+
 export default BackgroundColor;

package/icons/general/color-handler/text.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const TextColor = ({
   width = '1em',
   height = '1em',
@@ -37,4 +38,5 @@ const TextColor = ({
     fill: pathFill
   }))));
 };
+
 export default TextColor;

package/icons/general/emoji/emoji.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Emoji = ({
   width = '1em',
   height = '1em',
@@ -31,4 +32,5 @@ const Emoji = ({
     fill: pathFill
   })));
 };
+
 export default Emoji;

package/icons/general/font-properties/bold.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Bold = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Bold = ({
     fill: pathFill
   }));
 };
+
 export default Bold;

package/icons/general/font-properties/font-family.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const FontFamily = ({
   width = '1em',
   height = '1em',
@@ -31,4 +32,5 @@ const FontFamily = ({
     fill: pathFill
   })));
 };
+
 export default FontFamily;

package/icons/general/font-properties/font-size.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const FontSize = ({
   width = '1em',
   height = '1em',
@@ -23,4 +24,5 @@ const FontSize = ({
     fill: pathFill
   }));
 };
+
 export default FontSize;

package/icons/general/font-properties/italic.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Italic = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Italic = ({
     fill: pathFill
   }));
 };
+
 export default Italic;

package/icons/general/font-properties/underline.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Underline = ({
   width = '1em',
   height = '1em',
@@ -27,4 +28,5 @@ const Underline = ({
     fill: pathFill
   })));
 };
+
 export default Underline;

package/icons/general/hyperlink/hyperlink.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Hyperlink = ({
   width = '1em',
   height = '1em',
@@ -34,4 +35,5 @@ const Hyperlink = ({
     fill: pathFill
   })));
 };
+
 export default Hyperlink;

package/icons/general/indent/decrease.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Decrease = ({
   width = '1em',
   height = '1em',
@@ -51,4 +52,5 @@ const Decrease = ({
     fill: pathFill
   })));
 };
+
 export default Decrease;

package/icons/general/indent/increase.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Increase = ({
   width = '1em',
   height = '1em',
@@ -51,4 +52,5 @@ const Increase = ({
     fill: pathFill
   })));
 };
+
 export default Increase;

package/icons/general/list/bullets.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Bullets = ({
   width = '1em',
   height = '1em',
@@ -73,4 +74,5 @@ const Bullets = ({
     fill: pathFill
   })));
 };
+
 export default Bullets;

package/icons/general/list/numbering.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Bullets = ({
   width = '1em',
   height = '1em',
@@ -67,4 +68,5 @@ const Bullets = ({
     fill: pathFill
   })));
 };
+
 export default Bullets;

package/icons/general/picture/picture.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Picture = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Picture = ({
     fill: pathFill
   }));
 };
+
 export default Picture;

package/icons/general/steps/redo.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Redo = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Redo = ({
     fill: pathFill
   }));
 };
+
 export default Redo;

package/icons/general/steps/undo.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Undo = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Undo = ({
     fill: pathFill
   }));
 };
+
 export default Undo;

package/icons/general/text-align/center.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Center = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Center = ({
     fill: pathFill
   }));
 };
+
 export default Center;

package/icons/general/text-align/justify.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Justify = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Justify = ({
     fill: pathFill
   }));
 };
+
 export default Justify;

package/icons/general/text-align/left.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Left = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Left = ({
     fill: pathFill
   }));
 };
+
 export default Left;

package/icons/general/text-align/right.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 const Right = ({
   width = '1em',
   height = '1em',
@@ -17,4 +18,5 @@ const Right = ({
     fill: pathFill
   }));
 };
+
 export default Right;

package/icons/menu/dhr.js

@@ -1501,9 +1501,8 @@ export const MHRP77N0010 = /*#__PURE__*/memo(() => {
     d: "M29.24 19a10 10 0 1010 10 10 10 0 00-10-10zm6.23 6.77l-5.94 8.05a1.944 1.944 0 01-1.45.78 1.893 1.893 0 01-1.52-.63l-3.46-3.84a1.487 1.487 0 112.21-1.99l2.45 2.72a.2.2 0 00.14.06.21.21 0 00.14-.07l5.04-6.83a1.486 1.486 0 012.08-.31 1.46 1.46 0 01.31 2.06z",
     fill: "#1ca261"
   }))));
-});
+}); // Icon HRM Web6
 
-// Icon HRM Web6
 export const MHRM39N0014 = /*#__PURE__*/memo(() => {
   return /*#__PURE__*/React.createElement("svg", {
     width: 29.707,

package/icons/menu/index.js

@@ -1,5 +1,5 @@
-import * as IconMenu from '.';
-// MENU
+import * as IconMenu from '.'; // MENU
+
 export * as DHR from "./menu/dhr";
 export * as ERP from "./menu/erp";
 export default IconMenu;

package/icons/menu/v2/index.js

@@ -1,6 +1,9 @@
 /* eslint-disable no-undef */
+
 /* eslint-disable no-empty */
+
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
@@ -21,20 +24,25 @@ const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   useImperativeHandle(reference, () => {
     const currentRef = ref.current || {};
     currentRef.element = ref.current;
-    const _instance = {
-      ...action
+    const _instance = { ...action
     }; // methods
+
     _instance.__proto__ = {}; // hidden methods
+
     currentRef.instance = _instance;
     return currentRef;
   });
+
   const getResourceImage = fileName => {
     let icon = require("../../../assets/images/menu/dhr/Default.svg");
+
     try {
       icon = require('../../../assets/images/menu/' + `${type}/` + fileName);
     } catch (e) {}
+
     return icon;
   };
+
   return useMemo(() => jsx("img", {
     ref: ref,
     id: id,
@@ -57,14 +65,19 @@ IconMenu.defaultProps = {
 IconMenu.propTypes = {
   /** Class for component. */
   className: PropTypes.string,
+
   /** Height of icon. */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /** Name of icon. */
   name: PropTypes.string,
+
   /** Menu type (DHR || ERP || BEM). */
   type: PropTypes.oneOf(['dhr', 'erp', 'bem']),
+
   /** Width of icon. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /** Style inline of component. */
   style: PropTypes.object
 };

package/package.json

@@ -1,42 +1,42 @@
-{
-  "name": "diginet-core-ui",
-  "version": "1.3.87",
-  "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"
-  },
-  "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.3.88",
+  "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"
+  },
+  "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"
+}