@arquimedes.co/eureka-forms 1.9.28-test → 1.9.29-test

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

@@ -54,7 +54,6 @@ export interface CBREmailStep extends GTextInput {
 export interface CBRElementStep extends GSmartSelect {
     type: Types.CBR_LOCATIVAS;
     subStep: string | null;
-    parentStep: string | null;
 }
 export interface CBRCommentStep extends Omit<GTextArea, 'hasTextEditor'> {
     type: Types.CBR_COMENTARIO;
@@ -67,10 +66,9 @@ export interface CBRIncidentsStep extends GBaseStep {
     required: boolean;
     unitLabel: string;
     spaceStep: Omit<CBRSpaceTypeStep, 'id' | 'type'>;
-    newLineAfterSpace: boolean;
     elementStep: IncidentElementStep;
     commentStep: Omit<CBRCommentStep, 'id' | 'type'>;
 }
-export interface IncidentElementStep extends Omit<CBRElementStep, 'id' | 'subStep' | 'parentStep' | 'type'> {
+export interface IncidentElementStep extends Omit<CBRElementStep, 'id' | 'subStep' | 'type'> {
     subStep?: IncidentElementStep;
 }

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

@@ -1,6 +1,6 @@
-import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes } from '../constants/FormStepTypes';
+import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes } from '../constants/FormStepTypes';
 import * as GSteps from './GenericFormSteps';
-export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector;
+export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | EntityValuePicker | Mapper;
 export interface Title extends GSteps.GBaseStep {
     type: Types.TITLE;
     title: string;
@@ -85,4 +85,27 @@ interface HideValueOption {
     type: ClassifierOptionTypes.HIDE;
     idClassifier: String;
 }
+export interface EntityValuePicker extends GSteps.GSmartSelect {
+    type: Types.ENTITYVALUEPICKER;
+    idEntity: string;
+    icon: string | null;
+    filters: {
+        idProperty: string;
+        idStep?: string;
+        value?: string;
+        required?: boolean;
+    }[];
+}
+export interface Mapper extends GSteps.GBaseStep {
+    type: Types.MAPPER;
+    style: MapperStyleTypes;
+    label: string;
+    description: string | null;
+    addBtnLabel: string;
+    rootSteps: string[];
+    steps: Record<string, FormStep>;
+    required: boolean;
+    unitLabel: string;
+    creatable: boolean;
+}
 export {};

package/dist/App.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Form } from './@Types/Form';
+import { FormStep } from './@Types/FormStep';
 export interface AppProps {
     /** If the app is currently a widget */
     isWidget?: boolean;
@@ -37,7 +38,7 @@ export interface AppProps {
 export interface CustomStep {
     componentProps?: Record<string, any>;
     component: ReactNode;
-    updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
+    calcValue?: (step: FormStep, value: any) => any;
 }
 declare function App({ apiKey, domain, preview, partial, formData, postview, editable, isWidget, internal, valuesData, customSend, customSteps, handleConfirmed, ...others }: AppProps): JSX.Element;
 export default App;

package/dist/FormComponents/Form/ColumnForm/ColumnForm.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { Form } from '../../../@Types/Form';
 import { FormComponentProps } from '../Form';
+import { FormStep } from '../../../@Types/FormStep';
 declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, customSubmit, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
 export default ColumnForm;
 export declare const mapOriginalValues: (originalValues: Record<string, any>, form: Form) => any;
+export declare function calcStepDependencyValue(depStep: FormStep, originalValues: Record<string, any>): any;

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

@@ -70,6 +70,7 @@ import Loader from '../../../shared/Loader/Loader';
 import axiosInstance from '../../../AxiosAPI';
 import widgetInstance from '../../../AxiosWidget';
 import React from 'react';
+import { nanoid } from 'nanoid';
 function ColumnForm(_a) {
     var _this = this;
     var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, sendLabel = _a.sendLabel, widthStats = _a.widthStats, customSteps = _a.customSteps, customSend = _a.customSend, customSubmit = _a.customSubmit, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "customSubmit", "handleLoaded", "originalValues"]);
@@ -94,7 +95,7 @@ function ColumnForm(_a) {
         return _jsx("div", {});
     }
     var onSubmit = function (token) { return __awaiter(_this, void 0, void 0, function () {
-        var valid, values, _i, _a, idStep, payload, url, resp, _b, error_1;
+        var valid, values, newValues, _i, _a, idStep, step, payload, url, resp, _b, error_1;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
@@ -113,18 +114,20 @@ function ColumnForm(_a) {
                 case 2:
                     _c.trys.push([2, 10, , 11]);
                     setLoading(true);
+                    newValues = {};
                     for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
                         idStep = _a[_i];
-                        updateValue(idStep, values, form, customSteps);
+                        step = form.steps[idStep];
+                        newValues[idStep] = calcValue(step, values, customSteps);
                     }
                     if (!customSend) return [3 /*break*/, 4];
-                    return [4 /*yield*/, customSend(values, reload)];
+                    return [4 /*yield*/, customSend(newValues, reload)];
                 case 3:
                     _c.sent();
                     return [3 /*break*/, 9];
                 case 4:
                     payload = {
-                        formValues: { steps: values },
+                        formValues: { steps: newValues },
                     };
                     if (token) {
                         payload.token = token;
@@ -219,7 +222,6 @@ function calcNextSection(form, idSection, sections) {
     }
 }
 export var mapOriginalValues = function (originalValues, form) {
-    var _a;
     var newValues = __assign({}, originalValues);
     var _loop_1 = function (val) {
         var step = form.steps[val];
@@ -242,14 +244,23 @@ export var mapOriginalValues = function (originalValues, form) {
                         newValues[step.id] = option;
                     break;
                 }
-                case Types.CLASSIFIER_SELECTOR: {
-                    var value_2 = originalValues[step.id];
-                    var classifier = form.classifiers[(_a = step.idClassifier) !== null && _a !== void 0 ? _a : ''];
-                    if (classifier) {
-                        var option = classifier.children.find(function (child) { return child._id == value_2; });
-                        if (!(value_2 === null || value_2 === void 0 ? void 0 : value_2.value))
-                            newValues[step.id] = { value: value_2, label: option === null || option === void 0 ? void 0 : option.name };
+                case Types.MAPPER: {
+                    var valueArr = originalValues[step.id];
+                    var elements = [];
+                    for (var _b = 0, valueArr_1 = valueArr; _b < valueArr_1.length; _b++) {
+                        var values = valueArr_1[_b];
+                        var idElement = nanoid();
+                        var newElement = {
+                            ids: {},
+                        };
+                        for (var _c = 0, _d = Object.keys(step.steps); _c < _d.length; _c++) {
+                            var idStep = _d[_c];
+                            var newIdStep = step.id + '-' + idStep + '-' + idElement;
+                            newElement.ids[idStep] = newIdStep;
+                            newValues[newIdStep] = values[idStep];
+                        }
                     }
+                    newValues[step.id] = elements;
                     break;
                 }
                 default:
@@ -257,57 +268,70 @@ export var mapOriginalValues = function (originalValues, form) {
             }
         }
     };
-    for (var _i = 0, _b = Object.keys(originalValues); _i < _b.length; _i++) {
-        var val = _b[_i];
+    for (var _i = 0, _a = Object.keys(originalValues); _i < _a.length; _i++) {
+        var val = _a[_i];
         _loop_1(val);
     }
     return newValues;
 };
-var updateValue = function (idStep, values, form, customSteps) {
-    var _a;
-    var step = form.steps[idStep];
+var calcValue = function (step, values, customSteps, value) {
+    var _a, _b;
+    if (value === void 0) { value = values[step.id]; }
+    if (!step)
+        return;
     var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
     if (custom !== undefined) {
-        custom.updateValue(idStep, values, form);
+        return (_b = (_a = custom.calcValue) === null || _a === void 0 ? void 0 : _a.call(custom, step, value)) !== null && _b !== void 0 ? _b : value;
     }
     else {
         switch (step === null || step === void 0 ? void 0 : step.type) {
             case Types.TEXTAREA: {
-                var value = values[step.id];
                 if (step.hasTextEditor) {
                     var currentContent = value.getCurrentContent();
-                    values[step.id] = {
+                    return {
                         value: currentContent.getPlainText(),
                         draft: convertToRaw(currentContent),
                     };
                 }
                 else {
-                    values[step.id] = {
+                    return {
                         value: value,
                         draft: stringToDraft(value),
                     };
                 }
-                break;
             }
             case Types.FILEUPLOAD: {
-                var value = values[step.id];
-                values[step.id] = value.map(function (val) { return ({
+                return value.map(function (val) { return ({
                     fileName: val.fileName,
                     S3Key: val.S3Key,
                 }); });
-                break;
             }
             case Types.SELECTOR:
             case Types.CLASSIFIER_SELECTOR: {
-                var value = values[step.id];
-                values[step.id] = value.value;
-                break;
+                return value.value;
+            }
+            case Types.MAPPER: {
+                var elements = value === null || value === void 0 ? void 0 : value.filter(function (element) { return element.deleted !== true; });
+                var mappedValues = [];
+                for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
+                    var element = elements_1[_i];
+                    var newValue = {};
+                    for (var _c = 0, _d = Object.keys(element.ids); _c < _d.length; _c++) {
+                        var idStep = _d[_c];
+                        var mappedId = element.ids[idStep];
+                        if (values[mappedId]) {
+                            newValue[idStep] = calcValue(step.steps[idStep], values, customSteps, values[mappedId]);
+                        }
+                    }
+                    mappedValues.push(newValue);
+                }
+                return mappedValues;
             }
             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; });
+                    return value === null || value === void 0 ? void 0 : value.filter(function (incidencia) { return incidencia.deleted !== true; });
                 }
-                break;
+                return value;
         }
     }
 };
@@ -330,33 +354,33 @@ function stringToDraft(text) {
     return draftStructure;
 }
 function calcDependencies(steps, originalValues) {
-    var _a;
     var dependencies = {};
-    for (var _i = 0, _b = Object.values(steps); _i < _b.length; _i++) {
-        var step = _b[_i];
+    for (var _i = 0, _a = Object.values(steps); _i < _a.length; _i++) {
+        var step = _a[_i];
         if (step.dependencies) {
-            for (var _c = 0, _d = step.dependencies; _c < _d.length; _c++) {
-                var idDep = _d[_c];
+            for (var _b = 0, _c = step.dependencies; _b < _c.length; _b++) {
+                var idDep = _c[_b];
                 var depStep = steps[idDep];
                 if (depStep && dependencies[idDep] === undefined) {
-                    switch (depStep === null || depStep === void 0 ? void 0 : depStep.type) {
-                        case Types.TEXTAREA: {
-                            if (depStep.hasTextEditor) {
-                                dependencies[idDep] = null;
-                            }
-                            else {
-                                dependencies[idDep] =
-                                    originalValues[idDep].value;
-                            }
-                            break;
-                        }
-                        default:
-                            dependencies[idDep] = (_a = originalValues[idDep]) !== null && _a !== void 0 ? _a : null;
-                            break;
-                    }
+                    dependencies[idDep] = calcStepDependencyValue(depStep, originalValues);
                 }
             }
         }
     }
     return dependencies;
 }
+export function calcStepDependencyValue(depStep, originalValues) {
+    var _a;
+    switch (depStep.type) {
+        case Types.TEXTAREA: {
+            if (depStep.hasTextEditor) {
+                return null;
+            }
+            else {
+                return originalValues[depStep.id].value;
+            }
+        }
+        default:
+            return (_a = originalValues[depStep.id]) !== null && _a !== void 0 ? _a : null;
+    }
+}

package/dist/FormComponents/Section/MaterialSection/MaterialSection.js

@@ -43,7 +43,7 @@ function MaterialSection(_a) {
                 return _jsx("div", {}, index);
             }
             else if (step) {
-                return (_createElement(StepComponent, __assign({}, others, { widthStats: widthStats, form: form, step: step, handleSizeChange: function () { }, key: index, level: 0 })));
+                return (_createElement(StepComponent, __assign({}, others, { widthStats: widthStats, form: form, step: step, key: index, level: 0 })));
             }
             else {
                 console.error('Step not found:', idStep);

package/dist/FormComponents/Section/Section.js

@@ -14,9 +14,7 @@ import { FormStyleTypes } from '../../constants/FormStepTypes';
 import MaterialSection from './MaterialSection/MaterialSection';
 function SectionComponent(props) {
     switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialSection, __assign({}, props));
-        }
+        case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialSection, __assign({}, props));
         }

package/dist/FormComponents/Step/@Construction/CBRElementStep/CBRElementStep.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { StepProps } from '../../Step';
+import { CBRElementStep } from '../../../../@Types/CBRFormStep';
+declare function CBRElementStepComponent(props: ElementSubStepRendererProps): JSX.Element;
+export default CBRElementStepComponent;
+export interface ElementSubStepRendererProps extends Omit<StepProps, 'step'> {
+    step: CBRElementStep;
+}

package/dist/FormComponents/Step/@Construction/{CBRLocativasStep/CBRLocativasStep.js → CBRElementStep/CBRElementStep.js}

@@ -45,17 +45,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
 import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
 import axios from 'axios';
-function CBRLocativasStep(props) {
-    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(Leak, { fill: "#757575", style: {
-                display: 'flex',
-                height: 23,
-                width: 23,
-                marginTop: 2,
-            } }), getOptions: getLocativasOptions, getOptionSelected: function (option, value) {
+import InputIcon from '../../../../shared/InputIcon/InputIcon';
+function CBRElementStepComponent(props) {
+    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'LEAK' }), getOptions: getElementOptions, getOptionSelected: function (option, value) {
             return option.id === value.id;
         }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, calcDepError: calcDepError, calcInvalidDeps: calcInvalidDependencies, valueOverwrite: function (value) {
             if (value) {
@@ -64,10 +60,10 @@ function CBRLocativasStep(props) {
             else {
                 return null;
             }
-        } }, { children: _jsx(LocativasSubStepRenderer, {}) })));
+        } }, { children: _jsx(ElementSubStepRenderer, {}) })));
 }
-export default CBRLocativasStep;
-function LocativasSubStepRenderer(_a) {
+export default CBRElementStepComponent;
+function ElementSubStepRenderer(_a) {
     var _b;
     var value = _a.value, stepProps = _a.stepProps;
     if (!value || stepProps == undefined) {
@@ -77,16 +73,11 @@ function LocativasSubStepRenderer(_a) {
     if ((subStep === null || subStep === void 0 ? void 0 : subStep.type) !== CBRFormStepTypes.CBR_LOCATIVAS) {
         return _jsx("div", {});
     }
-    return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, level: stepProps.level + 1, icon: _jsx(Leak, { fill: "#757575", style: {
-                display: 'flex',
-                height: 23,
-                width: 23,
-                marginTop: 2,
-            } }), calcInvalidDeps: calcInvalidDependencies, getOptions: getLocativasOptions, calcDepError: calcDepError, getOptionSelected: function (option, value) {
+    return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, level: stepProps.level + 1, icon: _jsx(InputIcon, { icon: 'LEAK' }), calcInvalidDeps: calcInvalidDependencies, getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: function (option, value) {
             return option.id === value.id;
-        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }, { children: _jsx(LocativasSubStepRenderer, {}) })));
+        }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } }, { children: _jsx(ElementSubStepRenderer, {}) })));
 }
-var getLocativasOptions = function (_a, step, dependencyStore) {
+var getElementOptions = function (_a, step, dependencyStore) {
     var idOrganization = _a.idOrganization;
     return __awaiter(void 0, void 0, void 0, function () {
         var idProyecto, response, father_1;
@@ -133,9 +124,10 @@ var calcInvalidDependencies = function (step, dependencyStore) {
     }
     return deps;
 };
-var calcDepError = function (types) {
-    for (var _i = 0, _a = types; _i < _a.length; _i++) {
-        var type = _a[_i];
+var calcDepError = function (steps) {
+    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+        var step = steps_1[_i];
+        var type = step.type;
         if (type === CBRFormStepTypes.CBR_PROYECTO) {
             return 'Selecciona un proyecto';
         }
@@ -145,4 +137,3 @@ var calcDepError = function (types) {
     }
     return undefined;
 };
-var Leak = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512pt", viewBox: "0 -86 512.00056 512", width: "512pt", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m203.484375 196.359375c2.402344 0 4.753906-.867187 6.601563-2.492187l26.621093-23.394532c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-9.21875-27.257812 21.613281-18.996094c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-11.359375-33.570312c-1.070313-3.167969-3.652344-5.589844-6.882813-6.457031l-57.925781-15.519531c-5.335937-1.433594-10.816406 1.734374-12.246093 7.070312-1.429688 5.335938 1.734374 10.820312 7.070312 12.25l52.753906 14.132812 7.507813 22.1875-21.613281 18.996094c-3.03125 2.664063-4.164063 6.890625-2.871094 10.714844l9.21875 27.257812-17.59375 15.460938-130.027344-34.839844 30.992188-115.667968c.6875-2.5625.328124-5.292969-.996094-7.589844-1.328125-2.296875-3.511719-3.972656-6.074219-4.660156l-45.574219-12.210938c-5.332031-1.429688-10.816406 1.734375-12.246094 7.070312l-36.636718 136.722657c-.6875 2.5625-.324219 5.292969 1 7.589843 1.324218 2.292969 3.511718 3.972657 6.070312 4.65625l45.574219 12.210938c.867187.234375 1.738281.34375 2.597656.34375 4.414063 0 8.453125-2.945312 9.652344-7.414062l.464844-1.734376 135.199219 36.226563c.851562.230469 1.722656.34375 2.585937.34375zm-181.238281-56.703125 31.460937-117.40625 26.253907 7.035156-31.457032 117.40625zm0 0" }), _jsx("path", { d: "m511.660156 144.136719-36.636718-136.722657c-1.429688-5.332031-6.910157-8.5-12.246094-7.070312l-45.574219 12.210938c-2.5625.6875-4.746094 2.363281-6.070313 4.660156-1.328124 2.296875-1.6875 5.023437-1 7.585937l.464844 1.734375-135.199218 36.226563c-3.28125.878906-5.894532 3.367187-6.933594 6.605469-1.039063 3.238281-.363282 6.777343 1.796875 9.40625l19.121093 23.265624-5.867187 25.070313c-.796875 3.40625.242187 6.980469 2.738281 9.425781l19.386719 18.988282-6.847656 28.496093c-.824219 3.429688.21875 7.039063 2.742187 9.5 1.894532 1.84375 4.40625 2.839844 6.980469 2.839844.863281 0 1.730469-.113281 2.585937-.34375l57.925782-15.519531c5.335937-1.429688 8.5-6.914063 7.070312-12.25-1.429687-5.332032-6.914062-8.5-12.246094-7.070313l-41.683593 11.171875 4.246093-17.664062c.820313-3.421875-.214843-7.023438-2.726562-9.484375l-19.417969-19.015625 5.714844-24.398438c.710937-3.035156-.035156-6.222656-2.011719-8.628906l-12.40625-15.09375 120.207032-32.207031 30.992187 115.667969c1.199219 4.46875 5.238281 7.414062 9.65625 7.414062.855469 0 1.726563-.109375 2.59375-.339844l45.574219-12.210937c2.5625-.6875 4.746094-2.363281 6.070312-4.660157 1.328125-2.296874 1.6875-5.027343 1-7.589843zm-48.160156 2.554687-30.996094-115.667968s0 0 0-.003907v-.003906l-.464844-1.730469 26.257813-7.035156 31.457031 117.40625zm0 0" }), _jsx("path", { d: "m263.386719 203.265625c-1.894531-2.078125-4.574219-3.261719-7.386719-3.261719-2.808594 0-5.492188 1.183594-7.386719 3.261719-.78125.855469-1.640625 1.789063-2.570312 2.792969-14.488281 15.730468-44.640625 48.457031-44.640625 79.34375 0 30.105468 24.492187 54.601562 54.597656 54.601562s54.597656-24.496094 54.597656-54.601562c0-30.886719-30.148437-63.613282-44.640625-79.339844-.925781-1.007812-1.789062-1.941406-2.570312-2.796875zm-7.386719 116.738281c-19.078125 0-34.597656-15.523437-34.597656-34.601562 0-20.492188 20.960937-45.539063 34.597656-60.601563 13.636719 15.0625 34.597656 40.109375 34.597656 60.601563 0 19.078125-15.519531 34.601562-34.597656 34.601562zm0 0" }), _jsx("path", { d: "m129.878906 54.871094c.917969.261718 1.839844.386718 2.75.386718 4.351563 0 8.355469-2.863281 9.609375-7.253906 1.519531-5.3125-1.554687-10.847656-6.867187-12.363281h-.007813c-5.308593-1.519531-10.839843 1.554687-12.359375 6.867187-1.515625 5.308594 1.5625 10.847657 6.875 12.363282zm0 0" }), _jsx("path", { d: "m407.335938 149.527344-.007813.003906c-5.335937 1.421875-8.507813 6.898438-7.082031 12.238281 1.191406 4.472657 5.238281 7.421875 9.65625 7.421875.855468 0 1.722656-.109375 2.585937-.339844 5.335938-1.421874 8.507813-6.902343 7.085938-12.238281-1.425781-5.335937-6.90625-8.511719-12.238281-7.085937zm0 0" })] }))); };

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

@@ -14,9 +14,7 @@ import { FormStyleTypes } from '../../../../constants/FormStepTypes';
 import MaterialCBRIncidentsStep from './MaterialCBRIncidentsStep/MaterialCBRIncidentsStep';
 function CBRIncidentsStep(props) {
     switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
-        }
+        case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
         }

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js

@@ -44,6 +44,6 @@ function IncidentComponent(_a) {
                         if (others.editable && !others.postview) {
                             handleDelete();
                         }
-                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { formStyle: formStyle, form: form, step: spaceStep, handleSizeChange: function () { }, level: level + 1 })), _jsx(StepComponent, __assign({}, others, { form: form, formStyle: formStyle, step: elementStep, handleSizeChange: function () { }, level: level + 1 })), _jsx(TextAreaStep, __assign({}, others, { form: form, backgroundColor: 'transparent', formStyle: formStyle, step: commentStep, maxLength: 200, handleSizeChange: function () { }, level: level + 1 }))] })) })));
+                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { formStyle: formStyle, form: form, step: spaceStep, level: level + 1 })), _jsx(StepComponent, __assign({}, others, { form: form, formStyle: formStyle, step: elementStep, level: level + 1 })), _jsx(TextAreaStep, __assign({}, others, { form: form, backgroundColor: 'transparent', formStyle: formStyle, step: commentStep, maxLength: 200, level: level + 1 }))] })) })));
 }
 export default IncidentComponent;

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -73,7 +73,7 @@ function Incidents(_a) {
         var _a, _b;
         var idSubStep = CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid();
         var newSubStep = step.subStep ? __assign({}, step.subStep) : undefined;
-        var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, parentStep: idParent, dependencies: [idProjectDep], subStep: null });
+        var newStep = __assign(__assign({}, step), { id: idStep, type: CBRFormStepTypes.CBR_LOCATIVAS, dependencies: [idProjectDep], subStep: null });
         if (newSubStep) {
             newStep.subStep = idSubStep;
         }
@@ -114,8 +114,8 @@ function CBRIncidentsStep(props) {
                 ? 'Este campo es obligatorio'
                 : undefined,
         }, shouldUnregister: true, render: function (_a) {
-            var field = _a.field;
-            return (_jsx(Incidents, __assign({}, props, { incidents: field.value, onChange: field.onChange, btnRef: field.ref })));
+            var _b = _a.field, ref = _b.ref, value = _b.value, field = __rest(_b, ["ref", "value"]);
+            return (_jsx(Incidents, __assign({}, props, field, { incidents: value, onChange: field.onChange, btnRef: ref })));
         } }));
 }
 export default CBRIncidentsStep;

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

@@ -54,6 +54,7 @@ import axios from 'axios';
 import React, { useState } from 'react';
 import { Dialog } from '@material-ui/core';
 import RoundedButton from '../../../../shared/RoundedButton/RoundedButton';
+import InputIcon from '../../../../shared/InputIcon/InputIcon';
 var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRPropertyStepComponent(props) {
     var _this = this;
@@ -85,11 +86,7 @@ function CBRPropertyStepComponent(props) {
             });
         });
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
-                        display: 'flex',
-                        height: 23,
-                        width: 23,
-                    } }), getOptionSelected: function (option, value) {
+    return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROPERTY' }), getOptionSelected: function (option, value) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
                     ? function (value) {
@@ -139,4 +136,3 @@ function CBRPropertyStepComponent(props) {
                                         } }) }))] }))] })) })))] }));
 }
 export default CBRPropertyStepComponent;
-var PropertyIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" })] })) })) }))); };

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -45,16 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import CBRFormStepTypes from '../../constants/CBRFormStepTypes';
 import PersonRoundedIcon from '@material-ui/icons/PersonRounded';
 import TextInputStep from './TextInputStep/TextInputStep';
 import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
 import TextAreaStep from './TextAreaStep/TextAreaStep';
 import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep';
-import CBRLocativasStep from './@Construction/CBRLocativasStep/CBRLocativasStep';
+import CBRElementStep from './@Construction/CBRElementStep/CBRElementStep';
 import axios from 'axios';
 import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
+import InputIcon from '../../shared/InputIcon/InputIcon';
 var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRStepMapper(props) {
     var _this = this;
@@ -151,19 +152,11 @@ function CBRStepMapper(props) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_MACRO_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
-                        display: 'flex',
-                        height: 23,
-                        width: 23,
-                    } }), getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), getOptions: getMacroProyectoOptions, getOptionSelected: function (option, value) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_PROYECTO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(ProjectIcon, { fill: "#757575", style: {
-                        display: 'flex',
-                        height: 24,
-                        width: 24,
-                    } }), getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'PROJECT' }), getOptions: getProyectoOptions, getOptionSelected: function (option, value) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_INMUEBLE:
@@ -179,14 +172,11 @@ function CBRStepMapper(props) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_TIPO_ESPACIO:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(SpaceTypeIcon, { fill: "#757575", style: {
-                        display: 'flex',
-                        height: 23,
-                        width: 23,
-                    } }), getOptions: getTipoEspaciosOptions, calcDepError: function (types) {
-                    for (var _i = 0, _a = types; _i < _a.length; _i++) {
-                        var type = _a[_i];
-                        if (type === CBRFormStepTypes.CBR_PROYECTO) {
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(InputIcon, { icon: 'SPACE' }), getOptions: getTipoEspaciosOptions, calcDepError: function (steps) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step = steps_1[_i];
+                        if (step.type ===
+                            CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
@@ -195,7 +185,7 @@ function CBRStepMapper(props) {
                     return option.id === value.id;
                 }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; } })));
         case CBRFormStepTypes.CBR_LOCATIVAS:
-            return _jsx(CBRLocativasStep, __assign({}, props, { step: props.step }));
+            return _jsx(CBRElementStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_COMENTARIO:
             return _jsx(TextAreaStep, __assign({}, props, { step: props.step }));
         case CBRFormStepTypes.CBR_INCIDENCIAS:
@@ -205,15 +195,8 @@ function CBRStepMapper(props) {
     }
 }
 export default CBRStepMapper;
-function DocumentIconComponent(props) {
+function DocumentIconComponent() {
     return (_jsx("div", __assign({ style: {
             marginRight: 2,
-        } }, { children: _jsx(DocumentIcon, { className: props.className, fill: "#757575", style: {
-                display: 'flex',
-                height: 23,
-                width: 23,
-            } }) })));
+        } }, { children: _jsx(InputIcon, { icon: 'DOCUMENT' }) })));
 }
-var SpaceTypeIcon = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" })] }))] }))); };
-var DocumentIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }) }))); };
-var ProjectIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) }))); };

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

@@ -26,9 +26,7 @@ import MaterialCheckBoxStep from './MaterialCheckBoxStep/MaterialCheckBoxStep';
 function CheckboxStep(_a) {
     var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
     switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others));
-        }
+        case FormStyleTypes.MATERIAL:
         default: {
             return _jsx(MaterialCheckBoxStep, __assign({ formStyle: formStyle }, others));
         }

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

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import styles from './MaterialCheckBoxStep.module.css';
 import { calcStepWidth } from '../../StepFunctions';
@@ -26,8 +37,8 @@ function CheckBoxStep(_a) {
                                 ? 'Este campo es obligatorio'
                                 : undefined,
                         }, shouldUnregister: true, render: function (_a) {
-                            var field = _a.field;
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value })));
+                            var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
+                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: ref, padding: "0px", size: "1.6rem", error: !!errors[step.id], cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value })));
                         } })] })), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
                     color: !!errors[step.id]
                         ? formStyle.errorColor