@flozy/editor 10.6.7 → 10.6.9

package/dist/Editor/utils/accordion.js

@@ -1,6 +1,6 @@
 import { Editor, Element, Path, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
-import { ALLOWED_TEXT_NODES, getNode, getNodeText, getNodeWithType } from "./helper";
+import { ALLOWED_TEXT_NODES, getNode, getNodeText, getNodeWithType, getSelectedText } from "./helper";
 import { isMobileWindow } from "../helper";
 import { removeAccordion } from "./events";
 import { ReactEditor } from "slate-react";
@@ -12,50 +12,48 @@ const focusAccordion = (editor, upPath) => {
 };
 export const insertAccordion = (editor, path) => {
   try {
-    const {
-      selection
-    } = editor;
-    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",
+    const selectedText = getSelectedText(editor);
+    const accordion = {
+      type: "accordion",
+      children: [{
+        type: "accordion-summary",
+        children: [{
+          type: "paragraph",
           children: [{
-            type: "accordion-summary",
-            children: [node]
-          }, {
-            type: "accordion-details",
-            children: [{
-              type: "paragraph",
-              children: [{
-                text: ""
-              }]
-            }]
+            text: selectedText || ""
           }]
-        };
-        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);
+        }]
+      }, {
+        type: "accordion-details",
+        children: [{
+          type: "paragraph",
+          children: [{
+            text: ""
+          }]
+        }]
+      }]
+    };
+    const props = path ? {
+      at: path,
+      select: true
+    } : {
+      select: true
+    };
+    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);
     }
+    insertNewLine(editor);
   } catch (err) {
     console.log(err);
   }

package/package.json

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