diginet-core-ui 1.3.36 → 1.3.38

package/utils/date.js

@@ -3,11 +3,11 @@ import locale from '../locale';
 const language = locale.get();
 const localeName = language === 'en' ? 'en-US' : 'vi-VN';
 const units = ['year', 'month', 'day', 'hour', 'minute', 'second', 'millisecond'];
-/**
- * 
- * @param {Date|String|Array} value is a date time
- * @param {String} format the input date format
- * @param {Boolean} setNow return current time if true
+/**
+ * 
+ * @param {Date|String|Array} value is a date time
+ * @param {String} format the input date format
+ * @param {Boolean} setNow return current time if true
  */
 
 const getDate = (value, format = 'MM/DD/YYYY', setNow = true) => {
@@ -61,11 +61,11 @@ const getMethodOfUnit = unit => {
       return 'Date';
   }
 };
-/**
- * check 1 value is a date
- * @param {Date|String|Array|Number} value the value to check
- * @param {String} formatInput the format date to check valid date
- * @returns {Boolean} valid date
+/**
+ * check 1 value is a date
+ * @param {Date|String|Array|Number} value the value to check
+ * @param {String} formatInput the format date to check valid date
+ * @returns {Boolean} valid date
  */
 
 
@@ -80,11 +80,11 @@ export const isValidDate = (value, formatInput) => {
 
   return false;
 };
-/**
- * get the end of month from month and year or from a date
- * @param {Number|String|Date|Array} month the month of year (can also be validated as year) or a value with date type
- * @param {Number} year the year (can also be validated as month if arg 1 is year)
- * @returns {Number} end day
+/**
+ * get the end of month from month and year or from a date
+ * @param {Number|String|Date|Array} month the month of year (can also be validated as year) or a value with date type
+ * @param {Number} year the year (can also be validated as month if arg 1 is year)
+ * @returns {Number} end day
  */
 
 export const getEndDayOfMonth = (month, year) => {
@@ -106,11 +106,11 @@ export const getEndDayOfMonth = (month, year) => {
 
   return 'Invalid Date';
 };
-/**
- * return a date time follow the concrete format
- * @param {Date|String|Array} value is a date time
- * @param {String} formatOutput format of date
- * @param {Boolean} utc is utc time
+/**
+ * return a date time follow the concrete format
+ * @param {Date|String|Array} value is a date time
+ * @param {String} formatOutput format of date
+ * @param {Boolean} utc is utc time
  */
 
 export const formatDate = (value, formatOutput = 'DD/MM/YYYY', utc = false) => {
@@ -268,21 +268,21 @@ export const formatDate = (value, formatOutput = 'DD/MM/YYYY', utc = false) => {
     return formatOutput;
   }
 };
-/**
- * return a date like moment
- * @param {Date|String|Array} value is date time
- * @param {String} formatInput format of input date value
- * @returns {Object} date
+/**
+ * return a date like moment
+ * @param {Date|String|Array} value is date time
+ * @param {String} formatInput format of input date value
+ * @returns {Object} date
  */
 
 const date = (value, formatInput = 'MM/DD/YYYY') => {
   const originDate = getDate(value, formatInput);
-  /**
-   * compare two date time and return a period
-   * @param {Date|String|Array} date is a date time
-   * @param {String} unit one of milliseconds|seconds|minutes|hours|days|months|years
-   * @param {Boolean|Number} floating allow odd numbers
-   * @returns {Number} distance
+  /**
+   * compare two date time and return a period
+   * @param {Date|String|Array} date is a date time
+   * @param {String} unit one of milliseconds|seconds|minutes|hours|days|months|years
+   * @param {Boolean|Number} floating allow odd numbers
+   * @returns {Number} distance
    */
 
   const diff = (compareDate, unit = 'days', floating = false) => {
@@ -345,12 +345,12 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
 
     return result.toFixed(floating ? typeof floating === 'number' ? floating : 2 : 0);
   };
-  /**
-   * add or subtract date time
-   * @param {Number} num the quantity to cal for unit
-   * @param {String} unit the unit of date/time
-   * @param {String} operator operator to cal (add/subtract)
-   * @returns {Object} date
+  /**
+   * add or subtract date time
+   * @param {Number} num the quantity to cal for unit
+   * @param {String} unit the unit of date/time
+   * @param {String} operator operator to cal (add/subtract)
+   * @returns {Object} date
    */
 
 
@@ -363,11 +363,11 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
     originDate['set' + getMethodOfUnit(unit)](originDate['get' + getMethodOfUnit(unit)]() + (operator === 'add' ? +num : -num));
     return date(originDate, formatInput);
   };
-  /**
-   * get the moment of time follow unit time
-   * @param {String} unit the unit of time
-   * @param {String} moment start|end to get start|end of the moment
-   * @returns {Object} date
+  /**
+   * get the moment of time follow unit time
+   * @param {String} unit the unit of time
+   * @param {String} moment start|end to get start|end of the moment
+   * @returns {Object} date
    */
 
 
@@ -393,12 +393,12 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
     });
     return date(originDate, formatInput);
   };
-  /**
-   * 
-   * @param {Date|String|Number|Array} compareDate date to calculate moment, undefined will compare with now
-   * @param {String|Array} unit year|month|day|hour|minute|second|millisecond, allow undefined
-   * @param {Boolean|Number} floating allow odd numbers
-   * @returns {String} moments
+  /**
+   * 
+   * @param {Date|String|Number|Array} compareDate date to calculate moment, undefined will compare with now
+   * @param {String|Array} unit year|month|day|hour|minute|second|millisecond, allow undefined
+   * @param {Boolean|Number} floating allow odd numbers
+   * @returns {String} moments
    */
 
 
@@ -446,18 +446,18 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
   return {
     value: originDate,
 
-    /**
-     * return a date time follow the concrete format
-     * @param {String} formatOutput format of date
-     * @param {Boolean} utc is utc time
+    /**
+     * return a date time follow the concrete format
+     * @param {String} formatOutput format of date
+     * @param {Boolean} utc is utc time
      */
     format: (formatOutput, utc) => formatDate(originDate, formatOutput, utc),
     diff,
 
-    /**
-     * check 1 value is a date
-     * @param {String} formatInput the format date to check valid date
-     * @returns {Boolean} valid date
+    /**
+     * check 1 value is a date
+     * @param {String} formatInput the format date to check valid date
+     * @returns {Boolean} valid date
      */
     isValid: () => isValidDate(originDate, formatInput),
     add: (num, unit) => calculation(num, unit, 'add'),

package/utils/error/error.js

@@ -2,8 +2,8 @@
 import { extend } from '../object/extend';
 import { logger } from '../console';
 import { format } from '../string/string';
-/**
- * future
+/**
+ * future
  */
 
 const ERROR_URL = 'http://core.diginet.com.vn/ui/error/';

package/utils/error/errors.js

@@ -1,247 +1,247 @@
 import errorUtils from './error';
-/**
-* @docid
-* @name ErrorsCore
+/**
+* @docid
+* @name ErrorsCore
 */
 
 export default errorUtils({
-  /**
-  * @name ErrorsCore.E0001
+  /**
+  * @name ErrorsCore.E0001
   */
   E0001: 'Method is not implemented',
 
-  /**
-  * @name ErrorsCore.E0002
+  /**
+  * @name ErrorsCore.E0002
   */
   E0002: 'Member name collision: {0}',
 
-  /**
-  * @name ErrorsCore.E0003
+  /**
+  * @name ErrorsCore.E0003
   */
   E0003: 'A class must be instantiated using the \'new\' keyword',
 
-  /**
-  * @name ErrorsCore.E0004
+  /**
+  * @name ErrorsCore.E0004
   */
   E0004: 'The NAME property of the component is not specified',
 
-  /**
-  * @name ErrorsCore.E0005
+  /**
+  * @name ErrorsCore.E0005
   */
   E0005: 'Unknown device',
 
-  /**
-  * @name ErrorsCore.E0006
+  /**
+  * @name ErrorsCore.E0006
   */
   E0006: 'Unknown endpoint key is requested',
 
-  /**
-  * @name ErrorsCore.E0007
+  /**
+  * @name ErrorsCore.E0007
   */
   E0007: '\'Invalidate\' method is called outside the update transaction',
 
-  /**
-  * @name ErrorsCore.E0008
+  /**
+  * @name ErrorsCore.E0008
   */
   E0008: 'Type of the option name is not appropriate to create an action',
 
-  /**
-  * @name ErrorsCore.E0009
+  /**
+  * @name ErrorsCore.E0009
   */
   E0009: 'Component \'{0}\' has not been initialized for an element',
 
-  /**
-  * @name ErrorsCore.E0010
+  /**
+  * @name ErrorsCore.E0010
   */
   E0010: 'Animation configuration with the \'{0}\' type requires \'{1}\' configuration as {2}',
 
-  /**
-  * @name ErrorsCore.E0011
+  /**
+  * @name ErrorsCore.E0011
   */
   E0011: 'Unknown animation type \'{0}\'',
 
-  /**
-  * @name ErrorsCore.E0012
+  /**
+  * @name ErrorsCore.E0012
   */
   E0012: 'jQuery version is too old. Please upgrade jQuery to 1.10.0 or later',
 
-  /**
-  * @name ErrorsCore.E0013
+  /**
+  * @name ErrorsCore.E0013
   */
   E0013: 'KnockoutJS version is too old. Please upgrade KnockoutJS to 2.3.0 or later',
 
-  /**
-  * @name ErrorsCore.E0014
+  /**
+  * @name ErrorsCore.E0014
   */
   E0014: 'The \'release\' method shouldn\'t be called for an unlocked Lock object',
 
-  /**
-  * @name ErrorsCore.E0015
+  /**
+  * @name ErrorsCore.E0015
   */
   E0015: 'Queued task returned an unexpected result',
 
-  /**
-  * @name ErrorsCore.E0017
+  /**
+  * @name ErrorsCore.E0017
   */
   E0017: 'Event namespace is not defined',
 
-  /**
-  * @name ErrorsCore.E0018
+  /**
+  * @name ErrorsCore.E0018
   */
   E0018: 'DGN-UI-Popup widget is required',
 
-  /**
-  * @name ErrorsCore.E0020
+  /**
+  * @name ErrorsCore.E0020
   */
   E0020: 'Template engine \'{0}\' is not supported',
 
-  /**
-  * @name ErrorsCore.E0021
+  /**
+  * @name ErrorsCore.E0021
   */
   E0021: 'Unknown theme is set: {0}',
 
-  /**
-  * @name ErrorsCore.E0022
+  /**
+  * @name ErrorsCore.E0022
   */
   E0022: 'LINK[rel=DGN-UI-theme] tags must go before DGN-UI included scripts',
 
-  /**
-  * @name ErrorsCore.E0023
+  /**
+  * @name ErrorsCore.E0023
   */
   E0023: 'Template name is not specified',
 
-  /**
-  * @name ErrorsCore.E0024
+  /**
+  * @name ErrorsCore.E0024
   */
   E0024: 'DGN-UI bundle already included',
 
-  /**
-  * @name ErrorsCore.E0025
+  /**
+  * @name ErrorsCore.E0025
   */
   E0025: 'Unexpected argument type',
 
-  /**
-  * @name ErrorsCore.E0100
+  /**
+  * @name ErrorsCore.E0100
   */
   E0100: 'Unknown validation type is detected',
 
-  /**
-  * @name ErrorsCore.E0101
+  /**
+  * @name ErrorsCore.E0101
   */
   E0101: 'Misconfigured range validation rule is detected',
 
-  /**
-  * @name ErrorsCore.E0102
+  /**
+  * @name ErrorsCore.E0102
   */
   E0102: 'Misconfigured comparison validation rule is detected',
 
-  /**
-  * @name ErrorsCore.E0103
+  /**
+  * @name ErrorsCore.E0103
   */
   E0103: 'validationCallback of an asynchronous rule should return a jQuery or a native promise',
 
-  /**
-  * @name ErrorsCore.E0110
+  /**
+  * @name ErrorsCore.E0110
   */
   E0110: 'Unknown validation group is detected',
 
-  /**
-  * @name ErrorsCore.E0120
+  /**
+  * @name ErrorsCore.E0120
   */
   E0120: 'Adapter for a DGN-UI-Validator component cannot be configured',
 
-  /**
-  * @name ErrorsCore.E0121
+  /**
+  * @name ErrorsCore.E0121
   */
   E0121: 'The \'customItem\' field of the \'onCustomItemCreating\' function\'s parameter should contain a custom item or Promise that is resolved after the item is created.',
 
-  /**
-  * @name ErrorsCore.W0000
+  /**
+  * @name ErrorsCore.W0000
   */
   W0000: '\'{0}\' is deprecated in {1}. {2}',
 
-  /**
-  * @name ErrorsCore.W0001
+  /**
+  * @name ErrorsCore.W0001
   */
   W0001: '{0} - \'{1}\' option is deprecated in {2}. {3}',
 
-  /**
-  * @name ErrorsCore.W0002
+  /**
+  * @name ErrorsCore.W0002
   */
   W0002: '{0} - \'{1}\' method is deprecated in {2}. {3}',
 
-  /**
-  * @name ErrorsCore.W0003
+  /**
+  * @name ErrorsCore.W0003
   */
   W0003: '{0} - \'{1}\' property is deprecated in {2}. {3}',
 
-  /**
-  * @name ErrorsCore.W0004
+  /**
+  * @name ErrorsCore.W0004
   */
   W0004: 'Timeout for theme loading is over: {0}',
 
-  /**
-  * @name ErrorsCore.W0005
+  /**
+  * @name ErrorsCore.W0005
   */
   W0005: '\'{0}\' event is deprecated in {1}. {2}',
 
-  /**
-  * @name ErrorsCore.W0006
+  /**
+  * @name ErrorsCore.W0006
   */
   W0006: 'Invalid recurrence rule: \'{0}\'',
 
-  /**
-  * @name ErrorsCore.W0007
+  /**
+  * @name ErrorsCore.W0007
   */
   W0007: '\'{0}\' Globalize culture is not defined',
 
-  /**
-  * @name ErrorsCore.W0008
+  /**
+  * @name ErrorsCore.W0008
   */
   W0008: 'Invalid view name: \'{0}\'',
 
-  /**
-  * @name ErrorsCore.W0009
+  /**
+  * @name ErrorsCore.W0009
   */
   W0009: 'Invalid time zone name: \'{0}\'',
 
-  /**
-  * @name ErrorsCore.W0010
+  /**
+  * @name ErrorsCore.W0010
   */
   W0010: '{0} is deprecated in {1}. {2}',
 
-  /**
-  * @name ErrorsCore.W0011
+  /**
+  * @name ErrorsCore.W0011
   */
   W0011: 'Number parsing is invoked while the parser is not defined',
 
-  /**
-  * @name ErrorsCore.W0012
+  /**
+  * @name ErrorsCore.W0012
   */
   W0012: 'Date parsing is invoked while the parser is not defined',
 
-  /**
-  * @name ErrorsCore.W0013
+  /**
+  * @name ErrorsCore.W0013
   */
   W0013: '\'{0}\' file is deprecated in {1}. {2}',
 
-  /**
-  * @name ErrorsCore.W0014
+  /**
+  * @name ErrorsCore.W0014
   */
   W0014: '{0} - \'{1}\' type is deprecated in {2}. {3}',
 
-  /**
-  * @name ErrorsCore.W0015
+  /**
+  * @name ErrorsCore.W0015
   */
   W0015: 'Instead of returning a value from the \'{0}\' function, write it into the \'{1}\' field of the function\'s parameter.',
 
-  /**
-  * @name ErrorsCore.W0016
+  /**
+  * @name ErrorsCore.W0016
   */
   W0016: 'The "{0}" option does not accept the "{1}" value since v.{2}. {3}.',
 
-  /**
-  * @name ErrorsCore.W0017
+  /**
+  * @name ErrorsCore.W0017
   */
   W0017: 'Filter query string exceeds maximum length limit of {0} characters.'
 });

package/utils/number.js

@@ -1,7 +1,7 @@
-/**
- *
- * @param {String} value
- * @param {String} format
+/**
+ *
+ * @param {String} value
+ * @param {String} format
  */
 export default function numberFormat(value, format) {
   let hashCount = 0;
@@ -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) {

package/utils/render-portal.js

@@ -1,13 +1,17 @@
 import { Children } from 'react';
 import { render, createPortal } from 'react-dom';
+import { useTheme } from '../theme';
 const idPortal = 'DGN-UI-Portal',
       classNameCommon = 'DGN-UI-Portal';
+const {
+  zIndex
+} = useTheme();
 export const getPortal = () => {
   const portal = document.getElementById(idPortal);
   if (portal) return portal;
   const node = document.createElement('div');
   node.id = idPortal;
-  node.style.cssText = 'position: fixed; inset: 0; pointer-events: none; z-index: 9000;';
+  node.style.cssText = `position: fixed; inset: 0; pointer-events: none; z-index: ${zIndex()};`;
   return document.body.appendChild(node);
 };
 export const isLastChildNode = node => {

package/utils/renderIcon.js

@@ -5,11 +5,11 @@ import { jsx } from '@emotion/core';
 import { ButtonIcon } from '../components';
 import * as Icons from '../icons';
 import { parseTextToHTML, capitalize } from './';
-/**
- * render icon form source (dynamic type)
- * @param {String|jsx} source data of icon, maybe svg text | image link | name of icon in icons store or a jsx element
- * @param {String} type text to parse text to HTML, img link to use img tag, name to use icon form icons store
- * @param {Object} options properties of Icon component if us type is name {width, height, color, viewBox, ...}
+/**
+ * render icon form source (dynamic type)
+ * @param {String|jsx} source data of icon, maybe svg text | image link | name of icon in icons store or a jsx element
+ * @param {String} type text to parse text to HTML, img link to use img tag, name to use icon form icons store
+ * @param {Object} options properties of Icon component if us type is name {width, height, color, viewBox, ...}
  */
 
 const renderIcon = (source, type, options = {}) => {

package/utils/useOnClickOutside.js

@@ -1,5 +1,5 @@
-/**
- * https://usehooks.com/useOnClickOutside/
+/**
+ * https://usehooks.com/useOnClickOutside/
  */
 import { useEffect } from 'react';
 export default function useOnClickOutside(ref, handler) {

package/utils/usePortal.js

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
-/**
- * Create a element with id
- * @param {string} id 
+/**
+ * Create a element with id
+ * @param {string} id 
  */
 
 export const createEl = id => {
@@ -9,17 +9,17 @@ export const createEl = id => {
   createdEl.setAttribute('id', id);
   return createdEl;
 };
-/**
- * Insert into document.body at last
- * @param {Element} rootElem
+/**
+ * Insert into document.body at last
+ * @param {Element} rootElem
  */
 
 export const addRootEl = rootElem => {
   document.body.insertBefore(rootElem, document.body.lastElementChild.nextElementSibling);
 };
-/**
- * Create a portal with id
- * @param {string} id 
+/**
+ * Create a portal with id
+ * @param {string} id 
  */
 
 const usePortal = id => {