@arquimedes.co/eureka-forms 3.0.31 → 3.0.32

package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js

@@ -1,3 +1,61 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
 import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
@@ -5,57 +63,72 @@ import axios from 'axios';
 import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import FormContext from '../../../Contexts/FormContext';
 import { useContext } from 'react';
-import { ErkIconTypes } from '../../../constants/ErkIconTypes';
 function CBRElementStepComponent(props) {
-    return (_jsx(SmartSelectStep, { ...props, step: props.step, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.LEAK }), getOptions: getElementOptions, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, calcDepError: calcDepError, valueOverwrite: (value) => {
+    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, valueOverwrite: function (value) {
             if (value) {
-                return { ...value, subStep: props.step.subStep };
+                return __assign(__assign({}, value), { subStep: props.step.subStep });
             }
             else {
                 return null;
             }
-        }, renderNestedSteps: (value) => _jsx(ElementSubStepRenderer, { value: value, ...props }) }));
+        }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, props))); } })));
 }
 export default CBRElementStepComponent;
-function ElementSubStepRenderer({ value, ...stepProps }) {
-    const form = useContext(FormContext);
+function ElementSubStepRenderer(_a) {
+    var _b;
+    var value = _a.value, stepProps = __rest(_a, ["value"]);
+    var form = useContext(FormContext);
     if (!value || stepProps === undefined) {
         return _jsx("div", {});
     }
-    const subStep = form.steps[stepProps.step.subStep ?? ''];
-    if (subStep?.type !== CBRFormStepTypes.CBR_LOCATIVAS) {
+    var subStep = form.steps[(_b = stepProps.step.subStep) !== null && _b !== void 0 ? _b : ''];
+    if ((subStep === null || subStep === void 0 ? void 0 : subStep.type) !== CBRFormStepTypes.CBR_LOCATIVAS) {
         return _jsx("div", {});
     }
-    return (_jsx(SmartSelectStep, { ...stepProps, step: subStep, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.LEAK }), getOptions: getElementOptions, calcDepError: calcDepError, getOptionSelected: (option, value) => option.id === value.id, getValueString: (value) => value?.id, renderNestedSteps: (value) => (_jsx(ElementSubStepRenderer, { value: value, ...stepProps, step: subStep })) }));
+    return (_jsx(SmartSelectStep, __assign({}, stepProps, { step: subStep, icon: _jsx(InputIcon, { icon: 'LEAK' }), 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; }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, stepProps, { step: subStep }))); } })));
 }
-const getElementOptions = async (step, dependencyStore, { idOrganization }) => {
-    if (step.dependencies && idOrganization) {
-        const idProyecto = dependencyStore[step.dependencies[0]]?.value?.id;
-        if (!idProyecto) {
-            return null; //null para indicar que falta la depedency
-        }
-        //Calc resp given dep, and depency Store
-        const response = (await axios.get(`https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/Locativas?idOrganization=${idOrganization}`)).data;
-        const father = dependencyStore[step.dependencies[1]]?.value;
-        if (father && father.id === undefined) {
-            return null;
-        }
-        return response.filter((locativa) => {
-            if (father?.id) {
-                return locativa.id.startsWith(father.id) && locativa.id !== father.id;
-            }
-            else {
-                return locativa.id.length === 2;
+var getElementOptions = function (step, dependencyStore, _a) {
+    var idOrganization = _a.idOrganization;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var idProyecto, response, father_1;
+        var _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                    idProyecto = (_c = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
+                case 1:
+                    response = (_e.sent()).data;
+                    father_1 = (_d = dependencyStore[step.dependencies[1]]) === null || _d === void 0 ? void 0 : _d.value;
+                    if (father_1 && father_1.id === undefined) {
+                        return [2 /*return*/, null];
+                    }
+                    return [2 /*return*/, response.filter(function (locativa) {
+                            if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
+                                return (locativa.id.startsWith(father_1.id) &&
+                                    locativa.id !== father_1.id);
+                            }
+                            else {
+                                return locativa.id.length === 2;
+                            }
+                        })];
+                case 2: return [2 /*return*/, null];
             }
         });
-    }
-    else {
-        return null;
-    }
+    });
 };
-const calcDepError = (steps) => {
-    for (const step of steps) {
-        const type = step.type;
+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';
         }

package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CBRIncidentsStep as CBRIncidentsStepType } from '../../../@Types/CBRFormStep';
 import { StepProps } from '../../Step';
 export interface CBRIncidentsStepProps extends Omit<StepProps, 'step'> {

package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.js

@@ -1,13 +1,24 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../../constants/FormStepTypes';
 import MaterialCBRIncidentsStep from './MaterialCBRIncidentsStep/MaterialCBRIncidentsStep';
 import { useAppSelector } from '../../../hooks';
 function CBRIncidentsStep(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialCBRIncidentsStep, { ...props });
+            return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CBRIncidentsStepProps } from '../../CBRIncidentsStep';
 import { Incident } from '../MaterialCBRIncidentsStep';
 declare function IncidentComponent({ step, incident, handleDelete, ...others }: CBRIncidentsStepProps & {

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js

@@ -1,27 +1,55 @@
+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 styles from './Incident.module.css';
 import StepComponent from '../../../../Step';
+import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 import TextAreaStep from '../../../../TextAreaStep/TextAreaStep';
 import FormContext from '../../../../../Contexts/FormContext';
 import { useAppSelector } from '../../../../../hooks';
 import { useContext } from 'react';
-import DeleteIcon from '../../../../../Icons/DeleteIcon';
-function IncidentComponent({ step, incident, handleDelete, ...others }) {
-    const { formStyle, postview } = useAppSelector((state) => state.global);
-    const form = useContext(FormContext);
-    const widthStats = useAppSelector((state) => state.widthStats);
-    const spaceStep = form.steps[incident.idSpaceStep];
-    const elementStep = form.steps[incident.idElementStep];
-    const commentStep = form.steps[incident.idCommentStep];
+function IncidentComponent(_a) {
+    var step = _a.step, incident = _a.incident, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "incident", "handleDelete"]);
+    var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, postview = _b.postview;
+    var form = useContext(FormContext);
+    var widthStats = useAppSelector(function (state) { return state.widthStats; });
+    var spaceStep = form.steps[incident.idSpaceStep];
+    var elementStep = form.steps[incident.idElementStep];
+    var commentStep = form.steps[incident.idCommentStep];
     if (incident.deleted) {
         return _jsx("div", {});
     }
-    return (_jsx("div", { className: widthStats.isMobile || form.size.blockNum < 3 ? styles.mobileContainer : styles.container, children: _jsxs("div", { className: styles.contentContainer, style: {
-                width: (form.size.blockSize + form.size.spacingSize) * (form.size.blockNum - 1),
-            }, children: [_jsxs("div", { className: styles.titleLbl, style: { color: formStyle.textColor }, children: [step.unitLabel + ' ' + incident.num, ":"] }), _jsx("div", { className: !others.editable || postview ? styles.disabledDeleteBtn : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: () => {
+    return (_jsx("div", __assign({ className: widthStats.isMobile || form.size.blockNum < 3
+            ? styles.mobileContainer
+            : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
+                width: (form.size.blockSize + form.size.spacingSize) *
+                    (form.size.blockNum - 1),
+            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), _jsx("div", __assign({ className: !others.editable || postview
+                        ? styles.disabledDeleteBtn
+                        : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
                         if (others.editable && !postview) {
                             handleDelete();
                         }
-                    }, children: _jsx(DeleteIcon, { style: { fontSize: 'inherit' } }) }), _jsx(StepComponent, { ...others, step: spaceStep }), _jsx(StepComponent, { ...others, step: elementStep }), _jsx(TextAreaStep, { ...others, step: commentStep, maxLength: 200 })] }) }));
+                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })), _jsx(StepComponent, __assign({}, others, { step: spaceStep })), _jsx(StepComponent, __assign({}, others, { step: elementStep })), _jsx(TextAreaStep, __assign({}, others, { step: commentStep, maxLength: 200 }))] })) })));
 }
 export default IncidentComponent;

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CBRIncidentsStepProps } from '../CBRIncidentsStep';
 export interface Incident {
     idSpaceStep: string;

package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -1,81 +1,99 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable no-console */
 import { useContext, useEffect, useState } from 'react';
 import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
 import IncidentComponent from './Incident/Incident';
 import styles from './MaterialCBRIncidentsStep.module.css';
 import { nanoid } from 'nanoid';
-import ErkButton from '../../../../Shared/ErkButton/ErkButton';
+import RoundedButton from '../../../../Shared/RoundedButton/RoundedButton';
 import FormContext from '../../../../Contexts/FormContext';
 import { addStepsDependencies } from '../../../../States/SiteSlice';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import CustomContext from '../../../../Contexts/CustomContext';
 import { useFormStep } from '../../../StepHooks';
-function CBRIncidentsStep({ step, editable, ...others }) {
-    const { ref, value, onChange, error } = useFormStep(step, {
+function CBRIncidentsStep(_a) {
+    var step = _a.step, editable = _a.editable, others = __rest(_a, ["step", "editable"]);
+    var _b = useFormStep(step, {
         defaultValue: [],
         rules: {
-            validate: (array) => !step.required || (step.required && array.filter((elem) => !elem.deleted).length > 0),
+            validate: function (array) {
+                return !step.required ||
+                    (step.required &&
+                        array.filter(function (elem) { return !elem.deleted; }).length > 0);
+            },
         },
-    });
-    const { customSteps } = useContext(CustomContext);
-    const { formStyle, postview } = useAppSelector((state) => state.global);
-    const dispatch = useAppDispatch();
-    const form = useContext(FormContext);
+    }), ref = _b.ref, value = _b.value, onChange = _b.onChange, error = _b.error;
+    var customSteps = useContext(CustomContext).customSteps;
+    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var dispatch = useAppDispatch();
+    var form = useContext(FormContext);
     /** Form to pass down with aditional steps */
-    const [localForm, setLocalForm] = useState({
-        ...form,
-        steps: { ...form.steps },
-    });
-    const [firstRender, setFirstRender] = useState(false);
-    useEffect(() => {
+    var _d = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _d[0], setLocalForm = _d[1];
+    var _e = useState(false), firstRender = _e[0], setFirstRender = _e[1];
+    useEffect(function () {
         setFirstRender(true);
     }, []);
-    useEffect(() => {
+    useEffect(function () {
         if (firstRender && value.length === 0 && !postview && editable) {
             handleAddIncident();
         }
     }, [firstRender]);
-    const handleAddIncident = () => {
-        const current = value.filter((incident) => !incident.deleted);
-        const newIncident = {
+    var handleAddIncident = function () {
+        var _a, _b;
+        var current = value.filter(function (incident) { return !incident.deleted; });
+        var newIncident = {
             idSpaceStep: CBRFormStepTypes.CBR_TIPO_ESPACIO + '-' + nanoid(),
             idCommentStep: CBRFormStepTypes.CBR_COMENTARIO + '-' + nanoid(),
             idElementStep: CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid(),
             num: current.length + 1,
         };
-        const newSteps = {
-            ...localForm.steps,
-        };
-        newSteps[newIncident.idSpaceStep] = {
-            ...step.spaceStep,
-            id: newIncident.idSpaceStep,
-            type: CBRFormStepTypes.CBR_TIPO_ESPACIO,
-            dependencies: step.dependencies,
-        };
-        newSteps[newIncident.idCommentStep] = {
-            ...step.commentStep,
-            id: newIncident.idCommentStep,
-            type: CBRFormStepTypes.CBR_COMENTARIO,
-        };
-        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, step.dependencies?.[0] ?? '');
-        onChange([...value, newIncident]);
-        setLocalForm({ ...localForm, steps: newSteps });
+        var newSteps = __assign({}, localForm.steps);
+        newSteps[newIncident.idSpaceStep] = __assign(__assign({}, step.spaceStep), { id: newIncident.idSpaceStep, type: CBRFormStepTypes.CBR_TIPO_ESPACIO, dependencies: step.dependencies });
+        newSteps[newIncident.idCommentStep] = __assign(__assign({}, step.commentStep), { id: newIncident.idCommentStep, type: CBRFormStepTypes.CBR_COMENTARIO });
+        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+        onChange(__spreadArray(__spreadArray([], value, true), [newIncident], false));
+        setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
         dispatch(addStepsDependencies({
             steps: newSteps,
-            customSteps,
-            allSteps: { ...form.steps, ...localForm.steps, ...newSteps },
+            customSteps: customSteps,
+            allSteps: __assign(__assign(__assign({}, form.steps), localForm.steps), newSteps),
         }));
     };
-    const addRecursiveElementStep = (idStep, step, idParent, steps, idProjectDep) => {
-        const idSubStep = CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid();
-        const newSubStep = step.subStep ? { ...step.subStep } : undefined;
-        const newStep = {
-            ...step,
-            id: idStep,
-            type: CBRFormStepTypes.CBR_LOCATIVAS,
-            dependencies: [idProjectDep],
-            subStep: null,
-        };
+    var addRecursiveElementStep = function (idStep, step, idParent, steps, idProjectDep) {
+        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, dependencies: [idProjectDep], subStep: null });
         if (idParent)
             newStep.dependencies.push(idParent);
         if (newSubStep) {
@@ -86,23 +104,26 @@ function CBRIncidentsStep({ step, editable, ...others }) {
             addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, idProjectDep);
         }
     };
-    return (_jsxs("div", { className: styles.container, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.titleLbl, children: step.label }), step.description && (_jsx("p", { className: styles.descriptionPar, style: {
-                    margin: step.description ? '10px 0px' : '0px 0px 5px 0px',
-                }, children: step.description })), _jsx(FormContext.Provider, { value: localForm, children: value.map((incident, index) => (_jsx(IncidentComponent, { incident: incident, step: step, editable: editable, handleDelete: () => {
-                        const tempIncidents = [...value];
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl }, { children: step.label })), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
+                    margin: step.description
+                        ? '10px 0px'
+                        : '0px 0px 5px 0px',
+                } }, { children: step.description }))), _jsx(FormContext.Provider, __assign({ value: localForm }, { children: value.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, step: step, editable: editable, handleDelete: function () {
+                        var tempIncidents = __spreadArray([], value, true);
                         tempIncidents[index].deleted = true;
-                        let n = 1;
-                        for (const inc of tempIncidents) {
+                        var n = 1;
+                        for (var _i = 0, tempIncidents_1 = tempIncidents; _i < tempIncidents_1.length; _i++) {
+                            var inc = tempIncidents_1[_i];
                             if (!inc.deleted) {
                                 inc.num = n;
                                 n++;
                             }
                         }
                         onChange(tempIncidents);
-                    }, ...others }, index))) }), _jsxs("div", { className: styles.btnContainer, children: [_jsx("input", { ref: ref, className: 'hidden-input' }), _jsx(ErkButton, { disabled: !editable || postview, text: step.addBtnLabel + (step.required ? ' *' : ''), sx: { padding: '5px 15px' }, onClick: () => {
+                    } }, others), index)); }) })), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: ref, className: 'hidden-input' }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
                             if (editable && !postview) {
                                 handleAddIncident();
                             }
-                        } })] }), !!error && value.filter((elem) => !elem.deleted).length === 0 && (_jsx("div", { className: styles.errorMsg, style: { color: formStyle.errorColor }, children: "Este campo es obligatorio" }))] }));
+                        } })] })), !!error && value.filter(function (elem) { return !elem.deleted; }).length === 0 && (_jsx("div", __assign({ className: styles.errorMsg, style: { color: formStyle.errorColor } }, { children: "Este campo es obligatorio" })))] })));
 }
 export default CBRIncidentsStep;

package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StepProps } from '../../Step';
 import { CBRPropertyStep } from '../../../@Types/CBRFormStep';
 export interface PropertyRendererProps extends Omit<StepProps, 'step'> {