@arquimedes.co/eureka-forms 1.9.32-test → 1.9.33-test

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -275,13 +275,13 @@ export var mapOriginalValues = function (originalValues, form) {
     return newValues;
 };
 var calcValue = function (step, values, customSteps, value) {
-    var _a, _b;
-    if (value === void 0) { value = values[step.id]; }
+    var _a, _b, _c;
+    if (value === void 0) { value = values[(_a = step === null || step === void 0 ? void 0 : step.id) !== null && _a !== void 0 ? _a : '']; }
     if (!step)
         return;
     var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
     if (custom !== undefined) {
-        return (_b = (_a = custom.calcValue) === null || _a === void 0 ? void 0 : _a.call(custom, step, value)) !== null && _b !== void 0 ? _b : value;
+        return (_c = (_b = custom.calcValue) === null || _b === void 0 ? void 0 : _b.call(custom, step, value)) !== null && _c !== void 0 ? _c : value;
     }
     else {
         switch (step === null || step === void 0 ? void 0 : step.type) {
@@ -316,10 +316,10 @@ var calcValue = function (step, values, customSteps, value) {
                 for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
                     var element = elements_1[_i];
                     var newValue = {};
-                    for (var _c = 0, _d = Object.keys(element.ids); _c < _d.length; _c++) {
-                        var idStep = _d[_c];
+                    for (var _d = 0, _e = Object.keys(step.steps); _d < _e.length; _d++) {
+                        var idStep = _e[_d];
                         var mappedId = element.ids[idStep];
-                        if (values[mappedId]) {
+                        if (values[mappedId] !== undefined) {
                             newValue[idStep] = calcValue(step.steps[idStep], values, customSteps, values[mappedId]);
                         }
                     }

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

@@ -30,7 +30,9 @@ function MapperElementComponent(_a) {
         return _jsx("div", {});
     }
     return (_jsx(PillElementContainer, __assign({ handleDelete: handleDelete }, others, { step: step, size: form.size }, { children: step.rootSteps.map(function (idSubStep, index) {
-            var subStep = form.steps[idSubStep];
+            var subStep = form.steps[element.ids[idSubStep]];
+            if (!subStep)
+                return _jsx("div", {});
             return (_createElement(StepComponent, __assign({}, others, { form: form, step: subStep, key: index, level: level + 1 })));
         }) })));
 }

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import styles from './PillElementContainer.modules.css';
+import styles from './PillElementContainer.module.css';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 function PillElementContainer(_a) {
     var step = _a.step, size = _a.size, index = _a.index, children = _a.children, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, handleDelete = _a.handleDelete, widthStats = _a.widthStats;

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

@@ -42,7 +42,9 @@ function Elements(_a) {
     var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, elements = _a.elements, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "elements", "formStyle", "dependencyStore", "setDependencyStore"]);
     var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
     /** Mapper Steps to pass down */
-    var _c = useState((function () {
+    var _c = useState(), localSteps = _c[0], setLocalSteps = _c[1];
+    useEffect(function () {
+        setFirstRender(true);
         var steps = {};
         var deps = __assign({}, dependencyStore);
         for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
@@ -50,7 +52,7 @@ function Elements(_a) {
             var newSteps = {};
             for (var _a = 0, _b = Object.keys(step.steps); _a < _b.length; _a++) {
                 var idStep = _b[_a];
-                var baseStep = form.steps[idStep];
+                var baseStep = step.steps[idStep];
                 var newIdStep = element.ids[idStep];
                 newSteps[newIdStep] = __assign(__assign({}, baseStep), { id: newIdStep });
                 steps[newIdStep] = newSteps[newIdStep];
@@ -58,10 +60,7 @@ function Elements(_a) {
             calcRecursiveData(element, newSteps, deps);
         }
         setDependencyStore(deps);
-        return steps;
-    })()), localSteps = _c[0], setLocalSteps = _c[1];
-    useEffect(function () {
-        setFirstRender(true);
+        setLocalSteps(steps);
     }, []);
     useEffect(function () {
         if (firstRender && elements.length === 0 && !postview && editable) {
@@ -76,10 +75,11 @@ function Elements(_a) {
         var newSteps = {};
         for (var _i = 0, _a = Object.keys(step.steps); _i < _a.length; _i++) {
             var idStep = _a[_i];
-            var baseStep = form.steps[idStep];
+            var baseStep = JSON.parse(JSON.stringify(form.steps[idStep]));
             var newIdStep = step.id + '-' + idStep + '-' + idElement;
+            baseStep.id = newIdStep;
             newElement.ids[idStep] = newIdStep;
-            newSteps[newIdStep] = __assign(__assign({}, baseStep), { id: newIdStep });
+            newSteps[newIdStep] = baseStep;
         }
         var deps = __assign({}, dependencyStore);
         calcRecursiveData(newElement, newSteps, deps);
@@ -97,11 +97,13 @@ function Elements(_a) {
         }
     };
     var container = calcStyles().container;
+    if (!localSteps)
+        return _jsx("div", {});
     return (_jsxs("div", __assign({ className: 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 }))), elements.map(function (incident, index) { return (_jsx(MapperElementComponent, __assign({ index: index, element: incident, formStyle: formStyle, step: step, form: __assign(__assign({}, form), { steps: step.steps }), editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                } }, { children: step.description }))), elements.map(function (incident, index) { return (_jsx(MapperElementComponent, __assign({ index: index, element: incident, formStyle: formStyle, step: step, form: __assign(__assign({}, form), { steps: localSteps }), editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
                     var tempElements = __spreadArray([], elements, true);
                     tempElements[index].deleted = true;
                     onChange(tempElements);

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/MaterialMapperStep.module.css

@@ -11,3 +11,32 @@
     flex-direction: column;
     padding: 5px 0px;
 }
+
+.hiddenInput {
+    height: 0;
+    width: 0;
+    padding: 0;
+    border-width: 0;
+}
+
+.titleLbl {
+    font-size: 24px;
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: default;
+}
+
+.descriptionPar {
+    font-size: 16px;
+    white-space: pre-wrap;
+    cursor: default;
+}
+
+.btnContainer {
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-bottom: 3px;
+    width: fit-content;
+}

package/package.json

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