@ballistix.digital/react-components 8.4.0 → 8.5.0

package/dist/index.js

@@ -3634,6 +3634,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
         getGroupedRowModel: (0, $iA2ta$tanstackreacttable.getGroupedRowModel)(),
         getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
         getSubRows: (_g = config.options) === null || _g === void 0 ? void 0 : _g.getSubRows,
+        autoResetExpanded: false,
         columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
             {
                 id: 'drag-handle',
@@ -6210,8 +6211,13 @@ var $341e1fbf5ffaef7b$export$2e2bcd8739ae039 = $341e1fbf5ffaef7b$var$Switch;
 
 
 
+
+
+
 var $b964d0845ae86974$var$base = {
-    container: 'border border-input rounded-lg overflow-hidden border-palette-lightGray',
+    container: '',
+    textAreaWrapper: 'border border-input rounded-lg overflow-hidden border-palette-lightGray',
+    readOnlyWrapper: 'prose prose-sm max-w-none',
     editor: {
         toolbar: {
             container: 'flex items-center gap-1 p-2 border-b border-border',
@@ -6364,10 +6370,12 @@ var $784e2eeeb6b1d65b$var$renderRichNode = function(node, options) {
     });
 };
 var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
-    var _b = _a.initialValue, initialValue = _b === void 0 ? '[{"type":"paragraph","children":[{"text":"Hello from initial value. Edit me!"}]}]' : _b, onChange = _a.onChange, _c = _a.placeholder, placeholder = _c === void 0 ? "Type something\u2026" : _c, className = _a.className, stylesOverrides = _a.styles, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, toolbarConfig = _a.toolbarConfig;
+    var _b = _a.name, name = _b === void 0 ? 'rich-text-area' : _b, _c = _a.initialValue, initialValue = _c === void 0 ? '[{"type":"paragraph","children":[{"text":"Hello from initial value. Edit me!"}]}]' : _c, onChange = _a.onChange, _d = _a.placeholder, placeholder = _d === void 0 ? "Type something\u2026" : _d, stylesOverrides = _a.styles, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, toolbarConfig = _a.toolbarConfig, //Header
+    label = _a.label, description = _a.description, required = _a.required, isRequired = _a.isRequired, isOptionalLabelHidden = _a.isOptionalLabelHidden, //Footer
+    hint = _a.hint, error = _a.error, isTouched = _a.isTouched;
     var styles = (0, $iA2ta$react.useMemo)(function() {
-        var result = (0, $iA2ta$lodash.cloneDeep)((0, $b964d0845ae86974$export$2e2bcd8739ae039));
-        var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $b964d0845ae86974$export$2e2bcd8739ae039));
+        var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $b964d0845ae86974$export$2e2bcd8739ae039));
+        var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $b964d0845ae86974$export$2e2bcd8739ae039)), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
         (0, $iA2ta$lodash.forEach)(keys, function(key) {
             (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $b964d0845ae86974$export$2e2bcd8739ae039), key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
         });
@@ -6494,44 +6502,64 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
     ]);
     if (isReadOnly && (0, $iA2ta$lodash.isEmpty)(parsedInitialValue)) return null;
     return isReadOnly ? (0, $iA2ta$reactjsxruntime.jsx)("div", {
-        className: (0, $622cd2936b18c771$export$4370d69198e9314a)('prose prose-sm max-w-none', styles.readOnly.container, className),
+        className: styles.readOnlyWrapper,
         children: (0, $iA2ta$lodash.isArray)(parsedInitialValue) ? (0, $iA2ta$lodash.map)(parsedInitialValue, function(n, i) {
             return $784e2eeeb6b1d65b$var$renderRichNode(n, {
                 key: i
             });
         }) : null
-    }) : (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$slatereact.Slate), {
-        editor: editor,
-        initialValue: parsedInitialValue,
-        onChange: handleChange,
-        children: (0, $iA2ta$reactjsxruntime.jsxs)("div", {
-            className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, className),
-            children: [
-                (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                    className: styles.editor.toolbar.container,
-                    children: renderToolbarGroups()
-                }),
-                (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                    className: styles.editor.area.container,
-                    children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$slatereact.Editable), {
-                        renderElement: renderElement,
-                        renderLeaf: renderLeaf,
-                        className: styles.editor.area.editable,
-                        placeholder: placeholder,
-                        spellCheck: true,
-                        autoFocus: true,
-                        onKeyDown: function(event) {
-                            (0, $iA2ta$lodash.forEach)($784e2eeeb6b1d65b$var$HOTKEYS, function(mark, hotkey) {
-                                if ((0, ($parcel$interopDefault($iA2ta$ishotkey)))(hotkey, event)) {
-                                    event.preventDefault();
-                                    $784e2eeeb6b1d65b$export$797ad2667b8015a8(editor, mark);
+    }) : (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
+        children: [
+            (0, $iA2ta$reactjsxruntime.jsx)((0, $9314e0aa7f1e874e$export$2e2bcd8739ae039), {
+                name: name,
+                label: label,
+                required: required,
+                isRequired: isRequired,
+                isOptionalLabelHidden: isOptionalLabelHidden,
+                styles: styles,
+                description: description
+            }),
+            (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$slatereact.Slate), {
+                editor: editor,
+                initialValue: parsedInitialValue,
+                onChange: handleChange,
+                children: (0, $iA2ta$reactjsxruntime.jsxs)("div", {
+                    className: styles.textAreaWrapper,
+                    children: [
+                        (0, $iA2ta$reactjsxruntime.jsx)("div", {
+                            className: styles.editor.toolbar.container,
+                            children: renderToolbarGroups()
+                        }),
+                        (0, $iA2ta$reactjsxruntime.jsx)("div", {
+                            className: styles.editor.area.container,
+                            children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$slatereact.Editable), {
+                                renderElement: renderElement,
+                                renderLeaf: renderLeaf,
+                                className: styles.editor.area.editable,
+                                placeholder: placeholder,
+                                spellCheck: true,
+                                autoFocus: true,
+                                onKeyDown: function(event) {
+                                    (0, $iA2ta$lodash.forEach)($784e2eeeb6b1d65b$var$HOTKEYS, function(mark, hotkey) {
+                                        if ((0, ($parcel$interopDefault($iA2ta$ishotkey)))(hotkey, event)) {
+                                            event.preventDefault();
+                                            $784e2eeeb6b1d65b$export$797ad2667b8015a8(editor, mark);
+                                        }
+                                    });
                                 }
-                            });
-                        }
-                    })
+                            })
+                        })
+                    ]
                 })
-            ]
-        })
+            }),
+            (0, $iA2ta$reactjsxruntime.jsx)((0, $dfbd7d015eae4218$export$2e2bcd8739ae039), {
+                name: name,
+                error: error,
+                isTouched: isTouched,
+                hint: hint,
+                styles: styles
+            })
+        ]
     });
 };
 var $784e2eeeb6b1d65b$export$65eead07296cdb21 = function(editor, format) {