@cube-dev/ui-kit 0.9.5 → 0.9.8

package/dist/cjs/utils/react/modAttrs.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.modAttrs = void 0;
-/**
- * Generate data DOM attributes from modifier map.
- * @param {Object<string,boolean>} map
- * @return {Object<string,string>}
- */
-function modAttrs(map) {
-    return Object.keys(map).reduce((attrs, key) => {
-        if (map[key]) {
-            attrs[`data-is-${key}`] = '';
-        }
-        return attrs;
-    }, {});
-}
-exports.modAttrs = modAttrs;
-
-        

package/dist/cjs/utils/react/nullableValue.js

@@ -1,46 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.castNullableField = exports.castNullableSelectedKey = exports.castNullableIsSelected = exports.castNullableArrayValue = exports.castNullableNumberValue = exports.castNullableStringValue = void 0;
-function castNullableStringValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'string', (v) => String(v));
-}
-exports.castNullableStringValue = castNullableStringValue;
-function castNullableNumberValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'number', (v) => Number(v));
-}
-exports.castNullableNumberValue = castNullableNumberValue;
-function castNullableArrayValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'object', (v) => Array.isArray(v) ? v : []);
-}
-exports.castNullableArrayValue = castNullableArrayValue;
-function castNullableIsSelected(props) {
-    return castNullableField(props, ['isSelected', 'defaultSelected'], 'boolean', (v) => !!v);
-}
-exports.castNullableIsSelected = castNullableIsSelected;
-function castNullableSelectedKey(props) {
-    return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);
-}
-exports.castNullableSelectedKey = castNullableSelectedKey;
-function castNullableField(props, keys, type, cast) {
-    props = { ...props };
-    keys.forEach((key) => {
-        if (props[key] === null) {
-            props[key] = undefined;
-        }
-        if (type && cast && props[key] != null && typeof props[key] != type) {
-            props[key] = cast(props[key]);
-            console.warn('Wrong value type in', props, 'in keys', JSON.stringify(keys));
-        }
-    });
-    return props;
-}
-exports.castNullableField = castNullableField;
-
-        

package/dist/cjs/utils/react/useCombinedRefs.js

@@ -1,30 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCombinedRefs = void 0;
-const react_1 = require("react");
-function useCombinedRefs(...refs) {
-    const targetRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function') {
-                ref(targetRef.current);
-            }
-            else {
-                ref.current = targetRef.current;
-            }
-        });
-    }, [refs]);
-    return targetRef;
-}
-exports.useCombinedRefs = useCombinedRefs;
-
-        

package/dist/cjs/utils/react/useId.js

@@ -1,87 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSlotId = exports.mergeIds = exports.useId = void 0;
-const react_1 = require("react");
-const useLayoutEffect_1 = require("./useLayoutEffect");
-const ssr_1 = require("@react-aria/ssr");
-let idsUpdaterMap = new Map();
-/**
- * If a default is not provided, generate an id.
- * @param defaultId - Default component id.
- */
-function useId(defaultId) {
-    let isRendering = (0, react_1.useRef)(true);
-    isRendering.current = true;
-    let [value, setValue] = (0, react_1.useState)(defaultId);
-    let nextId = (0, react_1.useRef)(null);
-    // don't memo this, we want it new each render so that the Effects always run
-    let updateValue = (val) => {
-        if (!isRendering.current) {
-            setValue(val);
-        }
-        else {
-            nextId.current = val;
-        }
-    };
-    (0, useLayoutEffect_1.useLayoutEffect)(() => {
-        isRendering.current = false;
-    }, [updateValue]);
-    (0, react_1.useEffect)(() => {
-        let newId = nextId.current;
-        if (newId) {
-            setValue(newId);
-            nextId.current = null;
-        }
-    }, [setValue, updateValue]);
-    let res = (0, ssr_1.useSSRSafeId)(value);
-    idsUpdaterMap.set(res, updateValue);
-    return res;
-}
-exports.useId = useId;
-/**
- * Merges two ids.
- * Different ids will trigger a side-effect and re-render components hooked up with `useId`.
- */
-function mergeIds(idA, idB) {
-    if (idA === idB) {
-        return idA;
-    }
-    let setIdA = idsUpdaterMap.get(idA);
-    if (setIdA) {
-        setIdA(idB);
-        return idB;
-    }
-    let setIdB = idsUpdaterMap.get(idB);
-    if (setIdB) {
-        setIdB(idA);
-        return idA;
-    }
-    return idB;
-}
-exports.mergeIds = mergeIds;
-/**
- * Used to generate an id, and after render, check if that id is rendered so we know
- * if we can use it in places such as labelledby.
- */
-function useSlotId() {
-    let [id, setId] = (0, react_1.useState)(useId());
-    (0, useLayoutEffect_1.useLayoutEffect)(() => {
-        if (id) {
-            let setCurr = idsUpdaterMap.get(id);
-            if (setCurr && !document.getElementById(id)) {
-                setId(null);
-            }
-        }
-    }, [id]);
-    return id;
-}
-exports.useSlotId = useSlotId;
-
-        

package/dist/cjs/utils/react/useLayoutEffect.js

@@ -1,36 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayoutEffect = void 0;
-const React = __importStar(require("react"));
-// During SSR, React emits a warning when calling useLayoutEffect.
-// Since neither useLayoutEffect nor useEffect run on the server,
-// we can suppress this by replace it with a noop on the server.
-exports.useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : () => { };
-
-        

package/dist/cjs/utils/react/wrapNodeIfPlain.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrapNodeIfPlain = void 0;
-const react_1 = require("react");
-const react_is_1 = require("react-is");
-function wrapNodeIfPlain(children, render) {
-    const childrenIsFragment = children && (Array.isArray(children) || (0, react_is_1.isFragment)(children));
-    if (!children || (!childrenIsFragment && (0, react_1.isValidElement)(children))) {
-        return children;
-    }
-    return render();
-}
-exports.wrapNodeIfPlain = wrapNodeIfPlain;
-
-        

package/dist/cjs/utils/renderStyles.js

@@ -1,132 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderStyles = exports.isSelector = void 0;
-const responsive_1 = require("./responsive");
-const styles_1 = require("../styles");
-function isSelector(key) {
-    return key.startsWith('&') || key.startsWith('.') || key.match(/^[A-Z]/);
-}
-exports.isSelector = isSelector;
-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 = 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] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive && responsive.length
-            ? (0, responsive_1.mediaWrapper)(responsiveStyles, zones)
-            : ''}${innerStyles}`;
-    }
-    return STYLE_CACHE[cacheKey];
-}
-exports.renderStyles = renderStyles;
-
-        

package/dist/cjs/utils/responsive.js

@@ -1,72 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeStyleZones = exports.pointsToZones = exports.mediaWrapper = void 0;
-function mediaWrapper(cssRules, points) {
-    return points
-        .filter((point) => point.mediaQuery)
-        .map((point, i) => `@media ${point.mediaQuery} {${cssRules[i]}}`)
-        .join('\n');
-}
-exports.mediaWrapper = mediaWrapper;
-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];
-}
-exports.pointsToZones = pointsToZones;
-// 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 [];
-}
-exports.normalizeStyleZones = normalizeStyleZones;
-
-        

package/dist/cjs/utils/string.js

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