@arquimedes.co/eureka-forms 1.9.19-test → 1.9.20

package/dist/FormComponents/Form/Form.js

@@ -1,3 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { FormStyleTypes, FormTypes } from '../../constants/FormStepTypes';
@@ -12,27 +34,31 @@ import { SEED } from '../../constants/MaterialClassNameSeed';
 import InternalFormStyle from '../../constants/InternalFormStyle';
 import enLocale from 'date-fns/locale/en-US';
 import esLocale from 'date-fns/locale/es';
-const localeMap = {
+var localeMap = {
     en: enLocale,
     'en-US': enLocale,
     es: esLocale,
 };
-export const getLocale = () => {
-    return (localeMap[navigator.languages && navigator.languages.length
+export var getLocale = function () {
+    var _a;
+    return ((_a = localeMap[navigator.languages && navigator.languages.length
         ? navigator.languages[0]
         : navigator.userLanguage ||
             navigator.language ||
-            navigator.browserLanguage] ?? localeMap.es);
+            navigator.browserLanguage]) !== null && _a !== void 0 ? _a : localeMap.es);
 };
-function FormComponent({ form, isWidget, internal, postview, organization, containerRef, ...others }) {
-    const [loaded, setLoaded] = useState(false);
-    const [widthStats, setWidthStats] = useState(undefined);
+function FormComponent(_a) {
+    var _b, _c;
+    var form = _a.form, isWidget = _a.isWidget, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "isWidget", "internal", "postview", "organization", "containerRef"]);
+    var _d = useState(false), loaded = _d[0], setLoaded = _d[1];
+    var _e = useState(undefined), widthStats = _e[0], setWidthStats = _e[1];
     /** Calcs the currentBreakPoint and if is mobile */
-    const handleResize = () => {
-        const currentWidth = containerRef?.current?.offsetWidth;
+    var handleResize = function () {
+        var _a;
+        var currentWidth = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
         if (currentWidth !== undefined) {
-            let currentBreakPoint = form.size.blockNum;
-            const padding = postview || internal || !form.isStandAlone ? 0 : 40;
+            var currentBreakPoint = form.size.blockNum;
+            var padding = postview || internal || !form.isStandAlone ? 0 : 40;
             while (currentWidth <
                 (form.size.blockSize + form.size.spacingSize) *
                     currentBreakPoint +
@@ -46,71 +72,72 @@ function FormComponent({ form, isWidget, internal, postview, organization, conta
                         padding,
                 isMobile: currentWidth <
                     (form.size.blockSize + form.size.spacingSize) * 2 + padding,
-                currentBreakPoint,
+                currentBreakPoint: currentBreakPoint,
             });
         }
     };
-    useEffect(() => {
+    useEffect(function () {
         /** On load add a resize listener to calc the currentBreakpoint */
         window.addEventListener('resize', handleResize);
         handleResize();
-        return () => {
+        return function () {
             window.removeEventListener('resize', handleResize);
         };
-    }, [containerRef.current, containerRef.current?.offsetWidth]);
+    }, [containerRef.current, (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth]);
     //If currently displaying internal or form is standalone
     if ((postview || internal || !form.isStandAlone) &&
         widthStats !== undefined) {
-        return (_jsx("div", { style: {
+        return (_jsx("div", __assign({ style: {
                 backgroundColor: internal
                     ? InternalFormStyle.backgroundColor
                     : form.style.backgroundColor,
                 minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
-            }, children: _jsx("div", { className: styles.widgetFormContainer, ref: containerRef, children: _jsx(FormTypeComponent, { ...others, handleLoaded: () => {
+            } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: _jsx(FormTypeComponent, __assign({}, others, { handleLoaded: function () {
                         setLoaded(true);
-                    }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal ? InternalFormStyle : form.style }) }) }));
+                    }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal ? InternalFormStyle : form.style })) })) })));
     }
     else if (organization && widthStats !== undefined) {
         //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: organization.styles?.primaryColor }), _jsx("div", { className: styles.standAloneFormContainer, ref: containerRef, children: _jsx("div", { className: widthStats.isResponsive
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_c = organization.styles) === null || _c === void 0 ? void 0 : _c.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef }, { children: _jsx("div", __assign({ className: widthStats.isResponsive
                             ? styles.fullScreenStandAloneForm
                             : styles.standAloneFormCard, style: {
                             backgroundColor: form.style.backgroundColor,
                             visibility: loaded ? 'visible' : 'hidden',
-                        }, children: _jsx(FormTypeComponent, { ...others, internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style, organization: organization, handleLoaded: () => {
+                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style, organization: organization, handleLoaded: function () {
                                 setLoaded(true);
-                            } }) }) })] }));
+                            } })) })) }))] }));
     }
     else {
         return _jsx("div", {});
     }
 }
-const muiTheme = createTheme({
+var muiTheme = createTheme({
     typography: {
         fontFamily: 'inherit',
     },
 });
-const generateClassName = createGenerateClassName({
+var generateClassName = createGenerateClassName({
     seed: SEED,
     productionPrefix: 'efjss',
 });
-function FormTypeComponent({ ...props }) {
-    const renderTypes = () => {
+function FormTypeComponent(_a) {
+    var props = __rest(_a, []);
+    var renderTypes = function () {
         switch (props.form.type) {
             case FormTypes.COLUMN: {
-                return _jsx(ColumnForm, { ...props });
+                return _jsx(ColumnForm, __assign({}, props));
             }
             case FormTypes.STEPPER: {
-                return _jsx(StepperForm, { ...props });
+                return _jsx(StepperForm, __assign({}, props));
             }
             default: {
-                return _jsx(ColumnForm, { ...props });
+                return _jsx(ColumnForm, __assign({}, props));
             }
         }
     };
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL:
-            return (_jsx(StylesProvider, { generateClassName: generateClassName, children: _jsx(ThemeProvider, { theme: muiTheme, children: _jsx(MuiPickersUtilsProvider, { utils: DateFnsUtils, locale: getLocale(), children: renderTypes() }) }) }));
+            return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils, locale: getLocale() }, { children: renderTypes() })) })) })));
         default:
             return renderTypes();
     }

package/dist/FormComponents/Form/StepperForm/StepperForm.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // import styles from './StepperForm.module.css';
-function StepperForm({}) {
+function StepperForm(_a) {
     return _jsx("div", {});
 }
 export default StepperForm;

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

@@ -1,18 +1,41 @@
+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 { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import StepComponent from '../../Step/Step';
 import styles from './MaterialSection.module.css';
-function MaterialSection({ form, section, widthStats, sendLabel, ...others }) {
-    const { postview, partial, originalValues } = others;
-    return (_jsx("div", { className: styles.container, style: {
+function MaterialSection(_a) {
+    var form = _a.form, section = _a.section, widthStats = _a.widthStats, sendLabel = _a.sendLabel, others = __rest(_a, ["form", "section", "widthStats", "sendLabel"]);
+    var postview = others.postview, partial = others.partial, originalValues = others.originalValues;
+    return (_jsx("div", __assign({ className: styles.container, style: {
             width: (form.size.blockSize + form.size.spacingSize) *
                 form.size.blockNum,
             justifyContent: sendLabel !== undefined &&
                 widthStats.currentBreakPoint < form.size.blockNum
                 ? 'center'
                 : 'normal',
-        }, children: section.steps.map((idStep, index) => {
-            const step = form.steps[idStep];
+        } }, { children: section.steps.map(function (idStep, index) {
+            var step = form.steps[idStep];
             //If partial is active only display steps with originalValues
             if (postview &&
                 partial &&
@@ -20,12 +43,12 @@ function MaterialSection({ form, section, widthStats, sendLabel, ...others }) {
                 return _jsx("div", {}, index);
             }
             else if (step) {
-                return (_createElement(StepComponent, { ...others, widthStats: widthStats, form: form, step: step, handleSizeChange: () => { }, key: index, level: 0 }));
+                return (_createElement(StepComponent, __assign({}, others, { widthStats: widthStats, form: form, step: step, handleSizeChange: function () { }, key: index, level: 0 })));
             }
             else {
                 console.error('Step not found:', idStep);
                 return _jsx("div", {}, index);
             }
-        }) }));
+        }) })));
 }
 export default MaterialSection;

package/dist/FormComponents/Section/Section.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 MaterialSection from './MaterialSection/MaterialSection';
 function SectionComponent(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialSection, { ...props });
+            return _jsx(MaterialSection, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialSection, { ...props });
+            return _jsx(MaterialSection, __assign({}, props));
         }
     }
 }

package/dist/FormComponents/Step/@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';
 function CBRIncidentsStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialCBRIncidentsStep, { ...props });
+            return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialCBRIncidentsStep, { ...props });
+            return _jsx(MaterialCBRIncidentsStep, __assign({}, props));
         }
     }
 }

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

@@ -1,26 +1,49 @@
+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';
-function IncidentComponent({ step, form, level, incident, formStyle, handleDelete, ...others }) {
-    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, form = _a.form, level = _a.level, incident = _a.incident, formStyle = _a.formStyle, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "form", "level", "incident", "formStyle", "handleDelete"]);
+    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: others.widthStats.isMobile || form.size.blockNum < 3
+    return (_jsx("div", __assign({ className: others.widthStats.isMobile || form.size.blockNum < 3
             ? styles.mobileContainer
-            : styles.container, children: _jsxs("div", { className: styles.contentContainer, style: {
+            : styles.container }, { children: _jsxs("div", __assign({ 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 || others.postview
+            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] })), _jsx("div", __assign({ className: !others.editable || others.postview
                         ? styles.disabledDeleteBtn
-                        : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: () => {
+                        : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
                         if (others.editable && !others.postview) {
                             handleDelete();
                         }
-                    }, children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) }), _jsx(StepComponent, { ...others, formStyle: formStyle, form: form, step: spaceStep, handleSizeChange: () => { }, level: level + 1 }), _jsx(StepComponent, { ...others, form: form, formStyle: formStyle, step: elementStep, handleSizeChange: () => { }, level: level + 1 }), _jsx(TextAreaStep, { ...others, form: form, backgroundColor: 'transparent', formStyle: formStyle, step: commentStep, maxLength: 200, handleSizeChange: () => { }, level: level + 1 })] }) }));
+                    } }, { 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 }))] })) })));
 }
 export default IncidentComponent;

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

@@ -1,3 +1,34 @@
+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 { useEffect, useState } from 'react';
@@ -7,94 +38,84 @@ import IncidentComponent from './Incident/Incident';
 import styles from './MaterialCBRIncidentsStep.module.css';
 import { nanoid } from 'nanoid';
 import RoundedButton from '../../../../../shared/RoundedButton/RoundedButton';
-function Incidents({ step, form, btnRef, editable, postview, onChange, incidents, formStyle, dependencyStore, setDependencyStore, ...others }) {
+function Incidents(_a) {
+    var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "incidents", "formStyle", "dependencyStore", "setDependencyStore"]);
     /** Form to pass down with aditional steps */
-    const [localForm, setLocalForm] = useState({
-        ...form,
-        steps: { ...form.steps },
-    });
-    useEffect(() => {
-        if (incidents.length === 0 && !postview && editable) {
+    var _b = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _b[0], setLocalForm = _b[1];
+    var _c = useState(false), firstRender = _c[0], setFirstRender = _c[1];
+    useEffect(function () {
+        setFirstRender(true);
+    }, []);
+    useEffect(function () {
+        if (firstRender && incidents.length === 0 && !postview && editable) {
             handleAddIncident();
         }
-    }, []);
-    const handleAddIncident = () => {
-        const current = incidents.filter((incident) => !incident.deleted);
-        const newIncident = {
+    }, [firstRender]);
+    var handleAddIncident = function () {
+        var _a, _b;
+        var current = incidents.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,
-        };
-        const deps = { ...dependencyStore };
-        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, deps, step.dependencies?.[0] ?? '');
-        onChange([...incidents, 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 });
+        var deps = __assign({}, dependencyStore);
+        addRecursiveElementStep(newIncident.idElementStep, step.elementStep, null, newSteps, deps, (_b = (_a = step.dependencies) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+        onChange(__spreadArray(__spreadArray([], incidents, true), [newIncident], false));
+        setLocalForm(__assign(__assign({}, localForm), { steps: newSteps }));
         setDependencyStore(deps);
     };
-    const addRecursiveElementStep = (idStep, step, idParent, steps, dependencyStore, idProjectDep) => {
-        const idSubStep = CBRFormStepTypes.CBR_LOCATIVAS + '-' + nanoid();
-        const newSubStep = step.subStep ? { ...step.subStep } : undefined;
-        const newStep = {
-            ...step,
-            id: idStep,
-            type: CBRFormStepTypes.CBR_LOCATIVAS,
-            parentStep: idParent,
-            dependencies: [idProjectDep],
-            subStep: null,
-        };
+    var addRecursiveElementStep = function (idStep, step, idParent, steps, dependencyStore, idProjectDep) {
+        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 });
         if (newSubStep) {
             newStep.subStep = idSubStep;
         }
         if (idParent) {
             dependencyStore[idParent] = null;
-            newStep.dependencies?.push?.(idParent);
+            (_b = (_a = newStep.dependencies) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, idParent);
         }
         steps[idStep] = newStep;
         if (newSubStep) {
             addRecursiveElementStep(idSubStep, newSubStep, idStep, steps, dependencyStore, 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: {
+    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 })), incidents.map((incident, index) => (_jsx(IncidentComponent, { incident: incident, formStyle: formStyle, step: step, form: localForm, editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: () => {
-                    const tempIncidents = [...incidents];
+                } }, { children: step.description }))), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, formStyle: formStyle, step: step, form: localForm, editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                    var tempIncidents = __spreadArray([], incidents, 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: btnRef, className: styles.hiddenInput }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: () => {
+                } }, others), index)); }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
                             if (editable && !postview) {
                                 handleAddIncident();
                             }
-                        } })] })] }));
+                        } })] }))] })));
 }
 function CBRIncidentsStep(props) {
     return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: [], rules: {
             required: props.step.required
                 ? 'Este campo es obligatorio'
                 : undefined,
-        }, shouldUnregister: true, render: ({ field }) => (_jsx(Incidents, { ...props, incidents: field.value, onChange: field.onChange, btnRef: field.ref })) }));
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(Incidents, __assign({}, props, { incidents: field.value, onChange: field.onChange, btnRef: field.ref })));
+        } }));
 }
 export default CBRIncidentsStep;