@ballistix.digital/react-components 8.5.5 → 8.5.6

package/dist/index.js

@@ -6229,6 +6229,7 @@ var $b964d0845ae86974$var$base = {
         },
         area: {
             container: 'overflow-hidden p-4',
+            emptyLine: 'min-h-[1em] leading-none',
             editable: 'leading-7 focus:outline-none prose prose-sm max-w-none prose-headings:font-semibold prose-h1:text-2xl prose-h2:text-xl prose-p:my-3 prose-blockquote:my-3'
         }
     },
@@ -6339,10 +6340,32 @@ var $784e2eeeb6b1d65b$var$applyMarks = function(content, marks) {
     });
     return content;
 };
+var $784e2eeeb6b1d65b$var$isNodeTextEmpty = function(node) {
+    var _a, _b;
+    if ((0, $iA2ta$slate.Text).isText(node)) return ((_a = node.text) !== null && _a !== void 0 ? _a : '').trim() === '';
+    if ((0, $iA2ta$slate.Editor).isEditor(node) || (0, $iA2ta$slate.Element).isElement(node)) {
+        var children = (_b = node.children) !== null && _b !== void 0 ? _b : [];
+        if ((0, $iA2ta$lodash.isEmpty)(children)) return true;
+        return (0, $iA2ta$lodash.every)(children, function(child) {
+            return $784e2eeeb6b1d65b$var$isNodeTextEmpty(child);
+        });
+    }
+    return true;
+};
+var $784e2eeeb6b1d65b$var$isDocumentAllTextEmpty = function(value) {
+    if (!(0, $iA2ta$lodash.isArray)(value) || (0, $iA2ta$lodash.isEmpty)(value)) return true;
+    return (0, $iA2ta$lodash.every)(value, function(node) {
+        return $784e2eeeb6b1d65b$var$isNodeTextEmpty(node);
+    });
+};
 var $784e2eeeb6b1d65b$var$renderRichNode = function(node, options) {
     if (options === void 0) options = {};
     var attributes = options.attributes, providedChildren = options.children, key = options.key;
     if ((0, $iA2ta$slate.Text).isText(node)) {
+        if (String(providedChildren !== null && providedChildren !== void 0 ? providedChildren : node.text).trim() === '') return (0, $iA2ta$reactjsxruntime.jsx)("div", {
+            className: (0, $b964d0845ae86974$export$2e2bcd8739ae039).editor.area.emptyLine,
+            "aria-hidden": "true"
+        }, key);
         var content = $784e2eeeb6b1d65b$var$applyMarks(providedChildren !== null && providedChildren !== void 0 ? providedChildren : node.text, node);
         return attributes ? (0, $iA2ta$reactjsxruntime.jsx)("span", $784e2eeeb6b1d65b$var$__assign({}, attributes, {
             children: content
@@ -6486,7 +6509,7 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
             generateBlockButton('justify', 'align-justify')
         ]);
         if (!(0, $iA2ta$lodash.isEmpty)(align)) sections.push(align);
-        return sections.map(function(group, index) {
+        return (0, $iA2ta$lodash.map)(sections, function(group, index) {
             return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$react.Fragment), {
                 children: [
                     index > 0 && (0, $iA2ta$reactjsxruntime.jsx)("div", {
@@ -6501,7 +6524,7 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
         generateBlockButton,
         styles.editor.toolbar.divider
     ]);
-    if (isReadOnly && (0, $iA2ta$lodash.isEmpty)(parsedInitialValue)) return null;
+    if (isReadOnly && ((0, $iA2ta$lodash.isEmpty)(parsedInitialValue) || $784e2eeeb6b1d65b$var$isDocumentAllTextEmpty(parsedInitialValue))) return null;
     return isReadOnly ? (0, $iA2ta$reactjsxruntime.jsx)("div", {
         className: styles.readOnlyWrapper,
         children: (0, $iA2ta$lodash.isArray)(parsedInitialValue) ? (0, $iA2ta$lodash.map)(parsedInitialValue, function(n, i) {