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

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/package.json

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