@arquimedes.co/eureka-forms 1.9.79-test → 1.9.81-test

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

@@ -0,0 +1,66 @@
+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 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 icon exists and should be displayed */
+    showIcon?: boolean;
+}
+export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color' | 'onFocus'>, StyleProps {
+    /** Currently selected value */
+    value: any;
+    /** The array of options to display */
+    options?: any[];
+    /** If the input is loading */
+    loading?: boolean;
+    /** function called when value changes */
+    handleUpdate?: (event: React.ChangeEvent<{
+        name?: string | undefined;
+        value: any;
+    }> | string, 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;
+    /** If the options are searchable */
+    searchable?: boolean;
+    /** If can create new option */
+    creatable?: boolean;
+    /** Function to determine the currently selected option */
+    getOptionSelected?: (option: any, value: any) => boolean;
+    /** Function to determine the current value in string format */
+    getValueString?: (value: any) => string;
+    /** Function called on each value change */
+    changeListener?: (value: any) => void;
+    onFocus?: any;
+}
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, searchable, containerMargin, showIcon, inputRef, disabled, creatable, onBlur, name, onFocus, }: RoundedSmartSelectProps): JSX.Element;
+export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -0,0 +1,234 @@
+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, jsxs as _jsxs } 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 { cloneElement } from 'react';
+import { MenuItem, Popper } from '@material-ui/core';
+import RoundedSelect from '../RoundedSelect/RoundedSelect';
+import CircularProgress from '@material-ui/core/CircularProgress';
+var filter = createFilterOptions();
+var useTextfieldStyles = function (props) {
+    return makeStyles(function () {
+        var _a, _b, _c;
+        return ({
+            root: {
+                borderRadius: props.borderRadius,
+                '& input, textarea': {
+                    cursor: props.cantEdit ? '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,
+                    },
+                    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.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,
+                },
+            },
+        });
+    });
+};
+export default function RoundedSmartSelect(_a) {
+    var options = _a.options, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, _c = _a.getValueString, getValueString = _c === void 0 ? function (value) { return value.value; } : _c, _d = _a.color, color = _d === void 0 ? '#293241' : _d, _e = _a.errorColor, errorColor = _e === void 0 ? '#cc2936' : _e, _f = _a.focusColor, focusColor = _f === void 0 ? '#3d5a7f' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.outlineColor, outlineColor = _h === void 0 ? '#b8b8b8' : _h, _j = _a.backgroundColor, backgroundColor = _j === void 0 ? '#ffffff' : _j, _k = _a.cantEdit, cantEdit = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.height, height = _m === void 0 ? '31px' : _m, _o = _a.fontSize, fontSize = _o === void 0 ? '1rem' : _o, required = _a.required, changeListener = _a.changeListener, error = _a.error, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _p = _a.readOnly, readOnly = _p === void 0 ? false : _p, _q = _a.borderRadius, borderRadius = _q === void 0 ? 10 : _q, _r = _a.fontWeight, fontWeight = _r === void 0 ? '400' : _r, icon = _a.icon, _s = _a.searchable, searchable = _s === void 0 ? false : _s, _t = _a.containerMargin, containerMargin = _t === void 0 ? '0px' : _t, _u = _a.showIcon, showIcon = _u === void 0 ? true : _u, inputRef = _a.inputRef, disabled = _a.disabled, _v = _a.creatable, creatable = _v === void 0 ? false : _v, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
+    var props = {
+        color: color,
+        height: height,
+        errorColor: errorColor,
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        helperTextColor: helperTextColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        readOnly: readOnly,
+        fontSize: fontSize,
+        fontWeight: fontWeight,
+        cantEdit: cantEdit,
+        showIcon: showIcon && icon !== undefined,
+    };
+    var textFieldClasses = useTextfieldStyles(props)();
+    if (searchable) {
+        return (_jsx(Autocomplete, { onFocus: onFocus, size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575' } })) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options !== null && options !== void 0 ? options : [], getOptionLabel: function (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.label) !== null && _b !== void 0 ? _b : '';
+                }
+            }, getOptionSelected: getOptionSelected, PopperComponent: function (_a) {
+                var style = _a.style, props = __rest(_a, ["style"]);
+                return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) })));
+            }, value: value ? value : null, onChange: function (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: function (options, params) {
+                if (value && value.label === (params === null || params === void 0 ? void 0 : params.inputValue)) {
+                    return options;
+                }
+                else {
+                    var filtered = filter(options, params);
+                    // Suggest the creation of a new value
+                    if (creatable && params.inputValue !== '') {
+                        filtered.push({
+                            inputValue: params.inputValue,
+                            label: "Crear \"".concat(params.inputValue, "\""),
+                        });
+                    }
+                    return filtered;
+                }
+            }, renderOption: function (option) {
+                return typeof option === 'string' ? option : option.label;
+            }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: error, helperText: helperText }))); }, style: { pointerEvents: 'none' }, noOptionsText: "No hay opciones" }));
+    }
+    else {
+        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, onFocus: onFocus, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
+                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options === null || options === void 0 ? void 0 : options.find(function (option) {
+                    return getValueString(option) == event.target.value;
+                }));
+            }, onOpen: function () {
+                //Show loading icon if loading
+            }, value: 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: helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: error, iconComponent: loading
+                ? function () { return (_jsx("div", __assign({ style: {
+                        marginTop: 3,
+                        marginRight: 8,
+                    } }, { children: _jsx(CircularProgress, { size: 22, style: {
+                            color: '#757575',
+                        } }) }))); }
+                : showIcon && icon
+                    ? function (props) {
+                        return cloneElement(icon, props);
+                    }
+                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] })));
+    }
+}

package/dist/shared/RoundedTextField/RoundedTextField.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { TextFieldProps } from '@material-ui/core/TextField';
+interface StyleProps {
+    /** The color of the text */
+    textColor?: string;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** The backgroundColor of the input */
+    backgroundColor?: string;
+    /** The borderRadius of the input */
+    borderRadius?: number;
+    /** If input is readOnly */
+    readOnly?: boolean;
+    /** The padding of the input */
+    padding?: string;
+    /** The size of the font to display the input in */
+    fontSize?: number | string;
+    /** The weight of the font of the value and the placeholder */
+    fontWeight?: number | string;
+    /** If the input is multiline */
+    multiline?: boolean;
+    /** Cant edit */
+    cantEdit?: boolean;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
+    /** The icon to display */
+    icon?: React.ReactNode;
+    /** The max length of the string */
+    maxLength?: number;
+}
+interface RoundedTextFieldProps extends StyleProps {
+    /** The value of the textfield */
+    value?: any;
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedTextField extends React.Component<RoundedTextFieldProps & TextFieldProps> {
+    render(): JSX.Element;
+}
+export default RoundedTextField;

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -0,0 +1,175 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import TextField from '@material-ui/core/TextField';
+var useTextfieldStyles = function (props) {
+    return makeStyles(function () { return ({
+        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,
+                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 = _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, _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.errorColor, errorColor = _l === void 0 ? '#cc2936' : _l, _m = _a.fontWeight, fontWeight = _m === void 0 ? '300' : _m, _o = _a.multiline, multiline = _o === void 0 ? false : _o, _p = _a.cantEdit, cantEdit = _p === void 0 ? false : _p, maxLength = _a.maxLength, value = _a.value, icon = _a.icon, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "errorColor", "fontWeight", "multiline", "cantEdit", "maxLength", "value", "icon"]);
+    var classes = useTextfieldStyles({
+        padding: padding,
+        textColor: textColor,
+        errorColor: errorColor,
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        helperTextColor: helperTextColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        readOnly: readOnly,
+        fontSize: fontSize,
+        fontWeight: fontWeight,
+        multiline: multiline,
+        cantEdit: cantEdit,
+        maxLength: maxLength,
+    })();
+    var length = maxLength ? value.length : null;
+    var inputProps = {
+        readOnly: readOnly,
+        disabled: cantEdit,
+        endAdornment: icon,
+    };
+    if (maxLength) {
+        inputProps.inputProps = { maxLength: maxLength };
+    }
+    return (_jsxs("div", __assign({ style: { position: 'relative', width: '100%', maxWidth: '100%' } }, { children: [_jsx(TextField, __assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps })), length !== null && (_jsxs("div", __assign({ style: others.helperText
+                    ? {
+                        position: 'absolute',
+                        bottom: '3px',
+                        right: '8px',
+                        fontSize: '12px',
+                        color: helperTextColor,
+                    }
+                    : {
+                        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
+ */
+var RoundedTextField = /** @class */ (function (_super) {
+    __extends(RoundedTextField, _super);
+    function RoundedTextField() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedTextField.prototype.render = function () {
+        return _jsx(CustomTextfield, __assign({}, this.props));
+    };
+    return RoundedTextField;
+}(React.Component));
+export default RoundedTextField;

package/dist/utils/CbrFunctions.d.ts

@@ -0,0 +1,8 @@
+import { Form } from '../@Types';
+export interface Incident {
+    idSpaceStep: string;
+    idElementStep: string;
+    idCommentStep: string;
+    num: number;
+}
+export declare const calcCbrForm: (form: Form, formValues: Record<string, any>) => Form;

package/dist/utils/CbrFunctions.js

@@ -0,0 +1,53 @@
+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);
+};
+import CBRFormStepTypes from '../constants/CBRFormStepTypes';
+export var calcCbrForm = function (form, formValues) {
+    var _a;
+    for (var _i = 0, _b = Object.values(form.steps); _i < _b.length; _i++) {
+        var step = _b[_i];
+        if (step.type === CBRFormStepTypes.CBR_INCIDENCIAS) {
+            var incidentStep = step;
+            var incValue = formValues[(_a = incidentStep.id) !== null && _a !== void 0 ? _a : ''];
+            if (incValue) {
+                for (var _c = 0, incValue_1 = incValue; _c < incValue_1.length; _c++) {
+                    var incident = incValue_1[_c];
+                    handleAddIncident(incident, incidentStep, form.steps, formValues);
+                }
+            }
+        }
+    }
+    return form;
+};
+var handleAddIncident = function (incident, step, steps, formValues) {
+    var _a, _b;
+    var spaceStep = __assign(__assign({}, step.spaceStep), { id: incident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+    steps[incident.idSpaceStep] = spaceStep;
+    var commentStep = __assign(__assign({}, step.commentStep), { id: incident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
+    steps[incident.idCommentStep] = commentStep;
+    addRecursiveElementStep(incident.idElementStep, step.elementStep, null, steps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '', formValues);
+};
+var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep, formValues) {
+    var _a, _b, _c;
+    var idSubStep = (_a = formValues[idStep]) === null || _a === void 0 ? void 0 : _a.subStep;
+    var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
+    var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
+    if (newSubStep) {
+        newStep.subStep = idSubStep;
+    }
+    if (idParent) {
+        (_c = (_b = newStep.dependencies) === null || _b === void 0 ? void 0 : _b.push) === null || _c === void 0 ? void 0 : _c.call(_b, idParent);
+    }
+    steps[idStep] = newStep;
+    if (newSubStep) {
+        addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, idProjectDep, formValues);
+    }
+};

package/package.json

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