@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/components/fields/Checkbox/Checkbox.js

@@ -1,175 +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.useCheckbox = exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-Object.defineProperty(exports, "useCheckbox", { enumerable: true, get: function () { return react_aria_1.useCheckbox; } });
-const react_stately_1 = require("react-stately");
-const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const interactions_1 = require("../../../utils/react/interactions");
-const react_2 = require("../../../utils/react");
-const HiddenInput_1 = require("../../HiddenInput");
-const form_1 = require("../../form");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const Text_1 = require("../../content/Text");
-const form_2 = require("../../form");
-const CheckboxGroup_1 = require("./CheckboxGroup");
-const context_1 = require("./context");
-function CheckOutlined() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }) }));
-}
-function IndeterminateOutline() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "8", height: "2", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }) }));
-}
-const CheckboxWrapperElement = (0, tasty_1.tasty)({
-    as: 'label',
-    qa: 'CheckboxWrapper',
-    styles: {
-        position: 'relative',
-        display: 'flex',
-        placeItems: 'center start',
-        placeContent: 'baseline',
-        gap: '1x',
-        flow: 'row',
-        preset: 'default',
-        cursor: 'pointer',
-        width: 'max max-content',
-        color: '#dark-02',
-    },
-});
-const CheckboxElement = (0, tasty_1.tasty)({
-    qa: 'Checkbox',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        radius: '.5r',
-        fill: {
-            '': '#white',
-            'checked | indeterminate': '#purple-text',
-            'invalid & !checked': '#white',
-            'invalid & checked': '#danger-text',
-            disabled: '#dark.12',
-        },
-        color: {
-            '': '#white',
-            'disabled & !checked & !indeterminate': '#clear',
-        },
-        border: {
-            '': '#dark.30',
-            invalid: '#danger-text.50',
-            'disabled | ((indeterminate | checked) & !invalid)': '#clear',
-        },
-        width: '(2x - 2bw)',
-        height: '(2x - 2bw)',
-        outline: {
-            '': '#purple-03.0',
-            focused: '#purple-03',
-        },
-        transition: 'theme',
-    },
-});
-function Checkbox(props, ref) {
-    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
-    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
-    // but since the checkbox won't move in and out of a group, it should be safe.
-    let groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
-    props = (0, nullableValue_1.castNullableIsSelected)(props);
-    let originalProps = props;
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            isSelected: value ?? false,
-            isIndeterminate: false,
-            onChange: onChange,
-        }),
-        unsafe__isDisabled: !!groupState,
-    });
-    let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, children, label, validationState, labelProps, labelStyles, labelPosition, inputStyles, isHidden, ...otherProps } = props;
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    labelStyles = (0, react_1.useMemo)(() => ({
-        ...(!groupState ? form_1.LABEL_STYLES : form_1.INLINE_LABEL_STYLES),
-        ...labelStyles,
-    }), [groupState, labelStyles]);
-    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled }, true);
-    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    let inputRef = (0, react_1.useRef)(null);
-    let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
-    const toggleState = (0, react_stately_1.useToggleState)(props);
-    let { inputProps } = groupState // eslint-disable-next-line react-hooks/rules-of-hooks
-        ? (0, react_aria_1.useCheckboxGroupItem)({
-            ...props,
-            // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
-            // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).
-            value: props.value || '',
-            // Only pass isRequired and validationState to react-aria if they came from
-            // the props for this individual checkbox, and not from the group via context.
-            isRequired: originalProps.isRequired,
-            validationState: originalProps.validationState,
-        }, groupState, inputRef) // eslint-disable-next-line react-hooks/rules-of-hooks
-        : (0, react_aria_1.useCheckbox)({
-            ...props,
-            ...(typeof label === 'string' && label.trim()
-                ? { 'aria-label': label }
-                : {}),
-        }, toggleState, inputRef);
-    let markIcon = isIndeterminate ? (0, jsx_runtime_1.jsx)(IndeterminateOutline, {}) : (0, jsx_runtime_1.jsx)(CheckOutlined, {});
-    if (groupState) {
-        for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {
-            if (originalProps[key] != null) {
-                console.warn(`CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`);
-            }
-        }
-        if (props.value == null) {
-            console.warn('CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.');
-        }
-    }
-    const mods = {
-        checked: inputProps.checked,
-        indeterminate: isIndeterminate,
-        invalid: validationState === 'invalid',
-        valid: validationState === 'valid',
-        disabled: isDisabled,
-        hovered: isHovered,
-        focused: isFocused,
-        'side-label': labelPosition === 'side',
-        'inside-form': insideForm,
-    };
-    const checkbox = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(CheckboxElement, { qa: qa || 'Checkbox', mods: mods, styles: inputStyles, children: markIcon })] }));
-    const checkboxField = ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, children: [checkbox, children && (0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, children: children })] }));
-    if (!groupState) {
-        return (0, form_2.wrapWithField)(checkboxField, domRef, {
-            ...props,
-            children: null,
-            labelStyles,
-            inputStyles,
-            styles,
-        });
-    }
-    return ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { styles: styles, isHidden: isHidden, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [checkbox, (label ?? children) ? ((0, jsx_runtime_1.jsx)(tasty_1.Element, { styles: labelStyles, mods: {
-                    invalid: validationState === 'invalid',
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label ?? children })) : null] }));
-}
-/**
- * Checkboxes allow users to select multiple items from a list of individual items,
- * or to mark one individual item as selected.
- */
-let _Checkbox = (0, react_1.forwardRef)(Checkbox);
-_Checkbox.cubeInputType = 'Checkbox';
-let __Checkbox = Object.assign(_Checkbox, { Group: CheckboxGroup_1.CheckboxGroup });
-exports.Checkbox = __Checkbox;
-
-        

package/cjs/components/fields/Checkbox/CheckboxGroup.js

@@ -1,76 +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.CheckboxGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("@react-spectrum/utils");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const form_1 = require("../../form");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-const CheckGroupElement = (0, tasty_1.tasty)({
-    qa: 'CheckboxGroup',
-    styles: {
-        display: 'flex',
-        placeItems: 'start',
-        placeContent: 'start',
-        flow: {
-            '': 'column',
-            horizontal: 'row wrap',
-        },
-        gap: {
-            '': '1x',
-            horizontal: '1x 2x',
-        },
-    },
-});
-function CheckboxGroup(props, ref) {
-    props = (0, nullableValue_1.castNullableArrayValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value != null ? value : [],
-            onChange: onChange,
-        }),
-    });
-    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, validationState, children, orientation = 'vertical', message, description, labelStyles, tooltip, labelProps: baseLabelProps, labelSuffix, inputStyles, ...otherProps } = props;
-    let domRef = (0, utils_1.useDOMRef)(ref);
-    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    let state = (0, react_stately_1.useCheckboxGroupState)(props);
-    let { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
-    let radioGroup = ((0, jsx_runtime_1.jsx)(CheckGroupElement, { styles: inputStyles, mods: {
-            horizontal: orientation === 'horizontal',
-        }, children: (0, jsx_runtime_1.jsx)(form_1.FormContext.Provider, { value: {
-                isDisabled,
-                validationState,
-            }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }) }) }));
-    return (0, form_1.wrapWithField)(radioGroup, domRef, {
-        ...props,
-        children: null,
-        fieldProps: groupProps,
-        labelProps: (0, react_2.mergeProps)(baseLabelProps, labelProps),
-        styles,
-    });
-}
-/**
- * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
- * All possible options are exposed up front for users to compare.
- */
-const _CheckboxGroup = (0, react_1.forwardRef)(CheckboxGroup);
-exports.CheckboxGroup = _CheckboxGroup;
-_CheckboxGroup.cubeInputType = 'CheckboxGroup';
-
-        

package/cjs/components/fields/Checkbox/context.js

@@ -1,14 +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.CheckboxGroupContext = void 0;
-const react_1 = require("react");
-exports.CheckboxGroupContext = (0, react_1.createContext)(null);
-
-        

package/cjs/components/fields/Checkbox/index.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";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./CheckboxGroup"), exports);
-
-        

package/cjs/components/fields/ComboBox/ComboBox.js

@@ -1,173 +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.ComboBox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const form_1 = require("../../form");
-const index_1 = require("../index");
-const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const interactions_1 = require("../../../utils/react/interactions");
-const react_2 = require("../../../utils/react");
-const Select_1 = require("../Select");
-const OverlayWrapper_1 = require("../../overlays/OverlayWrapper");
-const icons_1 = require("../../../icons");
-const InvalidIcon_1 = require("../../shared/InvalidIcon");
-const ValidIcon_1 = require("../../shared/ValidIcon");
-function CaretDownIcon() {
-    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }) }));
-}
-const ComboBoxWrapperElement = (0, tasty_1.tasty)({
-    styles: index_1.INPUT_WRAPPER_STYLES,
-});
-const InputElement = (0, tasty_1.tasty)({
-    as: 'input',
-    styles: index_1.DEFAULT_INPUT_STYLES,
-});
-const TriggerElement = (0, tasty_1.tasty)({
-    as: 'button',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        placeContent: 'center',
-        placeSelf: 'stretch',
-        radius: '(1r - 1bw) right',
-        width: '4x',
-        color: {
-            '': '#dark-02',
-            hovered: '#dark-02',
-            pressed: '#purple',
-            '[disabled]': '#dark.30',
-        },
-        border: 0,
-        reset: 'button',
-        margin: 0,
-        fill: {
-            '': '#dark.0',
-            hovered: '#dark.04',
-            pressed: '#purple.10',
-            disabled: '#clear',
-        },
-        cursor: 'pointer',
-    },
-});
-exports.ComboBox = (0, react_1.forwardRef)(function ComboBox(props, ref) {
-    const [, rerender] = (0, react_1.useState)({});
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        valuePropsMapper: ({ value, onChange }) => ({
-            inputValue: value != null ? value : '',
-            onInputChange: (val) => {
-                onChange(val, !props.allowsCustomValue);
-                rerender({});
-            },
-            onSelectionChange: onChange,
-        }),
-    });
-    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, menuTrigger = 'input', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, ...otherProps } = props;
-    let isAsync = loadingState != null;
-    let { contains } = (0, react_aria_1.useFilter)({ sensitivity: 'base' });
-    let state = (0, react_stately_1.useComboBoxState)({
-        ...props,
-        defaultFilter: filter || contains,
-        filter: undefined,
-        allowsEmptyCollection: isAsync,
-        menuTrigger,
-    });
-    const outerStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
-    inputStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, inputStyles);
-    ref = (0, react_2.useCombinedRefs)(ref);
-    wrapperRef = (0, react_2.useCombinedRefs)(wrapperRef);
-    inputRef = (0, react_2.useCombinedRefs)(inputRef);
-    triggerRef = (0, react_2.useCombinedRefs)(triggerRef);
-    popoverRef = (0, react_2.useCombinedRefs)(popoverRef);
-    listBoxRef = (0, react_2.useCombinedRefs)(listBoxRef);
-    let { overlayProps, placement, updatePosition } = (0, react_aria_1.useOverlayPosition)({
-        targetRef: triggerRef,
-        overlayRef: popoverRef,
-        scrollRef: listBoxRef,
-        placement: `${direction} end`,
-        shouldFlip: shouldFlip,
-        isOpen: state.isOpen,
-        onClose: state.close,
-        offset: overlayOffset,
-    });
-    let { labelProps, inputProps, listBoxProps, buttonProps: triggerProps, } = (0, react_aria_1.useComboBox)({
-        ...props,
-        inputRef,
-        buttonRef: triggerRef,
-        listBoxRef,
-        popoverRef,
-        menuTrigger,
-    }, state);
-    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled });
-    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    // Get props for the button based on the trigger props from useComboBox
-    let { buttonProps, isPressed: isTriggerPressed } = (0, react_aria_1.useButton)(triggerProps, triggerRef);
-    let { hoverProps: triggerHoverProps, isHovered: isTriggerHovered } = (0, react_aria_1.useHover)({ isDisabled });
-    let { focusProps: triggerFocusProps, isFocused: isTriggerFocused } = (0, interactions_1.useFocus)({ isDisabled }, true);
-    (0, react_2.useLayoutEffect)(() => {
-        if (state.isOpen) {
-            updatePosition();
-        }
-    }, [updatePosition, state.isOpen, state.collection.size]);
-    let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? InvalidIcon_1.InvalidIcon : ValidIcon_1.ValidIcon;
-    let validation = (0, react_1.cloneElement)(validationIcon);
-    let comboBoxWidth = wrapperRef?.current?.offsetWidth;
-    if (icon) {
-        icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "InputIcon", children: icon });
-        if (prefix) {
-            prefix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, prefix] }));
-        }
-        else {
-            prefix = icon;
-        }
-    }
-    let mods = (0, react_1.useMemo)(() => ({
-        invalid: isInvalid,
-        valid: validationState === 'valid',
-        disabled: isDisabled,
-        hovered: isHovered,
-        focused: isFocused,
-        loading: isLoading,
-        prefix: !!prefix,
-        suffix: true,
-    }), [
-        isInvalid,
-        validationState,
-        isDisabled,
-        isHovered,
-        isFocused,
-        isLoading,
-        prefix,
-    ]);
-    let comboBoxField = ((0, jsx_runtime_1.jsxs)(ComboBoxWrapperElement, { ref: wrapperRef, qa: qa || 'ComboBox', ...(0, react_2.modAttrs)(mods), styles: outerStyles, style: {
-            zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [(0, jsx_runtime_1.jsx)(InputElement, { qa: "Input", ...(0, react_2.mergeProps)(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...(0, react_2.modAttrs)(mods), "data-size": size }), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }) : null, (0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? (0, jsx_runtime_1.jsx)(icons_1.LoadingIcon, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? ((0, jsx_runtime_1.jsx)(TriggerElement, { qa: "ComboBoxTrigger", ...(0, react_2.mergeProps)(buttonProps, triggerFocusProps, triggerHoverProps), ...(0, react_2.modAttrs)({
-                            pressed: isTriggerPressed,
-                            focused: isTriggerFocused,
-                            hovered: isTriggerHovered,
-                            disabled: isDisabled,
-                            loading: isLoading,
-                        }), ref: triggerRef, "data-size": size, isDisabled: isDisabled, styles: triggerStyles, children: (0, jsx_runtime_1.jsx)(CaretDownIcon, {}) })) : null] }), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(Select_1.ListBoxPopup, { ...listBoxProps, shouldUseVirtualFocus: true, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }) })] }));
-    return (0, form_1.wrapWithField)(comboBoxField, ref, (0, react_2.mergeProps)({ ...props, styles }, { labelProps }));
-});
-exports.ComboBox.Item = react_stately_1.Item;
-Object.defineProperty(exports.ComboBox, 'cubeInputType', {
-    value: 'ComboBox',
-    enumerable: false,
-    configurable: false,
-});
-
-        

package/cjs/components/fields/ComboBox/index.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";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ComboBox"), exports);
-
-        

package/cjs/components/fields/DatePicker/DateInput.js

@@ -1,64 +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.DateInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const date_1 = require("@internationalized/date");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const provider_1 = require("../../../provider");
-const form_1 = require("../../form");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const utils_1 = require("./utils");
-const DateInputBase_1 = require("./DateInputBase");
-const DatePickerSegment_1 = require("./DatePickerSegment");
-const props_1 = require("./props");
-const parseDate_1 = require("./parseDate");
-function DateInput(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onBlur',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: typeof value === 'string' ? (0, parseDate_1.parseAbsoluteDate)(value) : value,
-            onChange,
-        }),
-    });
-    props = Object.assign({}, props_1.DEFAULT_DATE_PROPS, props);
-    let { autoFocus, isDisabled, inputStyles, wrapperStyles, isReadOnly, isRequired, size = 'medium', useLocale: useLocaleProp, } = props;
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, wrapperStyles);
-    let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { locale } = (0, react_aria_1.useLocale)();
-    let state = (0, react_stately_1.useDateFieldState)({
-        ...props,
-        locale: useLocaleProp ? locale : 'en-US',
-        createCalendar: date_1.createCalendar,
-    });
-    if (useLocaleProp == null) {
-        state.segments = (0, utils_1.formatSegments)(state.segments);
-    }
-    let fieldRef = (0, react_1.useRef)(null);
-    let { labelProps, fieldProps } = (0, react_aria_1.useDateField)(props, state, fieldRef);
-    const component = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, validationState: state.validationState, styles: wrapperStyles, inputStyles: inputStyles, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
-    return (0, form_1.wrapWithField)(component, domRef, {
-        ...props,
-        styles,
-        labelProps: (0, react_2.mergeProps)(props.labelProps, labelProps),
-    });
-}
-/**
- * DateInputs allow users to enter and edit date and time values using a keyboard.
- * Each part of a date value is displayed in an individually editable segment.
- */
-const _DateInput = (0, react_1.forwardRef)(DateInput);
-exports.DateInput = _DateInput;
-
-        

package/cjs/components/fields/DatePicker/DateInputBase.js

@@ -1,81 +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.DateInputBase = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const utils_1 = require("@react-aria/utils");
-const react_aria_1 = require("react-aria");
-const tasty_1 = require("../../../tasty");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
-const InvalidIcon_1 = require("../../shared/InvalidIcon");
-const ValidIcon_1 = require("../../shared/ValidIcon");
-const react_2 = require("../../../utils/react");
-const DateInputWrapperElement = (0, tasty_1.tasty)({
-    qa: 'DateInputWrapper',
-    role: 'presentation',
-    styles: {
-        ...TextInputBase_1.INPUT_WRAPPER_STYLES,
-        display: 'flex',
-    },
-});
-const DateInputElement = (0, tasty_1.tasty)({
-    role: 'presentation',
-    styles: {
-        ...TextInputBase_1.DEFAULT_INPUT_STYLES,
-        display: 'flex',
-        flow: 'row',
-        placeItems: 'center start',
-    },
-});
-function DateInputBase(props, ref) {
-    let inputRef = (0, react_1.useRef)(null);
-    let { isDisabled, inputStyles, children, fieldProps, style, disableFocusRing, autoFocus, validationState, isLoading, size = 'medium', } = props;
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    let { focusProps, isFocused } = (0, react_aria_1.useFocusRing)({
-        isTextInput: true,
-        within: true,
-        autoFocus,
-    });
-    let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? InvalidIcon_1.InvalidIcon : ValidIcon_1.ValidIcon;
-    let validation = (0, react_1.cloneElement)(validationIcon);
-    return ((0, jsx_runtime_1.jsxs)(DateInputWrapperElement, { styles: styles, "data-size": size, mods: {
-            disabled: isDisabled,
-            focused: isFocused && !disableFocusRing,
-            invalid: isInvalid,
-        }, ...(0, react_2.mergeProps)(fieldProps ?? {}, focusProps), style: style, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Contents", role: "presentation", children: (0, jsx_runtime_1.jsx)(DateInputElement, { ref: (0, utils_1.mergeRefs)(ref, inputRef), "data-size": size, role: "presentation", styles: inputStyles, children: children }) }), validationState && !isLoading ? validation : undefined] }));
-}
-const _DateInputBase = react_1.default.forwardRef(DateInputBase);
-exports.DateInputBase = _DateInputBase;
-
-