@ballistix.digital/react-components 8.5.4 → 8.5.5-rc-117.0

package/dist/index.js

@@ -2263,6 +2263,7 @@ https://www.npmjs.com/package/react-tailwindcss-select
 
 var $f32ee84b87891376$var$base = {
     container: '',
+    wrapperContainer: '',
     body: 'relative rounded-md',
     leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
     input: 'block w-full flex border',
@@ -2391,7 +2392,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
                 description: description
             }),
             (0, $iA2ta$reactjsxruntime.jsxs)("div", {
-                className: styles.container,
+                className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, styles.wrapperContainer),
                 children: [
                     (0, $iA2ta$reactjsxruntime.jsx)("div", {
                         "data-cy": selectDataCy,
@@ -6228,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'
         }
     },
@@ -6338,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
@@ -6485,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", {
@@ -6500,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) {