@arquimedes.co/eureka-forms 2.0.56 → 2.0.58

package/dist/App/AppFunctions.d.ts

@@ -4,11 +4,12 @@ import { SiteState, ValuesStore } from '../States/SiteSlice';
 import { CustomStep } from '../FormSteps/CustomStep';
 import { MapperElement } from '../@Types/MapperElement';
 import { Condition } from '../@Types/Condition';
+import { MapperValue } from '../FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep';
 export declare const calcValuesStore: (idOrganization: string, form: Readonly<Form>, originalValues?: Record<string, any>, postview?: boolean, customSteps?: Record<string, CustomStep>) => Promise<ValuesStore>;
 export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>, path?: string) => {
     element: MapperElement<Type>;
     /** Record of all the new mapper values created */
-    mappers: Record<string, MapperElement<Type>[]>;
+    mappers: Record<string, MapperValue<Type>>;
     /** Record of all the new steps created */
     steps: Record<string, FormStep>;
 };

package/dist/App/AppFunctions.js

@@ -119,7 +119,7 @@ export var calcValuesStore = function (idOrganization, form, originalValues, pos
                             if (!values.sections[step.idSection])
                                 values.sections[step.idSection] = {};
                             _d = addMapperStep(step, customSteps), element = _d.element, mappers = _d.mappers;
-                            values.sections[step.idSection] = __assign(__assign(__assign({}, values.sections[step.idSection]), mappers), (_e = {}, _e[step.id] = [element], _e));
+                            values.sections[step.idSection] = __assign(__assign(__assign({}, values.sections[step.idSection]), mappers), (_e = {}, _e[step.id] = { elements: [element], page: 0 }, _e));
                         }
                     }
                     return [2 /*return*/, values];
@@ -154,7 +154,10 @@ export var addMapperStep = function (step, customSteps, path) {
             var nested = addMapperStep(nestedStep, customSteps, base + step.id + '-' + idElement);
             steps = __assign(__assign({}, steps), nested.steps);
             mappers = __assign(__assign({}, mappers), nested.mappers);
-            mappers[element.ids[nestedStep.id]] = [nested.element];
+            mappers[element.ids[nestedStep.id]] = {
+                elements: [nested.element],
+                page: 0,
+            };
         }
     }
     return { element: element, mappers: mappers, steps: steps };

package/dist/Form/FormFunctions.js

@@ -129,7 +129,7 @@ function stringToDraft(text) {
     return draftStructure;
 }
 export function calcDependencies(steps, customSteps, allSteps, dependencies, values, addDependents) {
-    var _a, _b;
+    var _a, _b, _c;
     if (customSteps === void 0) { customSteps = {}; }
     if (allSteps === void 0) { allSteps = steps; }
     if (dependencies === void 0) { dependencies = {}; }
@@ -140,8 +140,8 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
     if (addDependents === void 0) { addDependents = true; }
     var _loop_1 = function (step) {
         var idDeps = calcStepDeps(step);
-        for (var _d = 0, idDeps_1 = idDeps; _d < idDeps_1.length; _d++) {
-            var idDep = idDeps_1[_d];
+        for (var _e = 0, idDeps_1 = idDeps; _e < idDeps_1.length; _e++) {
+            var idDep = idDeps_1[_e];
             if (dependencies[idDep] === undefined &&
                 (addDependents || allSteps[idDep]))
                 dependencies[idDep] = calcStepDependency(idDep, allSteps, values, customSteps);
@@ -150,8 +150,8 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
                 dependencies[idDep].dependents.push(step);
         }
         if (step.type === StepTypes.ENTITYVALUEPICKER) {
-            for (var _e = 0, _f = __spreadArray(__spreadArray([], step.path, true), step.filters, true); _e < _f.length; _e++) {
-                var dep = _f[_e];
+            for (var _f = 0, _g = __spreadArray(__spreadArray([], step.path, true), step.filters, true); _f < _g.length; _f++) {
+                var dep = _g[_f];
                 if (dep.type !== EntityValueDataTypes.STEP)
                     continue;
                 if ((_a = step.dependencies) === null || _a === void 0 ? void 0 : _a.includes(dep.idStep))
@@ -165,13 +165,13 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
             }
         }
         if (step.type === StepTypes.MAPPER) {
-            var subSteps = calcMapperSubSteps(step, (_b = values.sections[step.idSection]) === null || _b === void 0 ? void 0 : _b[step.id].elements, customSteps);
+            var subSteps = calcMapperSubSteps(step, (_c = (_b = values.sections[step.idSection]) === null || _b === void 0 ? void 0 : _b[step.id]) === null || _c === void 0 ? void 0 : _c.elements, customSteps);
             var hasSubSteps = Object.keys(subSteps).length > 0;
             calcDependencies(hasSubSteps ? subSteps : step.steps, customSteps, __assign(__assign({}, allSteps), subSteps), dependencies, values, hasSubSteps);
         }
     };
-    for (var _i = 0, _c = Object.values(steps); _i < _c.length; _i++) {
-        var step = _c[_i];
+    for (var _i = 0, _d = Object.values(steps); _i < _d.length; _i++) {
+        var step = _d[_i];
         _loop_1(step);
     }
     return dependencies;

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

@@ -67,6 +67,7 @@ function PagedMapperElement(_a) {
     var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
     var totalElements = elements.filter(function (elem) { return !elem.deleted; });
     var position = totalElements.findIndex(function (e) { return e.id == element.id; });
+    var containerRef = React.useRef(null);
     var pagingRef = React.useRef(null);
     var _d = useFormContext(), getValues = _d.getValues, trigger = _d.trigger, handleSubmit = _d.handleSubmit;
     var nextIndex = useMemo(function () {
@@ -93,11 +94,12 @@ function PagedMapperElement(_a) {
     });
     var handleChangePage = useCallback(function (index) { return __awaiter(_this, void 0, void 0, function () {
         var valid, values, nestedValues, _i, _a, _b, key, value_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0: return [4 /*yield*/, trigger(undefined, { shouldFocus: true })];
                 case 1:
-                    valid = _c.sent();
+                    valid = _d.sent();
                     /** Imprimir errores si no es valido */
                     if (!valid) {
                         handleErrors();
@@ -115,7 +117,7 @@ function PagedMapperElement(_a) {
                         key: step.id + '-' + element.id,
                         values: nestedValues,
                     }));
-                    location.href = '#' + step.id;
+                    (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.scrollIntoView({ behavior: 'smooth' });
                     //Updated the nestedValues in the values store.
                     onChange({
                         elements: elements,
@@ -136,7 +138,7 @@ function PagedMapperElement(_a) {
         var _a, _b, _c;
         return (_jsx("div", __assign({ className: widthStats.isMobile
                 ? styles.mobileContainer
-                : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
+                : styles.container, ref: containerRef }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
                     width: (size.blockSize + size.spacingSize) *
                         ((_b = (_a = step.style) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : size.blockNum - 1),
                 } }, { children: [name && (_jsx("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: loading ? 'Cargando...' : name + ':' }))), _jsxs("div", __assign({ className: styles.btnsContainer }, { children: [renderElementButtons === null || renderElementButtons === void 0 ? void 0 : renderElementButtons(element), (deletable || !element.isOriginal) && (_jsx("div", __assign({ className: !editable || postview

package/package.json

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