@arquimedes.co/eureka-forms 1.9.56-test → 1.9.57-test

package/dist/@Types/FormStep.d.ts

@@ -8,6 +8,7 @@ export interface Title extends GSteps.GBaseStep {
 }
 export interface CheckBox extends GSteps.GCheckBox {
     type: Types.CHECKBOX;
+    steps: string[];
 }
 export interface Rating extends GSteps.GBaseStep {
     type: Types.RATING;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CheckBoxStepProps } from '../CheckBoxStep';
-declare function CheckBoxStep({ step, form, errors, control, editable, postview, formStyle, widthStats, }: CheckBoxStepProps): JSX.Element;
+declare function CheckBoxStep(props: CheckBoxStepProps): JSX.Element;
 export default CheckBoxStep;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -20,31 +20,43 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { createElement as _createElement } from "react";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import styles from './MaterialCheckBoxStep.module.css';
 import { calcStepWidth } from '../../StepFunctions';
 import RoundedCheckBox from '../../../../shared/RoundedCheckBox/RoundedCheckBox';
 import { Controller } from 'react-hook-form';
-function CheckBoxStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
-            width: widthStats.currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form.size),
-            minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
-                            required: step.required
-                                ? 'Este campo es obligatorio'
-                                : undefined,
-                        }, shouldUnregister: true, render: function (_a) {
-                            var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: ref, padding: "0px", size: "1.6rem", error: !!errors[step.id], cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value })));
-                        } })] })), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
-                    color: !!errors[step.id]
-                        ? formStyle.errorColor
-                        : formStyle.descriptionTextColor,
-                } }, { children: !!errors[step.id]
-                    ? 'Este campo es obligatorio'
-                    : step.description })))] })));
+import React from 'react';
+import StepComponent from '../../Step';
+function CheckBox(_a) {
+    var step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, onChange = _a.onChange, inputRef = _a.inputRef, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, others = __rest(_a, ["step", "form", "value", "onBlur", "errors", "onChange", "inputRef", "editable", "postview", "formStyle", "widthStats"]);
+    return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: styles.container, style: {
+                    width: widthStats.currentBreakPoint <= step.size
+                        ? '100%'
+                        : calcStepWidth(step.size, form.size),
+                    minHeight: step.description || step.required ? '55px' : '43px',
+                } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [step.label && (_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }))), _jsx(RoundedCheckBox, { onChange: onChange, onBlur: onBlur, "data-testid": step.id, inputRef: inputRef, padding: "0px", size: "1.6rem", error: !!errors[step.id], cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: value })] })), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
+                            color: !!errors[step.id]
+                                ? formStyle.errorColor
+                                : formStyle.descriptionTextColor,
+                        } }, { children: !!errors[step.id]
+                            ? 'Este campo es obligatorio'
+                            : step.description })))] })), value &&
+                step.steps &&
+                step.steps.map(function (idSubStep) {
+                    var subStep = form.steps[idSubStep];
+                    return (_createElement(StepComponent, __assign({}, others, { editable: editable, postview: postview, errors: errors, formStyle: formStyle, form: form, widthStats: widthStats, step: subStep, key: idSubStep, handleSizeChange: function () { } })));
+                })] }));
+}
+function CheckBoxStep(props) {
+    var _a;
+    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: (_a = props.originalValues[props.step.id]) !== null && _a !== void 0 ? _a : false, rules: {
+            required: props.step.required
+                ? 'Este campo es obligatorio'
+                : undefined,
+        }, shouldUnregister: true, render: function (_a) {
+            var _b = _a.field, ref = _b.ref, field = __rest(_b, ["ref"]);
+            return (_jsx(CheckBox, __assign({}, props, field, { inputRef: ref })));
+        } }));
 }
 export default CheckBoxStep;

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/MaterialMapperStep.js

@@ -195,6 +195,16 @@ function calcRecursiveData(element, newSteps, deps, originalValues) {
                 }
                 break;
             }
+            case StepTypes.CHECKBOX: {
+                if (step.steps) {
+                    for (var i = 0; i < step.steps.length; i++) {
+                        var idStep_5 = step.steps[i];
+                        var newId = element.ids[idStep_5];
+                        step.steps[i] = newId;
+                    }
+                }
+                break;
+            }
             case StepTypes.ENTITYVALUEPICKER:
                 for (var _h = 0, _j = step.filters; _h < _j.length; _h++) {
                     var filter = _j[_h];

package/package.json

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