@arquimedes.co/eureka-forms 1.5.5-test → 1.5.8-test

package/dist/App.d.ts

@@ -17,6 +17,8 @@ export interface AppProps {
     preview?: boolean;
     /** If the form can be edited (For entities) */
     editable?: boolean;
+    /** The custom send label to display */
+    sendLabel?: string;
     /** The data to fill the form with */
     valuesData?: Record<string, unknown>;
     /** Custom steps to display */
@@ -29,6 +31,7 @@ export interface AppProps {
     handleConfirmed?: Function;
 }
 export interface CustomStep {
+    componentProps?: Record<string, any>;
     component: ReactNode;
     updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
 }

package/dist/FormComponents/Form/ColumnForm/ColumnForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormComponentProps } from '../Form';
-declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, widthStats, customSteps, customSend, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
+declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
 export default ColumnForm;

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

@@ -70,7 +70,7 @@ import axiosInstance from '../../../AxiosAPI';
 import widgetInstance from '../../../AxiosWidget';
 function ColumnForm(_a) {
     var _this = this;
-    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, widthStats = _a.widthStats, customSteps = _a.customSteps, customSend = _a.customSend, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "widthStats", "customSteps", "customSend", "handleLoaded", "originalValues"]);
+    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, sendLabel = _a.sendLabel, widthStats = _a.widthStats, customSteps = _a.customSteps, customSend = _a.customSend, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "handleLoaded", "originalValues"]);
     var _b = useState(false), tempError = _b[0], setTempError = _b[1];
     var _c = useState(calcDependencies(form.steps, originalValues)), dependencyStore = _c[0], setDependencyStore = _c[1];
     var _d = useForm({
@@ -161,7 +161,7 @@ function ColumnForm(_a) {
                         color: formStyle.primaryContrastColor,
                     }, disabled: loading }, { children: [_jsx("div", __assign({ style: {
                                 visibility: loading ? 'hidden' : 'visible',
-                            } }, { children: "Enviar" }), void 0), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }, void 0) }), void 0))] }), void 0) }), void 0))] }), void 0));
+                            } }, { children: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar' }), void 0), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }, void 0) }), void 0))] }), void 0) }), void 0))] }), void 0));
 }
 export default ColumnForm;
 function calcNextSection(form, idSection, sections) {

package/dist/FormComponents/Form/Form.d.ts

@@ -26,6 +26,8 @@ export interface FormComponentProps {
     handleLoaded: () => void;
     /** If the form can be edited (For entities) */
     editable: boolean;
+    /** The custom send label to display */
+    sendLabel?: string;
 }
 declare function FormComponent({ form, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
     containerRef: any;

package/dist/FormComponents/Form/Form.js

@@ -58,19 +58,20 @@ function FormComponent(_a) {
         var currentWidth = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
         if (currentWidth !== undefined) {
             var currentBreakPoint = form.size.blockNum;
+            var padding = form.isStandAlone ? 40 : 0;
             while (currentWidth <
                 (form.size.blockSize + form.size.spacingSize) *
                     currentBreakPoint +
-                    40) {
+                    padding) {
                 currentBreakPoint--;
             }
             setWidthStats({
                 isResponsive: currentWidth <
                     (form.size.blockSize + form.size.spacingSize) *
                         form.size.blockNum +
-                        40,
+                        padding,
                 isMobile: currentWidth <
-                    (form.size.blockSize + form.size.spacingSize) * 2 + 40,
+                    (form.size.blockSize + form.size.spacingSize) * 2 + padding,
                 currentBreakPoint: currentBreakPoint,
             });
         }

package/dist/FormComponents/Step/Step.js

@@ -33,10 +33,11 @@ import FileUploadStep from './FileUploadStep/FileUploadStep';
 import CheckBoxStep from './CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep';
 import CBRStepMapper from './CBRStepMapper';
 function StepComponent(_a) {
+    var _b;
     var step = _a.step, props = __rest(_a, ["step"]);
     var customStep = props.customSteps[step.type];
     if (customStep) {
-        return customStep.component(__assign({ step: step }, props));
+        return customStep.component(__assign(__assign({ step: step }, props), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
     }
     switch (step.type) {
         case Types.TITLE: {

package/package.json

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