@producteca/producteca-ui-kit 1.21.1-beta.0 → 1.21.1-beta.1

package/dist/components/inputs/checkboxInput/checkboxInput.js

@@ -1,35 +0,0 @@
-var __rest = this && this.__rest || function (s, e) {
-    var t = {};
-    for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import CheckboxInputGroup from './checkboxInputGroup';
-export var CheckboxInput = function CheckboxInput(_a) {
-    var name = _a.name,
-        checked = _a.checked,
-        onChange = _a.onChange,
-        label = _a.label,
-        title = _a.title,
-        _a$disabled = _a.disabled,
-        disabled = _a$disabled === undefined ? false : _a$disabled,
-        _a$size = _a.size,
-        size = _a$size === undefined ? 'lg' : _a$size,
-        input = _a.input,
-        _a$type = _a.type,
-        type = _a$type === undefined ? 'checkbox' : _a$type,
-        props = __rest(_a, ["name", "checked", "onChange", "label", "title", "disabled", "size", "input", "type"]);
-
-    var item = {
-        id: name + "-single",
-        label: label,
-        checked: checked,
-        disabled: disabled
-    };
-    return _jsx(CheckboxInputGroup, Object.assign({}, props, { name: name, items: [item], onChange: onChange, title: title, type: type, size: size, input: input }));
-};
-export default CheckboxInput;

package/dist/components/inputs/checkboxInput/checkboxInputGroup.js

@@ -1,58 +0,0 @@
-var __rest = this && this.__rest || function (s, e) {
-    var t = {};
-    for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-};
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import styles from './checkboxInput.module.scss';
-import _ from 'lodash';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-export var CheckboxInputGroup = function CheckboxInputGroup(_a) {
-    var title = _a.title,
-        name = _a.name,
-        _a$type = _a.type,
-        type = _a$type === undefined ? 'checkbox' : _a$type,
-        items = _a.items,
-        onChange = _a.onChange,
-        _a$size = _a.size,
-        size = _a$size === undefined ? 'lg' : _a$size,
-        input = _a.input,
-        props = __rest(_a, ["title", "name", "type", "items", "onChange", "size", "input"]);
-
-    var _useReduxFormField = useReduxFormField({
-        input: input,
-        onChange: onChange,
-        transformValue: function transformValue(event) {
-            var _event$target = event.target,
-                checked = _event$target.checked,
-                inputName = _event$target.name;
-
-            if (input) {
-                var newValue = Object.assign({}, input.value);
-                newValue[inputName] = checked;
-                return newValue;
-            }
-            return event;
-        }
-    }),
-        handleChange = _useReduxFormField.handleChange,
-        handleBlur = _useReduxFormField.handleBlur;
-
-    return _jsxs("div", { className: styles['checkbox-input-container'], children: [title && _jsxs("label", { className: styles['title'], children: [" ", title, " "] }), _jsx("div", { className: styles['checkbox-input-items'] + " " + styles[size], children: _.map(items, function (_a) {
-                var id = _a.id,
-                    itemName = _a.name,
-                    label = _a.label,
-                    disabled = _a.disabled,
-                    checked = _a.checked,
-                    value = _a.value,
-                    itemProps = __rest(_a, ["id", "name", "label", "disabled", "checked", "value"]);
-
-                var inputId = id || itemName || name;
-                return _jsxs("label", { htmlFor: inputId, className: "" + (disabled ? styles['disabled'] : ''), children: [_jsx("input", Object.assign({}, props, itemProps, { id: inputId, type: type, name: itemName || name, checked: input && itemName ? _.get(input.value, itemName) : checked, disabled: disabled, onChange: handleChange, onBlur: handleBlur })), _jsxs("span", { children: [" ", label, " "] })] }, inputId);
-            }) })] });
-};
-export default CheckboxInputGroup;

package/dist/components/inputs/datePicker/datePicker.js

@@ -1,143 +0,0 @@
-import _slicedToArray from "babel-runtime/helpers/slicedToArray";
-var __rest = this && this.__rest || function (s, e) {
-    var t = {};
-    for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { DatePicker as MUIDatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DateTimePicker as MUIDateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
-import { TimePicker as MUITimePicker } from '@mui/x-date-pickers/TimePicker';
-import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { ErrorMessage, formValidation } from '../../../validators';
-import errorStyles from '../../../validators/errorMessage.module.scss';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-import { FormField } from '../formField/formField';
-import { getPickerProps, getFinalFormat, getPickerTypeFromFormat } from './datePickerUtils';
-import styles from './datePicker.module.scss';
-import clsx from 'clsx';
-import dayjs from 'dayjs';
-import { includes } from 'lodash';
-import 'dayjs/locale/es';
-export var DatePickerInput = function DatePickerInput(props) {
-    var _a;
-
-    var meta = props.meta,
-        name = props.name,
-        _props$value = props.value,
-        value = _props$value === undefined ? null : _props$value,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === undefined ? false : _props$disabled,
-        _props$required = props.required,
-        required = _props$required === undefined ? false : _props$required,
-        placeholder = props.placeholder,
-        _props$size = props.size,
-        size = _props$size === undefined ? 'md' : _props$size,
-        _props$noErrors = props.noErrors,
-        noErrors = _props$noErrors === undefined ? false : _props$noErrors,
-        label = props.label,
-        minDate = props.minDate,
-        maxDate = props.maxDate,
-        format = props.format,
-        isValid = props.isValid,
-        onChange = props.onChange,
-        input = props.input,
-        otherProps = __rest(props, ["meta", "name", "value", "disabled", "required", "placeholder", "size", "noErrors", "label", "minDate", "maxDate", "format", "isValid", "onChange", "input"]);
-
-    var finalFormat = getFinalFormat(format);
-    var pickerType = getPickerTypeFromFormat(format);
-    var inputValue = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : value;
-
-    var _useState = useState(inputValue),
-        _useState2 = _slicedToArray(_useState, 2),
-        currentValue = _useState2[0],
-        setCurrentValue = _useState2[1];
-
-    var _useState3 = useState(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        isOpen = _useState4[0],
-        setIsOpen = _useState4[1];
-
-    var validationProps = { meta: meta, value: inputValue, isValid: isValid, required: props.required };
-    var validated = formValidation(validationProps);
-    useEffect(function () {
-        setCurrentValue(inputValue);
-    }, [inputValue]);
-
-    var _useReduxFormField = useReduxFormField({
-        input: input,
-        onChange: onChange ? function (date) {
-            var syntheticEvent = {
-                target: {
-                    value: date ? date.format(finalFormat) : '',
-                    name: name
-                }
-            };
-            onChange(syntheticEvent);
-        } : undefined,
-        transformValue: function transformValue(date) {
-            setCurrentValue(date);
-            return date ? date.toDate() : null;
-        }
-    }),
-        fieldHandleChange = _useReduxFormField.handleChange;
-
-    var _handleChange = function _handleChange(date) {
-        setCurrentValue(date ? date.format(finalFormat) : null);
-        fieldHandleChange(date);
-    };
-    var _handleClear = function _handleClear() {
-        setCurrentValue(null);
-        fieldHandleChange(null);
-        setIsOpen(false);
-    };
-    var _handleOpen = function _handleOpen() {
-        setIsOpen(!isOpen);
-    };
-    var _handleClose = function _handleClose() {
-        setIsOpen(false);
-    };
-    dayjs.locale('es');
-    var Picker = function Picker() {
-        var commonProps = getPickerProps({
-            currentValue: currentValue,
-            finalFormat: finalFormat,
-            disabled: disabled,
-            minDate: minDate,
-            maxDate: maxDate,
-            placeholder: placeholder,
-            name: name,
-            onChange: _handleChange,
-            onClear: _handleClear,
-            onOpen: _handleOpen,
-            onClose: _handleClose,
-            open: isOpen,
-            otherProps: otherProps
-        });
-        switch (pickerType) {
-            case 'year':
-                return _jsx(MUIDatePicker, Object.assign({}, commonProps, { views: ['year'] }));
-            case 'time':
-                return _jsx(MUITimePicker, Object.assign({}, commonProps, { views: includes(finalFormat, 's') ? ['hours', 'minutes', 'seconds'] : ['hours', 'minutes'] }));
-            case 'dateTime':
-                return _jsx(MUIDateTimePicker, Object.assign({}, commonProps));
-            case 'date':
-            default:
-                return _jsx(MUIDatePicker, Object.assign({}, commonProps));
-        }
-    };
-    return _jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: "es", children: _jsxs("div", { className: clsx(styles[size], validated ? errorStyles[validated] : '', styles['date-picker']), children: [_jsx(Picker, {}), !noErrors && _jsx(ErrorMessage, { validationProps: validationProps })] }) });
-};
-export var DatePicker = function DatePicker(_a) {
-    var label = _a.label,
-        rightAdornment = _a.rightAdornment,
-        props = __rest(_a, ["label", "rightAdornment"]);
-
-    return _jsx(FormField, Object.assign({ type: "date", label: label, rightAdornment: rightAdornment }, props));
-};

package/dist/components/inputs/datePicker/datePickerCustomStyles.js

@@ -1,145 +0,0 @@
-export var datePickerLayoutStyles = {
-    '& .MuiDayCalendar-slideTransition': {
-        minHeight: '200px'
-    },
-    '& .MuiDialogActions-root': {
-        display: 'none'
-    },
-    '& .MuiPickersLayout-actionBar': {
-        display: 'none'
-    },
-    '& .MuiDateCalendar-root': {
-        height: 'min-content !important'
-    },
-    '& .MuiPickersCalendarHeader-label': {
-        fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-        fontSize: '14px',
-        color: '#797979',
-        fontWeight: 600,
-        textTransform: 'capitalize'
-    },
-    '& .MuiDayCalendar-weekDayLabel': {
-        fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-        fontSize: '12px',
-        color: '#797979',
-        fontWeight: 600
-    }
-};
-export var datePickerInputStyles = {
-    '& .MuiOutlinedInput-root': {
-        '&:hover': {
-            '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: '#ACACAC'
-            }
-        },
-        '&.Mui-focused': {
-            '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: '#252525'
-            }
-        },
-        '&.Mui-disabled': {
-            '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: '#D7D7D7'
-            }
-        }
-    }
-};
-export var datePickerDayStyles = {
-    fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-    fontSize: '12px',
-    backgroundColor: 'white',
-    color: '#252525',
-    borderRadius: '4px',
-    '&.MuiPickersDay-root': {
-        fontSize: '14px',
-        textTransform: 'capitalize'
-    },
-    '&.MuiPickersDay-today': {
-        backgroundColor: 'white',
-        color: '#252525',
-        border: '1px solid #252525'
-    },
-    '&.Mui-selected': {
-        backgroundColor: '#0066ff',
-        color: 'white',
-        border: 'none',
-        '&:hover': {
-            backgroundColor: '#0066ff',
-            borderColor: 'none'
-        },
-        '&:focus': {
-            backgroundColor: '#0066ff',
-            borderColor: 'none'
-        }
-    },
-    '&:hover:not(.Mui-selected)': {
-        color: '#252525',
-        backgroundColor: '#EDEDED',
-        borderColor: 'none'
-    }
-};
-export var datePickerDigitalClockStyles = {
-    '& .MuiMultiSectionDigitalClock-root': {
-        '& .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root': {
-            '&::after': {
-                display: 'none'
-            }
-        },
-        '& .MuiButtonBase-root.MuiMenuItem-root.MuiMenuItem-gutters': {
-            fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-            backgroundColor: 'white',
-            color: '#252525',
-            borderRadius: '4px',
-            width: '32px',
-            height: '32px',
-            margin: '4px 0 0 4px',
-            fontSize: ' 14px',
-            '&.Mui-selected': {
-                backgroundColor: '#0066ff',
-                color: 'white',
-                '&:hover': {
-                    backgroundColor: '#0066ff'
-                },
-                '&:focus': {
-                    backgroundColor: '#0066ff'
-                }
-            },
-            '&:hover:not(.Mui-selected)': {
-                color: '#252525',
-                backgroundColor: '#EDEDED'
-            }
-        }
-    }
-};
-export var datePickerYearStyles = {
-    '& .MuiYearCalendar-root': {
-        '& .MuiPickersYear-root': {
-            '& .MuiPickersYear-yearButton': {
-                fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-                fontSize: '14px',
-                backgroundColor: 'white',
-                color: '#252525',
-                borderRadius: '4px',
-                '&.Mui-selected': {
-                    backgroundColor: '#0066ff',
-                    color: 'white',
-                    '&:hover': {
-                        backgroundColor: '#0066ff'
-                    },
-                    '&:focus': {
-                        backgroundColor: '#0066ff'
-                    }
-                },
-                '&:hover:not(.Mui-selected)': {
-                    backgroundColor: '#EDEDED',
-                    color: '#252525'
-                }
-            }
-        }
-    }
-};
-export var datePickerPopperStyles = {
-    '& .MuiPickersPopper-paper': {
-        boxShadow: '0px 5px 5px -3px rgb(205 205 205 / 20%), 0px 8px 14px 1px rgb(165 165 165 / 14%), 0px 3px 14px 2px rgb(219 219 219 / 6%)'
-    }
-};

package/dist/components/inputs/datePicker/datePickerTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/components/inputs/datePicker/datePickerUtils.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextField } from '@mui/material';
-import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
-import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import CustomIcon from '../../icons/customIcon/customIcon';
-import styles from './datePicker.module.scss';
-import { datePickerLayoutStyles, datePickerDayStyles, datePickerDigitalClockStyles, datePickerYearStyles, datePickerInputStyles, datePickerPopperStyles } from './datePickerCustomStyles';
-import { omit, includes } from "lodash";
-import locale from '../../../locales';
-dayjs.extend(customParseFormat);
-export var ActionComponent = function ActionComponent(_ref) {
-    var showClearIcon = _ref.showClearIcon,
-        onClear = _ref.onClear,
-        onOpen = _ref.onOpen;
-    return _jsxs("div", { className: styles['calendar-icon-container'], children: [showClearIcon && _jsx("div", { onClick: onClear, className: styles['clear-icon'], children: _jsx(CustomIcon, { children: _jsx(CloseRoundedIcon, {}) }) }), _jsx("div", { className: styles['divider-line'] }), _jsx("div", { onClick: onOpen, className: styles['calendar-icon'], children: _jsx(CustomIcon, { size: "12", children: _jsx(CalendarTodayIcon, {}) }) })] });
-};
-export var getPickerTypeFromFormat = function getPickerTypeFromFormat(format) {
-    if (!format) {
-        return 'date';
-    }
-    if (/^Y+$/.test(format)) {
-        return 'year';
-    }
-    if (/^[Hhms:]+$/.test(format)) {
-        return 'time';
-    }
-    if (includes(format, 'H') || includes(format, 'h') || includes(format, 'm') || includes(format, 's')) {
-        return 'dateTime';
-    }
-    return 'date';
-};
-export var getFinalFormat = function getFinalFormat(format) {
-    if (format) return format;
-    return 'DD/MM/YYYY';
-};
-export var getPlaceholderByFormat = function getPlaceholderByFormat(format, customPlaceholder) {
-    if (customPlaceholder) return customPlaceholder;
-    var pickerType = getPickerTypeFromFormat(format);
-    switch (pickerType) {
-        case 'year':
-            return locale("datePicker.selectYear");
-        case 'time':
-            return locale("datePicker.selectTime");
-        case 'dateTime':
-            return locale("datePicker.selectDateTime");
-        case 'date':
-        default:
-            return locale("datePicker.selectDate");
-    }
-};
-export var convertToDate = function convertToDate(val, format) {
-    if (!val) return null;
-    if (typeof val === 'string') {
-        var parsed = dayjs(val, format, true);
-        return parsed.isValid() ? parsed : null;
-    }
-    if (val instanceof Date) {
-        return dayjs(val);
-    }
-    if (typeof val === 'number') {
-        return dayjs(val);
-    }
-    return null;
-};
-export var getPickerProps = function getPickerProps(_ref2) {
-    var currentValue = _ref2.currentValue,
-        finalFormat = _ref2.finalFormat,
-        onChange = _ref2.onChange,
-        disabled = _ref2.disabled,
-        minDate = _ref2.minDate,
-        maxDate = _ref2.maxDate,
-        placeholder = _ref2.placeholder,
-        name = _ref2.name,
-        otherProps = _ref2.otherProps,
-        onClear = _ref2.onClear,
-        onOpen = _ref2.onOpen,
-        onClose = _ref2.onClose,
-        open = _ref2.open;
-    return {
-        open: open,
-        value: convertToDate(currentValue, finalFormat),
-        onAccept: onChange,
-        onClose: onClose,
-        disabled: disabled,
-        minDate: minDate ? dayjs(minDate) : undefined,
-        maxDate: maxDate ? dayjs(maxDate) : undefined,
-        format: finalFormat,
-        slots: {
-            textField: TextField
-        },
-        slotProps: {
-            textField: Object.assign({ placeholder: getPlaceholderByFormat(finalFormat, placeholder), name: name, onClick: onOpen, variant: 'outlined', fullWidth: true, className: styles['date-input'], sx: datePickerInputStyles, InputProps: {
-                    style: { cursor: 'pointer' },
-                    endAdornment: _jsx(ActionComponent, { showClearIcon: !!currentValue, onClear: onClear, onOpen: onOpen })
-                } }, omit(otherProps, "type")),
-            layout: {
-                sx: Object.assign(Object.assign(Object.assign({}, datePickerLayoutStyles), datePickerDigitalClockStyles), datePickerYearStyles)
-            },
-            day: {
-                sx: datePickerDayStyles
-            },
-            popper: {
-                sx: datePickerPopperStyles
-            }
-        }
-    };
-};

package/dist/components/inputs/datePicker/index.js

@@ -1,2 +0,0 @@
-export * from './datePicker';
-export * from './datePickerCustomStyles';

package/dist/components/inputs/dateRangePicker/dateFormater.js

@@ -1,28 +0,0 @@
-import _ from "lodash";
-export var formatDate = function formatDate(date, format) {
-    var _pad = function _pad(n) {
-        return _.padStart(String(n), 2, "0");
-    };
-    var map = {
-        YYYY: String(date.getFullYear()),
-        MM: _pad(date.getMonth() + 1),
-        DD: _pad(date.getDate()),
-        HH: _pad(date.getHours()),
-        mm: _pad(date.getMinutes()),
-        ss: _pad(date.getSeconds())
-    };
-    return _.reduce(map, function (acc, value, token) {
-        return _.replace(acc, token, value);
-    }, format);
-};
-export var formatRangeLimits = function formatRangeLimits(range) {
-    if (!range) return undefined;
-    var from = new Date(range.from);
-    from.setHours(0, 0, 0);
-    var to = new Date(range.to);
-    to.setHours(23, 59, 59);
-    return {
-        from: from,
-        to: to
-    };
-};

package/dist/components/inputs/dateRangePicker/dateRangePicker.js

@@ -1,118 +0,0 @@
-import _slicedToArray from "babel-runtime/helpers/slicedToArray";
-var __rest = this && this.__rest || function (s, e) {
-    var t = {};
-    for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { DayPicker } from 'react-day-picker';
-import * as Popover from '@radix-ui/react-popover';
-import { es } from "react-day-picker/locale";
-import { ErrorMessage, formValidation } from '../../../validators';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-import styles from './dateRangePicker.module.scss';
-import errorStyles from '../../../validators/errorMessage.module.scss';
-import { FormField } from "../formField/formField";
-import clsx from 'clsx';
-import 'react-day-picker/dist/style.css';
-import { CustomWeekday, fromInputValue, getDisplayRange, getDisabledDays } from './dateRangePickerUtils';
-import { ActionComponent } from '../datePicker/datePickerUtils';
-import { formatRangeLimits } from "./dateFormater";
-export var DateRangePickerInput = function DateRangePickerInput(props) {
-    var _a;
-
-    var meta = props.meta,
-        name = props.name,
-        _props$value = props.value,
-        value = _props$value === undefined ? null : _props$value,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === undefined ? false : _props$disabled,
-        _props$required = props.required,
-        required = _props$required === undefined ? false : _props$required,
-        placeholder = props.placeholder,
-        _props$size = props.size,
-        size = _props$size === undefined ? 'md' : _props$size,
-        _props$noErrors = props.noErrors,
-        noErrors = _props$noErrors === undefined ? false : _props$noErrors,
-        label = props.label,
-        _props$format = props.format,
-        format = _props$format === undefined ? 'DD/MM/YYYY' : _props$format,
-        isValid = props.isValid,
-        onChange = props.onChange,
-        input = props.input,
-        minDate = props.minDate,
-        maxDate = props.maxDate,
-        otherProps = __rest(props, ["meta", "name", "value", "disabled", "required", "placeholder", "size", "noErrors", "label", "format", "isValid", "onChange", "input", "minDate", "maxDate"]);
-
-    var currentValue = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : value;
-    var validationProps = { meta: meta, value: currentValue, isValid: isValid, required: props.required };
-    var validated = formValidation(validationProps);
-
-    var _useReduxFormField = useReduxFormField({
-        input: input,
-        onChange: onChange ? function (range) {
-            var syntheticEvent = {
-                target: {
-                    value: formatRangeLimits(range),
-                    name: name
-                }
-            };
-            onChange(syntheticEvent);
-        } : undefined
-    }),
-        fieldHandleChange = _useReduxFormField.handleChange,
-        handleBlur = _useReduxFormField.handleBlur;
-
-    var handleSelect = function handleSelect(range) {
-        fieldHandleChange(range);
-        if ((range === null || range === void 0 ? void 0 : range.from) && (range === null || range === void 0 ? void 0 : range.to) && (range === null || range === void 0 ? void 0 : range.from) !== (range === null || range === void 0 ? void 0 : range.to)) {
-            setIsOpen(false);
-        }
-    };
-    var handleClear = function handleClear() {
-        fieldHandleChange(undefined);
-    };
-    var selectedRange = fromInputValue(currentValue);
-    var displayValue = getDisplayRange(selectedRange, format);
-
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        isOpen = _useState2[0],
-        setIsOpen = _useState2[1];
-
-    var getInitialMonth = function getInitialMonth() {
-        return (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) || (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) || new Date();
-    };
-    return _jsxs("div", { className: clsx(styles['date-range-picker'], styles[size], validated ? errorStyles[validated] : '', disabled ? styles['disabled'] : '', isOpen ? styles['focused'] : ''), children: [_jsxs(Popover.Root, { open: isOpen && !disabled, onOpenChange: setIsOpen, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsxs("div", { className: styles['input-wrapper'], children: [_jsx("input", Object.assign({ type: "text", name: name, value: displayValue, placeholder: placeholder || format, readOnly: true, onBlur: handleBlur }, otherProps)), _jsx(ActionComponent, { onOpen: function onOpen() {
-                            return setIsOpen(!isOpen);
-                        }, showClearIcon: !!displayValue, onClear: handleClear })] }) }), _jsx(Popover.Portal, { children: _jsx(Popover.Content, { className: styles['popover-content'], sideOffset: 4, align: "start", side: "bottom", avoidCollisions: true, collisionPadding: 8, children: _jsx(DayPicker, { mode: "range", locale: es, selected: selectedRange, onSelect: handleSelect, numberOfMonths: 2, defaultMonth: getInitialMonth(), disabled: getDisabledDays(disabled, minDate, maxDate), className: styles['day-picker'], animate: true, classNames: {
-                            months: styles['months'],
-                            month: styles['month'],
-                            month_caption: styles['month-caption'],
-                            nav: styles['nav'],
-                            weekdays: styles['weekdays'],
-                            weekday: styles['weekday'],
-                            week: styles['week'],
-                            day: styles['day'],
-                            selected: styles['selected'],
-                            range_start: styles['range-start'],
-                            range_middle: styles['range-middle'],
-                            range_end: styles['range-end'],
-                            disabled: styles['disabled']
-                        }, components: {
-                            Weekday: CustomWeekday
-                        } }) }) })] }), !noErrors && _jsx(ErrorMessage, { validationProps: validationProps })] });
-};
-export var DateRangePicker = function DateRangePicker(_a) {
-    var label = _a.label,
-        rightAdornment = _a.rightAdornment,
-        value = _a.value,
-        props = __rest(_a, ["label", "rightAdornment", "value"]);
-
-    return _jsx(FormField, Object.assign({ type: "dateRange", label: label, rightAdornment: rightAdornment, value: value }, props));
-};

package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.js

@@ -1 +0,0 @@
-export {};