@cube-dev/ui-kit 0.57.0 → 0.59.0

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

@@ -1,173 +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.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.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("./ComboBox"), exports);
-
-        

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

@@ -1,64 +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.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.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 __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;
-
-        

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

@@ -1,78 +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.DatePicker = 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 provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const form_1 = require("../../form");
-const Dialog_1 = require("../../overlays/Dialog");
-const Calendar_1 = require("../../other/Calendar/Calendar");
-const utils_1 = require("./utils");
-const DateInputBase_1 = require("./DateInputBase");
-const DatePickerInput_1 = require("./DatePickerInput");
-const TimeInput_1 = require("./TimeInput");
-const DatePickerButton_1 = require("./DatePickerButton");
-const props_1 = require("./props");
-const intl_1 = require("./intl");
-const DatePickerElement_1 = require("./DatePickerElement");
-function DatePicker(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, form_1.useFormProps)(props);
-    props = (0, form_1.useFieldProps)(props, {
-        defaultValidationTrigger: 'onBlur',
-    });
-    props = Object.assign({}, props_1.DEFAULT_DATE_PROPS, props);
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    let { size, placeholderValue, isDisabled, validationState, useLocale: useLocaleProp, autoFocus, } = props;
-    let targetRef = (0, react_1.useRef)(null);
-    let state = (0, react_stately_1.useDatePickerState)({
-        ...props,
-        shouldCloseOnSelect: () => !state.hasTime,
-    });
-    let { isOpen, setOpen } = state;
-    let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { isFocused, focusProps } = (0, react_aria_1.useFocusRing)({
-        within: true,
-        isTextInput: true,
-        autoFocus,
-    });
-    let { isFocused: isFocusedButton, focusProps: focusPropsButton } = (0, react_aria_1.useFocusRing)({
-        within: false,
-        isTextInput: false,
-        autoFocus,
-    });
-    let { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps, } = (0, react_aria_1.useDatePicker)(props, state, targetRef);
-    let placeholder = placeholderValue;
-    let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;
-    let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;
-    let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;
-    let timeGranularity = state.granularity === 'hour' ||
-        state.granularity === 'minute' ||
-        state.granularity === 'second'
-        ? state.granularity
-        : null;
-    let showTimeField = !!timeGranularity;
-    // let visibleMonths = useVisibleMonths(maxVisibleMonths);
-    const component = ((0, jsx_runtime_1.jsxs)(DatePickerElement_1.DatePickerElement, { ref: targetRef, styles: props.wrapperStyles, mods: { focused: isFocused && !isFocusedButton }, ...focusProps, children: [(0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { disableFocusRing: true, radius: "left", border: "top left bottom", isDisabled: isDisabled, validationState: validationState, size: size, children: (0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, { useLocale: useLocaleProp, ...fieldProps }) }), (0, jsx_runtime_1.jsxs)(Dialog_1.DialogTrigger, { hideArrow: true, type: "popover", mobileType: "tray", placement: "bottom right", targetRef: targetRef, isOpen: isOpen, shouldFlip: props.shouldFlip, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(DatePickerButton_1.DatePickerButton, { size: size, ...(0, react_2.mergeProps)(buttonProps, focusPropsButton), isDisabled: isDisabled }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ...dialogProps, width: "max-content", children: [(0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { ...calendarProps }), showTimeField && ((0, jsx_runtime_1.jsx)(TimeInput_1.TimeInput, { padding: "1x", label: intl_1.dateMessages['time'], value: state.timeValue, placeholderValue: timePlaceholder, granularity: timeGranularity, minValue: timeMinValue, maxValue: timeMaxValue, hourCycle: props.hourCycle, hideTimeZone: props.hideTimeZone, onChange: state.setTimeValue }))] })] })] }));
-    return (0, form_1.wrapWithField)(component, domRef, {
-        ...props,
-        styles,
-        labelProps: (0, react_2.mergeProps)(props.labelProps, labelProps),
-        fieldProps: groupProps,
-    });
-}
-const _DatePicker = (0, react_1.forwardRef)(DatePicker);
-exports.DatePicker = _DatePicker;
-
-        

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

@@ -1,24 +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.DatePickerButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tasty_1 = require("../../../tasty");
-const actions_1 = require("../../actions");
-const icons_1 = require("../../../icons");
-exports.DatePickerButton = (0, tasty_1.tasty)(actions_1.Button, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CalendarIcon, {}),
-    styles: {
-        radius: '1r right',
-        border: 'top right bottom',
-        backgroundClip: 'content-box',
-    },
-});
-
-        

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

@@ -1,24 +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.DatePickerElement = void 0;
-const tasty_1 = require("../../../tasty");
-const Space_1 = require("../../layout/Space");
-exports.DatePickerElement = (0, tasty_1.tasty)(Space_1.Space, {
-    styles: {
-        gap: 0,
-        outline: {
-            '': '#purple-03.0',
-            focused: '#purple-03',
-        },
-        radius: true,
-    },
-});
-
-        

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

@@ -1,54 +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.DatePickerInput = DatePickerInput;
-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 tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const DatePickerSegment_1 = require("./DatePickerSegment");
-const utils_1 = require("./utils");
-const DateInputElement = (0, tasty_1.tasty)({
-    role: 'presentation',
-    styles: {
-        display: 'flex',
-        flow: 'row',
-        placeItems: 'center start',
-    },
-});
-function DatePickerInput(props) {
-    let { isDisabled, isReadOnly, isRequired, useLocale: useLocaleProp } = props;
-    let ref = (0, react_1.useRef)(null);
-    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);
-    }
-    const { focusWithinProps } = (0, react_aria_1.useFocusWithin)({
-        onFocusWithinChange: (isFocused) => {
-            if (isFocused) {
-                props.onFocus?.();
-            }
-            else {
-                props.onBlur?.();
-            }
-        },
-    });
-    let { fieldProps } = (0, react_aria_1.useDateField)(props, state, ref);
-    return ((0, jsx_runtime_1.jsx)(DateInputElement, { ref: ref, ...(0, react_2.mergeProps)(fieldProps, focusWithinProps), 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))) }));
-}
-
-        

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

@@ -1,69 +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.DatePickerSegment = DatePickerSegment;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const tasty_1 = require("../../../tasty");
-const LiteralSegmentElement = (0, tasty_1.tasty)({
-    qa: 'LiteralSegment',
-    as: 'span',
-    'aria-hidden': 'true',
-    styles: {},
-});
-const EditableSegmentElement = (0, tasty_1.tasty)({
-    qa: 'EditableSegment',
-    styles: {
-        padding: '0 1bw',
-        fontVariantNumeric: 'tabular-nums lining-nums',
-        textAlign: 'right',
-        font: 'monospace',
-        color: {
-            '': 'inherit',
-            ':focus': '#white',
-        },
-        fill: {
-            '': '#clear',
-            ':focus': '#purple',
-        },
-        radius: '.25x',
-        Placeholder: {
-            opacity: '#disabled-opacity',
-        },
-    },
-});
-function DatePickerSegment({ segment, state, ...otherProps }) {
-    switch (segment.type) {
-        // A separator, e.g. punctuation
-        case 'literal':
-            return (0, jsx_runtime_1.jsx)(LiteralSegment, { segment: segment });
-        // Editable segment
-        default:
-            return ((0, jsx_runtime_1.jsx)(EditableSegment, { segment: segment, state: state, ...otherProps }));
-    }
-}
-function LiteralSegment({ segment }) {
-    return ((0, jsx_runtime_1.jsx)(LiteralSegmentElement, { "data-type": segment.type === 'literal' ? undefined : segment.type, children: segment.text }));
-}
-function EditableSegment({ segment, state }) {
-    let ref = (0, react_1.useRef)(null);
-    let { segmentProps } = (0, react_aria_1.useDateSegment)(segment, state, ref);
-    return ((0, jsx_runtime_1.jsx)(EditableSegmentElement, { ...segmentProps, ref: ref, mods: {
-            placeholder: segment.isPlaceholder,
-            'read-only': !segment.isEditable,
-        }, style: {
-            ...segmentProps.style,
-            minWidth: segment.maxValue != null
-                ? `calc(${String(segment.maxValue).length + 'ch'})`
-                : undefined,
-        }, "data-testid": segment.type, children: segment.isPlaceholder ? ((0, jsx_runtime_1.jsx)("span", { "data-element": "Placeholder", "aria-hidden": "true", children: segment.placeholder })) : (segment.text) }));
-}
-
-