diginet-core-ui 1.3.95 → 1.3.96

package/icons/effect.js

@@ -105,19 +105,19 @@ Icon.propTypes = {
   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
    */
 };
 

package/package.json

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

package/readme.md

@@ -38,8 +38,15 @@ npm test
 ```
 
 ## Changelog
+## 1.3.96
+- \[Changed\]: Popover – Add prop onOpen
+- \[Changed\]: ButtonMore – Add tooltip for icon
+- \[Changed\]: Modal – Add onScroll to ModalBody
+- \[Changed\]: Colors – Add dynamic colors
+- \[Changed\]: Utils – Export hexToRGBA
+- \[Fixed\]: DateRangePicker – Fix UI min-width
+
 ## 1.3.95
-- \[Added\]: Icon – Add ModuleView, Update ListView, FolderPerson, FolderAdd
 - \[Added\]: IconMenu – Add WEO76APP0001, WEO76APP0002, WEO76LIS0001, WEO76LIS0002, WEO76LIS0003, WEO76REQ0001, WEO76REQ0002, MHRP09N0033, MHRP29N0029, MHRM89N0002
 - \[Changed\]: Modal – Change logic of children and title in ModalHeader
 - \[Fixed\]: TreeView – Fix cannot select by checkbox
@@ -47,6 +54,7 @@ npm test
 - \[Fixed\]: TECH – Fix warning 'ref is not a prop'
 
 ## 1.3.94
+- \[Added\]: Icon – Add ModuleView, Update ListView, FolderPerson, FolderAdd
 - \[Added\]: Icon – Add color default
 - \[Changed\]: Breadcrumb – Update design
 - \[Changed\]: Button – Add text sentence for Button

package/styles/colors.js

@@ -323,6 +323,13 @@ color.line = {
   category: color.dark2,
   tab: color.dark2
 };
+color.dynamic = {
+  aqua: color.aqua5,
+  pistachio: color.pistachio5,
+  pumpkin: color.pumpkin5,
+  magenta: color.magenta5,
+  violet: color.violet5
+};
 color.primary = color.system.active;
 color.secondary = color.system.rest;
 color.success = color.semantic.success;

package/utils/hexToRGBA/index.js

@@ -0,0 +1,23 @@
+import { isColor, isColorName } from "../../styles/color-helper";
+import { getColor } from "../../styles/utils";
+
+/**
+ * Convert from #ffffff to rgba()
+ * @param hex color - #ffffff
+ * @param {number} alpha - 0.5
+ * @returns {string} color - rgba()
+ */
+export const hexToRGBA = (hex, alpha) => {
+  hex = getColor(hex);
+  if (isColorName(hex)) hex = isColorName(hex);
+  if (!isColor(hex)) return;
+  var r = parseInt(hex.slice(1, 3), 16),
+    g = parseInt(hex.slice(3, 5), 16),
+    b = parseInt(hex.slice(5, 7), 16);
+  if (alpha) {
+    return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + alpha + ')';
+  } else {
+    return 'rgb(' + r + ', ' + g + ', ' + b + ')';
+  }
+};
+export default hexToRGBA;

package/utils/index.js

@@ -5,6 +5,7 @@ export { default as classNames } from "./classNames";
 export { default as date } from "./date";
 export { default as getFileType } from "./getFileType";
 export { default as handleBreakpoints } from "./handleBreakpoints";
+export { default as hexToRGBA } from "./hexToRGBA";
 export { default as isMobile } from "./isMobile";
 export { default as mapParent } from "./map-parent";
 export { default as onValidate } from "./validate";