@arquimedes.co/eureka-forms 1.8.3-test → 1.8.5

package/dist/App.js

@@ -270,7 +270,7 @@ function App(_a) {
                     if (handleConfirmed) {
                         handleConfirmed();
                     }
-                }, editable: editable, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo !== null && organizationInfo !== void 0 ? organizationInfo : { idOrganization: domain }, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
+                }, editable: editable, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo !== null && organizationInfo !== void 0 ? organizationInfo : { idOrganization: domain }, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {}, isWidget: isWidget === true }), void 0) }), void 0));
     }
 }
 export default App;

package/dist/App.module.css

@@ -15,7 +15,6 @@
 }
 .container {
     width: 100%;
-    height: 100%;
     position: relative;
 }
 

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

@@ -30,8 +30,9 @@ export interface FormComponentProps {
     /** The custom send label to display */
     sendLabel?: string;
 }
-declare function FormComponent({ form, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
+declare function FormComponent({ form, isWidget, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
     containerRef: any;
     organization: Organization | null;
+    isWidget: boolean;
 }): JSX.Element;
 export default FormComponent;

package/dist/FormComponents/Form/Form.js

@@ -49,7 +49,7 @@ export var getLocale = function () {
 };
 function FormComponent(_a) {
     var _b, _c;
-    var form = _a.form, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "internal", "postview", "organization", "containerRef"]);
+    var form = _a.form, isWidget = _a.isWidget, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "isWidget", "internal", "postview", "organization", "containerRef"]);
     var _d = useState(false), loaded = _d[0], setLoaded = _d[1];
     var _e = useState(undefined), widthStats = _e[0], setWidthStats = _e[1];
     /** Calcs the currentBreakPoint and if is mobile */
@@ -91,7 +91,7 @@ function FormComponent(_a) {
                 backgroundColor: internal
                     ? InternalFormStyle.backgroundColor
                     : form.style.backgroundColor,
-                minHeight: '100%',
+                minHeight: isWidget ? '100%' : '100vh',
             } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: _jsx(FormTypeComponent, __assign({}, others, { handleLoaded: function () {
                         setLoaded(true);
                     }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal ? InternalFormStyle : form.style }), void 0) }), void 0) }), void 0));

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -17,7 +17,7 @@ import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if ste
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import './DraftEditor.css';
 import { convertFromRaw, EditorState } from 'draft-js';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { ClickAwayListener } from '@material-ui/core';
 function TextAreaStep(_a) {
     var step = _a.step, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, maxLength = _a.maxLength, originalValues = _a.originalValues, backgroundColor = _a.backgroundColor;
@@ -158,9 +158,12 @@ function TextAreaStep(_a) {
                 }, shouldUnregister: true, render: function (_a) {
                     var _b;
                     var field = _a.field;
-                    return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
-                            ? errors[step.id].message
-                            : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] }), void 0));
+                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
+                                        ? errors[step.id].message
+                                        : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] }), void 0) }), void 0), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }, void 0), _jsx("p", __assign({ className: styles.printContainer, style: {
+                                            backgroundColor: formStyle.stepBackgroundColor,
+                                            borderColor: formStyle.outlineColor,
+                                        } }, { children: field.value }), void 0)] }), void 0))] }, void 0));
                 } }, void 0) }), void 0));
     }
 }

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.module.css

@@ -3,6 +3,7 @@
     width: fit-content;
     max-width: calc(100% - 20px);
     display: flex;
+    flex-direction: column;
     padding: 10px;
     padding-top: 5px;
     width: calc(100% - 20px);
@@ -64,3 +65,29 @@
     margin-bottom: 2px;
     font-size: 1rem;
 }
+.print {
+    display: none;
+}
+.printContainer {
+    border-radius: 10px;
+    border: 1px solid black;
+    padding: 6px 12px;
+    width: calc(100% - 2);
+    font-size: 1rem;
+    min-height: 50px;
+    margin: 0px;
+}
+.erkTextArea {
+    position: relative;
+    width: 100%;
+    max-width: 100%;
+}
+
+@media print {
+    .print {
+        display: block;
+    }
+    .erkTextArea {
+        display: none !important;
+    }
+}

package/dist/index.d.ts

@@ -1 +1 @@
-import './index.css';
+export {};

package/dist/index.js

@@ -13,7 +13,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as ReactDOM from 'react-dom';
 import App from './App';
 import styles from './index.module.css';
-import './index.css';
 var urlParams = new URLSearchParams(window.location.search);
 var values = urlParams.get('data-values');
 var dataValues = undefined;

package/dist/index.module.css

@@ -1,18 +1,12 @@
 @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
 
-html {
-    height: 100%;
-}
-
 body {
     font-family: 'Nunito';
-    height: 100%;
 }
 
 .eurekaForm {
     min-height: 100vh;
     width: 100%;
-    height: 100%;
     scroll-behavior: smooth;
     overflow: hidden;
     overflow-x: hidden;

package/package.json

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

package/dist/index.css

@@ -1,3 +0,0 @@
-#eureka-root {
-    height: 100%;
-}