diginet-core-ui 1.3.96 → 1.3.97

package/components/popover/index.js

@@ -556,9 +556,9 @@ Popover.defaultProps = {
 Popover.propTypes = {
   /** An HTML element, or a function that returns one. It's used to set the position of the popover. */
   anchor: PropTypes.oneOfType([PropTypes.instanceOf(Element), PropTypes.func, PropTypes.object, PropTypes.node, ref]),
-  /**
-   * This is the point on the anchor where the popover's anchor will attach to.
-   * Options: vertical: [top, center, bottom]; horizontal: [left, center, right].
+  /**
+   * This is the point on the anchor where the popover's anchor will attach to.
+   * Options: vertical: [top, center, bottom]; horizontal: [left, center, right].
    */
   anchorOrigin: PropTypes.shape({
     horizontal: PropTypes.oneOf(['center', 'left', 'right']),
@@ -574,14 +574,14 @@ Popover.propTypes = {
   className: PropTypes.string,
   /** If `true`, click outside will close component. */
   clickOutsideToClose: PropTypes.bool,
-  /**
-   * Direction when Popover shown.
-   * Note: This prop will overwrite anchorOrigin & transformOrigin.
-   *
-   * * top: anchorOrigin: { vertical: 'top', horizontal: 'center' }, transformOrigin: { vertical: 'bottom', horizontal: 'center' }
-   * * left: anchorOrigin: { vertical: 'center', horizontal: 'left' }, transformOrigin: { vertical: 'center', horizontal: 'right' }
-   * * right: anchorOrigin: { vertical: 'center', horizontal: 'right' }, transformOrigin: { vertical: 'center', horizontal: 'left' }
-   * * bottom: anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }
+  /**
+   * Direction when Popover shown.
+   * Note: This prop will overwrite anchorOrigin & transformOrigin.
+   *
+   * * top: anchorOrigin: { vertical: 'top', horizontal: 'center' }, transformOrigin: { vertical: 'bottom', horizontal: 'center' }
+   * * left: anchorOrigin: { vertical: 'center', horizontal: 'left' }, transformOrigin: { vertical: 'center', horizontal: 'right' }
+   * * right: anchorOrigin: { vertical: 'center', horizontal: 'right' }, transformOrigin: { vertical: 'center', horizontal: 'left' }
+   * * bottom: anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }
    */
   direction: PropTypes.oneOf(['top', 'left', 'right', 'bottom']),
   /** Height of the component. */
@@ -598,9 +598,9 @@ Popover.propTypes = {
   pressESCToClose: PropTypes.bool,
   /** Style inline of component. */
   style: PropTypes.object,
-  /**
-   * This is the point on the popover which will attach to the anchor's origin.
-   * Options: vertical: [top, center, bottom]; horizontal: [left, center, right].
+  /**
+   * This is the point on the popover which will attach to the anchor's origin.
+   * Options: vertical: [top, center, bottom]; horizontal: [left, center, right].
    */
   transformOrigin: PropTypes.shape({
     horizontal: PropTypes.oneOf(['center', 'left', 'right']),
@@ -612,24 +612,24 @@ Popover.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /** Config z-index of the component. */
   zIndex: PropTypes.number
-  /**
-   * ref methods (ref.current.instance.*method*)
-   *
-   * * show: Show popover
-   * * close: Close popover
-   * * setPosition(element): Set position of popover
-   *  * @param {element} - element
-   *
-   * * 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*)
+   *
+   * * show: Show popover
+   * * close: Close popover
+   * * setPosition(element): Set position of popover
+   *  * @param {element} - element
+   *
+   * * 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
    */
 };
 

package/global/index.js

@@ -145,12 +145,29 @@ const globalObject = {
     inputPlaceholder: 'Type something',
     dropdownPlaceholder: 'Select'
   },
-  delayOnInput: 500
+  //Global variable
+  delayOnInput: 500,
+  maxSizeUpload: Infinity,
+  //Components
+  components: {
+    attachment: {
+      defaultProps: {
+        allowSort: true,
+        className: '',
+        data: [],
+        disabled: false,
+        maxFile: Infinity,
+        multiple: true,
+        style: {},
+        viewType: 'detail'
+      }
+    }
+  }
 };
 export const getGlobal = (key, language = locale.get()) => {
   var _globalObject$languag;
   if (Array.isArray(key)) {
-    let result = globalObject[language];
+    let result = key[0] === 'components' ? globalObject : globalObject[language];
     for (let i = 0; i < key.length; i++) {
       if (!result[key[i]]) {
         return null;

package/icons/basic.js

@@ -6952,6 +6952,34 @@ export const CancelFilled = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const Car = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  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: "M17.5 5C18.16 5 18.72 5.42 18.92 6.01L21 12V20C21 20.55 20.55 21 20 21H19C18.45 21 18 20.55 18 20V19H6V20C6 20.55 5.55 21 5 21H4C3.45 21 3 20.55 3 20V12L5.08 6.01C5.29 5.42 5.84 5 6.5 5H17.5ZM5 14.5C5 15.33 5.67 16 6.5 16C7.33 16 8 15.33 8 14.5C8 13.67 7.33 13 6.5 13C5.67 13 5 13.67 5 14.5ZM17.5 16C16.67 16 16 15.33 16 14.5C16 13.67 16.67 13 17.5 13C18.33 13 19 13.67 19 14.5C19 15.33 18.33 16 17.5 16ZM6.5 6.5L5 11H19L17.5 6.5H6.5Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 18,
+    height: height || 16,
+    viewBox: "0 0 18 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5 0C15.16 0 15.72 0.42 15.92 1.01L18 7V15C18 15.55 17.55 16 17 16H16C15.45 16 15 15.55 15 15V14H3V15C3 15.55 2.55 16 2 16H1C0.45 16 0 15.55 0 15V7L2.08 1.01C2.29 0.42 2.84 0 3.5 0H14.5ZM2 9.5C2 10.33 2.67 11 3.5 11C4.33 11 5 10.33 5 9.5C5 8.67 4.33 8 3.5 8C2.67 8 2 8.67 2 9.5ZM14.5 11C13.67 11 13 10.33 13 9.5C13 8.67 13.67 8 14.5 8C15.33 8 16 8.67 16 9.5C16 10.33 15.33 11 14.5 11ZM3.5 1.5L2 6H16L14.5 1.5H3.5Z",
+    fill: colors[color] || color
+  }));
+});
 export const CloseFilled = /*#__PURE__*/memo(({
   width,
   height,

package/package.json

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

package/readme.md

@@ -38,6 +38,11 @@ npm test
 ```
 
 ## Changelog
+## 1.3.97
+- \[Added\]: Icon – Add Car
+- \[Fixed\]: Attachment – Fix bug remove file
+- \[Fixed\]: Dropdown – Optimize code with useState
+
 ## 1.3.96
 - \[Changed\]: Popover – Add prop onOpen
 - \[Changed\]: ButtonMore – Add tooltip for icon