@flozy/editor 10.5.7 → 10.5.9

package/dist/Editor/Elements/AI/Styles.js

@@ -145,6 +145,7 @@ const Styles = theme => ({
     "& .option-label": {
       display: "flex",
       alignItems: "center",
+      whiteSpace: 'nowrap',
       gap: "8px"
     },
     "&:hover": {

package/dist/Editor/utils/accordion.js

@@ -1,6 +1,5 @@
-import { Range, Transforms } from "slate";
+import { Editor, Element, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
-import { getCurrentNodeText, getSelectedText } from "./helper";
 import { isMobileWindow } from "../helper";
 const focusAccordion = (editor, upPath) => {
   Transforms.select(editor, {
@@ -13,54 +12,47 @@ export const insertAccordion = (editor, path) => {
     const {
       selection
     } = editor;
-    const isHavingSelection = selection && !Range.isCollapsed(selection);
-    const selectedText = isHavingSelection ? getSelectedText(editor) : "";
-    const currentNodeText = selectedText ? getCurrentNodeText(editor) : "";
-    const fullySelected = selectedText?.length && currentNodeText.length === selectedText?.length;
-    const accordion = {
-      type: "accordion",
-      children: [{
-        type: "accordion-summary",
-        children: [{
-          type: "paragraph",
-          children: [{
-            text: selectedText || ""
-          }]
-        }]
-      }, {
-        type: "accordion-details",
-        children: [{
-          type: "paragraph",
+    if (selection) {
+      const selectedNodes = Array.from(Editor.nodes(editor, {
+        at: selection,
+        match: n => Element.isElement(n),
+        mode: "lowest" // use 'lowest' to get individual blocks
+      }));
+
+      for (const [node, path] of selectedNodes) {
+        const accordion = {
+          type: "accordion",
           children: [{
-            text: ""
+            type: "accordion-summary",
+            children: [node]
+          }, {
+            type: "accordion-details",
+            children: [{
+              type: "paragraph",
+              children: [{
+                text: ""
+              }]
+            }]
           }]
-        }]
-      }]
-    };
-    const props = path ? {
-      at: path,
-      select: true
-    } : {
-      select: true
-    };
-    if (fullySelected) {
-      Transforms.removeNodes(editor, props);
-    }
-    Transforms.insertNodes(editor, accordion, props);
-    const curPath = [...editor?.selection?.anchor?.path];
-    const upPath = [...curPath];
-    // get title index
-    const summaryIndex = upPath.length - 3;
-    upPath[summaryIndex] = upPath[summaryIndex] === 0 ? 0 : upPath[summaryIndex] - 1;
-
-    // select accordion title by default
-    if (isMobileWindow()) {
-      // timeout to resolve focus issue in mobile
-      setTimeout(() => focusAccordion(editor, upPath), 0);
-    } else {
-      focusAccordion(editor, upPath);
+        };
+        Transforms.removeNodes(editor, {
+          at: path
+        });
+        Transforms.insertNodes(editor, accordion, {
+          at: path
+        });
+      }
+      const lastNode = selectedNodes[selectedNodes.length - 1];
+      const lastNodePath = lastNode[1];
+      const accordionPath = [...lastNodePath, 0, 0, 0];
+      if (isMobileWindow()) {
+        // timeout to resolve focus issue in mobile
+        setTimeout(() => focusAccordion(editor, accordionPath), 0);
+      } else {
+        focusAccordion(editor, accordionPath);
+      }
+      insertNewLine(editor);
     }
-    insertNewLine(editor);
   } catch (err) {
     console.log(err);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "10.5.7",
+  "version": "10.5.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"