@arquimedes.co/eureka-forms 1.8.6-test → 1.9.0-test

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -194,6 +194,13 @@ var mapOriginalValues = function (originalValues, form) {
                     }
                     break;
                 }
+                case Types.SELECTOR:
+                case Types.CLASSIFIER_SELECTOR: {
+                    var value = originalValues[step.id];
+                    if (!(value === null || value === void 0 ? void 0 : value.value))
+                        newValues[step.id] = { value: value };
+                    break;
+                }
                 default:
                     break;
             }
@@ -235,6 +242,12 @@ var updateValue = function (idStep, values, form, customSteps) {
                 }); });
                 break;
             }
+            case Types.SELECTOR:
+            case Types.CLASSIFIER_SELECTOR: {
+                var value = values[step.id];
+                values[step.id] = value.value;
+                break;
+            }
             default:
                 if ((step === null || step === void 0 ? void 0 : step.type) === 'CBR_INCIDENCIAS') {
                     values[step.id] = (_a = values[step.id]) === null || _a === void 0 ? void 0 : _a.filter(function (inmueble) { return inmueble.deleted !== true; });

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.js

@@ -57,7 +57,7 @@ function CBRLocativasStep(props) {
                 marginTop: 2,
             } }, void 0), getOptions: getLocativasOptions, getOptionSelected: function (option, value) {
             return option.id === value.id;
-        }, calcDepError: calcDepError, calcInvalidDeps: calcInvalidDependencies, valueOverwrite: function (value) {
+        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, calcDepError: calcDepError, calcInvalidDeps: calcInvalidDependencies, valueOverwrite: function (value) {
             if (value) {
                 return __assign(__assign({}, value), { subStep: props.step.subStep });
             }
@@ -84,7 +84,7 @@ function LocativasSubStepRenderer(_a) {
                 marginTop: 2,
             } }, void 0), calcInvalidDeps: calcInvalidDependencies, getOptions: getLocativasOptions, calcDepError: calcDepError, getOptionSelected: function (option, value) {
             return option.id === value.id;
-        }, iconComponent: LeakIconComponent }, { children: _jsx(LocativasSubStepRenderer, {}, void 0) }), void 0));
+        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, iconComponent: LeakIconComponent }, { children: _jsx(LocativasSubStepRenderer, {}, void 0) }), void 0));
 }
 function LeakIconComponent(props) {
     return (_jsx(Leak, { className: props.className, fill: "#757575", style: {

package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -89,7 +89,7 @@ function CBRPropertyStepComponent(props) {
                 width: 23,
             } }, void 0), getOptionSelected: function (option, value) {
             return option.id === value.id;
-        }, getValueWarning: props.step.validation
+        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
             ? function (value) {
                 if (value &&
                     value.entrega !== undefined &&

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -156,7 +156,7 @@ function CBRStepMapper(props) {
         case CBRFormStepTypes.CBR_TIPO_DOC:
             return (_jsx(SmartSelectStep, __assign({}, props, { step: __assign(__assign({}, props.step), { showIcon: false }), getOptions: getTipoDocOptions, getOptionSelected: function (option, value) {
                     return option.id === value.id;
-                } }), void 0));
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }), void 0));
         case CBRFormStepTypes.CBR_PROYECTO:
             return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
                         display: 'flex',
@@ -164,7 +164,7 @@ function CBRStepMapper(props) {
                         width: 24,
                     } }, void 0), iconComponent: ProjectIconComponent, getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
                     return option.id === value.id;
-                } }), void 0));
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }), void 0));
         case CBRFormStepTypes.CBR_INMUEBLE:
             return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }), void 0);
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
@@ -174,7 +174,7 @@ function CBRStepMapper(props) {
                         width: 23,
                     } }, void 0), iconComponent: PersonRoundedIcon, getOptions: getTipoSolicitanteOptions, getOptionSelected: function (option, value) {
                     return option.id === value.id;
-                } }), void 0));
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }), void 0));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
             return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
                         display: 'flex',
@@ -190,7 +190,7 @@ function CBRStepMapper(props) {
                     return undefined;
                 }, getOptionSelected: function (option, value) {
                     return option.id === value.id;
-                } }), void 0));
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }), void 0));
         case CBRFormStepTypes.CBR_LOCATIVAS:
             return _jsx(CBRLocativasStep, __assign({}, props, { step: props.step }), void 0);
         case CBRFormStepTypes.CBR_COMENTARIO:

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

@@ -81,7 +81,7 @@ function ClassifierSelector(_a) {
     };
     var mapNestedOption = function () {
         if (value) {
-            var currentOption = step.options[step.searchable ? value.value : value];
+            var currentOption = step.options[value.value];
             if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
                 return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep, index) {
                         var subStep = form.steps[idStep];

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js

@@ -60,7 +60,7 @@ function Selector(_a) {
         var currentOption = null;
         for (var i = 0; i < step.options.length; i++) {
             var option = step.options[i];
-            if (option.value === (step.searchable ? value.value : value)) {
+            if (option.value === value.value) {
                 currentOptionIndex = i;
                 currentOption = option;
             }

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -66,7 +66,7 @@ import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
         var _a;
         var missingDeps = [];
         for (var _i = 0, _b = (_a = step.dependencies) !== null && _a !== void 0 ? _a : []; _i < _b.length; _i++) {
@@ -76,7 +76,7 @@ function SmartSelect(_a) {
             }
         }
         return missingDeps;
-    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
+    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "getValueString", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
     var _g = useState(true), first = _g[0], setFirst = _g[1];
     var _h = useState(), options = _h[0], setOptions = _h[1];
     var _j = useState(), error = _j[0], setError = _j[1];
@@ -120,8 +120,11 @@ function SmartSelect(_a) {
                 calcOptions(value, invalids);
             }
             else {
-                if (value)
+                if (value) {
+                    setLoading(true);
+                    setOptions([]);
                     onChange(null);
+                }
                 calcOptions(null);
             }
         }
@@ -166,7 +169,7 @@ function SmartSelect(_a) {
                             ? onChange(valueOverwrite(value))
                             : onChange(value);
                         setError(undefined);
-                    }, getOptionSelected: getOptionSelected, helperText: (_e = error !== null && error !== void 0 ? error : warning) !== null && _e !== void 0 ? _e : (errors[step.id]
+                    }, getOptionSelected: getOptionSelected, getValueString: getValueString, helperText: (_e = error !== null && error !== void 0 ? error : warning) !== null && _e !== void 0 ? _e : (errors[step.id]
                         ? errors[step.id].message
                         : step.description), error: error !== undefined ||
                         (warning !== undefined && warning !== null) ||

package/dist/FormComponents/Step/SmartSelectStep/SmartSelectStep.d.ts

@@ -13,6 +13,8 @@ export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
     getOptions: (idOrganization: string, step: GSmartSelect, dependencyStore: Record<string, any>) => Promise<any[] | null>;
     /** 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 to if currently selected option has warning */
     getValueWarning?: (value: any) => string | null;
     /** Function that returns the error message based on the types of the missing Dependencies, undefined if no error msg */

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -135,7 +135,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.fontSize, fontSize = _e === void 0 ? '1rem' : _e, _f = _a.outlineColor, outlineColor = _f === void 0 ? '#0000003b' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.readOnly, readOnly = _j === void 0 ? false : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, innerBackgroundColor = _a.innerBackgroundColor, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.containerMargin, containerMargin = _o === void 0 ? '8px' : _o, _p = _a.height, height = _p === void 0 ? '40px' : _p, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "fontSize", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "innerBackgroundColor", "cantEdit", "showIcon", "containerMargin", "height", "required", "iconComponent", "error"]);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _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.fontSize, fontSize = _f === void 0 ? '1rem' : _f, _g = _a.outlineColor, outlineColor = _g === void 0 ? '#0000003b' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.backgroundColor, backgroundColor = _j === void 0 ? '#ffffff' : _j, _k = _a.readOnly, readOnly = _k === void 0 ? false : _k, _l = _a.borderRadius, borderRadius = _l === void 0 ? 10 : _l, innerBackgroundColor = _a.innerBackgroundColor, _m = _a.cantEdit, cantEdit = _m === void 0 ? false : _m, _o = _a.showIcon, showIcon = _o === void 0 ? true : _o, _p = _a.containerMargin, containerMargin = _p === void 0 ? '8px' : _p, _q = _a.height, height = _q === void 0 ? '40px' : _q, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "fontSize", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "innerBackgroundColor", "cantEdit", "showIcon", "containerMargin", "height", "required", "iconComponent", "error"]);
     var props = {
         color: color,
         height: height,

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

@@ -58,6 +58,8 @@ export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color'>,
     searchable?: 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;
 }
-export default function RoundedSmartSelect({ options, value, handleUpdate, label, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, inputRef, disabled, onBlur, name, }: RoundedSmartSelectProps): JSX.Element;
+export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, error, innerBackgroundColor, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, iconComponent, searchable, containerMargin, showIcon, inputRef, disabled, onBlur, name, }: RoundedSmartSelectProps): JSX.Element;
 export {};

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -124,7 +124,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 export default function RoundedSmartSelect(_a) {
-    var _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, _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, getOptionSelected = _a.getOptionSelected, 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, inputRef = _a.inputRef, disabled = _a.disabled, onBlur = _a.onBlur, name = _a.name;
+    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, iconComponent = _a.iconComponent, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, onBlur = _a.onBlur, name = _a.name;
     var props = {
         color: color,
         height: height,
@@ -171,8 +171,12 @@ export default function RoundedSmartSelect(_a) {
             }, renderOption: function (option) { return 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 }), void 0)); }, style: { pointerEvents: 'none' }, noOptionsText: "No hay opciones" }, void 0));
     }
     else {
-        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: handleUpdate, onOpen: function () {
+        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
+                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options.find(function (option) {
+                    return getValueString(option) == event.target.value;
+                }));
+            }, onOpen: function () {
                 //Show loading icon if loading
-            }, value: value, color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, innerBackgroundColor: innerBackgroundColor, outlineColor: outlineColor, cantEdit: cantEdit, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, error: error, iconComponent: iconComponent, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: "Sin Seleccionar" }, void 0) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: option.value, style: { whiteSpace: 'normal' } }, { children: option.label }), option.value)); })] }), void 0));
+            }, value: getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, innerBackgroundColor: innerBackgroundColor, outlineColor: outlineColor, cantEdit: cantEdit, label: label, required: required, readOnly: readOnly, helperText: helperText, containerMargin: containerMargin, height: height, error: error, iconComponent: iconComponent, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: "Sin Seleccionar" }, void 0) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] }), void 0));
     }
 }

package/package.json

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