diginet-core-ui 1.3.37 → 1.3.39

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/colors.js

@@ -1,4 +1,4 @@
-import { hexToRGBA } from "./color-helper"; //color brand
+import { hexToRGBA } from './color-helper'; //color brand
 
 export const white = '#fff';
 export const brand1 = '#E9EAF0';
@@ -273,9 +273,9 @@ color.fill = {
   sidebar: color.white,
   headerbar: color.brand12,
   tabbar: color.brand12,
-  "scrollbar-tabbar": color.brand13,
-  "odd_raw": color.brand21,
-  "even_raw": color.white,
+  'scrollbar-tabbar': color.brand13,
+  odd_raw: color.brand21,
+  even_raw: color.white,
   hover: color.blue13,
   pressed: color.blue6,
   disabled: color.dark12,
@@ -289,7 +289,7 @@ color.text = {
   main: color.dark,
   sub: color.dark6,
   normal_label: color.dark8,
-  "hover-active-focus": color.brand,
+  'hover-active-focus': color.brand,
   tooltip: color.white,
   disabled: color.dark4
 };
@@ -299,8 +299,8 @@ color.line = {
   focus: color.info5,
   disabled: color.dark4,
   system: color.dark5,
-  "grid_wo_header": color.dark,
-  "grid_w_header": color.white,
+  grid_wo_header: color.dark,
+  grid_w_header: color.white,
   category: color.dark2,
   tab: color.dark2
 };

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 => {

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;