@arquimedes.co/eureka-forms 2.0.32 → 2.0.35-test

package/README

@@ -1,4 +1,4 @@
 # E2E
 Se prueban los 3 casos:
 Standalone, desplegando la app buildeada 
-Widget y Libreria con el TestApp,
+Widget y Libreria con el TestApp, 

package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.js

@@ -43,7 +43,9 @@ function Collapsible(_a) {
             setOpen(true);
         }
     }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return errors[dep]; })) !== null && _c !== void 0 ? _c : []);
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: styles.container, style: {
+    return (_jsxs("div", __assign({ style: {
+            breakInside: 'avoid',
+        } }, { children: [_jsxs("div", __assign({ className: styles.container, style: {
                     color: formStyle.textColor,
                     borderColor: formStyle.primaryColor,
                 } }, { children: [_jsx("div", __assign({ className: styles.collapsibleLabel, onClick: function () {
@@ -61,7 +63,7 @@ function Collapsible(_a) {
                         return (_createElement(StepComponent, __assign({}, others, { step: subStep, key: idSubStep })));
                     }) })) })), _jsx("div", { className: styles.separator, style: {
                     backgroundColor: formStyle.primaryColor,
-                } })] }));
+                } })] })));
 }
 function CollapsibleStep(props) {
     var _a;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -208,11 +208,10 @@ function FileUploadStep(_a) {
         }
         return '';
     };
-    return (_jsxs("div", __assign({ className: styles.container + (error || !!fieldError ? ' EF-error' : ''), style: editable === false || postview
-            ? {}
-            : {
-                minHeight: '100px',
-            }, "data-testid": step.id }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label })), step.description && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor } }, { children: step.description }))), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: function (e) {
+    return (_jsxs("div", __assign({ className: styles.container + (error || !!fieldError ? ' EF-error' : ''), style: {
+            breakInside: 'avoid',
+            minHeight: editable === false || postview ? undefined : '100px',
+        }, "data-testid": step.id }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label })), step.description && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor } }, { children: step.description }))), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: function (e) {
                     var files = e.target.files;
                     if (files) {
                         var filesArray = Array.from(files);

package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.js

@@ -50,6 +50,7 @@ function RatingStep(_a) {
     };
     return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: styles.container, style: {
                     paddingBottom: step.description || step.required ? 0 : 15,
+                    breakInside: 'avoid',
                 } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') })), _jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { name: step.id, type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: value, onChange: onChange, inputRef: ref }) })), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
                             color: !!error && value === null
                                 ? (_d = formStyle.errorColor) !== null && _d !== void 0 ? _d : '#cc2936'

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js

@@ -103,6 +103,7 @@ function TextAreaStep(_a) {
         editorClassName += ' postview-editor';
     }
     return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
+            breakInside: 'avoid',
             '--eureka-outline': formStyle.outlineColor,
             '--eureka-primary': formStyle.primaryColor,
         } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
 import styles from './MaterialTextAreaStep.module.css';
 import { useAppSelector } from '../../../hooks';
@@ -26,13 +26,11 @@ function TextAreaStep(_a) {
         },
     }), ref = _e.ref, value = _e.value, onChange = _e.onChange, error = _e.error, field = _e.field;
     var canEdit = editable && !postview;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
+    return (_jsx("div", __assign({ className: styles.container, style: {
             paddingBottom: step.required || step.description || !!error
                 ? '0px'
                 : '5px',
-        } }, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { inputRef: ref, value: value, onChange: function (e) { return onChange(e.target.value); }, "data-testid": step.id, maxLength: maxLength, label: step.label, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: (_c = (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description) !== null && _c !== void 0 ? _c : (step.required ? ' ' : null), error: !!error })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
-                            backgroundColor: formStyle.stepBackgroundColor,
-                            borderColor: formStyle.outlineColor,
-                        } }, { children: value }))] })))] })));
+            breakInside: 'avoid',
+        } }, { children: _jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { inputRef: ref, value: value, onChange: function (e) { return onChange(e.target.value); }, "data-testid": step.id, maxLength: maxLength, label: step.label, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: (_c = (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description) !== null && _c !== void 0 ? _c : (step.required ? ' ' : null), error: !!error })) })) })));
 }
 export default TextAreaStep;

package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -47,6 +47,7 @@ function TextInputStep(_a) {
                 (!postview && editable && (step.required || validation))
                 ? '55px'
                 : '43px',
+            breakInside: 'avoid',
         } }, { children: _jsx(RoundedTextField, __assign({}, field, { inputRef: ref, value: value, onChange: function (e) { return onChange(e.target.value); }, maxLength: maxLength, "data-testid": step.id, label: step.label, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!error, icon: step.showIcon ? icon : undefined })) })));
 }
 export default TextInputStep;

package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -33,6 +33,7 @@ function TitleStep(_a) {
             width: widthStats.currentBreakPoint <= size
                 ? '100%'
                 : calcStepWidth(size, form.size),
+            breakInside: 'avoid',
         } }, { children: [title && (_jsx("div", __assign({ className: styles.titleLbl, style: {
                     textAlign: widthStats.isMobile &&
                         widthStats.currentBreakPoint <= size

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.js

@@ -21,6 +21,7 @@ function MaterialInputContainer(_a) {
     var currentBreakPoint = useAppSelector(selectBreakPoint);
     var postview = useAppSelector(function (state) { return state.global.postview; });
     return (_jsx("div", __assign({ className: styles.container, style: {
+            breakInside: 'avoid',
             width: currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),

package/dist/Widget.js

@@ -9,11 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var _a;
+var _a, _b, _c;
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App/App';
-var WIDGET_ID = 'widget:eureka';
+var WIDGET_ID = (_b = (_a = document.currentScript) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id')) !== null && _b !== void 0 ? _b : 'widget:eureka';
 var element = document.getElementById(WIDGET_ID);
 var props = {};
 if (element) {
@@ -23,7 +23,7 @@ if (element) {
         if (splitUrl.length > 0) {
             props.apiKey = splitUrl[splitUrl.length - 1];
         }
-        var domain = (_a = /:\/\/([^/]+)/.exec(url)) === null || _a === void 0 ? void 0 : _a[1];
+        var domain = (_c = /:\/\/([^/]+)/.exec(url)) === null || _c === void 0 ? void 0 : _c[1];
         if (domain) {
             var splitDomain = domain.split('.');
             if (splitDomain.length > 0 && splitDomain[0] !== 'forms') {

package/package.json

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