@use-kona/editor 0.1.8-rc.13 → 0.1.8-rc.15

package/dist/core/createEditable.js

@@ -110,6 +110,9 @@ const createEditable = (editor, plugins)=>({ readOnly })=>{
             className: styles_module.root,
             children: /*#__PURE__*/ jsx(Ui, {
                 children: /*#__PURE__*/ jsx(Editable, {
+                    onClick: (event)=>{
+                        event.stopPropagation();
+                    },
                     decorate: decorate,
                     renderElement: renderElement,
                     renderLeaf: renderLeaf,

package/dist/editor.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useState } from "react";
-import { Transforms } from "slate";
+import { Editor, Transforms } from "slate";
 import { ReactEditor, Slate } from "slate-react";
 import { createEditable } from "./core/createEditable.js";
 import { createEditor } from "./core/createEditor.js";
@@ -23,7 +23,11 @@ const KonaEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
             deserialize: deserialize(plugins),
             deleteNode,
             isEmpty: ()=>isEmpty(editor.children),
-            focus: ()=>{
+            focus: (mode)=>{
+                if ('end' === mode) {
+                    const endPoint = Editor.end(editor, []);
+                    Transforms.select(editor, endPoint);
+                }
                 ReactEditor.focus(editor);
             }
         };

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import type { KeyboardEvent, ReactElement, ReactNode } from 'react';
-import type { DecoratedRange, Descendant, Editor, NodeEntry } from 'slate';
+import type { DecoratedRange, Descendant, Editor, NodeEntry, NodeMatch } from 'slate';
 import type { RenderElementProps, RenderLeafProps } from 'slate-react';
 import type { CustomElement, CustomText } from '../types';
 export interface IPlugin<TEditor extends Editor = Editor, TBlock extends CustomElement = CustomElement, TLeaf extends CustomText = CustomText> {
@@ -46,6 +46,9 @@ export type UiParams = {
 export type EditorRef = {
     serialize: (node: CustomElement | CustomText) => string;
     deserialize: (element: HTMLElement) => (Descendant | string)[] | string | Descendant | null;
+    isEmpty: () => boolean;
+    deleteNode: (match: NodeMatch<CustomElement>) => void;
+    focus: (mode?: 'end') => void;
 };
 export type Serialize = (node: CustomElement | CustomText, children?: string) => string | undefined;
 export type Deserialize = (element: HTMLElement, children?: (string | Descendant)[]) => CustomElement | CustomText[] | undefined;

package/package.json

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

package/src/core/createEditable.tsx

@@ -171,6 +171,9 @@ export const createEditable =
       <div className={styles.root}>
         <Ui>
           <Editable
+            onClick={(event) => {
+              event.stopPropagation();
+            }}
             decorate={decorate}
             renderElement={renderElement}
             renderLeaf={renderLeaf}

package/src/editor.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
-import { type Descendant, type NodeMatch, Transforms } from 'slate';
+import {type Descendant, Editor, type NodeMatch, Transforms} from 'slate';
 import { ReactEditor, Slate } from 'slate-react';
 import type { CustomElement } from '../types';
 import { createEditable } from './core/createEditable';
@@ -36,7 +36,12 @@ export const KonaEditor = forwardRef<EditorRef, KonaEditorProps>(
         isEmpty: () => {
           return isEmpty(editor.children);
         },
-        focus: () => {
+        focus: (mode?: 'end') => {
+          if (mode === 'end') {
+            const endPoint = Editor.end(editor, [])
+            Transforms.select(editor, endPoint)
+          }
+
           ReactEditor.focus(editor);
         },
       };

package/src/types.ts

@@ -1,5 +1,5 @@
 import type { KeyboardEvent, ReactElement, ReactNode } from 'react';
-import type { DecoratedRange, Descendant, Editor, NodeEntry } from 'slate';
+import type {DecoratedRange, Descendant, Editor, NodeEntry, NodeMatch} from 'slate';
 import type { RenderElementProps, RenderLeafProps } from 'slate-react';
 import type { CustomElement, CustomText } from '../types';
 
@@ -71,6 +71,9 @@ export type EditorRef = {
   deserialize: (
     element: HTMLElement,
   ) => (Descendant | string)[] | string | Descendant | null;
+  isEmpty: () => boolean;
+  deleteNode: (match: NodeMatch<CustomElement>) => void;
+  focus: (mode?: 'end') => void;
 };
 
 export type Serialize = (