@flozy/editor 1.7.5 → 1.7.6

package/dist/Editor/utils/events.js

@@ -1,5 +1,7 @@
 import { Editor, Transforms, Element, Node, Path } from "slate";
 import { toggleBlock } from "./SlateUtilityFunctions";
+import insertNewLine from "./insertNewLine";
+import { insertAccordion } from "./accordion";
 const HOTKEYS = {
   b: "bold",
   i: "italic",
@@ -57,57 +59,104 @@ const isMarkActive = (editor, format) => {
   return marks ? marks[format] === true : false;
 };
 export const commands = props => {
-  const {
-    event,
-    editor
-  } = props;
-  if (HOTKEYS[event.key]) {
-    event.preventDefault();
-    const isActive = isMarkActive(editor, HOTKEYS[event.key]);
-    if (isActive) {
-      Editor.removeMark(editor, HOTKEYS[event.key]);
-    } else {
-      Editor.addMark(editor, HOTKEYS[event.key], true);
+  try {
+    const {
+      event,
+      editor
+    } = props;
+    if (HOTKEYS[event.key]) {
+      event.preventDefault();
+      const isActive = isMarkActive(editor, HOTKEYS[event.key]);
+      if (isActive) {
+        Editor.removeMark(editor, HOTKEYS[event.key]);
+      } else {
+        Editor.addMark(editor, HOTKEYS[event.key], true);
+      }
     }
+  } catch (err) {
+    console.log(err);
   }
 };
 export const indentation = props => {
-  const {
-    editor
-  } = props;
-  const {
-    selection
-  } = editor;
-  if (selection) {
-    const [listItemNode] = Editor.nodes(editor, {
-      match: n => n.type === "list-item"
-    });
-    if (listItemNode) {
-      const [, listItemPath] = listItemNode;
-      const [parentNode] = Editor.parent(editor, listItemPath);
-      const type = parentNode.type;
-      Transforms.wrapNodes(editor, {
-        type,
-        children: []
-      }, {
-        at: listItemPath
+  try {
+    const {
+      editor
+    } = props;
+    const {
+      selection
+    } = editor;
+    if (selection) {
+      const [listItemNode] = Editor.nodes(editor, {
+        match: n => n.type === "list-item"
       });
+      if (listItemNode) {
+        const [, listItemPath] = listItemNode;
+        const [parentNode] = Editor.parent(editor, listItemPath);
+        const type = parentNode.type;
+        Transforms.wrapNodes(editor, {
+          type,
+          children: []
+        }, {
+          at: listItemPath
+        });
+      }
     }
+  } catch (err) {
+    console.log(err);
   }
 };
 export const escapeEvent = props => {
-  const {
-    editor
-  } = props;
-  const list_types = ["orderedList", "unorderedList", "checkList"];
-  const parentPath = Path.ancestors(editor.selection.anchor.path);
-  const parentNodes = parentPath.filter(m => m.length).map(m => Node.get(editor, m));
-  if (parentNodes.length === 2 && parentNodes[1]?.type === "list-item") {
-    toggleBlock(editor, "list-item", editor.selection);
-  } else {
-    Transforms.unwrapNodes(editor, {
-      match: n => list_types.includes(!Editor.isEditor(n) && Element.isElement(n) && n.type),
-      split: true
-    });
+  try {
+    const {
+      editor
+    } = props;
+    const list_types = ["orderedList", "unorderedList", "checkList"];
+    const parentPath = Path.ancestors(editor.selection.anchor.path);
+    const parentNodes = parentPath.filter(m => m.length).map(m => Node.get(editor, m));
+    if (parentNodes.length === 2 && parentNodes[1]?.type === "list-item") {
+      toggleBlock(editor, "list-item", editor.selection);
+    } else {
+      Transforms.unwrapNodes(editor, {
+        match: n => list_types.includes(!Editor.isEditor(n) && Element.isElement(n) && n.type),
+        split: true
+      });
+    }
+  } catch (err) {
+    console.log(err);
+  }
+};
+export const enterEvent = (e, editor, ele) => {
+  try {
+    if (ele && ele[0]) {
+      const {
+        type
+      } = ele[0];
+      const text = Node.string(ele[0]);
+      switch (type) {
+        case "list-item":
+        case "check-list-item":
+          if (!text) {
+            e.preventDefault();
+            toggleBlock(editor, type);
+            insertNewLine(editor);
+          }
+          break;
+        case "accordion-summary":
+          e.preventDefault();
+          if (!text) {
+            const accordionIndex = ele[1].slice(0, Math.max(ele[1].length - 1));
+            Transforms.removeNodes(editor, {
+              at: accordionIndex
+            });
+          } else {
+            const nextPath = Path.next(Path.parent(ele[1]));
+            insertAccordion(editor, nextPath);
+          }
+          break;
+        default:
+      }
+    }
+  } catch (err) {
+    console.log(err);
   }
 };

package/dist/Editor/utils/gridItem.js

@@ -6,7 +6,7 @@ export const gridItem = (props = {}) => {
     children: [{
       type: "paragraph",
       children: [{
-        text: " "
+        text: ""
       }]
     }],
     bgColor: "rgba(255, 255, 255, 0)",

package/dist/Editor/utils/link.js

@@ -1,29 +1,30 @@
-import { Editor, Transforms, Path, Range, Element } from 'slate';
+import { Editor, Transforms, Path, Range, Element } from "slate";
 export const createLinkNode = (href, showInNewTab, text) => ({
-  type: 'link',
+  type: "link",
   href,
-  target: showInNewTab ? '_blank' : '_self',
+  target: showInNewTab ? "_blank" : "_self",
   children: [{
     text
   }]
 });
 export const insertLink = (editor, {
   url,
-  showInNewTab
+  showInNewTab,
+  name
 }) => {
   if (!url) return;
   const {
     selection
   } = editor;
-  const link = createLinkNode(url, showInNewTab, 'Link');
+  const link = createLinkNode(url, showInNewTab, name || "Link");
   if (!!selection) {
     const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
-    if (parent.type === 'link') {
+    if (parent.type === "link") {
       removeLink(editor);
     }
     if (editor.isVoid(parent)) {
       Transforms.insertNodes(editor, {
-        type: 'paragraph',
+        type: "paragraph",
         children: [link]
       }, {
         at: Path.next(parentPath),
@@ -40,13 +41,13 @@ export const insertLink = (editor, {
     }
   } else {
     Transforms.insertNodes(editor, {
-      type: 'paragraph',
+      type: "paragraph",
       children: [link]
     });
   }
 };
 export const removeLink = editor => {
   Transforms.unwrapNodes(editor, {
-    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'link'
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "link"
   });
 };

package/package.json

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