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

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

@@ -1,67 +0,0 @@
-import _slicedToArray from "babel-runtime/helpers/slicedToArray";
-import _typeof from "babel-runtime/helpers/typeof";
-import { jsx as _jsx } from "react/jsx-runtime";
-import dayjs from 'dayjs';
-import head from "lodash/head";
-import customParseFormat from "dayjs/plugin/customParseFormat";
-import { formatDate } from "./dateFormater";
-dayjs.extend(customParseFormat);
-export var fromInputValue = function fromInputValue(inputValue) {
-    if (!inputValue) return undefined;
-    if ((typeof inputValue === "undefined" ? "undefined" : _typeof(inputValue)) === 'object' && 'from' in inputValue && 'to' in inputValue) {
-        var rangeValue = inputValue;
-        return {
-            from: convertToDate(rangeValue.from),
-            to: convertToDate(rangeValue.to)
-        };
-    }
-    if (typeof inputValue === 'string' && inputValue.includes(' - ')) {
-        var _inputValue$split = inputValue.split(' - '),
-            _inputValue$split2 = _slicedToArray(_inputValue$split, 2),
-            fromStr = _inputValue$split2[0],
-            toStr = _inputValue$split2[1];
-
-        return {
-            from: convertToDate(fromStr.trim()),
-            to: convertToDate(toStr.trim())
-        };
-    }
-    return undefined;
-};
-export var getDisplayRange = function getDisplayRange(range) {
-    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'DD/MM/YYYY';
-
-    if (!(range === null || range === void 0 ? void 0 : range.from)) return '';
-    var fromFormatted = formatDate(range.from, format);
-    var toFormatted = range.to ? formatDate(range.to, format) : '';
-    if (range.from && range.to) {
-        return fromFormatted + " - " + toFormatted;
-    }
-    return fromFormatted;
-};
-export var convertToDate = function convertToDate(val) {
-    if (!val) return undefined;
-    if (val instanceof Date) {
-        return val;
-    }
-    if (typeof val === 'string') {
-        var parsed = dayjs(val);
-        return parsed.isValid() ? parsed.toDate() : undefined;
-    }
-    if (typeof val === 'number') {
-        return dayjs(val).toDate();
-    }
-    return undefined;
-};
-export var CustomWeekday = function CustomWeekday(props) {
-    return _jsx("th", Object.assign({}, props, { children: head(props.children) }));
-};
-export var getDisabledDays = function getDisabledDays(disabled, minDate, maxDate) {
-    if (disabled) return true;
-    var min = convertToDate(minDate);
-    var max = convertToDate(maxDate);
-    if (min && max) return [{ before: min }, { after: max }];
-    if (min) return { before: min };
-    if (max) return { after: max };
-    return undefined;
-};

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

@@ -1,2 +0,0 @@
-export { DateRangePicker, DateRangePickerInput } from './dateRangePicker';
-export { formatDate } from "./dateFormater";

package/dist/components/inputs/formField/formField.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextInput } from './textInput';
-import { PasswordInput } from './passwordInput';
-import { DatePickerInput } from '../datePicker';
-import { DateRangePickerInput } from '../dateRangePicker';
-import styles from './textInput.module.scss';
-var inputByType = function inputByType(type) {
-    var inputs = {
-        password: PasswordInput,
-        text: TextInput,
-        number: TextInput,
-        date: DatePickerInput,
-        dateRange: DateRangePickerInput
-    };
-    return !!type ? inputs[type] : TextInput;
-};
-export var FormField = function FormField(_a) {
-    var label = _a.label,
-        rightAdornment = _a.rightAdornment,
-        children = _a.children,
-        props = __rest(_a, ["label", "rightAdornment", "children"]);
-
-    var InputComponent = inputByType(props.type);
-    return _jsxs("div", { className: styles['form-field'], children: [label && _jsx("label", { htmlFor: props.name, children: label }), _jsxs("div", { className: "" + styles['input-container'], children: [_jsx(InputComponent, Object.assign({}, props, { children: children })), !!rightAdornment && _jsx("div", { className: "" + styles['right-modifier'], children: rightAdornment })] })] });
-};
-export default FormField;

package/dist/components/inputs/formField/passwordInput.js

@@ -1,22 +0,0 @@
-import _slicedToArray from 'babel-runtime/helpers/slicedToArray';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Visibility, VisibilityOff } from '@mui/icons-material';
-import { TextInput } from './textInput';
-export var PasswordInput = function PasswordInput(props) {
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        showPassword = _useState2[0],
-        setShowPassword = _useState2[1];
-
-    var type = showPassword ? 'text' : 'password';
-    return _jsx(TextInput, Object.assign({}, props, { type: type, "data-testid": "password-input", rightIcon: _jsx(VisibilityIcon, { showPassword: showPassword, setShowPassword: setShowPassword }) }));
-};
-var VisibilityIcon = function VisibilityIcon(_ref) {
-    var showPassword = _ref.showPassword,
-        setShowPassword = _ref.setShowPassword;
-
-    return _jsx("div", { "data-testid": "visibility-toggle", onClick: function onClick() {
-            return setShowPassword(!showPassword);
-        }, children: showPassword ? _jsx(Visibility, {}) : _jsx(VisibilityOff, {}) });
-};

package/dist/components/inputs/formField/textInput.js

@@ -1,79 +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 { useEffect, useState } from 'react';
-import { formValidation, ErrorMessage } from '../../../validators';
-import styles from './textInput.module.scss';
-import errorStyles from '../../../validators/errorMessage.module.scss';
-import clsx from 'clsx';
-import _ from 'lodash';
-import { ClearRounded } from '@mui/icons-material';
-import CustomIcon from '../../icons/customIcon/customIcon';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-export var TextInput = function TextInput(props) {
-    var _a;
-
-    var isValid = props.isValid,
-        onChange = props.onChange,
-        meta = props.meta,
-        _props$value = props.value,
-        value = _props$value === undefined ? '' : _props$value,
-        _props$noErrors = props.noErrors,
-        noErrors = _props$noErrors === undefined ? false : _props$noErrors,
-        _props$size = props.size,
-        size = _props$size === undefined ? 'md' : _props$size,
-        _props$type = props.type,
-        type = _props$type === undefined ? 'text' : _props$type,
-        isClearable = props.isClearable,
-        max = props.max,
-        min = props.min,
-        leftIcon = props.leftIcon,
-        rightIcon = props.rightIcon,
-        input = props.input,
-        inputRef = props.inputRef,
-        otherProps = __rest(props, ["isValid", "onChange", "meta", "value", "noErrors", "size", "type", "isClearable", "max", "min", "leftIcon", "rightIcon", "input", "inputRef"]);
-
-    var inputValue = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : value;
-
-    var _useState = useState(''),
-        _useState2 = _slicedToArray(_useState, 2),
-        currentValue = _useState2[0],
-        setCurrentValue = _useState2[1];
-
-    var validationProps = { meta: meta, value: inputValue, isValid: isValid, required: props.required };
-    var validated = formValidation(validationProps);
-    var numericLimits = type === 'number' ? { max: max, min: min } : {};
-    useEffect(function () {
-        setCurrentValue(inputValue);
-    }, [inputValue]);
-
-    var _useReduxFormField = useReduxFormField({
-        input: input,
-        onChange: onChange,
-        transformValue: function transformValue(event) {
-            var value = event.target.value;
-            setCurrentValue(value);
-            return value;
-        }
-    }),
-        fieldHandleChange = _useReduxFormField.handleChange,
-        handleBlur = _useReduxFormField.handleBlur;
-
-    var handleChange = function handleChange(event) {
-        fieldHandleChange(event);
-    };
-    var rightModifier = isClearable && !rightIcon && currentValue ? _jsx(CustomIcon, { "data-testid": "clear-icon", children: _jsx(ClearRounded, {}) }) : rightIcon;
-    var onClickRightModifier = isClearable && !rightIcon ? function () {
-        return handleChange({ target: { name: props.name, value: '' } });
-    } : _.identity;
-    var isSmall = size == 'sm';
-    return _jsxs("div", { "data-testid": "text-input-container", className: clsx(styles[size], styles['text-input-container'], validated ? errorStyles[validated] : '', !!leftIcon && !isSmall ? styles['with-left-icon'] : '', !!rightModifier && !isSmall ? styles['with-right-icon'] : ''), children: [!!leftIcon && !isSmall && _jsx("div", { className: "" + styles['left-icon'], children: leftIcon }), _jsx("input", Object.assign({ className: "text-input", "data-testid": "text-input", value: currentValue ? String(currentValue) : '', type: type, onChange: handleChange, onBlur: handleBlur, ref: inputRef }, numericLimits, otherProps)), !!rightModifier && !isSmall && _jsx("div", { className: "" + styles['right-icon'], onClick: onClickRightModifier, children: rightModifier }), !noErrors && _jsx(ErrorMessage, { validationProps: validationProps })] });
-};

package/dist/components/inputs/searcher/searcher.js

@@ -1,112 +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 { useEffect, useState } from 'react';
-import Select from 'react-select';
-import { ClearComponent, Option, SingleValue } from '../selectField/selectField';
-import clsx from 'clsx';
-import styles from '../selectField/selectField.module.scss';
-import CustomIcon from '../../icons/customIcon/customIcon';
-import { SearchRounded } from '@mui/icons-material';
-import locale from '../../../locales';
-import _ from 'lodash';
-import Spinner from '../../loaders/spinner/spinner';
-var SearchComponent = function SearchComponent() {
-    return _jsx("div", { className: styles['producteca-select-field__search-icon'], children: _jsx(CustomIcon, { children: _jsx(SearchRounded, {}) }) });
-};
-export var Searcher = function Searcher(props) {
-    var name = props.name,
-        label = props.label,
-        _props$placeholder = props.placeholder,
-        placeholder = _props$placeholder === undefined ? locale('selectPlaceholder') : _props$placeholder,
-        _props$noOptionsMessa = props.noOptionsMessage,
-        _noOptionsMessage = _props$noOptionsMessa === undefined ? locale('noFoundOptions') : _props$noOptionsMessa,
-        options = props.options,
-        _props$size = props.size,
-        size = _props$size === undefined ? 'md' : _props$size,
-        _props$isSearchable = props.isSearchable,
-        isSearchable = _props$isSearchable === undefined ? true : _props$isSearchable,
-        _props$isClearable = props.isClearable,
-        isClearable = _props$isClearable === undefined ? true : _props$isClearable,
-        _props$clearOnSelect = props.clearOnSelect,
-        clearOnSelect = _props$clearOnSelect === undefined ? false : _props$clearOnSelect,
-        required = props.required,
-        disabled = props.disabled,
-        rightModifier = props.rightModifier,
-        isOptionDisabled = props.isOptionDisabled,
-        onChange = props.onChange,
-        onInputChange = props.onInputChange,
-        input = props.input,
-        _props$isLoading = props.isLoading,
-        isLoading = _props$isLoading === undefined ? false : _props$isLoading,
-        otherProps = __rest(props, ["name", "label", "placeholder", "noOptionsMessage", "options", "size", "isSearchable", "isClearable", "clearOnSelect", "required", "disabled", "rightModifier", "isOptionDisabled", "onChange", "onInputChange", "input", "isLoading"]);
-
-    var _useState = useState(null),
-        _useState2 = _slicedToArray(_useState, 2),
-        optionSelected = _useState2[0],
-        setOptionSelected = _useState2[1];
-
-    useEffect(function () {
-        setIsMenuOpen(!_.isEmpty(options) || isLoading);
-    }, [options, isLoading]);
-
-    var _useState3 = useState(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        isMenuOpen = _useState4[0],
-        setIsMenuOpen = _useState4[1];
-
-    var handleInputChange = function handleInputChange(value) {
-        var fakeEvent = {
-            target: {
-                name: name,
-                value: value
-            }
-        };
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(fakeEvent);
-        setIsMenuOpen(!_.isEmpty(options) || isLoading);
-    };
-    var handleSelect = function handleSelect(selected) {
-        var fakeEvent = {
-            target: {
-                name: name,
-                value: selected === null || selected === void 0 ? void 0 : selected.value
-            }
-        };
-        setOptionSelected(selected);
-        if (input) {
-            input.onChange(selected === null || selected === void 0 ? void 0 : selected.value);
-        } else {
-            onChange === null || onChange === void 0 ? void 0 : onChange(fakeEvent);
-        }
-        if (clearOnSelect && selected) {
-            setOptionSelected(null);
-        }
-        setIsMenuOpen(false);
-    };
-    var handleBlur = function handleBlur() {
-        if (input) {
-            input.onBlur();
-        }
-        setIsMenuOpen(false);
-    };
-    return _jsxs("div", { className: styles['producteca-select-field-container'], children: [label && _jsx("label", { htmlFor: name, children: label }), _jsxs("div", { className: clsx(styles[size], styles['producteca-select-field-body'], styles[isSearchable ? 'producteca-select-field--is-searchable' : ''], styles[isClearable ? 'producteca-select-field--is-clearable' : ''], styles[rightModifier ? 'producteca-select-field--with-modifier' : '']), children: [_jsxs("div", { className: styles['searcher-body'], children: [isSearchable && _jsx(SearchComponent, {}), _jsx(Select, Object.assign({}, otherProps, { name: name, placeholder: placeholder, classNamePrefix: "producteca-select-field", isDisabled: disabled, isClearable: isClearable, isOptionDisabled: isOptionDisabled, isSearchable: isSearchable, noOptionsMessage: function noOptionsMessage() {
-                        return isLoading ? _jsx(Spinner, { size: 'sm' }) : _noOptionsMessage;
-                    }, onInputChange: handleInputChange, onChange: handleSelect, onBlur: handleBlur, value: optionSelected, options: options, components: { Option: Option, SingleValue: SingleValue }, menuPortalTarget: document.body, menuIsOpen: isMenuOpen, onMenuOpen: function onMenuOpen() {
-                        return setIsMenuOpen(!_.isEmpty(options) || isLoading);
-                    }, onMenuClose: function onMenuClose() {
-                        return setIsMenuOpen(false);
-                    } })), _jsx(ClearComponent, { isClearable: isClearable, handleChange: function handleChange() {
-                        setOptionSelected(null);
-                        if (input) {
-                            input.onChange(null);
-                        }
-                    } })] }), !!rightModifier && rightModifier] })] });
-};

package/dist/components/inputs/selectField/selectField.js

@@ -1,183 +0,0 @@
-import _slicedToArray from 'babel-runtime/helpers/slicedToArray';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import Select, { components } from 'react-select';
-import _ from 'lodash';
-import locale from '../../../locales';
-import styles from './selectField.module.scss';
-import clsx from 'clsx';
-import { ClearRounded, SearchRounded } from '@mui/icons-material';
-import CustomIcon from '../../icons/customIcon/customIcon';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-export var Option = function Option(props) {
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        showTooltip = _useState2[0],
-        setShowTooltip = _useState2[1];
-
-    var _useState3 = useState({ top: 0, left: 0 }),
-        _useState4 = _slicedToArray(_useState3, 2),
-        tooltipPosition = _useState4[0],
-        setTooltipPosition = _useState4[1];
-
-    var optionRef = useRef(null);
-    var showDisabledTooltip = props.isDisabled && !!props.data.tooltipMessage;
-    var updateTooltipPosition = useCallback(function () {
-        if (optionRef.current && showTooltip) {
-            var rect = optionRef.current.getBoundingClientRect();
-            setTooltipPosition({
-                top: rect.top,
-                left: rect.right + 5
-            });
-        }
-    }, [showTooltip]);
-    useEffect(function () {
-        if (optionRef.current) {
-            var hasOverflow = optionRef.current.scrollWidth > optionRef.current.offsetWidth;
-            setShowTooltip(showDisabledTooltip || hasOverflow);
-        }
-    }, [props.label, showDisabledTooltip]);
-    useEffect(function () {
-        if (showTooltip) {
-            updateTooltipPosition();
-            window.addEventListener('scroll', updateTooltipPosition, true);
-            return function () {
-                return window.removeEventListener('scroll', updateTooltipPosition, true);
-            };
-        }
-    }, [showTooltip, updateTooltipPosition]);
-    return _jsx("div", { className: styles[showTooltip ? 'option-with-tooltip' : ''], "data-tooltip": showDisabledTooltip ? props.data.tooltipMessage : props.label, style: showTooltip ? {
-            '--tooltip-top': tooltipPosition.top + 'px',
-            '--tooltip-left': tooltipPosition.left + 'px'
-        } : undefined, children: _jsx(components.Option, Object.assign({}, props, { children: _jsxs("div", { className: clsx(styles[props.isDisabled ? 'disabled' : ''], styles[props.isMulti ? 'producteca-select-field__input-multiple' : '']), children: [props.isMulti && _jsx("input", { type: "checkbox", checked: props.isSelected, onChange: _.identity }), _jsx("label", { ref: optionRef, children: props.label })] }) })) });
-};
-var MultiValue = function MultiValue(props) {
-    return _jsx(components.MultiValue, Object.assign({}, props, { children: _jsx("span", { children: props.data.label }) }));
-};
-export var SingleValue = function SingleValue(props) {
-    return _jsx(components.SingleValue, Object.assign({}, props, { children: _jsx("span", { children: props.data.label }) }));
-};
-export var SearchComponent = function SearchComponent() {
-    return _jsx("div", { className: styles['producteca-select-field__search-icon'], children: _jsx(CustomIcon, { children: _jsx(SearchRounded, {}) }) });
-};
-var MultipleTextComponent = function MultipleTextComponent(_ref) {
-    var _ref$optionSelected = _ref.optionSelected,
-        optionSelected = _ref$optionSelected === undefined ? null : _ref$optionSelected;
-
-    var isArrayWithSome = optionSelected && _.isArray(optionSelected) && optionSelected.length > 0;
-    var text = optionSelected && _.isArray(optionSelected) && optionSelected.length === 1 ? locale('selected') : locale('selectedPlural');
-    return isArrayWithSome ? _jsx("div", { className: styles['producteca-select-field__is-multiple'], children: _jsxs("span", { children: [optionSelected.length, " ", text] }) }) : null;
-};
-var ValidationComponent = function ValidationComponent() {
-    return _jsx("div", { className: styles['producteca-select-field--is-required'], children: locale('selectRequiredText') });
-};
-export var ClearComponent = function ClearComponent(_ref2) {
-    var optionSelected = _ref2.optionSelected,
-        isClearable = _ref2.isClearable,
-        handleChange = _ref2.handleChange;
-
-    var isArrayWithSome = optionSelected && _.isArray(optionSelected) && optionSelected.length > 0;
-    var hasSelectedValue = !_.isArray(optionSelected) && optionSelected && 'value' in optionSelected && optionSelected.value;
-    return isClearable && (isArrayWithSome || hasSelectedValue) ? _jsx("a", { className: styles['producteca-select-field__is-clearable'], onClick: function onClick() {
-            return handleChange(null);
-        }, children: _jsx(CustomIcon, { children: _jsx(ClearRounded, {}) }) }) : null;
-};
-export var SelectField = function SelectField(props) {
-    var _a;
-
-    var name = props.name,
-        label = props.label,
-        _props$placeholder = props.placeholder,
-        placeholder = _props$placeholder === undefined ? locale('selectPlaceholder') : _props$placeholder,
-        _props$noOptionsMessa = props.noOptionsMessage,
-        _noOptionsMessage = _props$noOptionsMessa === undefined ? locale('noFoundOptions') : _props$noOptionsMessa,
-        options = props.options,
-        _props$size = props.size,
-        size = _props$size === undefined ? 'md' : _props$size,
-        _props$hideSelectedOp = props.hideSelectedOptions,
-        hideSelectedOptions = _props$hideSelectedOp === undefined ? true : _props$hideSelectedOp,
-        _props$isMultiple = props.isMultiple,
-        isMultiple = _props$isMultiple === undefined ? false : _props$isMultiple,
-        _props$isSearchable = props.isSearchable,
-        isSearchable = _props$isSearchable === undefined ? true : _props$isSearchable,
-        _props$isClearable = props.isClearable,
-        isClearable = _props$isClearable === undefined ? true : _props$isClearable,
-        required = props.required,
-        disabled = props.disabled,
-        rightModifier = props.rightModifier,
-        isOptionDisabled = props.isOptionDisabled,
-        _onChange = props.onChange,
-        defaultValue = props.defaultValue,
-        input = props.input,
-        propsOnBlur = props.onBlur;
-
-    var value = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : props.value;
-    var defaultOption = _.filter(options, function (_ref3) {
-        var optionValue = _ref3.value;
-        return _.includes(value, optionValue);
-    });
-
-    var _useState5 = useState(defaultOption || null),
-        _useState6 = _slicedToArray(_useState5, 2),
-        optionSelected = _useState6[0],
-        setOptionSelected = _useState6[1];
-
-    var _useState7 = useState(false),
-        _useState8 = _slicedToArray(_useState7, 2),
-        touched = _useState8[0],
-        setTouched = _useState8[1];
-
-    var _useReduxFormField = useReduxFormField({
-        input: input,
-        onChange: function onChange(selected) {
-            var selectedValue = isMultiple ? _.map(selected, function (opt) {
-                return opt.value;
-            }) : selected === null || selected === void 0 ? void 0 : selected.value;
-            if (!input) {
-                var fakeEvent = {
-                    target: {
-                        name: name,
-                        value: selectedValue
-                    }
-                };
-                _onChange === null || _onChange === void 0 ? void 0 : _onChange(fakeEvent);
-            }
-            return selectedValue;
-        },
-        onBlur: propsOnBlur,
-        transformValue: function transformValue(selected) {
-            var selectedValue = isMultiple ? _.map(selected, function (opt) {
-                return opt.value;
-            }) : selected === null || selected === void 0 ? void 0 : selected.value;
-            return selectedValue;
-        }
-    }),
-        fieldHandleChange = _useReduxFormField.handleChange,
-        handleBlur = _useReduxFormField.handleBlur;
-
-    var handleChange = function handleChange(selected) {
-        fieldHandleChange(selected);
-        setOptionSelected(selected);
-        setTouched(true);
-    };
-    useEffect(function () {
-        if (defaultValue && options.length > 0) {
-            var val = _.isArray(defaultValue) ? defaultValue : [defaultValue];
-            var matchingOptions = _.filter(options, function (_ref4) {
-                var value = _ref4.value;
-                return _.includes(val, value);
-            });
-            setOptionSelected(isMultiple ? matchingOptions : matchingOptions[0] || null);
-        }
-    }, [defaultValue, options]);
-    var _isValid = function _isValid() {
-        return !required || !touched || !_.isEmpty(optionSelected);
-    };
-    var optionComponent = isMultiple ? { Option: Option, MultiValue: MultiValue } : { Option: Option, SingleValue: SingleValue };
-    return _jsxs("div", { className: styles['producteca-select-field-container'], "data-testid": "producteca-select-field-container", children: [label && _jsx("label", { htmlFor: name, children: label }), _jsxs("div", { className: clsx(styles[size], styles['producteca-select-field-body'], styles[!_isValid() ? 'producteca-select-field--on-error' : ''], styles[isSearchable && !isMultiple ? 'producteca-select-field--is-searchable' : ''], styles[isClearable ? 'producteca-select-field--is-clearable' : ''], styles[rightModifier ? 'producteca-select-field--with-modifier' : '']), children: [_jsxs("div", { className: styles['body'], children: [isMultiple && _jsx(MultipleTextComponent, { optionSelected: optionSelected }), isSearchable && !isMultiple && _jsx(SearchComponent, {}), _jsx(Select, Object.assign({}, props, { name: name, classNamePrefix: "producteca-select-field", placeholder: placeholder, isDisabled: disabled, isMulti: isMultiple, closeMenuOnSelect: !isMultiple, hideSelectedOptions: hideSelectedOptions && !isMultiple, isClearable: isClearable, isOptionDisabled: isOptionDisabled, isSearchable: isSearchable && !isMultiple, noOptionsMessage: function noOptionsMessage() {
-                        return _noOptionsMessage;
-                    },
-                    //@ts-ignore Because onChange receives a parameter (newValue) that is internal to react-select
-                    onChange: handleChange, onBlur: handleBlur, value: optionSelected, options: options, components: optionComponent, menuPortalTarget: document.body })), _jsx(ClearComponent, { optionSelected: optionSelected, isClearable: isClearable, handleChange: handleChange })] }), !!rightModifier && rightModifier] }), !_isValid() && _jsx(ValidationComponent, {})] });
-};
-export default SelectField;

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

@@ -1,2 +0,0 @@
-import { SwitchInput, SwitchInputGroup } from './switchInput';
-export { SwitchInput, SwitchInput as Switch, SwitchInputGroup, SwitchInputGroup as SwitchGroup };

package/dist/components/inputs/switchInput/switchInput.js

@@ -1,77 +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 './switchInput.module.scss';
-import _ from 'lodash';
-import { useReduxFormField } from '../../../hooks/useReduxFormField';
-export var SwitchInputGroup = function SwitchInputGroup(_a) {
-    var title = _a.title,
-        name = _a.name,
-        items = _a.items,
-        onChange = _a.onChange,
-        _a$size = _a.size,
-        size = _a$size === undefined ? 'sm' : _a$size,
-        input = _a.input,
-        props = __rest(_a, ["title", "name", "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['switch-input-container'], "data-testid": "switch-input-container", children: [title && _jsxs("label", { className: styles['title'], "data-testid": "switch-title", children: [' ', title, ' '] }), _jsx("div", { className: styles['switch-input-items'] + " " + styles[size], "data-testid": "switch-input-items", 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'] : ''), "data-testid": "switch-label-" + inputId, children: [_jsxs("div", { className: styles['switch-wrapper'], children: [_jsx("input", Object.assign({}, props, itemProps, { id: inputId, type: "checkbox", name: itemName || name, checked: input && itemName ? _.get(input.value, itemName) : checked, disabled: disabled, onChange: handleChange, onBlur: handleBlur, className: styles['switch-input'], "data-testid": "switch-input-" + inputId })), _jsx("span", { className: styles['switch-slider'] })] }), _jsxs("span", { className: styles['switch-label'], children: [" ", label, " "] })] }, inputId);
-            }) })] });
-};
-export var SwitchInput = function SwitchInput(_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$size2 = _a.size,
-        size = _a$size2 === undefined ? 'sm' : _a$size2,
-        input = _a.input,
-        props = __rest(_a, ["name", "checked", "onChange", "label", "title", "disabled", "size", "input"]);
-
-    var item = {
-        id: name + "-single",
-        label: label,
-        checked: checked,
-        disabled: disabled
-    };
-    return _jsx(SwitchInputGroup, Object.assign({}, props, { name: name, items: [item], onChange: onChange, title: title, size: size, input: input }));
-};
-export default SwitchInput;

package/dist/components/loaders/index.js

@@ -1,2 +0,0 @@
-export * from './spinner/spinner';
-export * from './progressbar/progressbar';

package/dist/components/loaders/progressbar/progressbar.js

@@ -1,37 +0,0 @@
-import _slicedToArray from 'babel-runtime/helpers/slicedToArray';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LinearProgress } from '@mui/material';
-import styles from './progressbar.module.scss';
-import clsx from 'clsx';
-import { useEffect, useState } from 'react';
-export var Progressbar = function Progressbar(_ref) {
-    var _ref$size = _ref.size,
-        size = _ref$size === undefined ? 'lg' : _ref$size,
-        _ref$progress = _ref.progress,
-        initialProgress = _ref$progress === undefined ? 0 : _ref$progress,
-        _ref$variant = _ref.variant,
-        variant = _ref$variant === undefined ? 'determinate' : _ref$variant;
-
-    var _useState = useState(initialProgress),
-        _useState2 = _slicedToArray(_useState, 2),
-        progress = _useState2[0],
-        setProgress = _useState2[1];
-
-    useEffect(function () {
-        if (variant === 'buffer') {
-            var timer = setInterval(function () {
-                setProgress(function (oldProgress) {
-                    var newProgress = Math.min(100, oldProgress + Math.sqrt(100 - oldProgress) * 0.5);
-                    return Math.round(newProgress);
-                });
-            }, 100);
-            return function () {
-                clearInterval(timer);
-            };
-        } else {
-            setProgress(initialProgress);
-        }
-    }, [variant, initialProgress]);
-    return _jsx(LinearProgress, { variant: variant == 'buffer' ? 'determinate' : variant, value: progress, className: clsx(styles['progressbar'], styles[size]), "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": progress });
-};
-export default Progressbar;

package/dist/components/loaders/spinner/spinner.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CircularProgress } from '@mui/material';
-import styles from './spinner.module.scss';
-export var Spinner = function Spinner(_ref) {
-    var _ref$size = _ref.size,
-        size = _ref$size === undefined ? 'lg' : _ref$size;
-    return _jsx(CircularProgress, { size: _size(size), className: styles.loader });
-};
-var _size = function _size(size) {
-    return {
-        sm: 18,
-        lg: 60
-    }[size];
-};
-export default Spinner;

package/dist/components/menuAction/index.js

@@ -1 +0,0 @@
-export { MenuAction } from './menuAction';