@arquimedes.co/eureka-forms 1.1.7-test → 1.1.9

package/dist/App.js

@@ -65,7 +65,6 @@ import FormComponent from './FormComponents/Form/Form';
 import StepTypes from './constants/FormStepTypes';
 import axiosInstance from './AxiosAPI';
 import widgetInstance from './AxiosWidget';
-import LogRocket from 'logrocket';
 function App(_a) {
     var _this = this;
     var _b, _c, _d, _e;
@@ -120,23 +119,44 @@ function App(_a) {
             setOrganizationInfo(null);
         }
     }, []);
-    useEffect(function () {
-        if (organizationInfo) {
-            if (process.env.NODE_ENV === 'production' &&
-                apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
-                !internal &&
-                !postview &&
-                !preview) {
-                LogRocket.init('63mg8a/forms-uv0gd');
-                LogRocket.identify(organizationInfo.idOrganization + '/' + apiKey, {
-                    organization: organizationInfo.name,
-                });
+    var loadLogRocket = function () { return __awaiter(_this, void 0, void 0, function () {
+        var LogRocket, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(organizationInfo && form !== undefined)) return [3 /*break*/, 4];
+                    if (!(process.env.NODE_ENV === 'production' &&
+                        apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
+                        !internal &&
+                        !postview &&
+                        !preview)) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, import('logrocket')];
+                case 2:
+                    LogRocket = _a.sent();
+                    LogRocket.init('63mg8a/forms-uv0gd');
+                    LogRocket.identify(organizationInfo.idOrganization + '/' + apiKey, {
+                        name: organizationInfo.name +
+                            '/' +
+                            (form ? form === null || form === void 0 ? void 0 : form.name : '404'),
+                    });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('LogRocker Error', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
-        }
-    }, [organizationInfo]);
+        });
+    }); };
+    useEffect(function () {
+        loadLogRocket();
+    }, [organizationInfo, form]);
     var containerRef = useRef();
     var loadOrgInfo = function (domain) { return __awaiter(_this, void 0, void 0, function () {
-        var response, _a, error_1;
+        var response, _a, error_2;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -170,8 +190,8 @@ function App(_a) {
                     }
                     return [3 /*break*/, 6];
                 case 5:
-                    error_1 = _b.sent();
-                    console.error(error_1);
+                    error_2 = _b.sent();
+                    console.error(error_2);
                     setOrganizationInfo(null);
                     return [3 /*break*/, 6];
                 case 6: return [2 /*return*/];
@@ -179,7 +199,7 @@ function App(_a) {
         });
     }); };
     var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
-        var response, error_2;
+        var response, error_3;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -197,8 +217,8 @@ function App(_a) {
                     }
                     return [3 /*break*/, 3];
                 case 2:
-                    error_2 = _a.sent();
-                    console.error(error_2);
+                    error_3 = _a.sent();
+                    console.error(error_3);
                     setForm(null);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -20,7 +20,6 @@ function CheckBoxStep(_a) {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form),
-            maxWidth: '100%',
             minHeight: step.description || step.required ? '55px' : '43px',
         } }, { children: [_jsxs("div", __assign({ className: styles.labelCheckBoxContainer }, { children: [_jsxs("div", __assign({ className: styles.checkboxLbl }, { children: [step.label, step.required ? ' *' : '', ":"] }), void 0), _jsx(Controller, { name: step.id, control: control, defaultValue: false, rules: {
                             required: step.required

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -51,7 +51,6 @@ function ClassifierSelector(_a) {
                 width: widthStats.currentBreakPoint <= step.size
                     ? '100%'
                     : calcStepWidth(step.size, form),
-                maxWidth: '100%',
                 minHeight: step.description || step.required ? '55px' : '43px',
             } }, { children: _jsxs(RoundedSelect, __assign({ fullWidth: true, value: value, cantEdit: postview, helperTextColor: formStyle.descriptionTextColor, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
                     onChange(event.target.value);

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.module.css

@@ -1,6 +1,6 @@
 .container {
     width: fit-content;
-    max-width: 100%;
+    max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
     padding-bottom: 0px;

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.module.css

@@ -1,6 +1,6 @@
 .container {
     width: fit-content;
-    max-width: 100%;
+    max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
     padding-bottom: 0px;

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

@@ -2,7 +2,9 @@
     font: inherit;
     font-size: 1rem;
 }
-
+.postview-editor {
+    cursor: default !important;
+}
 .EF-DraftContainer .DraftEditor-root {
     height: unset;
 }
@@ -33,6 +35,10 @@
     background-color: transparent;
 }
 
+.postview-editor-toolbar {
+    pointer-events: none;
+}
+
 .EF-DraftContainer .rdw-editor-main {
     cursor: text;
     padding-top: 12px;

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

@@ -39,7 +39,6 @@ function TextAreaStep(_a) {
         else {
             return {
                 border: '1px solid ' + formStyle.outlineColor,
-                pointerEvents: postview ? 'none' : 'all',
             };
         }
     };
@@ -91,9 +90,15 @@ function TextAreaStep(_a) {
                                             ' RichEditor-hidePlaceholder';
                                     }
                                 }
+                                if (postview) {
+                                    editorClassName += ' postview-editor';
+                                }
                                 return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
                                         setFocus(true);
-                                    }, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar, editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
+                                    }, readOnly: postview, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar +
+                                        (postview
+                                            ? ' postview-editor-toolbar'
+                                            : ''), editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
                                         options: [
                                             'inline',
                                             'list',

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

@@ -1,7 +1,7 @@
 .container,
 .textEditorContainer {
     width: fit-content;
-    max-width: 100%;
+    max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
     padding-bottom: 0px;

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.module.css

@@ -1,6 +1,6 @@
 .container {
     width: fit-content;
-    max-width: 100%;
+    max-width: calc(100% - 20px);
     display: flex;
     padding: 10px;
     padding-bottom: 0px;

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.module.css

@@ -16,11 +16,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+    cursor: default;
 }
 
 .descriptionPar {
@@ -28,10 +24,6 @@
     margin: 0px;
     white-space: pre-wrap;
     margin-top: 15px;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     margin-bottom: 10px;
+    cursor: default;
 }

package/package.json

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