@arquimedes.co/eureka-forms 1.4.0-test → 1.4.2-test

package/dist/@Types/Form.d.ts

@@ -34,7 +34,7 @@ interface TermLink {
     type: 'LINK';
     url: string;
 }
-interface Classifier {
+export interface Classifier {
     _id: string;
     name: string;
 }

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -21,7 +21,7 @@ function CheckBoxStep(_a) {
                 ? '100%'
                 : calcStepWidth(step.size, form),
             minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }), void 0), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
+        } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }), void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
                             required: step.required
                                 ? 'Este campo es obligatorio'
                                 : undefined,

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -63,7 +63,10 @@ function ClassifierSelector(_a) {
                         return ((_a = step.options[classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !==
                             ClassifierOptionTypes.HIDE;
                     })
-                        .map(function (classifier) { return (_jsx(MenuItem, __assign({ value: classifier._id, style: { whiteSpace: 'normal' } }, { children: classifier.name }), classifier._id)); })] }), void 0) }), void 0));
+                        .map(function (classifier) {
+                        var _a;
+                        return typeof classifier === 'string' ? (_jsx(MenuItem, __assign({ value: classifier, style: { whiteSpace: 'normal' } }, { children: (_a = form.classifiers[classifier]) === null || _a === void 0 ? void 0 : _a.name }), classifier)) : (_jsx(MenuItem, __assign({ value: classifier._id, style: { whiteSpace: 'normal' } }, { children: classifier.name }), classifier._id));
+                    })] }), void 0) }), step.id));
     };
     var mapNestedOption = function () {
         if (value) {
@@ -85,7 +88,7 @@ function ClassifierSelector(_a) {
                     : 'fit-content',
             } }, { children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
                         width: fillerSize,
-                    } }, void 0))] }), void 0));
+                    } }, "SEPARATOR"))] }), void 0));
     }
     else {
         return (_jsxs(React.Fragment, { children: [renderSelect(), mapNestedOption(), level === 0 && _jsx("div", { className: styles.separator }, void 0)] }, void 0));

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -13,6 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './MaterialTitleStep.module.css';
 function TitleStep(_a) {
     var step = _a.step, formStyle = _a.formStyle;
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.title }), void 0), step.description && (_jsx("p", __assign({ className: styles.descriptionPar }, { children: step.description }), void 0))] }), void 0));
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.title }), void 0), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
+                    marginTop: step.title ? '15px' : '0px',
+                } }, { children: step.description }), void 0))] }), void 0));
 }
 export default TitleStep;

package/dist/shared/RoundedCheckBox/RoundedCheckBox.d.ts

@@ -12,7 +12,7 @@ interface StyleProps {
     cantEdit?: boolean;
 }
 interface ComponentProps extends StyleProps {
-    onChange: Function;
+    onChange?: Function;
     checked: boolean;
 }
 /**

package/dist/shared/RoundedCheckBox/RoundedCheckBox.js

@@ -71,7 +71,7 @@ var useCheckBoxStyles = function (props) {
  * Generic rounded checkbox
  */
 function CustomCheckBox(_a) {
-    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.uncheckedColor, uncheckedColor = _e === void 0 ? '#787878' : _e, _f = _a.checkedColor, checkedColor = _f === void 0 ? '#3d5a7f' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "uncheckedColor", "checkedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
+    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
     var classes = useCheckBoxStyles({
         size: size,
         error: error,

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -101,8 +101,8 @@ var useDatePickerLabelStyles = function (props) {
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             maxWidth: 'calc(100% - 50px)',
-            textOverflow: 'ellipsis',
             marginTop: '-4px',
+            textOverflow: 'ellipsis',
             fontSize: props.fontSize,
             '&.Mui-focused': {
                 color: props.focusColor,

package/dist/shared/RoundedSelect/RoundedSelect.d.ts

@@ -15,6 +15,8 @@ interface ColorProps {
     height?: string;
     /** The color of the text in the form */
     color?: string;
+    /** If custom iconComponent exists */
+    showIcon?: boolean;
 }
 interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     /** children to display in the options */
@@ -22,7 +24,7 @@ interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     /** Currently selected value */
     value: any;
     /** function called when value changes */
-    handleUpdate: (event: React.ChangeEvent<{
+    handleUpdate?: (event: React.ChangeEvent<{
         name?: string | undefined;
         value: any;
     }>, child?: React.ReactNode) => void;
@@ -38,6 +40,8 @@ interface RoundedSelectProps extends Omit<SelectProps, 'color'>, ColorProps {
     helperText?: string;
     /** the margin around the selector */
     containerMargin?: string;
+    /** The icon to display */
+    iconComponent?: any;
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -85,6 +85,9 @@ var useOutlinedInputStyles = function (props) {
             '& .EF-MuiSelect-icon.Mui-disabled': {
                 color: props.outlineColor,
             },
+            '& .EF-MuiSelect-iconOpen': {
+                transform: props.showIcon ? 'none' : 'rotate(180deg)',
+            },
             borderRadius: 10,
             color: props.color,
         },
@@ -127,7 +130,7 @@ var useHelperTextStyles = function (props) {
     }); });
 };
 function CustomSelect(_a) {
-    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.cantEdit, cantEdit = _g === void 0 ? false : _g, _h = _a.containerMargin, containerMargin = _h === void 0 ? '8px' : _h, _j = _a.height, height = _j === void 0 ? '40px' : _j, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "cantEdit", "containerMargin", "height", "required", "error"]);
+    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.cantEdit, cantEdit = _g === void 0 ? false : _g, _h = _a.showIcon, showIcon = _h === void 0 ? true : _h, _j = _a.containerMargin, containerMargin = _j === void 0 ? '8px' : _j, _k = _a.height, height = _k === void 0 ? '40px' : _k, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "cantEdit", "showIcon", "containerMargin", "height", "required", "iconComponent", "error"]);
     var classes = useStyles();
     var outlinedInputClasses = useOutlinedInputStyles({
         helperTextColor: helperTextColor,
@@ -137,6 +140,7 @@ function CustomSelect(_a) {
         cantEdit: cantEdit,
         height: height,
         color: color,
+        showIcon: showIcon && iconComponent !== undefined,
     })();
     var labelClasses = useLabelInputStyles({
         helperTextColor: helperTextColor,
@@ -160,7 +164,9 @@ function CustomSelect(_a) {
             ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
             : {
                 margin: containerMargin,
-            }, fullWidth: true, required: required, error: error }, { children: [_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label + (required ? ' *' : ''), classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
+            }, fullWidth: true, required: required, error: error }, { children: [_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate }, (showIcon && iconComponent
+                ? { IconComponent: iconComponent }
+                : {}), { input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label + (required ? ' *' : ''), classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { TextFieldProps } from '@material-ui/core';
+interface StyleProps {
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** The color of the background  */
+    backgroundColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** If the style should change on hover */
+    cantEdit?: boolean;
+    /** The hight of the container */
+    height?: string;
+    /** The color of the text in the form */
+    color?: string;
+    /** The fontsize of the content */
+    fontSize?: string;
+    /** The color of the inner input */
+    innerBackgroundColor?: string;
+    /** The borderRadius of the input */
+    borderRadius?: number;
+    /** If input is readOnly */
+    readOnly?: boolean;
+    /** The weight of the font of the value and the placeholder */
+    fontWeight?: number | string;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
+    /** If custom iconComponent exists */
+    showIcon?: boolean;
+}
+export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>, StyleProps {
+    /** Currently selected value */
+    value: any;
+    /** The array of options to display */
+    options?: any[];
+    /** If the input is loading */
+    loading?: boolean;
+    /** Function to call to fetch data if none is found */
+    fetchData?: () => Promise<void>;
+    /** function called when value changes */
+    handleUpdate?: (event: React.ChangeEvent<{
+        name?: string | undefined;
+        value: any;
+    }>, child?: React.ReactNode) => void;
+    /** Strig to place in the label */
+    label: string;
+    /** Minimum width in px of the component */
+    minWidth?: number;
+    /** The helper Text to display */
+    helperText?: string;
+    /** The margin around the selector */
+    containerMargin?: string;
+    /** The icon to display */
+    icon?: React.ReactNode;
+    /** The iconComponent to display in the selector */
+    iconComponent?: any;
+    /** If the options are searchable */
+    searchable?: boolean;
+}
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, fetchData, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, }: RoundedSmartSelectProps): JSX.Element;
+export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -0,0 +1,182 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 Autocomplete, { createFilterOptions, } from '@material-ui/lab/Autocomplete';
+import { makeStyles } from '@material-ui/core/styles';
+import TextField from '@material-ui/core/TextField';
+import { Popper } from '@material-ui/core';
+import RoundedSelect from '../RoundedSelect/RoundedSelect';
+var filter = createFilterOptions();
+var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        '& > * + *': {
+            marginTop: theme.spacing(3),
+        },
+    },
+}); });
+var useTextfieldStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            borderRadius: props.borderRadius,
+            backgroundColor: props.backgroundColor,
+            '& input, textarea': {
+                cursor: props.cantEdit ? 'default' : 'text',
+                padding: '6px 12px',
+                fontWeight: props.fontWeight,
+                color: props.color,
+                fontSize: props.fontSize,
+                '&::placeholder': {
+                    fontSize: props.fontSize,
+                },
+                backgroundColor: props.innerBackgroundColor,
+                borderRadius: props.borderRadius,
+                height: props.height,
+            },
+            '& label': {
+                marginTop: '-4px',
+                fontSize: props.fontSize,
+                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,
+                },
+                height: props.height,
+                '& .EF-MuiAutocomplete-input': {
+                    height: props.height,
+                    marginTop: -10,
+                },
+                '& .EF-MuiAutocomplete-input::placeholder': {
+                    color: 'var(--greyFont)',
+                    opacity: 1,
+                },
+            },
+            '& .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-MuiFormHelperText-root': {
+                color: props.helperTextColor,
+            },
+            '& .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: '#0000003b',
+            },
+            '.EF-MuiAutocomplete-popupIndicator': {
+                padding: 0,
+            },
+            '& .EF-MuiAutocomplete-popupIndicatorOpen': {
+                transform: props.showIcon ? 'none' : 'rotate(180deg)',
+            },
+        },
+    }); });
+};
+export default function RoundedSmartSelect(_a) {
+    var _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, fetchData = _a.fetchData, _c = _a.color, color = _c === void 0 ? '#293241' : _c, _d = _a.errorColor, errorColor = _d === void 0 ? '#cc2936' : _d, _e = _a.focusColor, focusColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.helperTextColor, helperTextColor = _f === void 0 ? '#989898' : _f, _g = _a.outlineColor, outlineColor = _g === void 0 ? '#b8b8b8' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, _k = _a.loading, loading = _k === void 0 ? false : _k, _l = _a.height, height = _l === void 0 ? '31px' : _l, _m = _a.fontSize, fontSize = _m === void 0 ? '1rem' : _m, required = _a.required, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, helperText = _a.helperText, _o = _a.readOnly, readOnly = _o === void 0 ? false : _o, _p = _a.borderRadius, borderRadius = _p === void 0 ? 10 : _p, _q = _a.fontWeight, fontWeight = _q === void 0 ? '400' : _q, icon = _a.icon, iconComponent = _a.iconComponent, _r = _a.searchable, searchable = _r === void 0 ? false : _r, _s = _a.containerMargin, containerMargin = _s === void 0 ? '0px' : _s, _t = _a.showIcon, showIcon = _t === void 0 ? true : _t;
+    var props = {
+        color: color,
+        height: height,
+        errorColor: errorColor,
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        helperTextColor: helperTextColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        readOnly: readOnly,
+        fontSize: fontSize,
+        fontWeight: fontWeight,
+        cantEdit: cantEdit,
+        showIcon: showIcon && icon !== undefined,
+    };
+    // const fetchAreas = async (): Promise<void> => {
+    //     const response = await axiosInstance.get('agents/areas');
+    //     setLoading(false);
+    //     setOptions(response.data.map((option: string) => ({ label: option })));
+    // };
+    var classes = useStyles();
+    var textFieldClasses = useTextfieldStyles(props)();
+    if (searchable) {
+        return (_jsx("div", __assign({ className: classes.root }, { children: _jsx(Autocomplete, { size: "small", fullWidth: true, popupIcon: showIcon && icon ? icon : undefined, onOpen: function () {
+                    if (options.length === 0 && fetchData) {
+                        fetchData();
+                    }
+                }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
+                    // Value selected with enter, right from the input
+                    if (typeof option === 'string') {
+                        return option;
+                    }
+                    else if (option.inputValue) {
+                        return option.inputValue;
+                    }
+                    else {
+                        // Regular option
+                        return option.label;
+                    }
+                }, PopperComponent: function (_a) {
+                    var style = _a.style, props = __rest(_a, ["style"]);
+                    return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) }), void 0));
+                }, value: value !== null && value !== void 0 ? value : '', onChange: function (event, newValue) {
+                    if (typeof newValue === 'string') {
+                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
+                    }
+                    else {
+                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue === null || newValue === void 0 ? void 0 : newValue.label);
+                    }
+                }, filterOptions: function (options, params) {
+                    var filtered = filter(options, params);
+                    return filtered;
+                }, renderOption: function (option) { return option.label; }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { variant: "outlined", label: label, required: required, error: error, helperText: helperText }), void 0)); }, noOptionsText: "No hay opciones" }, void 0) }), void 0));
+    }
+    else {
+        return (_jsx(RoundedSelect, { fullWidth: true, handleUpdate: handleUpdate, onOpen: function () {
+                if (options.length === 0 && fetchData) {
+                    fetchData();
+                }
+            }, value: value, color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, outlineColor: outlineColor, cantEdit: cantEdit, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, error: error, iconComponent: iconComponent, showIcon: showIcon }, void 0));
+    }
+}

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -102,7 +102,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 function CustomTextfield(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.helperTextColor, helperTextColor = _c === void 0 ? '#989898' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'white' : _e, innerBackgroundColor = _a.innerBackgroundColor, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.shrunkenFontSize, shrunkenFontSize = _l === void 0 ? '1rem' : _l, _m = _a.errorColor, errorColor = _m === void 0 ? '#cc2936' : _m, _o = _a.fontWeight, fontWeight = _o === void 0 ? '300' : _o, _p = _a.multiline, multiline = _p === void 0 ? false : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit"]);
+    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.helperTextColor, helperTextColor = _c === void 0 ? '#989898' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'white' : _e, innerBackgroundColor = _a.innerBackgroundColor, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.shrunkenFontSize, shrunkenFontSize = _l === void 0 ? '1rem' : _l, _m = _a.errorColor, errorColor = _m === void 0 ? '#cc2936' : _m, _o = _a.fontWeight, fontWeight = _o === void 0 ? '300' : _o, _p = _a.multiline, multiline = _p === void 0 ? false : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, inputProps = _a.inputProps, value = _a.value, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "inputProps", "value"]);
     var classes = useTextfieldStyles({
         padding: padding,
         textColor: textColor,
@@ -120,9 +120,10 @@ function CustomTextfield(_a) {
         multiline: multiline,
         cantEdit: cantEdit,
     })();
-    return (_jsx(TextField, __assign({ classes: classes }, others, { multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: {
+    return (_jsx(TextField, __assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: {
             readOnly: readOnly,
             disabled: cantEdit,
+            inputProps: inputProps,
         } }), void 0));
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.4.0-test",
+    "version":"1.4.2-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",