@arquimedes.co/eureka-forms 1.9.73-test → 1.9.75-test

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

@@ -121,7 +121,10 @@ interface HideFormEntityValuePickerOption {
 }
 export interface Mapper extends GSteps.GBaseStep {
     type: Types.MAPPER;
-    style: MapperStyleTypes;
+    style: {
+        type: MapperStyleTypes;
+        size?: number;
+    };
     label: string;
     description: string | null;
     addBtnLabel: string;

package/dist/App.d.ts

@@ -40,6 +40,8 @@ export interface CustomStep {
     componentProps?: Record<string, any>;
     component: ReactNode;
     calcValue?: (step: any, value: any) => any;
+    /** Function to change custom steps nested step ids to the generated ones. */
+    calcRecursiveData?: (step: any, ids: Record<string, string>) => void;
     calcDependencyValue?: (step: any, value: any) => any;
 }
 declare function App({ apiKey, domain, preview, partial, formData, postview, editable, isWidget, internal, valuesData, customSend, customSteps, classifiers, handleConfirmed, ...others }: AppProps): JSX.Element;

package/dist/FormComponents/Step/MapperStep/MapperStep.d.ts

@@ -4,6 +4,7 @@ import { StepProps } from '../Step';
 export interface MapperStepProps extends StepProps {
     /** The MapperStep to display */
     step: Mapper;
+    customAdd?: JSX.Element;
 }
 declare function MapperStep({ step, formStyle, ...others }: MapperStepProps): JSX.Element;
 export default MapperStep;

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/Element/MapperElement.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 import { MapperStepProps } from '../../MapperStep';
 import { MapperElement } from '../MaterialMapperStep';
-declare function MapperElementComponent({ step, form, level, element, handleDelete, ...others }: MapperStepProps & {
+interface CustomMapperElementModifiers<Type> {
+    calcName?: (element: MapperElement<Type>) => string;
+}
+export interface MapperElementComponentProps<Type> {
     num: number;
-    element: MapperElement;
+    customElementModifiers?: CustomMapperElementModifiers<Type>;
+    element: MapperElement<Type>;
     handleDelete: Function;
-}): JSX.Element;
+}
+declare function MapperElementComponent<Type = any>(props: MapperStepProps & MapperElementComponentProps<Type>): JSX.Element;
 export default MapperElementComponent;

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

@@ -9,30 +9,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import StepComponent from '../../../Step';
 import PillElementContainer from './PillElementContainer/PillElementContainer';
-function MapperElementComponent(_a) {
-    var step = _a.step, form = _a.form, level = _a.level, element = _a.element, handleDelete = _a.handleDelete, others = __rest(_a, ["step", "form", "level", "element", "handleDelete"]);
+function MapperElementComponent(props) {
+    var level = props.level, form = props.form, step = props.step, element = props.element, editable = props.editable;
     if (element.deleted) {
         return _jsx("div", {});
     }
-    return (_jsx(PillElementContainer, __assign({ handleDelete: handleDelete }, others, { step: step, size: form.size }, { children: step.rootSteps.map(function (idSubStep) {
+    return (_jsx(PillElementContainer, __assign({}, props, { step: step }, { children: step.rootSteps.map(function (idSubStep) {
             var _a;
             var subStep = form.steps[element.ids[idSubStep]];
-            return (_createElement(StepComponent, __assign({}, others, { globalEditable: others.editable ? (_a = step.editable) !== null && _a !== void 0 ? _a : true : false, form: form, step: subStep, key: idSubStep, level: level + 1 })));
+            return (_createElement(StepComponent, __assign({}, props, { globalEditable: editable ? (_a = step.editable) !== null && _a !== void 0 ? _a : true : false, step: subStep, key: idSubStep, level: level + 1 })));
         }) })));
 }
 export default MapperElementComponent;

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/Element/PillElementContainer/PillElementContainer.d.ts

@@ -1,14 +1,11 @@
 /// <reference types="react" />
 import { MapperStepProps } from '../../../MapperStep';
-import { Form } from '../../../../../../@Types';
-import { Mapper } from '../../../../../../@Types/FormStep';
-declare function PillElementContainer({ step, size, num, children, editable, postview, formStyle, handleDelete, widthStats, }: Pick<MapperStepProps, 'editable' | 'postview' | 'widthStats'> & {
-    step: Mapper;
+import { MapperElementComponentProps } from '../MapperElement';
+declare function PillElementContainer<Type = any>({ step, form, num, element, children, editable, postview, formStyle, handleDelete, widthStats, customElementModifiers, }: MapperStepProps & MapperElementComponentProps<Type> & {
     num: number;
     formStyle: {
         textColor: string;
     };
-    size: Form['size'];
     handleDelete?: Function;
     /** children to render */
     children?: any;

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

@@ -13,13 +13,16 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import styles from './PillElementContainer.module.css';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 function PillElementContainer(_a) {
-    var step = _a.step, size = _a.size, num = _a.num, children = _a.children, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, handleDelete = _a.handleDelete, widthStats = _a.widthStats;
-    return (_jsx("div", __assign({ className: widthStats.isMobile || size.blockNum < 3
-            ? styles.mobileContainer
-            : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
+    var _b, _c;
+    var step = _a.step, form = _a.form, num = _a.num, element = _a.element, children = _a.children, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, handleDelete = _a.handleDelete, widthStats = _a.widthStats, customElementModifiers = _a.customElementModifiers;
+    var size = form.size;
+    var calcName = (customElementModifiers !== null && customElementModifiers !== void 0 ? customElementModifiers : {}).calcName;
+    return (_jsx("div", __assign({ className: widthStats.isMobile ? styles.mobileContainer : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
                 width: (size.blockSize + size.spacingSize) *
-                    (size.blockNum - 1),
-            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + (num + 1), ":"] })), step.deletable !== false && (_jsx("div", __assign({ className: !editable || postview
+                    ((_c = (_b = step.style) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : size.blockNum - 1),
+            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [calcName
+                            ? calcName(element)
+                            : step.unitLabel + ' ' + (num + 1), ":"] })), step.deletable !== false && (_jsx("div", __assign({ className: !editable || postview
                         ? styles.disabledDeleteBtn
                         : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
                         if (editable && !postview) {

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/MaterialMapperStep.d.ts

@@ -1,16 +1,15 @@
 /// <reference types="react" />
 import { MapperStepProps } from '../MapperStep';
-export interface MapperElement {
+export interface MapperElement<Type> {
     ids: Record<string, string>;
     id: string;
     deleted?: boolean;
-    value?: any;
+    value?: Type;
 }
-export declare function ElementsComponent({ step, form, inputRef, editable, postview, elements, formStyle, customAdd, dependencyStore, setDependencyStore, ...others }: MapperStepProps & {
-    onChange: (elements: MapperElement[]) => void;
-    elements: MapperElement[];
+export declare function ElementsComponent<Type = any>({ step, form, inputRef, editable, postview, elements, formStyle, customAdd, dependencyStore, setDependencyStore, ...others }: MapperStepProps & {
+    onChange: (elements: MapperElement<Type>[]) => void;
+    elements: MapperElement<Type>[];
     inputRef: any;
-    customAdd?: JSX.Element;
 }): JSX.Element;
 declare function MapperStep(props: MapperStepProps): JSX.Element;
 export default MapperStep;

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

@@ -33,7 +33,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, cloneElement } from 'react';
 import styles from './MaterialMapperStep.module.css';
 import { Controller } from 'react-hook-form';
-import StepTypes, { ClassifierOptionTypes, MapperStyleTypes, OptionTypes, } from '../../../../constants/FormStepTypes';
+import StepTypes, { ClassifierOptionTypes, EntityValueOptionTypes, MapperStyleTypes, OptionTypes, } from '../../../../constants/FormStepTypes';
 import RoundedButton from '../../../../shared/RoundedButton/RoundedButton';
 import { nanoid } from 'nanoid';
 import { calcStepDependencyValue } from '../../../Form/ColumnForm/ColumnForm';
@@ -71,7 +71,7 @@ export function ElementsComponent(_a) {
                         elemSteps[newIdStep] = baseStep;
                         newSteps[newIdStep] = baseStep;
                     }
-                    calcRecursiveData(element, elemSteps, deps, others.originalValues);
+                    calcRecursiveData(element, elemSteps, deps, others.customSteps, others.originalValues);
                 }
                 setDependencyStore(deps);
                 setLocalSteps(__assign(__assign({}, localSteps), newSteps));
@@ -102,13 +102,14 @@ export function ElementsComponent(_a) {
             newSteps[newIdStep] = baseStep;
         }
         var deps = __assign({}, dependencyStore);
-        calcRecursiveData(newElement, newSteps, deps);
+        calcRecursiveData(newElement, newSteps, others.customSteps, deps);
         onChange(__spreadArray(__spreadArray([], elements, true), [newElement], false));
         setLocalSteps(__assign(__assign({}, localSteps), newSteps));
         setDependencyStore(deps);
     };
     var calcStyles = function () {
-        switch (step.style) {
+        var _a;
+        switch ((_a = step.style) === null || _a === void 0 ? void 0 : _a.type) {
             case MapperStyleTypes.LIST:
                 return { container: styles.listContainer };
             case MapperStyleTypes.PILL:
@@ -150,7 +151,7 @@ function MapperStep(props) {
         } }));
 }
 export default MapperStep;
-function calcRecursiveData(element, newSteps, deps, originalValues) {
+function calcRecursiveData(element, newSteps, deps, customSteps, originalValues) {
     if (originalValues === void 0) { originalValues = {}; }
     for (var _i = 0, _a = Object.keys(newSteps); _i < _a.length; _i++) {
         var idStep = _a[_i];
@@ -165,6 +166,10 @@ function calcRecursiveData(element, newSteps, deps, originalValues) {
                 }
             }
         }
+        var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
+        if (custom.calcRecursiveData) {
+            custom.calcRecursiveData(step, element.ids);
+        }
         switch (step.type) {
             case StepTypes.SELECTOR: {
                 for (var _b = 0, _c = step.options; _b < _c.length; _b++) {
@@ -233,6 +238,17 @@ function calcRecursiveData(element, newSteps, deps, originalValues) {
                         }
                     }
                 }
+                for (var _k = 0, _l = Object.keys(step.options); _k < _l.length; _k++) {
+                    var idOption = _l[_k];
+                    var option = step.options[idOption];
+                    if (option.type === EntityValueOptionTypes.NESTED) {
+                        for (var i = 0; i < option.steps.length; i++) {
+                            var idStep_6 = option.steps[i];
+                            var newId = element.ids[idStep_6];
+                            option.steps[i] = newId;
+                        }
+                    }
+                }
                 break;
             case CBRFormStepTypes.CBR_LOCATIVAS:
                 var elementStep = step;

package/dist/constants/FormStepTypes.d.ts

@@ -41,5 +41,6 @@ export declare enum RatingTypes {
 export default StepTypes;
 export declare enum MapperStyleTypes {
     PILL = "PILL",
-    LIST = "LIST"
+    LIST = "LIST",
+    INLINE = "INLINE"
 }

package/dist/constants/FormStepTypes.js

@@ -50,4 +50,5 @@ export var MapperStyleTypes;
 (function (MapperStyleTypes) {
     MapperStyleTypes["PILL"] = "PILL";
     MapperStyleTypes["LIST"] = "LIST";
+    MapperStyleTypes["INLINE"] = "INLINE";
 })(MapperStyleTypes || (MapperStyleTypes = {}));

package/package.json

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