@use-kona/editor 0.1.8-rc.4 → 0.1.8-rc.6

package/dist/core/createEditor.js

@@ -1,4 +1,4 @@
-import { Editor, Path, Range, Transforms, createEditor } from "slate";
+import { Editor, Path, Range, Text, Transforms, createEditor } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
 const createEditor_createEditor = (plugins)=>()=>{
@@ -136,28 +136,36 @@ const createEditor_createEditor = (plugins)=>()=>{
             if (isSingleText) return void deleteFragment(options);
             const nodes = Array.from(Editor.nodes(editorWithPlugins, {
                 at: selection,
-                match: (n)=>!Editor.isEditor(n) && Editor.isBlock(editorWithPlugins, n)
-            })).reverse();
+                match: (n)=>!Editor.isEditor(n) && Editor.isBlock(editorWithPlugins, n),
+                reverse: true,
+                mode: 'highest',
+                voids: true
+            }));
             for (const entry of nodes){
                 const [node, path] = entry;
-                const plugin = plugins.find((plugin)=>plugin.blocks?.find((b)=>b.type === node.type));
-                if (plugin) {
-                    const match = plugin.blocks?.find((b)=>b.type === node.type);
-                    const result = match?.onBeforeDelete ? await match.onBeforeDelete([
-                        node
-                    ]) : true;
-                    if (!result) return;
-                    Transforms.removeNodes(editorWithPlugins, {
+                if (Text.isText(node)) Transforms.removeNodes(editorWithPlugins, {
+                    at: path
+                });
+                else {
+                    const plugin = plugins.find((plugin)=>plugin.blocks?.find((b)=>b.type === node.type));
+                    if (plugin) {
+                        const match = plugin.blocks?.find((b)=>b.type === node.type);
+                        const result = match?.onBeforeDelete ? await match.onBeforeDelete([
+                            node
+                        ]) : true;
+                        if (!result) return;
+                        Transforms.removeNodes(editorWithPlugins, {
+                            at: path,
+                            match: (n)=>n.type === node.type
+                        });
+                        match?.onDelete?.([
+                            node
+                        ]);
+                    } else Transforms.removeNodes(editorWithPlugins, {
                         at: path,
                         match: (n)=>n.type === node.type
                     });
-                    match?.onDelete?.([
-                        node
-                    ]);
-                } else Transforms.removeNodes(editorWithPlugins, {
-                    at: path,
-                    match: (n)=>n.type === node.type
-                });
+                }
             }
             if (nodes.length > 0) return;
             deleteFragment(options);

package/dist/plugins/EmojiPlugin/Menu.js

@@ -10,7 +10,9 @@ const Menu = (props)=>{
     const ref = useRef(null);
     const [style, setStyle] = useState({});
     useLayoutEffect(()=>{
-        if (!selection || !isFocused) return void setStyle(void 0);
+        if (!selection || !isFocused) return void setStyle({
+            opacity: 0
+        });
         setTimeout(()=>{
             const domSelection = window.getSelection();
             const domRange = domSelection?.getRangeAt(0);

package/dist/plugins/PlaceholderPlugin/PlaceholderPlugin.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { Editor, Node } from "slate";
 import { useFocused, useReadOnly, useSelected } from "slate-react";
+import { isEmpty as external_utils_js_isEmpty } from "../../utils.js";
 import styles_module from "./styles.module.js";
 class PlaceholderPlugin {
     options;
@@ -18,7 +19,7 @@ class PlaceholderPlugin {
                     mode: 'lowest',
                     voids: true
                 });
-                const firstEntity = Editor.above(editor, {
+                Editor.above(editor, {
                     mode: 'lowest',
                     at: [
                         0,
@@ -28,7 +29,7 @@ class PlaceholderPlugin {
                 if (entity && this.options.ignoreNodes?.includes(entity[0].type)) return props.children;
                 const hasVoids = entity?.[0].children.some((n)=>Editor.isVoid(editor, n));
                 const isEmpty = (!entity || '' === Node.string(entity[0])) && !hasVoids && !Editor.isVoid(editor, entity?.[0]);
-                const isEditorEmpty = !firstEntity || '' === Node.string(firstEntity[0]) && editor.children.length <= 1;
+                const isEditorEmpty = external_utils_js_isEmpty(editor.children);
                 const isVisible = isEmpty && !isReadOnly && isSelected || isEditorEmpty;
                 return /*#__PURE__*/ jsx(Fragment, {
                     children: /*#__PURE__*/ jsx("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-kona/editor",
-  "version": "0.1.8-rc.4",
+  "version": "0.1.8-rc.6",
   "type": "module",
   "exports": {
     ".": "./src/index.ts"

package/src/core/createEditor.ts

@@ -3,6 +3,7 @@ import {
   Editor,
   Path,
   Range,
+  Text,
   Transforms,
 } from 'slate';
 import { withHistory } from 'slate-history';
@@ -196,40 +197,51 @@ export const createEditor = (plugins: IPlugin[]) => () => {
       deleteFragment(options);
       return;
     }
+
     const nodes = Array.from(
       Editor.nodes<CustomElement>(editorWithPlugins, {
         at: selection,
         match: (n) =>
           !Editor.isEditor(n) &&
           Editor.isBlock(editorWithPlugins, n as CustomElement),
+        reverse: true,
+        mode: 'highest',
+        voids: true,
       }),
-    ).reverse();
+    );
+
 
     for (const entry of nodes) {
       const [node, path] = entry;
 
-      const plugin = plugins.find((plugin) =>
-        plugin.blocks?.find((b) => b.type === node.type),
-      );
-      if (plugin) {
-        const match = plugin.blocks?.find((b) => b.type === node.type);
-        const result = match?.onBeforeDelete
-          ? await match.onBeforeDelete([node])
-          : true;
-        if (result) {
+      if (Text.isText(node)) {
+        Transforms.removeNodes(editorWithPlugins, {
+          at: path,
+        });
+      } else {
+        const plugin = plugins.find((plugin) =>
+          plugin.blocks?.find((b) => b.type === node.type),
+        );
+        if (plugin) {
+          const match = plugin.blocks?.find((b) => b.type === node.type);
+          const result = match?.onBeforeDelete
+            ? await match.onBeforeDelete([node])
+            : true;
+          if (result) {
+            Transforms.removeNodes(editorWithPlugins, {
+              at: path,
+              match: (n) => (n as CustomElement).type === node.type,
+            });
+            match?.onDelete?.([node]);
+          } else {
+            return;
+          }
+        } else {
           Transforms.removeNodes(editorWithPlugins, {
             at: path,
             match: (n) => (n as CustomElement).type === node.type,
           });
-          match?.onDelete?.([node]);
-        } else {
-          return;
         }
-      } else {
-        Transforms.removeNodes(editorWithPlugins, {
-          at: path,
-          match: (n) => (n as CustomElement).type === node.type,
-        });
       }
     }
 

package/src/plugins/EmojiPlugin/Menu.tsx

@@ -26,7 +26,7 @@ export const Menu = (props: Props) => {
 
   useLayoutEffect(() => {
     if (!selection || !isFocused) {
-      setStyle(undefined);
+      setStyle({opacity: 0});
       return;
     }
 

package/src/plugins/PlaceholderPlugin/PlaceholderPlugin.tsx

@@ -7,6 +7,7 @@ import {
 } from 'slate-react';
 import type { CustomElement } from '../../../types';
 import type { IPlugin } from '../../types';
+import { isEmpty as isEditorEmptyFn } from '../../utils';
 import styles from './styles.module.css';
 
 type Options = {
@@ -49,9 +50,7 @@ export class PlaceholderPlugin implements IPlugin {
           !hasVoids &&
           !Editor.isVoid(editor, entity?.[0] as Element);
 
-        const isEditorEmpty =
-          !firstEntity ||
-          (Node.string(firstEntity[0]) === '' && editor.children.length <= 1);
+        const isEditorEmpty = isEditorEmptyFn(editor.children)
 
         const isVisible =
           (isEmpty && !isReadOnly && isSelected) || isEditorEmpty;