@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/dist/cjs/Shared/RoundedSelect/RoundedSelect.stories.js

@@ -1,86 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DifferentColors = exports.ErrorColor = exports.Error = exports.Full = exports.ValueAndLabel = exports.Default = exports.Empty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const preview_api_1 = require("@storybook/preview-api");
-const RoundedSelect_1 = __importDefault(require("./RoundedSelect"));
-const core_1 = require("@material-ui/core");
-const meta = {
-    component: RoundedSelect_1.default,
-    tags: ['autodocs'],
-    args: {
-        focusColor: '#3d5a7f',
-        helperTextColor: '#989898',
-        outlineColor: '#0000003b',
-        backgroundColor: '#ffffff',
-        color: '#293241',
-        readOnly: false,
-        borderRadius: 10,
-        fontSize: '1rem',
-        errorColor: '#cc2936',
-        fontWeight: '300',
-        cantEdit: false,
-    },
-};
-exports.default = meta;
-exports.Empty = {
-    args: {},
-};
-exports.Default = {
-    args: {
-        label: 'Label',
-    },
-};
-exports.ValueAndLabel = {
-    args: {
-        label: 'Label',
-        value: 'option',
-    },
-    render: function Component(args) {
-        const [, setArgs] = (0, preview_api_1.useArgs)();
-        const onValueChange = (value) => {
-            var _a;
-            (_a = args.handleUpdate) === null || _a === void 0 ? void 0 : _a.call(args, value);
-            setArgs({ value });
-        };
-        return ((0, jsx_runtime_1.jsx)(RoundedSelect_1.default, Object.assign({}, args, { handleUpdate: onValueChange }, { children: (0, jsx_runtime_1.jsx)(core_1.MenuItem, Object.assign({ value: 'option', style: { whiteSpace: 'normal' } }, { children: "Option" })) })));
-    },
-};
-exports.Full = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-    },
-};
-exports.Error = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-        error: true,
-    },
-};
-exports.ErrorColor = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-        error: true,
-        errorColor: 'blue',
-    },
-};
-exports.DifferentColors = {
-    args: {
-        label: 'Label',
-        value: 'option',
-        helperText: 'Helper text',
-        helperTextColor: 'green',
-        outlineColor: 'purple',
-        backgroundColor: 'red',
-        color: 'blue',
-    },
-    render: function Component(args) {
-        return ((0, jsx_runtime_1.jsx)(RoundedSelect_1.default, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(core_1.MenuItem, Object.assign({ value: 'option', style: { whiteSpace: 'normal' } }, { children: "Option" })) })));
-    },
-};

package/dist/cjs/Shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -1,245 +0,0 @@
-"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;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Autocomplete_1 = __importStar(require("@material-ui/lab/Autocomplete"));
-const styles_1 = require("@material-ui/core/styles");
-const TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-const react_1 = require("react");
-const core_1 = require("@material-ui/core");
-const RoundedSelect_1 = __importDefault(require("../RoundedSelect/RoundedSelect"));
-const CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-const filter = (0, Autocomplete_1.createFilterOptions)();
-const useTextfieldStyles = (props) => (0, styles_1.makeStyles)(() => {
-    var _a, _b, _c;
-    return ({
-        root: {
-            opacity: props.hidden ? 0.5 : 1,
-            borderRadius: props.borderRadius,
-            '& input, textarea': {
-                cursor: props.cantEdit || props.hidden ? 'default' : 'text',
-                fontWeight: props.fontWeight,
-                color: props.color,
-                fontSize: props.fontSize,
-                '&::placeholder': {
-                    fontSize: props.fontSize,
-                },
-                backgroundColor: props.backgroundColor,
-                borderRadius: props.borderRadius,
-                height: props.height,
-                marginTop: '0px !important',
-                padding: '0px 38px 0px 12px !important',
-            },
-            '& .EF-MuiInputBase-root': {
-                padding: '0px !important',
-                pointerEvents: 'all',
-            },
-            '& label': {
-                marginTop: '-4px',
-                fontSize: props.fontSize,
-                color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
-                    ? props.color + '8a'
-                    : props.color,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                maxWidth: 'calc(100% - 22px)',
-            },
-            '& label.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                maxWidth: 'calc(100% - 5px)',
-            },
-            '& input + fieldset': {
-                borderRadius: props.borderRadius,
-            },
-            '& .EF-MuiInput-underline:after': {
-                borderBottomColor: props.outlineColor,
-            },
-            '& .EF-MuiOutlinedInput-root': {
-                borderRadius: props.borderRadius,
-                '&.Mui-focused fieldset': {
-                    borderColor: props.focusColor,
-                    borderWidth: props.readOnly ? 1 : 2,
-                },
-                '& .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.outlineColor,
-                    pointerEvents: 'all',
-                },
-                height: props.height,
-                '& .EF-MuiAutocomplete-input': {
-                    height: props.height,
-                    marginTop: -10,
-                },
-                '& .EF-MuiAutocomplete-input::placeholder': {
-                    color: '#787878',
-                    opacity: 1,
-                },
-            },
-            '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.cantEdit || props.hidden
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& label.Mui-focused': {
-                color: props.focusColor,
-            },
-            '& .Mui-error': {
-                color: props.errorColor + ' !important',
-            },
-            '& .EF-MuiFormHelperText-root': {
-                color: props.helperTextColor,
-            },
-            '& .EF-MuiFormHelperText-root.Mui-error': {
-                color: props.errorColor + ' !important',
-            },
-            '& .EF-MuiFormLabel-root.Mui-disabled': {
-                color: '#0000008a',
-            },
-            '& .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: '#0000003b',
-            },
-            '& .EF-MuiAutocomplete-popupIndicator': {
-                padding: 0,
-                color: ((_b = props.color) === null || _b === void 0 ? void 0 : _b.startsWith('#'))
-                    ? props.color + '8a'
-                    : props.color,
-            },
-            '& .EF-MuiAutocomplete-popupIndicatorOpen': {
-                transform: props.showIcon ? 'none' : 'rotate(180deg)',
-            },
-            '& .EF-MuiAutocomplete-clearIndicator': {
-                display: 'none',
-            },
-            '& .EF-MuiAutocomplete-endAdornment': {
-                top: 'calc(50% - 13px)',
-                color: ((_c = props.color) === null || _c === void 0 ? void 0 : _c.startsWith('#'))
-                    ? props.color + '8a'
-                    : props.color,
-            },
-        },
-    });
-});
-function RoundedSmartSelect({ options, value = '', handleUpdate, label, getValueString = (value) => value.value, color = '#293241', errorColor = '#cc2936', focusColor = '#3d5a7f', helperTextColor = '#989898', outlineColor = '#b8b8b8', backgroundColor = '#ffffff', cantEdit = false, loading = false, height = '31px', fontSize = '1rem', required, changeListener, error, getOptionSelected, helperText, readOnly = false, borderRadius = 10, fontWeight = '400', icon, searchable = false, containerMargin = '0px', showIcon = true, inputRef, disabled, hidden = false, creatable = false, onBlur, name, onFocus, }) {
-    var _a;
-    const props = {
-        color,
-        height,
-        errorColor,
-        focusColor,
-        outlineColor,
-        helperTextColor,
-        backgroundColor,
-        borderRadius,
-        readOnly,
-        fontSize,
-        fontWeight,
-        hidden,
-        cantEdit,
-        showIcon: showIcon && icon !== undefined,
-    };
-    const textFieldClasses = useTextfieldStyles(props)();
-    if (searchable) {
-        return ((0, jsx_runtime_1.jsx)(Autocomplete_1.default, { onFocus: onFocus, "data-testid": "smart-select", size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? ((0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 22, style: { color: '#757575', marginTop: 1 } })) : showIcon && icon ? (icon) : undefined, onOpen: () => { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options !== null && options !== void 0 ? options : [], getOptionLabel: (option) => {
-                var _a, _b;
-                // Value selected with enter, right from the input
-                if (typeof option === 'string') {
-                    return option;
-                }
-                else if (option === null || option === void 0 ? void 0 : option.inputValue) {
-                    return (_a = option.inputValue) !== null && _a !== void 0 ? _a : '';
-                }
-                else {
-                    // Regular option
-                    return (_b = option === null || option === void 0 ? void 0 : option.label) !== null && _b !== void 0 ? _b : '';
-                }
-            }, getOptionSelected: getOptionSelected, PopperComponent: (_a) => {
-                var { style } = _a, props = __rest(_a, ["style"]);
-                return ((0, jsx_runtime_1.jsx)(core_1.Popper, Object.assign({}, props, { style: Object.assign(Object.assign({}, style), { zIndex: 1305 }) })));
-            }, value: !loading && value ? value : null, onChange: (event, newValue) => {
-                if (creatable) {
-                    if (typeof newValue === 'string') {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
-                    }
-                    else if (newValue && newValue.inputValue) {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue.inputValue);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue.inputValue); // Create a new value from the user input
-                    }
-                    else {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue === null || newValue === void 0 ? void 0 : newValue.label);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue === null || newValue === void 0 ? void 0 : newValue.label);
-                    }
-                }
-                else {
-                    changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue);
-                    handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
-                }
-            }, filterOptions: (options, params) => {
-                if (value && value.label === (params === null || params === void 0 ? void 0 : params.inputValue)) {
-                    return options;
-                }
-                else {
-                    const filtered = filter(options, params);
-                    // Suggest the creation of a new value
-                    if (creatable && params.inputValue !== '') {
-                        filtered.push({
-                            inputValue: params.inputValue,
-                            label: `Crear "${params.inputValue}"`,
-                        });
-                    }
-                    return filtered;
-                }
-            }, renderOption: (option) => typeof option === 'string' ? option : option.label, renderInput: (params) => ((0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: !hidden && error, helperText: hidden ? undefined : helperText }))), noOptionsText: "No hay opciones" }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsxs)(RoundedSelect_1.default, Object.assign({ onBlur: onBlur, onFocus: onFocus, "data-testid": "smart-select", inputRef: inputRef, name: name, fullWidth: true, handleUpdate: (event) => {
-                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options === null || options === void 0 ? void 0 : options.find((option) => getValueString(option) === event.target.value));
-            }, value: loading ? '' : getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, backgroundColor: backgroundColor, outlineColor: outlineColor, cantEdit: cantEdit, disabled: cantEdit || disabled, label: label, required: required, readOnly: readOnly, helperText: hidden ? undefined : helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: !hidden && error, iconComponent: loading
-                ? () => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        marginTop: 3,
-                        marginRight: 8,
-                    } }, { children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 22, style: {
-                            color: '#757575',
-                        } }) })))
-                : showIcon && icon
-                    ? (props) => (0, react_1.cloneElement)(icon, props)
-                    : undefined, showIcon: showIcon }, { children: [(0, jsx_runtime_1.jsx)(core_1.MenuItem, Object.assign({ value: '', "data-testid": 'smart-select-empty', style: { whiteSpace: 'normal' } }, { children: (0, jsx_runtime_1.jsx)("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map((option) => ((0, jsx_runtime_1.jsx)(core_1.MenuItem, Object.assign({ value: getValueString(option), style: { whiteSpace: 'normal' }, "data-testid": 'smart-select-' + getValueString(option) }, { children: option.label }), getValueString(option)))), options === undefined && value && !loading && ((0, jsx_runtime_1.jsx)(core_1.MenuItem, Object.assign({ value: getValueString(value), style: { whiteSpace: 'normal' } }, { children: (_a = value.label) !== null && _a !== void 0 ? _a : '' }), getValueString(value)))] })));
-    }
-}
-exports.default = RoundedSmartSelect;

package/dist/cjs/Shared/RoundedSmartSelect/RoundedSmartSelect.stories.js

@@ -1,198 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DifferentColors = exports.ErrorColor = exports.Error = exports.Full = exports.WithValueandLabel = exports.SearchableLoadingOpened = exports.LoadingOpened = exports.Loading = exports.SearchableWithSearchAndOptions = exports.SearchableWithOptions = exports.FocusedSearchable = exports.Focused = exports.Default = exports.Empty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const preview_api_1 = require("@storybook/preview-api");
-const RoundedSmartSelect_1 = __importDefault(require("./RoundedSmartSelect"));
-const testing_library_1 = require("@storybook/testing-library");
-const meta = {
-    component: RoundedSmartSelect_1.default,
-    tags: ['autodocs'],
-    args: {
-        searchable: false,
-        focusColor: '#3d5a7f',
-        helperTextColor: '#989898',
-        outlineColor: '#0000003b',
-        backgroundColor: '#ffffff',
-        color: '#293241',
-        readOnly: false,
-        borderRadius: 10,
-        fontSize: '1rem',
-        errorColor: '#cc2936',
-        fontWeight: '300',
-        cantEdit: false,
-    },
-};
-exports.default = meta;
-exports.Empty = {
-    args: {
-        label: 'Label',
-    },
-};
-exports.Default = {
-    args: {
-        label: 'Label',
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-        const option = testing_library_1.screen.getByTestId('smart-select-option');
-        yield testing_library_1.userEvent.click(option);
-    }),
-    render: function Component(args) {
-        const [, setArgs] = (0, preview_api_1.useArgs)();
-        const onValueChange = (value) => {
-            var _a;
-            (_a = args.handleUpdate) === null || _a === void 0 ? void 0 : _a.call(args, value);
-            setArgs({ value });
-        };
-        return ((0, jsx_runtime_1.jsx)(RoundedSmartSelect_1.default, Object.assign({}, args, { ref: undefined, handleUpdate: onValueChange })));
-    },
-};
-exports.Focused = {
-    args: {
-        label: 'Label',
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-        const option = testing_library_1.screen.getByTestId('smart-select-empty');
-        yield testing_library_1.userEvent.click(option);
-    }),
-};
-exports.FocusedSearchable = {
-    args: {
-        label: 'Label',
-        searchable: true,
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-    }),
-};
-exports.SearchableWithOptions = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-    }),
-};
-exports.SearchableWithSearchAndOptions = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        value: 'Opt',
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-    }),
-};
-exports.Loading = {
-    args: {
-        label: 'Label',
-        loading: true,
-    },
-};
-exports.LoadingOpened = {
-    args: {
-        label: 'Label',
-        loading: true,
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-    }),
-};
-exports.SearchableLoadingOpened = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        loading: true,
-    },
-    play: ({ canvasElement }) => __awaiter(void 0, void 0, void 0, function* () {
-        const canvas = (0, testing_library_1.within)(canvasElement);
-        const selector = canvas.getByTestId('smart-select');
-        yield testing_library_1.userEvent.click(selector);
-    }),
-};
-exports.WithValueandLabel = {
-    args: {
-        label: 'Label',
-        value: 'Textinput Value',
-    },
-};
-exports.Full = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-    },
-};
-exports.Error = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        error: true,
-    },
-};
-exports.ErrorColor = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        error: true,
-        errorColor: 'blue',
-    },
-};
-exports.DifferentColors = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-        helperTextColor: 'green',
-        outlineColor: 'purple',
-        backgroundColor: 'red',
-        color: 'blue',
-    },
-};

package/dist/cjs/Shared/RoundedTextField/RoundedTextField.js

@@ -1,147 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-const useTextfieldStyles = (props) => (0, styles_1.makeStyles)(() => ({
-    root: {
-        borderRadius: props.borderRadius,
-        '& input, textarea': {
-            cursor: props.cantEdit ? 'default' : 'text',
-            padding: props.multiline ? props.padding : props.padding,
-            fontWeight: props.fontWeight,
-            color: props.textColor,
-            fontSize: props.fontSize,
-            '&::placeholder': {
-                fontSize: props.fontSize,
-            },
-            backgroundColor: props.backgroundColor,
-            borderRadius: props.borderRadius,
-        },
-        '& label': {
-            marginTop: props.multiline ? '0px' : '-4px',
-            fontSize: props.fontSize,
-            color: props.textColor + '8a',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            maxWidth: 'calc(100% - 22px)',
-        },
-        '& label.EF-MuiInputLabel-shrink': {
-            marginTop: '0px',
-            maxWidth: 'calc(100% - 5px)',
-        },
-        '& input + fieldset': {
-            borderRadius: props.borderRadius,
-        },
-        '& .EF-MuiInput-underline:after': {
-            borderBottomColor: props.outlineColor,
-        },
-        '& .EF-MuiOutlinedInput-root': {
-            borderRadius: props.borderRadius,
-            '&.Mui-focused fieldset': {
-                borderColor: props.focusColor,
-                borderWidth: props.readOnly ? 1 : 2,
-            },
-            '& .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.outlineColor,
-                '& legend': {
-                    fontSize: 'calc(' + props.fontSize + ' * 0.75)',
-                },
-            },
-        },
-        '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-            borderColor: props.cantEdit
-                ? props.outlineColor
-                : props.focusColor,
-        },
-        '& label.Mui-focused': {
-            color: props.focusColor,
-        },
-        '& .Mui-error': {
-            color: props.errorColor,
-        },
-        '& .EF-MuiOutlinedInput-adornedEnd': {
-            paddingRight: '7px',
-        },
-        '& .EF-MuiFormHelperText-root': {
-            color: props.helperTextColor,
-            position: 'relative',
-            marginRight: props.maxLength ? 40 : 14,
-        },
-        '& .EF-MuiFormHelperText-root.Mui-error': {
-            color: props.errorColor,
-        },
-        '& .EF-MuiOutlinedInput-multiline': {
-            padding: 0,
-            backgroundColor: props.backgroundColor,
-        },
-    },
-}));
-function CustomTextfield(_a) {
-    var _b;
-    var { focusColor = '#3d5a7f', helperTextColor = '#989898', outlineColor = '#0000003b', backgroundColor = 'white', textColor = '#293241', readOnly = false, borderRadius = 10, padding = '6px 12px', fontSize = '1rem', errorColor = '#cc2936', fontWeight = '300', multiline = false, cantEdit = false, maxLength, value, icon } = _a, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "maxLength", "value", "icon"]);
-    const classes = useTextfieldStyles({
-        padding,
-        textColor,
-        errorColor,
-        focusColor,
-        outlineColor,
-        helperTextColor,
-        backgroundColor,
-        borderRadius,
-        readOnly,
-        fontSize,
-        fontWeight,
-        multiline,
-        cantEdit,
-        maxLength,
-    })();
-    const length = maxLength ? (_b = value === null || value === void 0 ? void 0 : value.length) !== null && _b !== void 0 ? _b : null : null;
-    const inputProps = {
-        readOnly,
-        disabled: cantEdit,
-        endAdornment: icon,
-    };
-    if (maxLength) {
-        inputProps.inputProps = { maxLength };
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { position: 'relative', width: '100%', maxWidth: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps, helperText: others.helperText ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [others.helperText, length !== null && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ style: {
-                                position: 'absolute',
-                                top: '1px',
-                                right: '-32px',
-                                fontSize: '12px',
-                                color: helperTextColor,
-                            } }, { children: [length, "/", maxLength] })))] })) : undefined })), length !== null && !others.helperText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
-                    fontSize: '12px',
-                    color: helperTextColor,
-                    textAlign: 'right',
-                    paddingRight: '8px',
-                    paddingTop: '2px',
-                    paddingBottom: '2px',
-                } }, { children: [length, "/", maxLength] })))] })));
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-class RoundedTextField extends react_1.default.Component {
-    render() {
-        return (0, jsx_runtime_1.jsx)(CustomTextfield, Object.assign({}, this.props));
-    }
-}
-exports.default = RoundedTextField;