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

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/ColumnForm/ColumnForm.js

@@ -153,7 +153,8 @@ function ColumnForm(_a) {
                     reload();
                     setShowConfirmation(undefined);
                 } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, domain: domain, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps, setDependencyStore: setDependencyStore, dependencyStore: dependencyStore, trigger: trigger }, others), index)); }), form.terms &&
-                !internal &&
+                (!internal || (internal && postview)) &&
+                (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined &&
                 form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }), !postview && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () {
                         onSubmit();
                     }, style: {

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 */
@@ -88,15 +88,13 @@ function FormComponent(_a) {
     if ((postview || internal || !form.isStandAlone) &&
         widthStats !== undefined) {
         return (_jsx("div", __assign({ style: {
-                backgroundColor: internal || postview
+                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 || postview
-                        ? InternalFormStyle
-                        : form.style }), void 0) }), void 0) }), void 0));
+                    }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal ? InternalFormStyle : form.style }), void 0) }), void 0) }), void 0));
     }
     else if (organization && widthStats !== undefined) {
         //Standalone cant have widget

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;
@@ -77,7 +77,10 @@ function TextAreaStep(_a) {
                         if (canEdit) {
                             setFocus(false);
                         }
-                    } }, { children: _jsx("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: function () {
+                    } }, { children: _jsx("div", __assign({ className: postview
+                            ? styles.postViewContainer +
+                                ' EF-DraftContainer'
+                            : styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: function () {
                             if (canEdit) {
                                 setHovering(true);
                             }
@@ -155,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, maxRows: 6, 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);
@@ -13,7 +14,15 @@
     display: flex;
     flex-direction: column;
 }
-
+.postViewContainer {
+    height: fit-content;
+    border-radius: 15px;
+    min-height: 265px;
+    width: 100%;
+    position: relative;
+    margin-bottom: 1px;
+    overflow: hidden;
+}
 .textContainer {
     height: 100%;
     border-radius: 15px;
@@ -56,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/dist/shared/RoundedTextField/RoundedTextField.js

@@ -46,7 +46,7 @@ var useTextfieldStyles = function (props) {
             backgroundColor: props.backgroundColor,
             '& input, textarea': {
                 cursor: props.cantEdit ? 'default' : 'text',
-                padding: props.multiline ? '' : props.padding,
+                padding: props.multiline ? props.padding : props.padding,
                 fontWeight: props.fontWeight,
                 color: props.textColor,
                 fontSize: props.fontSize,
@@ -54,7 +54,7 @@ var useTextfieldStyles = function (props) {
                     fontSize: props.fontSize,
                 },
                 backgroundColor: props.innerBackgroundColor,
-                borderRadius: props.multiline ? '0px' : props.borderRadius,
+                borderRadius: props.borderRadius,
             },
             '& label': {
                 marginTop: props.multiline ? '0px' : '-4px',
@@ -106,7 +106,7 @@ var useTextfieldStyles = function (props) {
                 marginRight: props.maxLength ? 40 : 14,
             },
             '& .EF-MuiOutlinedInput-multiline': {
-                padding: props.padding,
+                padding: 0,
                 backgroundColor: props.innerBackgroundColor,
             },
         },

package/package.json

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

package/dist/index.css

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