diginet-core-ui 1.3.41 → 1.3.42

package/styles/color-helper.js

@@ -1,10 +1,10 @@
-/**
- * Returns a number whose value is limited to the given range.
- *
- * @param {number} value The value to be clamped
- * @param {number} min The lower boundary of the output range
- * @param {number} max The upper boundary of the output range
- * @returns {number} A number in the range [min, max]
+/**
+ * Returns a number whose value is limited to the given range.
+ *
+ * @param {number} value The value to be clamped
+ * @param {number} min The lower boundary of the output range
+ * @param {number} max The upper boundary of the output range
+ * @returns {number} A number in the range [min, max]
  */
 const clamp = (value, min = 0, max = 1) => {
   if (process.env.NODE_ENV !== 'production') {
@@ -15,11 +15,11 @@ const clamp = (value, min = 0, max = 1) => {
 
   return Math.min(Math.max(min, value), max);
 };
-/**
- * Converts a color from CSS hex format to CSS rgb format.
- *
- * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
- * @returns {string} A CSS rgb color string
+/**
+ * Converts a color from CSS hex format to CSS rgb format.
+ *
+ * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
+ * @returns {string} A CSS rgb color string
  */
 
 
@@ -41,11 +41,11 @@ const intToHex = int => {
   const hex = int.toString(16);
   return hex.length === 1 ? `0${hex}` : hex;
 };
-/**
- * Converts a color from CSS rgb format to CSS hex format.
- *
- * @param {string} color - RGB color, i.e. rgb(n, n, n)
- * @returns {string} A CSS rgb color string, i.e. #nnnnnn
+/**
+ * Converts a color from CSS rgb format to CSS hex format.
+ *
+ * @param {string} color - RGB color, i.e. rgb(n, n, n)
+ * @returns {string} A CSS rgb color string, i.e. #nnnnnn
  */
 
 
@@ -59,11 +59,11 @@ export const rgbToHex = color => {
   } = decomposeColor(color);
   return `#${values.map(n => intToHex(n)).join('')}`;
 };
-/**
- * Converts a color from CSS rgb format to CSS hex format.
- *
- * @param {string} color - RGBA color, i.e. rgba(n, n, n, f)
- * @returns {string} A CSS rgb A color string, i.e. #nnnnnnnn
+/**
+ * Converts a color from CSS rgb format to CSS hex format.
+ *
+ * @param {string} color - RGBA color, i.e. rgba(n, n, n, f)
+ * @returns {string} A CSS rgb A color string, i.e. #nnnnnnnn
  */
 
 export const rgbaToHexA = color => {
@@ -96,11 +96,11 @@ export const rgbaToHexA = color => {
   if (a.length == 1) a = '0' + a;
   return '#' + r + g + b + a;
 };
-/**
- * Converts a color from hsl format to rgb format.
- *
- * @param {string} color - HSL color values
- * @returns {string} rgb color values
+/**
+ * Converts a color from hsl format to rgb format.
+ *
+ * @param {string} color - HSL color values
+ * @returns {string} rgb color values
  */
 
 export const hslToRgb = color => {
@@ -128,13 +128,13 @@ export const hslToRgb = color => {
     values: rgb
   });
 };
-/**
- * Returns an object with the type and values of a color.
- *
- * Note: Does not support rgb % values.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {object} - A  color object: {type: string, values: number[]}
+/**
+ * Returns an object with the type and values of a color.
+ *
+ * Note: Does not support rgb % values.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {object} - A  color object: {type: string, values: number[]}
  */
 
 export const decomposeColor = color => {
@@ -160,13 +160,13 @@ export const decomposeColor = color => {
     values
   };
 };
-/**
- * Converts a color object with type and values to a string.
- *
- * @param {object} color - Decomposed color
- * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla'
- * @param {array} color.values - [n,n,n] or [n,n,n,n]
- * @returns {string} A CSS color string
+/**
+ * Converts a color object with type and values to a string.
+ *
+ * @param {object} color - Decomposed color
+ * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla'
+ * @param {array} color.values - [n,n,n] or [n,n,n,n]
+ * @returns {string} A CSS color string
  */
 
 export const recomposeColor = color => {
@@ -187,14 +187,14 @@ export const recomposeColor = color => {
 
   return `${type}(${values.join(', ')})`;
 };
-/**
- * Calculates the contrast ratio between two colors.
- *
- * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
- *
- * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {number} A contrast ratio value in the range 0 - 21.
+/**
+ * Calculates the contrast ratio between two colors.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ *
+ * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {number} A contrast ratio value in the range 0 - 21.
  */
 
 export const getContrastRatio = (foreground, background) => {
@@ -202,14 +202,14 @@ export const getContrastRatio = (foreground, background) => {
   const lumB = getLuminance(background);
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
 };
-/**
- * The relative brightness of any point in a color space,
- * normalized to 0 for darkest black and 1 for lightest white.
- *
- * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {number} The relative brightness of the color in the range 0 - 1
+/**
+ * The relative brightness of any point in a color space,
+ * normalized to 0 for darkest black and 1 for lightest white.
+ *
+ * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {number} The relative brightness of the color in the range 0 - 1
  */
 
 export const getLuminance = color => {
@@ -223,25 +223,25 @@ export const getLuminance = color => {
 
   return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
 };
-/**
- * Darken or lighten a color, depending on its luminance.
- * Light colors are darkened, dark colors are lightened.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
+/**
+ * Darken or lighten a color, depending on its luminance.
+ * Light colors are darkened, dark colors are lightened.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
 export const emphasize = (color, coefficient = 0.15) => {
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 };
-/**
- * Set the absolute transparency of a color.
- * Any existing alpha values are overwritten.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {number} value - value to set the alpha channel to in the range 0 -1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
+/**
+ * Set the absolute transparency of a color.
+ * Any existing alpha values are overwritten.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {number} value - value to set the alpha channel to in the range 0 -1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
 export const fade = (color, value) => {
@@ -255,12 +255,12 @@ export const fade = (color, value) => {
   color.values[3] = value;
   return recomposeColor(color);
 };
-/**
- * Darkens a color.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {number} coefficient - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
+/**
+ * Darkens a color.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
 export const darken = (color, coefficient) => {
@@ -279,12 +279,12 @@ export const darken = (color, coefficient) => {
 
   return recomposeColor(color);
 };
-/**
- * Lightens a color.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {number} coefficient - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
+/**
+ * Lightens a color.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @param {number} coefficient - multiplier in the range 0 - 1
+ * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
 export const lighten = (color, coefficient) => {
@@ -303,22 +303,22 @@ export const lighten = (color, coefficient) => {
 
   return recomposeColor(color);
 };
-/**
- * Validate a color string.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {boolean} is a color
+/**
+ * Validate a color string.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {boolean} is a color
  */
 
 export const isColor = color => {
   const regex = /(^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$|^(rgb|hsl)a\((\d{1,3}%?,\s?){3}(1|0|0?\.\d+)\)$|^(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\)$)/igm;
   return regex.test(color);
 };
-/**
- * Detect a color string type.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {string | false} color type, string or false
+/**
+ * Detect a color string type.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {string | false} color type, string or false
  */
 
 export const detectColor = color => {
@@ -333,11 +333,11 @@ export const detectColor = color => {
 
   return null;
 };
-/**
- * Validate a color name.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {boolean} is a color
+/**
+ * Validate a color name.
+ *
+ * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
+ * @returns {boolean} is a color
  */
 
 export const isColorName = color => {
@@ -345,11 +345,11 @@ export const isColorName = color => {
   ctx.fillStyle = color;
   return ctx.fillStyle === '#000000' ? false : ctx.fillStyle;
 };
-/**
- * Convert from #ffffff to rgba()
- * @param hex color - #ffffff
- * @param {number} alpha - 0.5
- * @returns {string} color - rgba()
+/**
+ * Convert from #ffffff to rgba()
+ * @param hex color - #ffffff
+ * @param {number} alpha - 0.5
+ * @returns {string} color - rgba()
  */
 
 export const hexToRGBA = (hex, alpha) => {

package/styles/general.js

@@ -4,10 +4,10 @@ import { color } from './colors';
 import { parseToPixel } from './utils';
 export const rootSpacing = 4;
 export let rootZIndex = 1500;
-/**
- * get value spacing with rootZIndex
- * @param number
- * @return {number}
+/**
+ * get value spacing with rootZIndex
+ * @param number
+ * @return {number}
  */
 
 export const zIndex = number => {
@@ -15,18 +15,18 @@ export const zIndex = number => {
   if (isNaN(number)) return rootZIndex;
   return rootZIndex + number;
 };
-/**
- * get value spacing with rooSpacing
- * @param vl - default 1
- * @returns {number}
+/**
+ * get value spacing with rooSpacing
+ * @param vl - default 1
+ * @returns {number}
  */
 
 export const getSpacing = (vl = 1) => {
   return Number(vl) * rootSpacing;
 };
-/**
- * replace rootZIndex
- * @param number
+/**
+ * replace rootZIndex
+ * @param number
  */
 
 export const setZIndex = number => {
@@ -138,6 +138,9 @@ export const outlineNone = css`
 export const userSelectNone = css`
     user-select: none;
 `;
+export const cursorNoDrop = css`
+    cursor: no-drop !important;
+`;
 export const pointerEventsNone = css`
     pointer-events: none;
 `;

package/styles/utils.js

@@ -1,8 +1,8 @@
-/**
- * parse to pixel
- *
- * @param {number} value
- * @returns {string}
+/**
+ * parse to pixel
+ *
+ * @param {number} value
+ * @returns {string}
  */
 export const parseToPixel = vl => {
   if (!vl) return '1px';

package/theme/set-theme.js

@@ -17,9 +17,9 @@ const saveNewTheme = (newTheme, ingredient) => {
     });
   }
 };
-/**
- * set theme setting as global
- * @param {Object} theme
+/**
+ * set theme setting as global
+ * @param {Object} theme
  */
 
 

package/utils/array/array.js

@@ -1,25 +1,25 @@
 import { isDefined } from '../type';
 import { each } from '../iterator';
 import { orderEach } from '../object/object';
-/**
- * 
- * @param {Array} entity 
- * @returns {Boolean}
+/**
+ * 
+ * @param {Array} entity 
+ * @returns {Boolean}
  */
 
 export const isEmpty = entity => Array.isArray(entity) && !entity.length;
-/**
- * 
- * @param {any} entity 
- * @returns {Array} [entity]
+/**
+ * 
+ * @param {any} entity 
+ * @returns {Array} [entity]
  */
 
 export const wrapToArray = entity => Array.isArray(entity) ? entity : [entity];
-/**
- * 
- * @param {*} value in object 
- * @param {ArrayLike} object is a array-like object
- * @returns {Number} index of value, -1 if not found
+/**
+ * 
+ * @param {*} value in object 
+ * @param {ArrayLike} object is a array-like object
+ * @returns {Number} index of value, -1 if not found
  */
 
 export const inArray = (value, object) => {
@@ -27,11 +27,11 @@ export const inArray = (value, object) => {
   const array = Array.isArray(object) ? object : Array.from(object);
   return array.indexOf(value);
 };
-/**
- * 
- * @param {Array} a 
- * @param {Array} b 
- * @returns {Array} intersection array of a and b
+/**
+ * 
+ * @param {Array} a 
+ * @param {Array} b 
+ * @returns {Array} intersection array of a and b
  */
 
 export const intersection = (a, b) => {
@@ -46,18 +46,18 @@ export const intersection = (a, b) => {
   });
   return result;
 };
-/**
- * 
- * @param {Array} data 
- * @returns {Array} array with unique values
+/**
+ * 
+ * @param {Array} data 
+ * @returns {Array} array with unique values
  */
 
 export const uniqueValues = data => data.filter((item, position) => data.indexOf(item) === position);
-/**
- * 
- * @param {Array} from 
- * @param {Array} what 
- * @returns {Array} without duplicate
+/**
+ * 
+ * @param {Array} from 
+ * @param {Array} what 
+ * @returns {Array} without duplicate
  */
 
 export const removeDuplicates = function (from, what) {
@@ -79,20 +79,20 @@ export const removeDuplicates = function (from, what) {
   });
   return result;
 };
-/**
- * 
- * @param {Array} items 
- * @param {*} indexParameterName 
- * @param {*} currentItem 
- * @param {Function} needIndexCallback 
- * @returns 
+/**
+ * 
+ * @param {Array} items 
+ * @param {*} indexParameterName 
+ * @param {*} currentItem 
+ * @param {Function} needIndexCallback 
+ * @returns 
  */
 
 export const normalizeIndexes = function (items, indexParameterName, currentItem, needIndexCallback) {
   const indexedItems = {};
   let parameterIndex = 0;
-  /**
-   * useLegacyVisibleIndex will be process in future
+  /**
+   * useLegacyVisibleIndex will be process in future
    */
 
   const useLegacyVisibleIndex = false;

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'),