@flozy/editor 10.5.7 → 10.5.8

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,4 +1,4 @@
-import { Range, Transforms } from "slate";
+import { Editor, Range, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
 import { getCurrentNodeText, getSelectedText } from "./helper";
 import { isMobileWindow } from "../helper";
@@ -8,6 +8,13 @@ const focusAccordion = (editor, upPath) => {
     offset: 0
   });
 };
+function isSelectionInSingleNode(editor) {
+  const {
+    anchor,
+    focus
+  } = editor.selection;
+  return Editor.path(editor, anchor).toString() === Editor.path(editor, focus).toString();
+}
 export const insertAccordion = (editor, path) => {
   try {
     const {
@@ -15,8 +22,15 @@ export const insertAccordion = (editor, path) => {
     } = 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 isSingleNodeSelected = isHavingSelection && isSelectionInSingleNode(editor);
+
+    // Fully select the heading text and convert it to an accordion.
+    // An empty heading is inserted just before the newly created accordion.
+    let fullySelected = false;
+    if (isSingleNodeSelected) {
+      const currentNodeText = selectedText ? getCurrentNodeText(editor) : "";
+      fullySelected = selectedText?.length && currentNodeText.length === selectedText?.length;
+    }
     const accordion = {
       type: "accordion",
       children: [{
@@ -44,7 +58,11 @@ export const insertAccordion = (editor, path) => {
       select: true
     };
     if (fullySelected) {
-      Transforms.removeNodes(editor, props);
+      const insertPath = editor.selection.anchor.path;
+      Transforms.removeNodes(editor, {
+        at: insertPath
+      });
+      props.at = insertPath;
     }
     Transforms.insertNodes(editor, accordion, props);
     const curPath = [...editor?.selection?.anchor?.path];

package/package.json

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