@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/components/fields/Input/Input.js

@@ -1,28 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TextInput_1 = require("../TextInput");
-const PasswordInput_1 = require("../PasswordInput/PasswordInput");
-const NumberInput_1 = require("../NumberInput/NumberInput");
-const FileInput_1 = require("../FileInput/FileInput");
-const TextArea_1 = require("../TextArea/TextArea");
-exports.Input = Object.assign((0, react_1.forwardRef)(function Input(props, ref) {
-    return (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, { ref: ref, ...props });
-}), {
-    Text: TextInput_1.TextInput,
-    Password: PasswordInput_1.PasswordInput,
-    Number: NumberInput_1.NumberInput,
-    TextArea: TextArea_1.TextArea,
-    File: FileInput_1.FileInput,
-});
-
-        

package/cjs/components/fields/Input/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * 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("./Input"), exports);
-
-        

package/cjs/components/fields/NumberInput/NumberInput.js

@@ -1,56 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberInput = 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 provider_1 = require("../../../provider");
-const TextInput_1 = require("../TextInput");
-const tasty_1 = require("../../../tasty");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const StepButton_1 = require("./StepButton");
-const StyledTextInputBase = (0, tasty_1.tasty)(TextInput_1.TextInputBase, {
-    wrapperStyles: {
-        width: 'initial 13x 100%',
-    },
-});
-const StepperContainer = (0, tasty_1.tasty)({
-    styles: {
-        display: 'grid',
-        gridColumns: '1fr',
-        gridRows: 'minmax(1px, 1fr) minmax(1px, 1fr)',
-        flow: 'column',
-        placeSelf: 'stretch',
-    },
-});
-function NumberInput(props, ref) {
-    props = (0, nullableValue_1.castNullableNumberValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFieldProps)(props);
-    let { hideStepper, suffix, value, defaultValue, onChange, inputRef, ...otherProps } = props;
-    let showStepper = !hideStepper;
-    let { locale } = (0, react_aria_1.useLocale)();
-    let state = (0, react_stately_1.useNumberFieldState)({ ...props, locale });
-    let defaultInputRef = (0, react_1.useRef)(null);
-    inputRef = inputRef || defaultInputRef;
-    let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = (0, react_aria_1.useNumberField)(props, state, inputRef);
-    const steppers = showStepper ? ((0, jsx_runtime_1.jsxs)(StepperContainer, { children: [(0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }), (0, jsx_runtime_1.jsx)(StepButton_1.StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size })] })) : undefined;
-    return ((0, jsx_runtime_1.jsx)(StyledTextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (props.suffixPosition === 'before' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [suffix, steppers] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [steppers, suffix] }))) : (suffix) }));
-}
-/**
- * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
- */
-const _NumberInput = (0, react_1.forwardRef)(NumberInput);
-exports.NumberInput = _NumberInput;
-_NumberInput.cubeInputType = 'Number';
-
-        

package/cjs/components/fields/NumberInput/StepButton.js

@@ -1,44 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepButton = StepButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const actions_1 = require("../../actions");
-const icons_1 = require("../../../icons");
-const STEP_BUTTON_STYLES = {
-    width: '4x',
-    radius: {
-        '': '0 (1r - 1bw) 0 0',
-        down: '0 0 (1r - 1bw) 0',
-    },
-    fontSize: '12px',
-    lineHeight: '12px',
-    height: 'auto',
-    fill: {
-        '': '#dark.0',
-        hovered: '#dark.04',
-        pressed: '#purple.10',
-        '[disabled]': '#dark.0',
-    },
-    '@icon-size': {
-        '': '14px',
-        '[data-size="small"]': '13px',
-    },
-};
-/**
- * Buttons for NumberField.
- */
-function StepButton(props) {
-    return ((0, jsx_runtime_1.jsx)(actions_1.Button, { preventDefault: true, type: "neutral", styles: STEP_BUTTON_STYLES, icon: props.direction === 'up' ? (0, jsx_runtime_1.jsx)(icons_1.CaretUpIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.CaretDownIcon, {}), mods: {
-            up: props.direction === 'up',
-            down: props.direction === 'down',
-        }, label: `Step ${props.direction}`, ...props }));
-}
-
-        

package/cjs/components/fields/PasswordInput/PasswordInput.js

@@ -1,52 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const TextInput_1 = require("../TextInput");
-const provider_1 = require("../../../provider");
-const actions_1 = require("../../actions");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const form_1 = require("../../form");
-const icons_1 = require("../../../icons");
-function PasswordInput(props, ref) {
-    props = (0, nullableValue_1.castNullableStringValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onBlur',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value?.toString() ?? '',
-            onChange,
-        }),
-    });
-    let [type, setType] = (0, react_1.useState)('password');
-    let inputRef = (0, react_1.useRef)(null);
-    let { labelProps, inputProps } = (0, react_aria_1.useTextField)({
-        ...props,
-        type,
-    }, inputRef);
-    const { suffix, multiLine, ...rest } = props;
-    const toggleType = (0, react_1.useCallback)(() => {
-        setType((type) => (type === 'password' ? 'text' : 'password'));
-    }, []);
-    const wrappedSuffix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [suffix, (0, jsx_runtime_1.jsx)(actions_1.Button, { excludeFromTabOrder: true, type: "neutral", htmlType: "button", placeSelf: "stretch", height: "auto", radius: "right", width: "4x", label: "Toggle masking", icon: type === 'password' ? (0, jsx_runtime_1.jsx)(icons_1.EyeInvisibleIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.EyeIcon, {}), onPress: toggleType })] }));
-    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...rest }));
-}
-/**
- * PasswordInputs are password inputs that allow users to input passwords or code entries
- * with a keyboard. Various decorations can be displayed around the field to
- * communicate the entry requirements.
- */
-const _PasswordInput = (0, react_1.forwardRef)(PasswordInput);
-exports.PasswordInput = _PasswordInput;
-_PasswordInput.cubeInputType = 'Text';
-
-        

package/cjs/components/fields/RadioGroup/Radio.js

@@ -1,221 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.Radio = exports.useRadio = 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, "useRadio", { enumerable: true, get: function () { return react_aria_1.useRadio; } });
-const tasty_1 = require("../../../tasty");
-const interactions_1 = require("../../../utils/react/interactions");
-const react_2 = require("../../../utils/react");
-const provider_1 = require("../../../provider");
-const HiddenInput_1 = require("../../HiddenInput");
-const form_1 = require("../../form");
-const RadioGroup_1 = require("./RadioGroup");
-const context_1 = require("./context");
-const RadioWrapperElement = (0, tasty_1.tasty)({
-    as: 'label',
-    qa: 'RadioWrapper',
-    styles: {
-        position: 'relative',
-        display: 'grid',
-        placeItems: {
-            '': 'center start',
-            button: 'stretch',
-        },
-        gap: '1x',
-        flow: 'column',
-        preset: 'default',
-        width: 'min-content',
-        margin: {
-            '': '1x right',
-            button: '0',
-        },
-        zIndex: {
-            '': 'initial',
-            checked: 1,
-        },
-        flexGrow: 1,
-        Input: {
-            radius: {
-                '': 'round',
-                button: true,
-                'button & solid': 0,
-                'button & solid & :first-child': '1r 0 0 1r',
-                'button & solid & :last-child': '0 1r 1r 0',
-            },
-            margin: {
-                '': 'initial',
-                'button & solid': '-1bw right',
-                'button & solid & :last-child': 0,
-            },
-        },
-    },
-});
-const RadioButtonElement = (0, tasty_1.tasty)({
-    styles: {
-        display: 'grid',
-        flow: 'column',
-        placeItems: 'center',
-        gap: '.75x',
-        fill: {
-            '': '#white',
-            hovered: '#purple-text.04',
-            checked: '#white',
-            disabled: '#light',
-        },
-        color: {
-            '': '#dark.85',
-            invalid: '#danger-text',
-            checked: '#purple-text',
-            disabled: '#dark-04',
-            'disabled & checked': '#dark-02',
-        },
-        preset: 't3m',
-        border: {
-            '': '#dark-05',
-            checked: '#purple',
-            'invalid & checked': '#danger-text',
-            disabled: '#dark-05',
-            'disabled & checked': '#dark-03',
-        },
-        padding: '(.75x - 1bw) (1.25x - 1bw)',
-        cursor: 'pointer',
-        opacity: {
-            '': 1,
-            disabled: 0.5,
-        },
-        outline: {
-            '': '#purple-03.0',
-            focused: '#purple-03',
-        },
-        transition: 'theme',
-        whiteSpace: 'nowrap',
-    },
-});
-const RadioNormalElement = (0, tasty_1.tasty)({
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        radius: 'round',
-        fill: {
-            '': '#white',
-            disabled: '#dark.04',
-        },
-        color: {
-            checked: '#purple-text',
-            'invalid & checked': '#danger-text',
-            'disabled | !checked': '#clear',
-            'disabled & checked': '#dark.12',
-        },
-        border: {
-            '': '#dark-04',
-            checked: '#purple-text',
-            invalid: '#danger-text.50',
-            disabled: '#dark.12',
-        },
-        width: '2x',
-        height: '2x',
-        outline: {
-            '': '#purple-03.0',
-            focused: '#purple-03',
-        },
-        transition: 'theme',
-        whiteSpace: 'nowrap',
-        RadioCircle: {
-            display: 'block',
-            radius: 'round',
-            width: '1x',
-            height: '1x',
-            fill: 'currentColor',
-        },
-    },
-});
-const RadioCircleElement = (0, jsx_runtime_1.jsx)("div", { "data-element": "RadioCircle" });
-const RadioLabelElement = (0, tasty_1.tasty)({
-    qa: 'RadioLabel',
-    styles: form_1.INLINE_LABEL_STYLES,
-});
-function Radio(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
-    let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type = 'radio', 'aria-label': ariaLabel, ...otherProps } = props;
-    let isButton = type === 'button';
-    label = label || children;
-    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES);
-    const RadioElement = isButton ? RadioButtonElement : RadioNormalElement;
-    labelStyles = {
-        ...form_1.INLINE_LABEL_STYLES,
-        ...labelStyles,
-    };
-    let radioGroupProps = (0, context_1.useRadioProvider)();
-    let state = radioGroupProps && radioGroupProps.state;
-    let name = radioGroupProps && radioGroupProps.name;
-    let isSolid = (radioGroupProps && radioGroupProps.isSolid) || false;
-    if (!state) {
-        throw new Error('CubeUI: The Radio button is used outside the RadioGroup.');
-    }
-    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);
-    let { inputProps, isDisabled: isRadioDisabled, isSelected: isRadioSelected, } = (0, react_aria_1.useRadio)({
-        name,
-        ...props,
-        isDisabled,
-    }, state, inputRef);
-    const mods = (0, react_1.useMemo)(() => ({
-        checked: isRadioSelected,
-        invalid: validationState === 'invalid',
-        valid: validationState === 'valid',
-        disabled: isRadioDisabled,
-        hovered: isHovered,
-        button: isButton,
-        focused: isFocused,
-        solid: isSolid,
-    }), [
-        isRadioSelected,
-        validationState,
-        isRadioDisabled,
-        isHovered,
-        isButton,
-        isFocused,
-        isSolid,
-    ]);
-    return ((0, jsx_runtime_1.jsxs)(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: mods, "data-type": type, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef, "$isButton": isButton }), (0, jsx_runtime_1.jsx)(RadioElement, { "data-element": "Input", mods: mods, "data-type": type, styles: inputStyles, children: !isButton ? RadioCircleElement : children }), label && !isButton && ((0, jsx_runtime_1.jsx)(RadioLabelElement, { mods: mods, styles: labelStyles, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }))] }));
-}
-function RadioButton(props, ref) {
-    const Radio = _Radio;
-    return (0, jsx_runtime_1.jsx)(Radio, { ...props, ref: ref, type: "button" });
-}
-/**
- * Radio buttons 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 _Radio = (0, react_1.forwardRef)(Radio);
-/**
- * Radio buttons 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 _RadioButton = (0, react_1.forwardRef)(RadioButton);
-exports.RadioButton = _RadioButton;
-const ButtonGroup = (0, tasty_1.tasty)(RadioGroup_1.RadioGroup, {
-    isSolid: true,
-});
-const __Radio = Object.assign(_Radio, {
-    Group: RadioGroup_1.RadioGroup,
-    Button: _RadioButton,
-    ButtonGroup,
-});
-exports.Radio = __Radio;
-
-        

package/cjs/components/fields/RadioGroup/RadioGroup.js

@@ -1,84 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = 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 form_1 = require("../../form");
-const tasty_1 = require("../../../tasty");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-const RadioGroupElement = (0, tasty_1.tasty)({
-    qa: 'RadioGroup',
-    styles: {
-        display: 'flex',
-        placeItems: 'start',
-        placeContent: 'start',
-        flow: {
-            '': 'column',
-            horizontal: 'row wrap',
-            'horizontal & solid': 'row',
-        },
-        gap: {
-            '': '1x',
-            solid: 0,
-        },
-        whiteSpace: 'nowrap',
-        flexGrow: {
-            '': 'initial',
-            solid: 1,
-        },
-    },
-});
-function RadioGroup(props, ref) {
-    props = (0, nullableValue_1.castNullableStringValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
-    let { isDisabled, isRequired, labelPosition = 'top', validationState, children, orientation, styles, groupStyles, insideForm, labelProps: baseLabelProps, isSolid, ...otherProps } = props;
-    let domRef = (0, utils_1.useDOMRef)(ref);
-    styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
-    groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, groupStyles);
-    let state = (0, react_stately_1.useRadioGroupState)(props);
-    if (orientation == null) {
-        orientation = isSolid ? 'horizontal' : 'vertical';
-    }
-    let { radioGroupProps: fieldProps, labelProps } = (0, react_aria_1.useRadioGroup)(props, state);
-    let radioGroup = ((0, jsx_runtime_1.jsx)(RadioGroupElement, { styles: groupStyles, mods: {
-            horizontal: orientation === 'horizontal',
-            'inside-form': insideForm,
-            'side-label': labelPosition === 'side',
-            solid: !!isSolid,
-        }, children: (0, jsx_runtime_1.jsx)(form_1.FormContext.Provider, { value: {
-                isRequired,
-                validationState,
-                isDisabled,
-            }, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: { state, name: props.name, isSolid }, children: children }) }) }));
-    return (0, form_1.wrapWithField)(radioGroup, domRef, {
-        ...props,
-        children: null,
-        fieldProps,
-        labelProps: (0, react_2.mergeProps)(baseLabelProps, labelProps),
-        styles,
-    });
-}
-/**
- * Radio 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 _RadioGroup = (0, react_1.forwardRef)(RadioGroup);
-exports.RadioGroup = _RadioGroup;
-_RadioGroup.cubeInputType = 'RadioGroup';
-
-        

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

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioContext = void 0;
-exports.useRadioProvider = useRadioProvider;
-const react_1 = require("react");
-exports.RadioContext = (0, react_1.createContext)(null);
-function useRadioProvider() {
-    return (0, react_1.useContext)(exports.RadioContext);
-}
-
-        

package/cjs/components/fields/RadioGroup/index.js

@@ -1,27 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * 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("./Radio"), exports);
-__exportStar(require("./RadioGroup"), exports);
-
-        

package/cjs/components/fields/SearchInput/SearchInput.js

@@ -1,44 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchInput = exports.useSearchField = exports.useSearchFieldState = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_stately_1 = require("react-stately");
-Object.defineProperty(exports, "useSearchFieldState", { enumerable: true, get: function () { return react_stately_1.useSearchFieldState; } });
-const react_aria_1 = require("react-aria");
-Object.defineProperty(exports, "useSearchField", { enumerable: true, get: function () { return react_aria_1.useSearchField; } });
-const TextInput_1 = require("../TextInput");
-const provider_1 = require("../../../provider");
-const actions_1 = require("../../actions");
-const mapProps_1 = require("../../../utils/react/mapProps");
-const nullableValue_1 = require("../../../utils/react/nullableValue");
-const tasty_1 = require("../../../tasty");
-const icons_1 = require("../../../icons");
-const ClearButton = (0, tasty_1.tasty)(actions_1.Button, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}),
-    styles: {
-        radius: 'right (1r - 1bw)',
-        width: '4x',
-        height: 'auto',
-        placeSelf: 'stretch',
-    },
-});
-exports.SearchInput = (0, react_1.forwardRef)(function SearchInput(props, ref) {
-    props = (0, nullableValue_1.castNullableStringValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    let { isClearable, validationState } = props;
-    let inputRef = (0, react_1.useRef)(null);
-    let state = (0, react_stately_1.useSearchFieldState)(props);
-    let { inputProps, clearButtonProps } = (0, react_aria_1.useSearchField)(props, state, inputRef);
-    let showClearButton = isClearable && state.value !== '' && !props.isReadOnly;
-    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: (0, jsx_runtime_1.jsx)(icons_1.SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.suffix, showClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps) }))] })) : undefined }));
-});
-
-        

package/cjs/components/fields/SearchInput/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * 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("./SearchInput"), exports);
-
-