@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/utils/range.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.range = range;
-function range(count) {
-    return Array.from({ length: count }, (_, i) => i);
-}
-
-        

package/cjs/utils/react/Slots.js

@@ -1,48 +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.useSlotProps = useSlotProps;
-exports.SlotProvider = SlotProvider;
-exports.ClearSlots = ClearSlots;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mergeProps_1 = require("./mergeProps");
-const INITIAL_VALUE = {};
-let SlotContext = (0, react_1.createContext)(INITIAL_VALUE);
-function useSlotProps(props, defaultSlot) {
-    let slot = props.slot || defaultSlot;
-    let allSlots = (0, react_1.useContext)(SlotContext) ?? INITIAL_VALUE;
-    let slotProps = allSlots[slot];
-    return (0, mergeProps_1.mergeProps)(slotProps, props);
-}
-function SlotProvider(props) {
-    let parentSlots = (0, react_1.useContext)(SlotContext) ?? INITIAL_VALUE;
-    let { slots = {}, children } = props;
-    // Merge props for each slot from parent context and props
-    let value = (0, react_1.useMemo)(() => Object.keys(parentSlots)
-        .concat(Object.keys(slots))
-        .reduce((o, p) => ({
-        ...o,
-        [p]: (0, mergeProps_1.mergeProps)(parentSlots[p] ?? {}, slots[p] ?? {}),
-    }), {}), [parentSlots, slots]);
-    return (0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: value, children: children });
-}
-function ClearSlots(props) {
-    const { children, ...otherProps } = props;
-    let content = children;
-    if (react_1.Children.toArray(children).length <= 1) {
-        if (typeof children === 'function') {
-            // need to know if the node is a string or something else that react can render that doesn't get props
-            content = (0, react_1.cloneElement)(react_1.Children.only(children), otherProps);
-        }
-    }
-    return ((0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: INITIAL_VALUE, children: content }));
-}
-
-        

package/cjs/utils/react/chain.js

@@ -1,24 +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.chain = chain;
-/**
- * Calls all functions in the order they were chained with the same arguments.
- */
-function chain(...callbacks) {
-    return (...args) => {
-        for (let callback of callbacks) {
-            if (typeof callback === 'function') {
-                callback(...args);
-            }
-        }
-    };
-}
-
-        

package/cjs/utils/react/index.js

@@ -1,32 +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.useViewportSize = exports.wrapNodeIfPlain = exports.useCombinedRefs = exports.useLayoutEffect = exports.ClearSlots = exports.SlotProvider = exports.useSlotProps = exports.modAttrs = exports.mergeProps = exports.isTextOnly = exports.chain = void 0;
-var chain_1 = require("./chain");
-Object.defineProperty(exports, "chain", { enumerable: true, get: function () { return chain_1.chain; } });
-var isTextOnly_1 = require("./isTextOnly");
-Object.defineProperty(exports, "isTextOnly", { enumerable: true, get: function () { return isTextOnly_1.isTextOnly; } });
-var mergeProps_1 = require("./mergeProps");
-Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return mergeProps_1.mergeProps; } });
-var tasty_1 = require("../../tasty");
-Object.defineProperty(exports, "modAttrs", { enumerable: true, get: function () { return tasty_1.modAttrs; } });
-var Slots_1 = require("./Slots");
-Object.defineProperty(exports, "useSlotProps", { enumerable: true, get: function () { return Slots_1.useSlotProps; } });
-Object.defineProperty(exports, "SlotProvider", { enumerable: true, get: function () { return Slots_1.SlotProvider; } });
-Object.defineProperty(exports, "ClearSlots", { enumerable: true, get: function () { return Slots_1.ClearSlots; } });
-var useLayoutEffect_1 = require("./useLayoutEffect");
-Object.defineProperty(exports, "useLayoutEffect", { enumerable: true, get: function () { return useLayoutEffect_1.useLayoutEffect; } });
-var useCombinedRefs_1 = require("./useCombinedRefs");
-Object.defineProperty(exports, "useCombinedRefs", { enumerable: true, get: function () { return useCombinedRefs_1.useCombinedRefs; } });
-var wrapNodeIfPlain_1 = require("./wrapNodeIfPlain");
-Object.defineProperty(exports, "wrapNodeIfPlain", { enumerable: true, get: function () { return wrapNodeIfPlain_1.wrapNodeIfPlain; } });
-var useViewportSize_1 = require("./useViewportSize");
-Object.defineProperty(exports, "useViewportSize", { enumerable: true, get: function () { return useViewportSize_1.useViewportSize; } });
-
-        

package/cjs/utils/react/interactions.js

@@ -1,30 +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.useFocus = useFocus;
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-function useFocus({ isDisabled }, onlyVisible = false) {
-    (0, react_1.useEffect)(() => {
-        setIsFocused(false);
-    }, [isDisabled]);
-    let [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    let { isFocusVisible } = (0, react_aria_1.useFocusVisible)({});
-    let { focusProps } = (0, react_aria_1.useFocus)({
-        isDisabled,
-        // @ts-ignore
-        onFocusChange: setIsFocused,
-    });
-    return {
-        focusProps,
-        isFocused: isFocused && (onlyVisible ? isFocusVisible : true),
-    };
-}
-
-        

package/cjs/utils/react/isTextOnly.js

@@ -1,16 +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.isTextOnly = isTextOnly;
-const react_1 = require("react");
-function isTextOnly(children) {
-    return react_1.Children.toArray(children).every((c) => !(0, react_1.isValidElement)(c));
-}
-
-        

package/cjs/utils/react/mapProps.js

@@ -1,29 +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.ariaToCubeButtonProps = ariaToCubeButtonProps;
-exports.cubeToAriaButtonProps = cubeToAriaButtonProps;
-/** Converts AriaButtonProps to CubeButtonProps */
-function ariaToCubeButtonProps(props) {
-    const { type, ...filteredProps } = props;
-    return {
-        ...filteredProps,
-        htmlType: type,
-    };
-}
-/** Converts CubeButtonProps to AriaButtonProps */
-function cubeToAriaButtonProps(props) {
-    const { htmlType, ...filteredProps } = props;
-    return {
-        ...filteredProps,
-        type: htmlType,
-    };
-}
-
-        

package/cjs/utils/react/mergeProps.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";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeProps = mergeProps;
-const clsx_1 = __importDefault(require("clsx"));
-const tasty_1 = require("../../tasty");
-const chain_1 = require("./chain");
-const useId_1 = require("./useId");
-/**
- * Merges multiple props objects together. Event handlers are chained,
- * classNames are combined, and ids are deduplicated - different ids
- * will trigger a side-effect and re-render components hooked up with `useId`.
- * For all other props, the last prop object overrides all previous ones.
- * @param args - Multiple sets of props to merge together.
- */
-function mergeProps(...args) {
-    let result = {};
-    for (let props of args) {
-        for (let key in result) {
-            // Chain events
-            if (/^on[A-Z]/.test(key) &&
-                typeof result[key] === 'function' &&
-                props &&
-                typeof props[key] === 'function') {
-                result[key] = (0, chain_1.chain)(result[key], props[key]);
-                // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
-            }
-            else if (key === 'className' &&
-                typeof result.className === 'string' &&
-                props &&
-                typeof props.className === 'string') {
-                result[key] = (0, clsx_1.default)(result.className, props.className);
-            }
-            else if ((key === 'styles' || key.endsWith('Styles')) &&
-                typeof result.styles === 'object' &&
-                props &&
-                typeof props.styles === 'object') {
-                result[key] = (0, tasty_1.mergeStyles)(result[key], props[key]);
-            }
-            else if (key === 'mods' && result.mods && props?.mods) {
-                result.mods = { ...result.mods, ...props?.mods };
-            }
-            else if (key === 'id' && result.id && props?.id) {
-                result.id = (0, useId_1.mergeIds)(result.id, props?.id);
-                // Override others
-            }
-            else {
-                result[key] =
-                    props && props[key] !== undefined ? props[key] : result[key];
-            }
-        }
-        // Add props from b that are not in a
-        for (let key in props) {
-            if (result[key] === undefined) {
-                result[key] = props[key];
-            }
-        }
-    }
-    return result;
-}
-
-        

package/cjs/utils/react/nullableValue.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.castNullableStringValue = castNullableStringValue;
-exports.castNullableNumberValue = castNullableNumberValue;
-exports.castNullableArrayValue = castNullableArrayValue;
-exports.castNullableIsSelected = castNullableIsSelected;
-exports.castNullableSelectedKey = castNullableSelectedKey;
-exports.castNullableField = castNullableField;
-function castNullableStringValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'string', (v) => String(v));
-}
-function castNullableNumberValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'number', (v) => Number(v));
-}
-function castNullableArrayValue(props) {
-    return castNullableField(props, ['value', 'defaultValue'], 'object', (v) => Array.isArray(v) ? v : []);
-}
-function castNullableIsSelected(props) {
-    return castNullableField(props, ['isSelected', 'defaultSelected'], 'boolean', (v) => !!v);
-}
-function castNullableSelectedKey(props) {
-    return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);
-}
-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;
-}
-
-        

package/cjs/utils/react/useCombinedRefs.js

@@ -1,29 +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.useCombinedRefs = useCombinedRefs;
-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;
-}
-
-        

package/cjs/utils/react/useId.js

@@ -1,87 +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.useId = useId;
-exports.mergeIds = mergeIds;
-exports.useSlotId = useSlotId;
-const react_1 = require("react");
-const ssr_1 = require("@react-aria/ssr");
-const useLayoutEffect_1 = require("./useLayoutEffect");
-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
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    let updateValue = (val) => {
-        if (!isRendering.current) {
-            setValue(val);
-        }
-        else {
-            nextId.current = val;
-        }
-    };
-    (0, useLayoutEffect_1.useLayoutEffect)(() => {
-        isRendering.current = false;
-    });
-    (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;
-}
-/**
- * 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;
-}
-/**
- * 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;
-}
-
-        

package/cjs/utils/react/useLayoutEffect.js

@@ -1,40 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 replacing it with a noop on the server.
-exports.useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
-        

package/cjs/utils/react/useViewportSize.js

@@ -1,56 +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.useViewportSize = useViewportSize;
-const react_1 = require("react");
-let visualViewport = typeof window !== 'undefined' && window.visualViewport;
-function useViewportSize(params = {}) {
-    const { isDisabled } = params;
-    let [size, setSize] = (0, react_1.useState)(() => getViewportSize());
-    (0, react_1.useEffect)(() => {
-        if (isDisabled) {
-            return;
-        }
-        // Use visualViewport api to track available height even on iOS virtual keyboard opening
-        let onResize = () => {
-            setSize((size) => {
-                let newSize = getViewportSize();
-                if (newSize.width === size.width && newSize.height === size.height) {
-                    return size;
-                }
-                return newSize;
-            });
-        };
-        if (!visualViewport) {
-            window.addEventListener('resize', onResize);
-        }
-        else {
-            visualViewport.addEventListener('resize', onResize);
-        }
-        return () => {
-            if (!visualViewport) {
-                window.removeEventListener('resize', onResize);
-            }
-            else {
-                visualViewport.removeEventListener('resize', onResize);
-            }
-        };
-    }, [isDisabled]);
-    return size;
-}
-function getViewportSize() {
-    return {
-        width: (visualViewport && visualViewport.width) ||
-            (typeof window !== 'undefined' ? window.innerWidth : 0),
-        height: (visualViewport && visualViewport.height) ||
-            (typeof window !== 'undefined' ? window.innerHeight : 0),
-    };
-}
-
-        

package/cjs/utils/react/wrapNodeIfPlain.js

@@ -1,21 +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.wrapNodeIfPlain = wrapNodeIfPlain;
-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();
-}
-
-        

package/cjs/utils/transitions.js

@@ -1,67 +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.getOverlayTransitionCSS = void 0;
-const DIRECTION_MAP = {
-    initial: 'top center',
-    top: 'bottom center',
-    right: 'center left',
-    left: 'center right',
-    bottom: 'top center',
-};
-const TRANSLATE_MAP = {
-    initial: 'translate(0px, calc(-1 * var(--overlay-offset)))',
-    top: 'translate(0px, calc(1 * var(--overlay-offset)))',
-    right: 'translate(calc(-1 * var(--overlay-offset)), 0px)',
-    left: 'translate(calc(1 * var(--overlay-offset)), 0px)',
-    bottom: 'translate(0px, calc(-1 * var(--overlay-offset)))',
-};
-const getOverlayTransitionCSS = ({ suffix = '', placement = 'initial', minScale = 0.8, minOffset = '8px', } = {}) => `
-  &${suffix} {
-    transform: var(--overlay-position);
-    transform-origin: ${DIRECTION_MAP[placement]};
-    --overlay-offset: ${minOffset};
-    --overlay-hidden-x-scale: ${placement === 'top' || placement === 'bottom' || placement === 'initial'
-    ? '1'
-    : minScale};
-    --overlay-hidden-y-scale: ${placement === 'left' || placement === 'right' ? '1' : minScale};
-    --overlay-translate-visible: translate(0px, 0px);
-    --overlay-translate-hidden: ${TRANSLATE_MAP[placement]};
-    --overlay-transition: 180ms;
-    --overlay-hidden-scale: scale(var(--overlay-hidden-x-scale), var(--overlay-hidden-y-scale));
-    --overlay-normal-scale: scale(1, 1);
-  }
-
-  &.cube-overlay-transition-enter${suffix} {
-    opacity: 0;
-    transform: var(--overlay-translate-hidden) var(--overlay-hidden-scale);
-  }
-
-  &.cube-overlay-transition-enter-active${suffix} {
-    opacity: 1;
-    transform: var(--overlay-translate-visible) var(--overlay-normal-scale);
-    transition: transform var(--overlay-transition) cubic-bezier(0, .66, 0, .66), opacity var(--overlay-transition) cubic-bezier(0, .66, 0, .66);
-    pointer-events: none;
-  }
-
-  &.cube-overlay-transition-exit${suffix} {
-    opacity: 1;
-    transform: var(--overlay-translate-visible) var(--overlay-normal-scale);
-  }
-
-  &.cube-overlay-transition-exit-active${suffix} {
-    opacity: 0;
-    transform: var(--overlay-translate-hidden) var(--overlay-hidden-scale);
-    pointer-events: none;
-    transition: transform var(--overlay-transition) cubic-bezier(.66, 0, .66, 0), opacity var(--overlay-transition) cubic-bezier(.66, 0, .66, 0);
-  }
-`;
-exports.getOverlayTransitionCSS = getOverlayTransitionCSS;
-
-        

package/cjs/utils/tree.js

@@ -1,27 +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.toFlatTree = toFlatTree;
-function toFlatTree(tree, includingFolders) {
-    return tree.reduce((result, node) => {
-        if (!node.isLeaf) {
-            result = [
-                ...result,
-                ...(includingFolders ? [node] : []),
-                ...toFlatTree(node.children || [], includingFolders),
-            ];
-        }
-        else {
-            result.push(node);
-        }
-        return result;
-    }, []);
-}
-
-