diginet-core-ui 1.3.78 → 1.3.79

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

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

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

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

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

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

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

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

package/icons/general/hyperlink/hyperlink.js

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

package/icons/general/indent/decrease.js

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

package/icons/general/indent/increase.js

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

package/icons/general/list/bullets.js

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

package/icons/general/list/numbering.js

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

package/icons/general/picture/picture.js

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

package/icons/general/steps/redo.js

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

package/icons/general/steps/undo.js

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

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

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

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

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

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

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

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

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

package/icons/menu/dhr.js

@@ -1501,8 +1501,9 @@ 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,9 +1,6 @@
 /* eslint-disable no-undef */
-
 /* eslint-disable no-empty */
-
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, forwardRef, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -17,17 +14,13 @@ const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   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", {
     src: getResourceImage(name + '.svg'),
     width: width,
@@ -44,13 +37,10 @@ IconMenu.defaultProps = {
 IconMenu.propTypes = {
   /** Menu type (DHR || ERP || BEM). */
   type: PropTypes.oneOf(['dhr', 'erp', 'bem']),
-
   /** Name of icon. */
   name: PropTypes.string,
-
   /** Width of icon. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** Height of icon. */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };

package/package.json

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

package/readme.md

@@ -38,8 +38,18 @@ npm test
 ```
 
 ## Changelog
+## 1.3.79
+- \[Changed\]: Button – Add prop labelProps; Allow use CUI colors
+- \[Changed\]: InputBase – Add startIcon, endIcon to multiline textarea; Add viewType none; Optimize code
+- \[Changed\]: Notify – Replace prop color with type; Change duration from seconds to milliseconds; Refactoring code
+- \[Changed\]: ButtonIcon – Add tabIndex; Optimize code
+- \[Changed\]: DateRangePicker – Hide clear button when disabled or readonly
+- \[Changed\]: TextInput – Add prop nonStyle; Add viewType none
+- \[Changed\]: Ripple – useImperativeHandle method start
+- \[Fixed\]: Popover – Fix wrong position when use method show
+
 ## 1.3.78
-- \[Changed\]: DropDown – Update UI mode multi and optimize render multi selected
+- \[Changed\]: Dropdown – Update UI mode multi and optimize render multi selected
 
 ## 1.3.77
 - \[Changed\]: DateRangePicker – Add method show to ref

package/styles/animation.js

@@ -1,23 +1,20 @@
 /* eslint-disable no-prototype-builtins */
 import { keyframes } from '@emotion/core';
 import { promisify } from '../utils';
-
 const loadStyles = css => {
-  let head = document.head || document.getElementsByTagName('head')[0]; // no <head> node? create one...
+  let head = document.head || document.getElementsByTagName('head')[0];
 
+  // no <head> node? create one...
   if (!head) {
     head = document.createElement('head');
     const body = document.body || document.getElementsByTagName('body')[0];
-
     if (body) {
       body.parentNode.insertBefore(head, body);
     } else {
       document.documentElement.appendChild(head);
     }
   }
-
   const style = document.createElement('style');
-
   if (style.styleSheet) {
     // IE
     style.styleSheet.cssText = css;
@@ -25,61 +22,48 @@ const loadStyles = css => {
     // the world
     style.appendChild(document.createTextNode(css));
   }
-
   head.appendChild(style);
   return style;
 };
-
 const pfx = ['webkit', 'moz', 'MS', 'o', ''];
-
 const addStyleEvent = (el, type, callback = () => {}) => {
   for (let p in pfx) {
     if (!pfx[p]) {
       type = type.toLowerCase();
     }
-
     el.addEventListener(pfx[p] + type, callback, false);
   }
 };
-
 const removeStyleEvent = (el, type, callback = () => {}) => {
   for (let p in pfx) {
     if (!pfx[p]) {
       type = type.toLowerCase();
     }
-
     el.removeEventListener(pfx[p] + type, callback, false);
   }
 };
-
 const getTransformProperty = () => {
   const styles = ['webkitTransform', 'MozTransform', 'msTransform', 'OTransform', 'transform'];
   const el = document.createElement('p');
   let style;
-
   for (let i in styles) {
     style = styles[i];
-
     if (el.style[style] !== null) {
       return style;
     }
   }
 };
-
 const getAnimationProperty = () => {
   const styles = ['webkitAnimation', 'MozAnimation', 'msAnimation', 'OAnimation', 'animation'];
   const el = document.createElement('div');
   let style;
-
   for (let i in styles) {
     style = styles[i];
-
     if (el.style[style] !== null) {
       return style;
     }
   }
 };
-
 const registeredAnimations = {};
 const mainDefaults = {
   duration: 1000,
@@ -94,51 +78,43 @@ const mainDefaults = {
 export const hasAnimation = name => {
   return registeredAnimations.hasOwnProperty(name);
 };
-
 const clearTransformProp = el => {
   el.style.transform = '';
   el.style[getTransformProperty()] = '';
 };
-
 const clearAnimationProp = el => {
   el.style[getAnimationProperty()] = '';
   el.style.animation = '';
 };
-
 const setAnimationProp = (els, val, opts) => {
-  const clearTransforms = opts && opts.clearTransforms === true; // we got a collection, potentially
-
+  const clearTransforms = opts && opts.clearTransforms === true;
+  // we got a collection, potentially
   for (let i in els) {
     // we do both because... chrome does both
     if (clearTransforms) {
       clearTransformProp(els[i]);
     }
-
     if (els[i].style) {
       els[i].style[getAnimationProperty()] = val;
     }
   }
 };
-
 const addUnit = (item, unit) => {
   if (typeof item === 'string') {
     return item;
   }
-
   return item + unit;
 };
-
 const getValueForProperty = (val, prop) => {
   if (val.hasOwnProperty(prop)) {
     return val[prop];
   }
-
   return 0;
 };
-
 const createCssTranslateString = val => {
-  var res = []; // array of values is assumed to be [x,y,(z)]
+  var res = [];
 
+  // array of values is assumed to be [x,y,(z)]
   if (Array.isArray(val)) {
     if (val.length === 2) {
       res = res.concat(val, 0);
@@ -150,13 +126,11 @@ const createCssTranslateString = val => {
     res.push(getValueForProperty(val, 'y'));
     res.push(getValueForProperty(val, 'z'));
   }
-
   res = res.map(function (val) {
     return addUnit(val, 'px');
   });
   return 'translate3d(' + res.join(',') + ')';
 };
-
 const lookups = {
   scale: val => {
     return 'scale(' + val + ')';
@@ -171,23 +145,22 @@ const lookups = {
     return val;
   }
 };
-
 const prefix = () => {
   if (typeof document !== 'undefined') {
     const el = document.documentElement || document.createElement('div');
     return el.style.animation !== null ? '' : '-webkit-';
   }
 };
-
 const getStyles = obj => {
   // array of values is assumed to be [x,y,(z)]
+
   if (Array.isArray(obj)) {
     return prefix() + 'transform:' + createCssTranslateString(obj);
   }
-
   let transformBuff = [],
-      otherStyles = []; // object assumes
+    otherStyles = [];
 
+  // object assumes
   if (typeof obj === 'object') {
     for (let key in obj) {
       if (lookups[key]) {
@@ -197,34 +170,29 @@ const getStyles = obj => {
       }
     }
   }
-
   otherStyles.push(prefix() + 'transform:' + transformBuff.join(''));
   return otherStyles.join(';');
 };
-
 const getLine = (percentage, styles) => {
   if (typeof percentage === 'number') {
     percentage += '%';
   } else if (typeof percentage === 'string' && percentage.indexOf('%') === -1) {
     percentage += '%';
   }
-
   return percentage + '{' + getStyles(styles) + '}';
 };
-
 const createKeyframeAnimation = (name, positions) => {
-  let buf = '@' + prefix() + 'keyframes ' + name + '{'; // we got an array of arrays
+  let buf = '@' + prefix() + 'keyframes ' + name + '{';
 
+  // we got an array of arrays
   if (Array.isArray(positions)) {
     buf += positions.map(function (pos, index) {
       let percentage;
-
       if (index) {
         percentage = index / (positions.length - 1) * 100;
       } else {
         percentage = 0;
       }
-
       return getLine(percentage, pos);
     }).join('');
   } else {
@@ -232,58 +200,47 @@ const createKeyframeAnimation = (name, positions) => {
       buf += getLine(key, positions[key]);
     }
   }
-
   buf += '}';
   return buf;
 };
-
 const setAnimationAsTransform = (els, opts) => {
-  const clearAnimations = opts && opts.clearAnimations === true; // we got a collection, potentially
-
+  const clearAnimations = opts && opts.clearAnimations === true;
+  // we got a collection, potentially
   for (let i in els) {
     els[i].style[getTransformProperty()] = getComputedStyle(els[i])[getTransformProperty()];
     if (clearAnimations) clearAnimationProp(els[i]);
   }
 };
-
 export const runAnimation = promisify((els, opts, cb = () => {}) => {
   if (typeof opts === 'string') {
     opts = {
       name: opts
     };
   }
-
   if (!els.length) {
     els = [els];
   }
-
   if (!opts.name) {
     return cb(Error('must supply animation name'));
   }
-
   const found = registeredAnimations[opts.name];
-
   if (!found) {
     return cb(Error(`no animation named ${opts.name} exists`));
   }
-
-  opts = { ...opts,
+  opts = {
+    ...opts,
     ...found.presets,
     ...mainDefaults
   };
-
   const animationEnd = () => {
     removeStyleEvent(els[0], 'AnimationEnd', animationEnd);
-
     if (opts.resetWhenDone) {
       setAnimationAsTransform(els, {
         clearAnimations: true
       });
     }
-
     return cb(null, els);
   };
-
   addStyleEvent(els[0], 'AnimationEnd', animationEnd);
   const styles = [opts.name, addUnit(opts.duration, 'ms'), opts.easing, opts.iterations, addUnit(opts.delay, 'ms'), opts.direction, opts.fillMode];
   setAnimationProp(els, styles.join(' '), {