@arquimedes.co/eureka-forms 2.0.12-test → 2.0.14-test

package/dist/Form/FormFunctions.js

@@ -176,6 +176,14 @@ export var calcMapperSubSteps = function (step, elements, customSteps) {
 function calcStepDependency(idStep, steps, values, customSteps) {
     var _a, _b;
     var depStep = steps[idStep];
+    if (!depStep) {
+        console.error('Missing Step Dependency:', idStep);
+        return {
+            type: 'MISSING',
+            value: null,
+            dependents: [],
+        };
+    }
     var originalValue = (_a = values.sections[depStep.idSection]) === null || _a === void 0 ? void 0 : _a[depStep.id];
     return {
         type: (_b = depStep === null || depStep === void 0 ? void 0 : depStep.type) !== null && _b !== void 0 ? _b : 'ORIGINAL',

package/dist/FormSteps/CustomStep.js

@@ -34,6 +34,6 @@ function CustomStepComponent(_a) {
     var dependencyStore = useAppSelector(function (state) { return state.site.dependencies; });
     var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var dependencyInfo = useStepDependency(props.step);
-    return customStep.component(__assign(__assign(__assign(__assign(__assign({}, props), { dependencyStore: dependencyStore, widthStats: widthStats, form: form, customStepProps: customStepProps }), dependencyInfo), global), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
+    return customStep.component(__assign(__assign(__assign(__assign(__assign({}, global), dependencyInfo), props), { dependencyStore: dependencyStore, widthStats: widthStats, form: form, customStepProps: customStepProps }), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
 }
 export default CustomStepComponent;

package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { MapperStepProps } from '../MapperStep';
-declare function MapperStep<Type>({ step, level, editable, customAdd, loading, }: MapperStepProps<Type> & {
+import { MapperElement } from '../../../@Types/MapperElement';
+declare function MapperStep<Type>({ step, editable, customAdd, loading, elements, inputRef, onChange, ...others }: MapperStepProps<Type> & {
     loading?: boolean;
+    onChange?: (elements: MapperElement<Type>[]) => void;
+    elements?: MapperElement<Type>[];
+    inputRef?: any;
 }): JSX.Element;
 export default MapperStep;

package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.js

@@ -30,6 +30,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import React, { useState, useEffect, useContext, useMemo, useCallback, } from 'react';
 import styles from './MaterialMapperStep.module.css';
 import { useController, useFormContext } from 'react-hook-form';
@@ -44,7 +45,7 @@ import { useStepDependency } from '../../StepHooks';
 import { addMapperStep } from '../../../App/AppFunctions';
 import { calcMapperSubSteps } from '../../../Form/FormFunctions';
 function MapperStep(_a) {
-    var step = _a.step, level = _a.level, editable = _a.editable, customAdd = _a.customAdd, _b = _a.loading, loading = _b === void 0 ? false : _b;
+    var step = _a.step, editable = _a.editable, customAdd = _a.customAdd, _b = _a.loading, loading = _b === void 0 ? false : _b, elements = _a.elements, inputRef = _a.inputRef, onChange = _a.onChange, others = __rest(_a, ["step", "editable", "customAdd", "loading", "elements", "inputRef", "onChange"]);
     var form = useContext(FormContext);
     var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
     var customSteps = useContext(CustomContext).customSteps;
@@ -63,12 +64,15 @@ function MapperStep(_a) {
         },
         shouldUnregister: true,
         defaultValue: originalValue,
-    }), _f = _e.field, ref = _f.ref, value = _f.value, field = __rest(_f, ["ref", "value"]), error = _e.fieldState.error;
-    var _g = useState(calcMapperSubSteps(step, value, customSteps)), localSteps = _g[0], setLocalSteps = _g[1];
-    var onChange = useCallback(function (elements) {
+    }), field = _e.field, error = _e.fieldState.error;
+    var ref = inputRef !== null && inputRef !== void 0 ? inputRef : field.ref;
+    var value = elements !== null && elements !== void 0 ? elements : field.value;
+    var change = onChange !== null && onChange !== void 0 ? onChange : field.onChange;
+    var _f = useState(calcMapperSubSteps(step, value, customSteps)), localSteps = _f[0], setLocalSteps = _f[1];
+    var handleChange = useCallback(function (elements) {
         handleStepDep(elements.map(function (element) { return element.value; }));
-        field.onChange(elements);
-    }, [field]);
+        change(elements);
+    }, [field, onChange]);
     useEffect(function () {
         if (value.length === 0 && !postview && editable && step.creatable) {
             if (!customAdd)
@@ -84,7 +88,7 @@ function MapperStep(_a) {
             setValue(key, elems);
         }
         var newElements = __spreadArray(__spreadArray([], value, true), [element], false);
-        onChange(newElements);
+        handleChange(newElements);
         setLocalSteps(__assign(__assign({}, localSteps), steps));
         dispatch(addStepsDependencies({
             steps: steps,
@@ -95,8 +99,8 @@ function MapperStep(_a) {
     var handleDeleteElement = useCallback(function (index) { return function () {
         var tempElements = __spreadArray([], value, true);
         tempElements[index] = __assign(__assign({}, tempElements[index]), { deleted: true });
-        onChange(tempElements);
-    }; }, [value, onChange]);
+        handleChange(tempElements);
+    }; }, [value, handleChange]);
     var subForm = useMemo(function () { return (__assign(__assign({}, form), { steps: __assign(__assign({}, form.steps), localSteps) })); }, [localSteps]);
     var inputValue = useMemo(function () { return JSON.stringify(value); }, [value]);
     var container = useMemo(function () {
@@ -110,7 +114,7 @@ function MapperStep(_a) {
         }
     }, [step]).container;
     var mapElements = function () {
-        return (_jsx(FormContext.Provider, __assign({ value: subForm }, { children: value.map(function (element, index) { return (_jsx(MapperElementComponent, { num: index, level: level, loading: loading, element: element, step: step, editable: editable, handleDelete: handleDeleteElement(index) }, element.id)); }) })));
+        return (_jsx(FormContext.Provider, __assign({ value: subForm }, { children: value.map(function (element, index) { return (_createElement(MapperElementComponent, __assign({}, others, { key: element.id, num: index, loading: loading, element: element, step: step, editable: editable, handleDelete: handleDeleteElement(index) }))); }) })));
     };
     if (step.style.type === MapperStyleTypes.INLINE)
         return _jsx(React.Fragment, { children: mapElements() });
@@ -122,8 +126,6 @@ function MapperStep(_a) {
                             if (editable && !postview) {
                                 handleAddElement();
                             }
-                        } })), customAdd === null || customAdd === void 0 ? void 0 : customAdd(ref, !editable || postview, handleAddElement)] }))), !!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" })))] })));
+                        } })), customAdd === null || customAdd === void 0 ? void 0 : customAdd(ref, !editable || postview, handleAddElement)] }))), !!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 MapperStep;

package/package.json

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