@arquimedes.co/eureka-forms 2.0.40 → 2.0.42

package/dist/App/AppFunctions.d.ts

@@ -3,6 +3,7 @@ import { FormStep, Mapper } from '../@Types/FormStep';
 import { SiteState, ValuesStore } from '../States/SiteSlice';
 import { CustomStep } from '../FormSteps/CustomStep';
 import { MapperElement } from '../@Types/MapperElement';
+import { Condition } from '../@Types/Condition';
 export declare const calcValuesStore: (form: Readonly<Form>, originalValues?: Record<string, any>, postview?: boolean, customSteps?: Record<string, CustomStep>) => ValuesStore;
 export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>) => {
     element: MapperElement<Type>;
@@ -12,5 +13,6 @@ export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<str
     steps: Record<string, FormStep>;
 };
 export declare function calcRecursiveData<Type>(element: Readonly<MapperElement<Type>>, newSteps: Record<string, FormStep>, customSteps: Record<string, CustomStep>): void;
+export declare const calcRecursiveCondition: (condition: Condition, ids: Record<string, string>) => void;
 export declare const mapOriginalValue: (step: FormStep, value: any, values: ValuesStore, form?: Readonly<Form>) => any;
 export declare const calcInitialSections: (form: Form) => Pick<SiteState, 'previousSections' | 'idCurrentSection' | 'nextSections'>;

package/dist/App/AppFunctions.js

@@ -13,6 +13,7 @@ import { nanoid } from 'nanoid';
 import StepTypes, { FormTypes } from '../constants/FormStepTypes';
 import { getRawText, stringToDraft } from '../Utils/DraftFunctions';
 import { calcSubSteps } from '../FormSteps/StepFunctions';
+import ConditionTypes from '../constants/ConditionTypes';
 export var calcValuesStore = function (form, originalValues, postview, customSteps) {
     var _a;
     var _b, _c;
@@ -106,9 +107,31 @@ export function calcRecursiveData(element, newSteps, customSteps) {
         if (custom === null || custom === void 0 ? void 0 : custom.calcRecursiveData) {
             custom.calcRecursiveData(step, element.ids);
         }
+        if (step.condition) {
+            calcRecursiveCondition(step.condition, element.ids);
+        }
         calcSubSteps(step.id, newSteps, function (idStep) { var _a; return (_a = element.ids[idStep]) !== null && _a !== void 0 ? _a : idStep; });
     }
 }
+export var calcRecursiveCondition = function (condition, ids) {
+    switch (condition.type) {
+        case ConditionTypes.EXPRESSION:
+            for (var _i = 0, _a = condition.conditions; _i < _a.length; _i++) {
+                var subCondition = _a[_i];
+                calcRecursiveCondition(subCondition, ids);
+            }
+            break;
+        case ConditionTypes.FORM_STEP: {
+            var newId = ids[condition.idStep];
+            if (newId) {
+                condition.idStep = newId;
+            }
+            break;
+        }
+        default:
+            break;
+    }
+};
 export var mapOriginalValue = function (step, value, values, form) {
     var _a, _b, _c, _d, _e, _f;
     if (!value)

package/dist/Form/FormFunctions.js

@@ -130,15 +130,15 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
         sections: {},
     }; }
     if (addDependents === void 0) { addDependents = true; }
-    for (var _i = 0, _c = Object.values(steps); _i < _c.length; _i++) {
-        var step = _c[_i];
+    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];
             if (dependencies[idDep] === undefined &&
                 (addDependents || allSteps[idDep]))
                 dependencies[idDep] = calcStepDependency(idDep, allSteps, values, customSteps);
-            if (addDependents)
+            if (addDependents &&
+                !dependencies[idDep].dependents.find(function (dep) { return dep.id === step.id; }))
                 dependencies[idDep].dependents.push(step);
         }
         if (step.type === StepTypes.ENTITYVALUEPICKER) {
@@ -161,6 +161,10 @@ export function calcDependencies(steps, customSteps, allSteps, dependencies, val
             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];
+        _loop_1(step);
     }
     return dependencies;
 }

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -38,10 +38,12 @@ function CheckBoxStep(_a) {
                 return (_jsx(StepComponent, { editable: editable, step: subStep }, idStep));
             }) }));
     };
-    return (_jsxs(StepFillerContainer, __assign({ step: step }, { children: [_jsxs(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(RoundedCheckBox, __assign({}, field, { inputRef: ref, onChange: onChange, "data-testid": step.id, padding: "0px", size: "1.6rem", error: !!error, cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: value }))] })), (step.description || !!error) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
-                            color: error
-                                ? formStyle.errorColor
-                                : formStyle.descriptionTextColor,
-                        } }, { children: error ? 'Este campo es obligatorio' : step.description })))] })), renderNested()] })));
+    return (_jsxs(StepFillerContainer, __assign({ step: step }, { children: [_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsxs("div", __assign({ className: styles.container }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(RoundedCheckBox, __assign({}, field, { inputRef: ref, onChange: onChange, "data-testid": step.id, padding: "0px", size: "1.6rem", error: !!error, cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: value }))] })), (step.description || !!error) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
+                                color: error
+                                    ? formStyle.errorColor
+                                    : formStyle.descriptionTextColor,
+                            } }, { children: error
+                                ? 'Este campo es obligatorio'
+                                : step.description })))] })) })), renderNested()] })));
 }
 export default CheckBoxStep;

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.module.css

@@ -1,3 +1,7 @@
+.container {
+    display: flex;
+    flex-direction: column;
+}
 .checkboxLbl {
     font-size: 18px;
     margin-right: 10px;

package/dist/FormSteps/Utils/@StepFiller/StepFiller.js

@@ -29,9 +29,9 @@ function StepFiller(_a) {
     if (step.maxSize && step.maxSize < form.size.blockNum) {
         return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
                 width: currentBreakPoint <= step.size ? '100%' : 'fit-content',
-            } }, { children: [_jsx(SizeChangeContext.Provider, __assign({ value: handleSizeChange }, { children: children })), _jsx("div", { className: styles.smallSeparator, style: {
+            } }, { children: [_jsx(SizeChangeContext.Provider, __assign({ value: handleSizeChange }, { children: children })), fillerSize > 0 && (_jsx("div", { className: styles.smallSeparator, style: {
                         width: fillerSize,
-                    } })] })));
+                    } }))] })));
     }
     else {
         return (_jsxs(SizeChangeContext.Provider, __assign({ value: handleSizeChange }, { children: [children, step.maxSize && _jsx("div", { className: styles.separator })] })));

package/package.json

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