@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/FormComponents/Step/Step.js

@@ -1,64 +1,73 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Types from '../../constants/FormStepTypes';
-import SelectorStep from './SelectorStep/SelectorStep';
-import SeparatorStep from './SeparatorStep/SeparatorStep';
-import TextInputStep from './TextInputStep/TextInputStep';
-import TitleStep from './TitleStep/TitleStep';
-import ClassifierSelectorStep from './ClassifierSelectorStep/ClassifierSelectorStep';
-import TextAreaStep from './TextAreaStep/TextAreaStep';
-import DatePickerStep from './DatePickerStep/DatePickerStep';
-import FileUploadStep from './FileUploadStep/FileUploadStep';
-function StepComponent(_a) {
-    var step = _a.step, others = __rest(_a, ["step"]);
-    switch (step.type) {
-        case Types.TITLE: {
-            return _jsx(TitleStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.SELECTOR: {
-            return _jsx(SelectorStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.CLASSIFIER_SELECTOR: {
-            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, others), void 0));
-        }
-        case Types.TEXTAREA: {
-            return _jsx(TextAreaStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.TEXTINPUT: {
-            return _jsx(TextInputStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.DATEPICKER: {
-            return _jsx(DatePickerStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.SEPARATOR: {
-            return _jsx(SeparatorStep, __assign({ step: step }, others), void 0);
-        }
-        case Types.FILEUPLOAD: {
-            return _jsx(FileUploadStep, __assign({ step: step }, others), void 0);
-        }
-        default:
-            return _jsx("div", {}, void 0);
-    }
-}
-export default StepComponent;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Types from '../../constants/FormStepTypes';
+import SelectorStep from './SelectorStep/SelectorStep';
+import SeparatorStep from './SeparatorStep/SeparatorStep';
+import TextInputStep from './TextInputStep/TextInputStep';
+import TitleStep from './TitleStep/TitleStep';
+import ClassifierSelectorStep from './ClassifierSelectorStep/ClassifierSelectorStep';
+import TextAreaStep from './TextAreaStep/TextAreaStep';
+import DatePickerStep from './DatePickerStep/DatePickerStep';
+import FileUploadStep from './FileUploadStep/FileUploadStep';
+import React from 'react';
+function StepComponent(_a) {
+    var step = _a.step, props = __rest(_a, ["step"]);
+    switch (step.type) {
+        case Types.TITLE: {
+            return _jsx(TitleStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.SELECTOR: {
+            return _jsx(SelectorStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.CLASSIFIER_SELECTOR: {
+            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, props), void 0));
+        }
+        case Types.TEXTAREA: {
+            return _jsx(TextAreaStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.TEXTINPUT: {
+            return _jsx(TextInputStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.DATEPICKER: {
+            return _jsx(DatePickerStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.SEPARATOR: {
+            return _jsx(SeparatorStep, __assign({ step: step }, props), void 0);
+        }
+        case Types.FILEUPLOAD: {
+            return _jsx(FileUploadStep, __assign({ step: step }, props), void 0);
+        }
+        default:
+            console.log('TYPENOTFOUND', step.type);
+            var customStep = props.customSteps[step.type];
+            console.log(customStep);
+            if (customStep) {
+                return React.cloneElement(customStep, __assign({ step: step }, props));
+            }
+            else {
+                return _jsx("div", {}, void 0);
+            }
+    }
+}
+export default StepComponent;

package/dist/FormComponents/Step/StepFunctions.d.ts

@@ -1,5 +1,5 @@
-import { Form } from '../../@Types/Form';
-import { ClassifierSelector, FormSelector, FormStep } from '../../@Types/FormStep';
-export declare function calcFillerSize(step: FormSelector | ClassifierSelector, steps: Record<string, FormStep>, values: Record<string, unknown>, form: Form): number;
-export declare function recursivelyCheckOpenSize(step: FormStep, steps: Record<string, FormStep>, values: Record<string, any>): number;
-export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, form: Form) => number;
+import { Form } from '../../@Types/Form';
+import { ClassifierSelector, FormSelector, FormStep } from '../../@Types/FormStep';
+export declare function calcFillerSize(step: FormSelector | ClassifierSelector, steps: Record<string, FormStep>, values: Record<string, unknown>, form: Form): number;
+export declare function recursivelyCheckOpenSize(step: FormStep, steps: Record<string, FormStep>, values: Record<string, any>): number;
+export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, form: Form) => number;

package/dist/FormComponents/Step/StepFunctions.js

@@ -1,51 +1,51 @@
-import Types, { ClassifierOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
-export function calcFillerSize(step, steps, values, form) {
-    if (step.maxSize < form.blockNum) {
-        var stepSize = step.maxSize - recursivelyCheckOpenSize(step, steps, values);
-        return (form.blockSize * stepSize + form.spacingSize * (stepSize - 1) + 20);
-    }
-    else {
-        return 0;
-    }
-}
-export function recursivelyCheckOpenSize(step, steps, values) {
-    var value = values[step.id];
-    if (step.type === Types.SELECTOR) {
-        var size = step.size;
-        if (value) {
-            var currentOption = step.options.find(function (option) { return option.value === value; });
-            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === OptionTypes.NESTED) {
-                var optionSize = 0;
-                for (var _i = 0, _a = currentOption.steps; _i < _a.length; _i++) {
-                    var pStepId = _a[_i];
-                    var pStep = steps[pStepId];
-                    optionSize += recursivelyCheckOpenSize(pStep, steps, values);
-                }
-                size += optionSize;
-            }
-        }
-        return size;
-    }
-    if (step.type === Types.CLASSIFIER_SELECTOR) {
-        var size = step.size;
-        if (value) {
-            var currentOption = step.options[value];
-            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
-                var optionSize = 0;
-                for (var _b = 0, _c = currentOption.steps; _b < _c.length; _b++) {
-                    var pStepId = _c[_b];
-                    var pStep = steps[pStepId];
-                    optionSize += recursivelyCheckOpenSize(pStep, steps, values);
-                }
-                size += optionSize;
-            }
-        }
-        return size;
-    }
-    else {
-        return 4;
-    }
-}
-export var calcStepWidth = function (stepSize, form) {
-    return form.blockSize * stepSize + form.spacingSize * (stepSize - 1);
-};
+import Types, { ClassifierOptionTypes, OptionTypes, } from '../../constants/FormStepTypes';
+export function calcFillerSize(step, steps, values, form) {
+    if (step.maxSize < form.blockNum) {
+        var stepSize = step.maxSize - recursivelyCheckOpenSize(step, steps, values);
+        return (form.blockSize * stepSize + form.spacingSize * (stepSize - 1) + 20);
+    }
+    else {
+        return 0;
+    }
+}
+export function recursivelyCheckOpenSize(step, steps, values) {
+    var value = values[step.id];
+    if (step.type === Types.SELECTOR) {
+        var size = step.size;
+        if (value) {
+            var currentOption = step.options.find(function (option) { return option.value === value; });
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === OptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _i = 0, _a = currentOption.steps; _i < _a.length; _i++) {
+                    var pStepId = _a[_i];
+                    var pStep = steps[pStepId];
+                    optionSize += recursivelyCheckOpenSize(pStep, steps, values);
+                }
+                size += optionSize;
+            }
+        }
+        return size;
+    }
+    if (step.type === Types.CLASSIFIER_SELECTOR) {
+        var size = step.size;
+        if (value) {
+            var currentOption = step.options[value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
+                var optionSize = 0;
+                for (var _b = 0, _c = currentOption.steps; _b < _c.length; _b++) {
+                    var pStepId = _c[_b];
+                    var pStep = steps[pStepId];
+                    optionSize += recursivelyCheckOpenSize(pStep, steps, values);
+                }
+                size += optionSize;
+            }
+        }
+        return size;
+    }
+    else {
+        return 4;
+    }
+}
+export var calcStepWidth = function (stepSize, form) {
+    return form.blockSize * stepSize + form.spacingSize * (stepSize - 1);
+};

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

@@ -0,0 +1,35 @@
+.EF-DraftContainer {
+    font: inherit;
+    font-size: 1rem;
+}
+
+.EF-DraftContainer .DraftEditor-root {
+    height: unset;
+}
+
+.EF-DraftContainer .rdw-option-wrapper {
+    border-radius: 7px;
+    border: 1px solid var(--eureka-outline);
+}
+.EF-DraftContainer .rdw-option-wrapper:active {
+    border: 1px solid var(--eureka-primary);
+}
+.EF-DraftContainer .rdw-option-wrapper:hover {
+    box-shadow: none;
+    border: 1px solid var(--eureka-primary);
+}
+
+.EF-DraftContainer .rdw-option-active {
+    border: 1px solid var(--eureka-primary);
+    box-shadow: none;
+}
+
+.EF-DraftContainer .rdw-editor-toolbar {
+    border-radius: 15px 15px 0 0;
+    border: none;
+    border-bottom: 1px solid var(--eureka-outline);
+}
+
+.EF-DraftContainer .rdw-editor-main {
+    cursor: text;
+}

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import './DraftEditor.css';
-import { TextAreaStepProps } from '../TextAreaStep';
-declare function TextAreaStep({ step, errors, control, postview, formStyle, originalValues, }: TextAreaStepProps): JSX.Element;
-export default TextAreaStep;
+/// <reference types="react" />
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+import './DraftEditor.css';
+import { TextAreaStepProps } from '../TextAreaStep';
+declare function TextAreaStep({ step, errors, control, postview, formStyle, originalValues, }: TextAreaStepProps): JSX.Element;
+export default TextAreaStep;

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

@@ -1,112 +1,112 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import RoundedTextField from '../../../../shared/RoundedTextField/RoundedTextField';
-import styles from './MaterialTextAreaStep.module.css';
-import { Controller } from 'react-hook-form';
-import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if step has editor
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import './DraftEditor.css';
-import { convertFromRaw, EditorState } from 'draft-js';
-import { useState } from 'react';
-import { ClickAwayListener } from '@material-ui/core';
-function TextAreaStep(_a) {
-    var step = _a.step, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, originalValues = _a.originalValues;
-    var _b = useState(false), hovering = _b[0], setHovering = _b[1];
-    var _c = useState(false), focus = _c[0], setFocus = _c[1];
-    var calcStyle = function () {
-        if (focus) {
-            return {
-                border: '2px solid ' + formStyle.primaryColor,
-                marginTop: -1,
-                marginLeft: -1,
-                marginBottom: 0,
-            };
-        }
-        else if (hovering) {
-            return { border: '1px solid ' + formStyle.primaryColor };
-        }
-        else {
-            return { border: '1px solid ' + formStyle.outlineColor };
-        }
-    };
-    if (step.hasTextEditor) {
-        return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
-                '--eureka-outline': formStyle.outlineColor,
-                '--eureka-primary': formStyle.primaryColor,
-            } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {
-                        color: !!errors[step.id]
-                            ? formStyle.errorColor
-                            : formStyle.textColor,
-                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }), void 0)), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
-                        if (!postview) {
-                            setFocus(false);
-                        }
-                    } }, { children: _jsxs("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: function () {
-                            if (!postview) {
-                                setHovering(true);
-                            }
-                        }, onMouseLeave: function () {
-                            if (!postview) {
-                                setHovering(false);
-                            }
-                        }, onClick: function () {
-                            if (!postview) {
-                                setFocus(true);
-                            }
-                        } }, { children: [postview && (_jsx("div", { className: styles.disabledCurtain }, void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
-                                    ? EditorState.createWithContent(convertFromRaw(originalValues[step.id].draft))
-                                    : EditorState.createEmpty(), rules: step.required
-                                    ? {
-                                        validate: function (editorState) {
-                                            return editorState
-                                                .getCurrentContent()
-                                                .hasText();
-                                        },
-                                    }
-                                    : {}, shouldUnregister: true, render: function (_a) {
-                                    var _b;
-                                    var field = _a.field;
-                                    return (_jsx(Editor, { onBlur: field.onBlur, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar, editorClassName: styles.editor, wrapperClassName: styles.wrapper, editorStyle: { lineHeight: '85%' }, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
-                                            options: ['inline', 'list', 'history'],
-                                            inline: {
-                                                options: [
-                                                    'bold',
-                                                    'italic',
-                                                    'underline',
-                                                    'strikethrough',
-                                                ],
-                                            },
-                                            list: {
-                                                options: ['unordered'],
-                                            },
-                                        } }, void 0));
-                                } }, void 0)] }), void 0) }), void 0), _jsx("div", __assign({ className: styles.errorMsg, style: {
-                        color: formStyle.errorColor,
-                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }), void 0)] }), void 0));
-    }
-    else {
-        return (_jsx("div", __assign({ className: styles.container, style: {
-                paddingBottom: step.description || !!errors[step.id] ? '0px' : '23px',
-            } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: "", rules: {
-                    required: step.required
-                        ? 'Este campo es obligatorio'
-                        : undefined,
-                }, shouldUnregister: true, render: function (_a) {
-                    var field = _a.field;
-                    return (_jsx(RoundedTextField, __assign({}, field, { label: step.label, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
-                            ? errors[step.id].message
-                            : step.description, error: !!errors[step.id] }), void 0));
-                } }, void 0) }), void 0));
-    }
-}
-export default TextAreaStep;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import RoundedTextField from '../../../../shared/RoundedTextField/RoundedTextField';
+import styles from './MaterialTextAreaStep.module.css';
+import { Controller } from 'react-hook-form';
+import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if step has editor
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+import './DraftEditor.css';
+import { convertFromRaw, EditorState } from 'draft-js';
+import { useState } from 'react';
+import { ClickAwayListener } from '@material-ui/core';
+function TextAreaStep(_a) {
+    var step = _a.step, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, originalValues = _a.originalValues;
+    var _b = useState(false), hovering = _b[0], setHovering = _b[1];
+    var _c = useState(false), focus = _c[0], setFocus = _c[1];
+    var calcStyle = function () {
+        if (focus) {
+            return {
+                border: '2px solid ' + formStyle.primaryColor,
+                marginTop: -1,
+                marginLeft: -1,
+                marginBottom: 0,
+            };
+        }
+        else if (hovering) {
+            return { border: '1px solid ' + formStyle.primaryColor };
+        }
+        else {
+            return { border: '1px solid ' + formStyle.outlineColor };
+        }
+    };
+    if (step.hasTextEditor) {
+        return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
+                '--eureka-outline': formStyle.outlineColor,
+                '--eureka-primary': formStyle.primaryColor,
+            } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {
+                        color: !!errors[step.id]
+                            ? formStyle.errorColor
+                            : formStyle.textColor,
+                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }), void 0)), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
+                        if (!postview) {
+                            setFocus(false);
+                        }
+                    } }, { children: _jsxs("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: function () {
+                            if (!postview) {
+                                setHovering(true);
+                            }
+                        }, onMouseLeave: function () {
+                            if (!postview) {
+                                setHovering(false);
+                            }
+                        }, onClick: function () {
+                            if (!postview) {
+                                setFocus(true);
+                            }
+                        } }, { children: [postview && (_jsx("div", { className: styles.disabledCurtain }, void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
+                                    ? EditorState.createWithContent(convertFromRaw(originalValues[step.id].draft))
+                                    : EditorState.createEmpty(), rules: step.required
+                                    ? {
+                                        validate: function (editorState) {
+                                            return editorState
+                                                .getCurrentContent()
+                                                .hasText();
+                                        },
+                                    }
+                                    : {}, shouldUnregister: true, render: function (_a) {
+                                    var _b;
+                                    var field = _a.field;
+                                    return (_jsx(Editor, { onBlur: field.onBlur, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar, editorClassName: styles.editor, wrapperClassName: styles.wrapper, editorStyle: { lineHeight: '85%' }, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
+                                            options: ['inline', 'list', 'history'],
+                                            inline: {
+                                                options: [
+                                                    'bold',
+                                                    'italic',
+                                                    'underline',
+                                                    'strikethrough',
+                                                ],
+                                            },
+                                            list: {
+                                                options: ['unordered'],
+                                            },
+                                        } }, void 0));
+                                } }, void 0)] }), void 0) }), void 0), _jsx("div", __assign({ className: styles.errorMsg, style: {
+                        color: formStyle.errorColor,
+                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }), void 0)] }), void 0));
+    }
+    else {
+        return (_jsx("div", __assign({ className: styles.container, style: {
+                paddingBottom: step.description || !!errors[step.id] ? '0px' : '23px',
+            } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: "", rules: {
+                    required: step.required
+                        ? 'Este campo es obligatorio'
+                        : undefined,
+                }, shouldUnregister: true, render: function (_a) {
+                    var field = _a.field;
+                    return (_jsx(RoundedTextField, __assign({}, field, { label: step.label, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
+                            ? errors[step.id].message
+                            : step.description, error: !!errors[step.id] }), void 0));
+                } }, void 0) }), void 0));
+    }
+}
+export default TextAreaStep;

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

@@ -0,0 +1,58 @@
+.container,
+.textEditorContainer {
+    width: fit-content;
+    max-width: 100%;
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    width: calc(100% - 20px);
+}
+
+.textEditorContainer {
+    max-width: '100%';
+    display: flex;
+    flex-direction: column;
+}
+
+.textContainer {
+    height: 100%;
+    border-radius: 15px;
+    height: 265px;
+    width: 100%;
+    position: relative;
+    margin-bottom: 1px;
+}
+
+.editor {
+    margin: -5px 10px 0 10px;
+    height: calc(100% - 46px) !important;
+}
+
+.wrapper {
+    height: 100%;
+    border-radius: 15px;
+}
+
+.disabledCurtain {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 2;
+}
+
+.errorMsg {
+    margin-top: 4px;
+    margin-bottom: 5px;
+    margin-left: 14px;
+    font-size: 0.75rem;
+    height: 0.75rem;
+}
+
+.textEditorLabel {
+    margin-left: 5px;
+    margin-bottom: 2px;
+    font-size: 1rem;
+}

package/dist/FormComponents/Step/TextAreaStep/TextAreaStep.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { TextArea } from '../../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface TextAreaStepProps extends StepProps {
-    /** The TextAreaStep to display */
-    step: TextArea;
-}
-declare function TextAreaStep(props: TextAreaStepProps): JSX.Element;
-export default TextAreaStep;
+/// <reference types="react" />
+import { TextArea } from '../../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface TextAreaStepProps extends StepProps {
+    /** The TextAreaStep to display */
+    step: TextArea;
+}
+declare function TextAreaStep(props: TextAreaStepProps): JSX.Element;
+export default TextAreaStep;