@flozy/editor 10.5.8 → 10.6.0

package/dist/Editor/Elements/Embed/Embed.css

@@ -92,3 +92,7 @@
   border-width: 1px 0 0;
   border-color: rgba(55, 53, 47, .1607843137254902);
 }
+
+.disablePointerEvent {
+  pointer-events: none;
+}

package/dist/Editor/Elements/Title/title.js

@@ -3,7 +3,6 @@ import { Editor, Text } from "slate";
 import { useSlate } from "slate-react";
 import { getNodeText } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const isEmptyTextNode = node => {
   if (Text.isText(node)) {
     return !node.text.trim();
@@ -19,7 +18,7 @@ const Title = props => {
   } = props;
   const isEmpty = !customProps?.readOnly && isEmptyTextNode(element?.children[0]) ? "empty" : "";
   useDetectExitFromTitle(element, customProps?.getTitleSaveData);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...attributes,
     placeholder: "Title",
     className: `content-editable ${isEmpty}`,
@@ -27,9 +26,7 @@ const Title = props => {
       fontWeight: "bold",
       fontSize: "20px"
     },
-    children: [children, /*#__PURE__*/_jsx("span", {
-      contentEditable: false
-    })]
+    children: children
   });
 };
 export default Title;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -49,7 +49,6 @@ import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter", "alignJustify"];
 const list_types = ["orderedList", "unorderedList"];
 const LIST_FORMAT_TYPE = {
@@ -421,52 +420,52 @@ export const getBlock = props => {
   const selectedLineHeight = getBreakpointLineSpacing(lineH, breakpoint);
   switch (element.type) {
     case "headingOne":
-      return /*#__PURE__*/_jsxs("h1", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h1", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 1"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingTwo":
-      return /*#__PURE__*/_jsxs("h2", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h2", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 2"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingThree":
-      return /*#__PURE__*/_jsxs("h3", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h3", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 3"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingFour":
-      return /*#__PURE__*/_jsxs("h4", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h4", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 4"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingFive":
-      return /*#__PURE__*/_jsxs("h5", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h5", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 5"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "headingSix":
-      return /*#__PURE__*/_jsxs("h6", {
-        ...commonHeadingProps(),
+      return /*#__PURE__*/_jsx("h6", {
+        ...attributes,
+        ...element.attr,
+        className: `edt-headings content-editable ${isEmpty ? "empty" : ""} disablePointerEvent`,
         placeholder: translation("Heading 6"),
-        children: [children, /*#__PURE__*/_jsx("span", {
-          contentEditable: false
-        })]
+        children: children
       });
     case "paragraphOne":
       return /*#__PURE__*/_jsx("p", {

package/dist/Editor/utils/accordion.js

@@ -1,6 +1,5 @@
-import { Editor, 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, {
@@ -8,77 +7,52 @@ 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 {
       selection
     } = editor;
-    const isHavingSelection = selection && !Range.isCollapsed(selection);
-    const selectedText = isHavingSelection ? getSelectedText(editor) : "";
-    const isSingleNodeSelected = isHavingSelection && isSelectionInSingleNode(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
+      }));
 
-    // 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: [{
-        type: "accordion-summary",
-        children: [{
-          type: "paragraph",
-          children: [{
-            text: selectedText || ""
-          }]
-        }]
-      }, {
-        type: "accordion-details",
-        children: [{
-          type: "paragraph",
+      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) {
-      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];
-    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.8",
+  "version": "10.6.0",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"