@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/tasty/utils/dotize.js

@@ -1,200 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-/* eslint-disable */
-// @ts-nocheck
-// Convert complex js object to dot notation js object
-// url: https://github.com/vardars/dotize
-// author: vardars
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dotize = void 0;
-exports.dotize = {
-    valTypes: {
-        none: 'NONE',
-        primitive: 'PRIM',
-        object: 'OBJECT',
-        array: 'ARRAY',
-    },
-    getValType: function (val) {
-        if (!val || typeof val != 'object' || Array.isArray(val))
-            return exports.dotize.valTypes.primitive;
-        if (typeof val == 'object')
-            return exports.dotize.valTypes.object;
-    },
-    getPathType: function (arrPath) {
-        let arrPathTypes = [];
-        for (let path in arrPath) {
-            let pathVal = arrPath[path];
-            if (!pathVal)
-                arrPathTypes.push(exports.dotize.valTypes.none);
-            else if (exports.dotize.isNumber(pathVal))
-                arrPathTypes.push(exports.dotize.valTypes.array);
-            else
-                arrPathTypes.push(exports.dotize.valTypes.object);
-        }
-        return arrPathTypes;
-    },
-    isUndefined: function (obj) {
-        return typeof obj == 'undefined';
-    },
-    isNumber: function (f) {
-        return !isNaN(parseInt(f));
-    },
-    isEmptyObj: function (obj) {
-        for (let prop in obj) {
-            if (Object.hasOwnProperty.call(obj, prop))
-                return false;
-        }
-        return JSON.stringify(obj) === JSON.stringify({});
-    },
-    isPlainObject: function (obj) {
-        if (typeof obj !== 'object' || obj === null)
-            return false;
-        return Object.getPrototypeOf(obj) === Object.prototype;
-    },
-    isNotObject: function (obj) {
-        return !obj || !this.isPlainObject(obj);
-    },
-    isEmptyArray: function (arr) {
-        return Array.isArray(arr) && arr.length == 0;
-    },
-    isNotArray: function (arr) {
-        return Array.isArray(arr) == false;
-    },
-    removeEmptyArrayItem: function (arr) {
-        return arr.filter(function (el) {
-            return el != null && el != '';
-        });
-    },
-    getFieldName: function (field, prefix, isRoot, isArrayItem, isArray) {
-        if (isArray)
-            return ((prefix ? prefix : '') +
-                (exports.dotize.isNumber(field)
-                    ? '[' + field + ']'
-                    : (isRoot && !prefix ? '' : '.') + field));
-        else if (isArrayItem)
-            return (prefix ? prefix : '') + '[' + field + ']';
-        else
-            return (prefix ? prefix + '.' : '') + field;
-    },
-    startsWith: function (val, valToSearch) {
-        return val.indexOf(valToSearch) == 0;
-    },
-    convert: function (obj, prefix = '') {
-        let newObj = {};
-        // primitives
-        if (exports.dotize.isNotObject(obj)) {
-            if (prefix) {
-                newObj[prefix] = obj;
-                return newObj;
-            }
-            else {
-                return obj;
-            }
-        }
-        return (function recurse(o, p, isRoot) {
-            let isArrayItem = Array.isArray(o);
-            for (let f in o) {
-                let currentProp = o[f];
-                if (currentProp &&
-                    typeof currentProp === 'object' &&
-                    !Array.isArray(currentProp) &&
-                    exports.dotize.isPlainObject(currentProp)) {
-                    if (isArrayItem && exports.dotize.isEmptyObj(currentProp) == false) {
-                        newObj = recurse(currentProp, exports.dotize.getFieldName(f, p, isRoot, true)); // array item object
-                    }
-                    else if (exports.dotize.isEmptyObj(currentProp) == false) {
-                        newObj = recurse(currentProp, exports.dotize.getFieldName(f, p, isRoot)); // object
-                    }
-                    else if (exports.dotize.isEmptyObj(currentProp)) {
-                        newObj[exports.dotize.getFieldName(f, p, isRoot, isArrayItem)] =
-                            currentProp;
-                    }
-                }
-                else {
-                    if (isArrayItem || exports.dotize.isNumber(f)) {
-                        newObj[exports.dotize.getFieldName(f, p, isRoot, true)] = currentProp; // array item primitive
-                    }
-                    else {
-                        newObj[exports.dotize.getFieldName(f, p, isRoot)] = currentProp; // primitive
-                    }
-                }
-            }
-            return newObj;
-        })(obj, prefix, true);
-    },
-    backward: function (obj, prefix) {
-        let newObj = {};
-        let arStartRegex = /\[(\d+)\]/g;
-        // primitives
-        if (exports.dotize.isNotObject(obj) && exports.dotize.isNotArray(obj)) {
-            if (prefix) {
-                return obj[prefix];
-            }
-            else {
-                return obj;
-            }
-        }
-        for (let tProp in obj) {
-            let tPropVal = obj[tProp];
-            if (prefix) {
-                let prefixRegex = new RegExp('^' + prefix);
-                tProp = tProp.replace(prefixRegex, '');
-            }
-            tProp = tProp.replace(arStartRegex, '.$1');
-            if (exports.dotize.startsWith(tProp, '.'))
-                tProp = tProp.replace(/^\./, '');
-            var arrPath = tProp.split('.');
-            var arrPathTypes = exports.dotize.getPathType(arrPath);
-            // has array on root
-            if (!exports.dotize.isUndefined(arrPathTypes) &&
-                arrPathTypes[0] == exports.dotize.valTypes.array &&
-                Array.isArray(newObj) == false) {
-                newObj = [];
-            }
-            (function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {
-                let currentPath = arrPath.shift();
-                let currentPathType = arrPathTypes.shift();
-                if (typeof currentPath == 'undefined' || currentPath == '') {
-                    newObj = rPropVal;
-                    return;
-                }
-                let isArray = currentPathType == exports.dotize.valTypes.array;
-                if (exports.dotize.isNumber(currentPath))
-                    currentPath = parseInt(currentPath);
-                // has multiple levels
-                if (arrPath.length > 0) {
-                    // is not assigned before
-                    if (typeof rObj[currentPath] == 'undefined') {
-                        if (isArray) {
-                            rObj[currentPath] = [];
-                        }
-                        else {
-                            rObj[currentPath] = {};
-                        }
-                    }
-                    recurse(rPropVal, rObj[currentPath], currentPath, rObj);
-                    return;
-                }
-                if (currentPathType == exports.dotize.valTypes.array &&
-                    rPropValPrev &&
-                    rObjPrev) {
-                    if (Array.isArray(rObjPrev[rPropValPrev]) == false)
-                        rObjPrev[rPropValPrev] = [];
-                    rObjPrev[rPropValPrev].push(rPropVal);
-                }
-                else {
-                    rObj[currentPath] = rPropVal;
-                }
-            })(tPropVal, newObj);
-        }
-        return newObj;
-    },
-};
-
-        

package/cjs/tasty/utils/filterBaseProps.js

@@ -1,70 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterBaseProps = filterBaseProps;
-const DOMPropNames = new Set(['id']);
-const labelablePropNames = new Set([
-    'aria-label',
-    'aria-labelledby',
-    'aria-describedby',
-    'aria-details',
-]);
-const BasePropNames = new Set([
-    'role',
-    'as',
-    'element',
-    'css',
-    'qa',
-    'mods',
-    'qaVal',
-    'hidden',
-    'isHidden',
-    'disabled',
-    'isDisabled',
-    'children',
-    'style',
-    'className',
-    'href',
-    'target',
-    'tabIndex',
-]);
-const ignoreEventPropsNames = new Set([
-    'onPress',
-    'onHoverStart',
-    'onHoverEnd',
-    'onPressStart',
-    'onPressEnd',
-]);
-const propRe = /^((data-).*)$/;
-const eventRe = /^on[A-Z].+$/;
-/**
- * Filters out all props that aren't valid DOM props or defined via override prop obj.
- * @param props - The component props to be filtered.
- * @param opts - Props to override.
- */
-function filterBaseProps(props, opts = {}) {
-    let { labelable, propNames, eventProps } = opts;
-    let filteredProps = {};
-    for (const prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop) &&
-            (DOMPropNames.has(prop) ||
-                BasePropNames.has(prop) ||
-                (labelable && labelablePropNames.has(prop)) ||
-                (eventProps &&
-                    eventRe.test(prop) &&
-                    !ignoreEventPropsNames.has(prop)) ||
-                propNames?.has(prop) ||
-                propRe.test(prop))) {
-            filteredProps[prop] = props[prop];
-        }
-    }
-    return filteredProps;
-}
-
-        

package/cjs/tasty/utils/getDisplayName.js

@@ -1,19 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDisplayName = getDisplayName;
-const DEFAULT_NAME = 'Anonymous';
-function getDisplayName(Component, fallbackName = DEFAULT_NAME) {
-    if (typeof Component === 'function') {
-        return Component.displayName ?? Component.name ?? fallbackName;
-    }
-    return fallbackName;
-}
-
-        

package/cjs/tasty/utils/index.js

@@ -1,45 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getModCombinations = getModCombinations;
-function filterCombinations(combinations) {
-    return combinations.filter((combination) => {
-        const list = [];
-        return !combination.find((mod) => {
-            const match = mod.match(/\[(.+?)[=\]]/);
-            if (match) {
-                if (list.includes(match[1])) {
-                    return true;
-                }
-                list.push(match[1]);
-                return false;
-            }
-            return false;
-        });
-    });
-}
-function getModCombinations(array, allowEmpty) {
-    const result = allowEmpty ? [[]] : [];
-    if (array.length === 0) {
-        return [array];
-    }
-    if (array.length < 2) {
-        return result.concat([array]);
-    }
-    const f = function (prefix = [], array) {
-        for (let i = 0; i < array.length; i++) {
-            result.push([...prefix, array[i]]);
-            f([...prefix, array[i]], array.slice(i + 1));
-        }
-    };
-    f([], array);
-    return filterCombinations(result);
-}
-
-        

package/cjs/tasty/utils/mergeStyles.js

@@ -1,35 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeStyles = mergeStyles;
-const renderStyles_1 = require("./renderStyles");
-function mergeStyles(...objects) {
-    let styles = objects[0] ? { ...objects[0] } : {};
-    let pos = 1;
-    while (pos in objects) {
-        const selectorKeys = Object.keys(styles).filter((key) => (0, renderStyles_1.isSelector)(key) && styles[key]);
-        const newStyles = objects[pos];
-        if (newStyles) {
-            const resultStyles = { ...styles, ...newStyles };
-            for (let key of selectorKeys) {
-                if (newStyles?.[key]) {
-                    resultStyles[key] = {
-                        ...styles[key],
-                        ...newStyles[key],
-                    };
-                }
-            }
-            styles = resultStyles;
-        }
-        pos++;
-    }
-    return styles;
-}
-
-        

package/cjs/tasty/utils/modAttrs.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.modAttrs = void 0;
-const case_converter_1 = require("./case-converter");
-const cache_wrapper_1 = require("./cache-wrapper");
-function modAttrs(map) {
-    return map
-        ? Object.keys(map).reduce((attrs, key) => {
-            if (map[key]) {
-                attrs[`data-is-${(0, case_converter_1.camelToKebab)(key)}`] = '';
-            }
-            return attrs;
-        }, {})
-        : null;
-}
-const _modAttrs = (0, cache_wrapper_1.cacheWrapper)(modAttrs);
-exports.modAttrs = _modAttrs;
-
-        

package/cjs/tasty/utils/renderStyles.js

@@ -1,133 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSelector = isSelector;
-exports.renderStyles = renderStyles;
-const styles_1 = require("../styles");
-const responsive_1 = require("./responsive");
-function isSelector(key) {
-    return key.startsWith('&') || key.startsWith('.') || key.match(/^[A-Z]/);
-}
-function getSelector(key) {
-    if (key.startsWith('&')) {
-        return key.slice(1);
-    }
-    if (key.startsWith('.')) {
-        return ` ${key}`;
-    }
-    if (key.match(/^[A-Z]/)) {
-        return ` [data-element="${key}"]`;
-    }
-    return null;
-}
-/** Props level cache for `renderStyles` function. */
-let STYLE_CACHE = {};
-/** Current size of the cache. */
-let STYLE_CACHE_COUNT = 0;
-/** Cache limit. */
-const CACHE_LIMIT = 1000;
-/**
- * Render style props to complete Styled Components CSS.
- * @param styles - Complete style props.
- * @param responsive - A list of responsive zones
- * @param {string} [suffix]
- * @return {string}
- */
-function renderStyles(styles, responsive = [], suffix) {
-    const zones = responsive;
-    const responsiveStyles = Array.from(Array(zones.length)).map(() => '');
-    const cacheKey = JSON.stringify({ s: styles, r: responsive, suffix });
-    let rawStyles = '';
-    const handlerQueue = [];
-    if (!STYLE_CACHE[cacheKey]) {
-        STYLE_CACHE_COUNT++;
-        // clear cache if size is more that the limit
-        if (STYLE_CACHE_COUNT > CACHE_LIMIT) {
-            STYLE_CACHE_COUNT = 0;
-            STYLE_CACHE = {};
-        }
-        const keys = styles ? Object.keys(styles) : [];
-        const selectorKeys = keys.filter((key) => isSelector(key));
-        let innerStyles = '';
-        if (selectorKeys.length) {
-            selectorKeys.forEach((key) => {
-                const addSuffix = getSelector(key);
-                innerStyles += renderStyles(styles?.[key], responsive, addSuffix);
-            });
-        }
-        keys.forEach((styleName) => {
-            if (isSelector(styleName))
-                return;
-            let handlers = styles_1.STYLE_HANDLER_MAP[styleName];
-            if (!handlers) {
-                handlers = styles_1.STYLE_HANDLER_MAP[styleName] = [(0, styles_1.createStyle)(styleName)];
-            }
-            handlers.forEach((STYLE) => {
-                if (handlerQueue.find((queueItem) => queueItem.handler === STYLE))
-                    return;
-                let isResponsive = false;
-                const lookupStyles = STYLE.__lookupStyles;
-                const filteredStyleMap = lookupStyles.reduce((map, name) => {
-                    map[name] = styles?.[name];
-                    if (Array.isArray(map[name])) {
-                        if (map[name].length === 0) {
-                            delete map[name];
-                        }
-                        else {
-                            if (map[name].length === 1) {
-                                map[name] = map[name][0];
-                            }
-                            isResponsive = true;
-                        }
-                    }
-                    return map;
-                }, {});
-                handlerQueue.push({
-                    handler: STYLE,
-                    styleMap: filteredStyleMap,
-                    isResponsive,
-                });
-            });
-        });
-        handlerQueue.forEach(({ handler, styleMap, isResponsive }) => {
-            const lookupStyles = handler.__lookupStyles;
-            if (isResponsive) {
-                const valueMap = lookupStyles.reduce((map, style) => {
-                    map[style] = (0, responsive_1.normalizeStyleZones)(styleMap[style], zones.length);
-                    return map;
-                }, {});
-                const propsByPoint = zones.map((zone, i) => {
-                    const pointProps = {};
-                    lookupStyles.forEach((style) => {
-                        if (valueMap != null && valueMap[style] != null) {
-                            pointProps[style] = valueMap[style][i];
-                        }
-                    });
-                    return pointProps;
-                });
-                const rulesByPoint = propsByPoint.map((props) => handler(props, suffix));
-                rulesByPoint.forEach((rules, i) => {
-                    responsiveStyles[i] += rules || '';
-                });
-            }
-            else {
-                rawStyles +=
-                    handler(styleMap, suffix) || '';
-            }
-        });
-        STYLE_CACHE[cacheKey] = `&${suffix || ''}{outline: none;\n&[hidden]{display: none !important;}}${rawStyles}${responsive &&
-            responsive.length &&
-            responsiveStyles.filter((s) => s).length
-            ? (0, responsive_1.mediaWrapper)(responsiveStyles, zones)
-            : ''}${innerStyles}`;
-    }
-    return STYLE_CACHE[cacheKey];
-}
-
-        

package/cjs/tasty/utils/responsive.js

@@ -1,71 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mediaWrapper = mediaWrapper;
-exports.pointsToZones = pointsToZones;
-exports.normalizeStyleZones = normalizeStyleZones;
-function mediaWrapper(cssRules, points) {
-    return points
-        .filter((point) => point.mediaQuery)
-        .map((point, i) => `@media ${point.mediaQuery} {${cssRules[i]}}`)
-        .join('\n');
-}
-const zonesCache = {};
-function pointsToZones(points) {
-    const cacheKey = points.join('|');
-    if (!zonesCache[cacheKey]) {
-        const zones = [];
-        points.forEach((point, i) => {
-            const zone = {};
-            if (i) {
-                zone.max = points[i - 1] - 1;
-            }
-            zone.min = point;
-            zones.push(zone);
-        });
-        zones.push({
-            max: points[points.length - 1] - 1,
-        });
-        zones.forEach((zone) => {
-            const queries = [];
-            if (zone.min) {
-                queries.push(`(min-width: ${zone.min}px)`);
-            }
-            if (zone.max) {
-                queries.push(`(max-width: ${zone.max}px)`);
-            }
-            zone.mediaQuery = queries.join(' and ');
-        });
-        zonesCache[cacheKey] = zones;
-    }
-    return zonesCache[cacheKey];
-}
-// export function getResponsiveValue(values, zoneNumber) {
-//   for (let i = zoneNumber; i >= 0; i--) {
-//     if (values[i] != null)
-//   }
-// }
-function normalizeStyleZones(value, zoneNumber) {
-    if (value == null)
-        return value;
-    const arr = Array.from(Array(zoneNumber));
-    if (typeof value === 'string')
-        return arr.map(() => value);
-    if (Array.isArray(value)) {
-        let prevValue = null;
-        for (let i = 0; i < arr.length; i++) {
-            arr[i] = value[i] == null ? prevValue : value[i];
-            prevValue = arr[i];
-        }
-        return arr;
-    }
-    return [];
-}
-
-        

package/cjs/tasty/utils/string.js

@@ -1,15 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toSnakeCase = toSnakeCase;
-function toSnakeCase(str) {
-    return str.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
-}
-
-