@arquimedes.co/eureka-forms 1.9.105 → 1.9.106-test

package/dist/App.js

@@ -353,7 +353,9 @@ var mapOriginalValues = function (originalValues, form) {
     }
     for (var _b = 0, _c = Object.values(form.steps); _b < _c.length; _b++) {
         var step = _c[_b];
-        if (step.type !== StepTypes.MAPPER || newValues[step.id])
+        if (step.type !== StepTypes.MAPPER ||
+            newValues[step.id] ||
+            !step.required)
             continue;
         addInitialMapper(newValues, step);
     }

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Mapper } from '../../../@Types/FormStep';
 import { MapperElement } from './MaterialMapperStep/MaterialMapperStep';
 import { StepProps } from '../Step';
+import { ReactNode } from 'react';
 interface CustomMapperElementModifiers<Type> {
     calcName?: (element: MapperElement<Type>) => string;
 }
@@ -9,6 +9,8 @@ export interface MapperStepProps<Type> extends StepProps {
     /** The MapperStep to display */
     step: Mapper;
     customAdd?: JSX.Element;
+    renderElementWrapper?: (element: ReactNode) => JSX.Element;
+    renderElementButtons?: (element: MapperElement<Type>, index: number) => JSX.Element;
     customElementModifiers?: CustomMapperElementModifiers<Type>;
     calcCustomStepProps?: (element: MapperElement<Type>, customStepProps: Record<string, any>) => Record<string, any>;
 }

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MapperStepProps } from '../../../MapperStep';
 import { MapperElementComponentProps } from '../MapperElement';
-declare function PillMapperElement<Type = any>({ step, form, num, loading, element, children, editable, postview, formStyle, handleDelete, widthStats, customElementModifiers, }: MapperStepProps<Type> & MapperElementComponentProps<Type> & {
+declare function PillMapperElement<Type = any>({ step, form, num, loading, element, children, editable, postview, formStyle, handleDelete, widthStats, renderElementButtons, customElementModifiers, renderElementWrapper, }: MapperStepProps<Type> & MapperElementComponentProps<Type> & {
     num: number;
     formStyle: {
         textColor: string;

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

@@ -13,8 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './PillMapperElement.module.css';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 function PillMapperElement(_a) {
-    var _b, _c;
-    var step = _a.step, form = _a.form, num = _a.num, loading = _a.loading, 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 step = _a.step, form = _a.form, num = _a.num, loading = _a.loading, element = _a.element, children = _a.children, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, handleDelete = _a.handleDelete, widthStats = _a.widthStats, renderElementButtons = _a.renderElementButtons, customElementModifiers = _a.customElementModifiers, renderElementWrapper = _a.renderElementWrapper;
     var size = form.size;
     var calcName = (customElementModifiers !== null && customElementModifiers !== void 0 ? customElementModifiers : {}).calcName;
     var name = calcName
@@ -22,15 +21,23 @@ function PillMapperElement(_a) {
         : step.unitLabel
             ? step.unitLabel + ' ' + (num + 1).toString()
             : '';
-    return (_jsx("div", __assign({ className: widthStats.isMobile ? styles.mobileContainer : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
-                width: (size.blockSize + size.spacingSize) *
-                    ((_c = (_b = step.style) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : size.blockNum - 1),
-            } }, { children: [_jsx("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: loading ? '' : name })), step.deletable !== false && (_jsx("div", __assign({ className: !editable || postview
-                        ? styles.disabledDeleteBtn
-                        : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
-                        if (editable && !postview) {
-                            handleDelete === null || handleDelete === void 0 ? void 0 : handleDelete();
-                        }
-                    } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) }))), children] })) })));
+    var renderElement = function () {
+        var _a, _b;
+        return (_jsx("div", __assign({ className: widthStats.isMobile
+                ? styles.mobileContainer
+                : styles.container }, { 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: [_jsx("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: loading ? '' : name })), _jsxs("div", __assign({ className: styles.btnsContainer }, { children: [renderElementButtons === null || renderElementButtons === void 0 ? void 0 : renderElementButtons(element, num), step.deletable !== false && (_jsx("div", __assign({ className: !editable || postview
+                                    ? styles.disabledDeleteBtn
+                                    : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
+                                    if (editable && !postview) {
+                                        handleDelete === null || handleDelete === void 0 ? void 0 : handleDelete();
+                                    }
+                                } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }) })))] })), children] })) })));
+    };
+    return (_jsx("div", __assign({ className: styles.containerContainer }, { children: renderElementWrapper
+            ? renderElementWrapper(renderElement())
+            : renderElement() })));
 }
 export default PillMapperElement;

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

@@ -1,3 +1,7 @@
+.containerContainer {
+    margin-top: 10px;
+}
+
 .container,
 .mobileContainer {
     background-color: #f0f0f0;
@@ -5,13 +9,11 @@
     width: fit-content;
     border-radius: 20px;
     margin-bottom: 10px;
-    margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
-    padding-top: 20px;
-    padding-bottom: 20px;
     position: relative;
 }
+
 .container {
     max-width: calc(100% - 112px);
     padding-right: 55px;
@@ -45,16 +47,25 @@
     max-width: 100%;
     overflow-x: hidden;
     overflow-y: hidden;
+    padding-top: 20px;
+    padding-bottom: 20px;
 }
 
-.deleteBtn,
-.disabledDeleteBtn {
-    font-size: 24px;
+.btnsContainer {
     position: absolute;
     right: 15px;
     top: 15px;
+    display: flex;
+    flex-direction: row;
+    gap: 5px;
+}
+
+.deleteBtn,
+.disabledDeleteBtn {
+    font-size: 24px;
 }
 
 .deleteBtn {
     cursor: pointer;
+    height: 24px;
 }

package/package.json

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