@portabletext/editor 1.1.9 → 1.1.10

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), react = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), types = require("@sanity/types"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), schema = require("@sanity/schema"), isHotkeyEsm = require("is-hotkey-esm"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content");
+var jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), react = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), types = require("@sanity/types"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), schema = require("@sanity/schema"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), isHotkeyEsm = require("is-hotkey-esm"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -799,20 +799,15 @@ function getFocusBlockObject(context) {
   const focusBlock = getFocusBlock(context);
   return focusBlock && !types.isPortableTextTextBlock(focusBlock.node) ? { node: focusBlock.node, path: focusBlock.path } : void 0;
 }
-const overwriteSoftReturn = {
-  on: "key down",
-  guard: ({ event }) => isHotkeyEsm.isHotkey("shift+enter", event.nativeEvent),
-  actions: [
-    ({ event }) => (event.nativeEvent.preventDefault(), { type: "insert text", text: `
-` })
-  ]
-}, enterOnVoidBlock = {
-  on: "key down",
-  guard: ({ context, event }) => isHotkeyEsm.isHotkey("enter", event.nativeEvent) ? !!getFocusBlockObject(context) : !1,
-  actions: [
-    ({ event }) => (event.nativeEvent.preventDefault(), { type: "insert text block", decorators: [] })
-  ]
-}, coreBehaviors = [overwriteSoftReturn, enterOnVoidBlock], debug$k = debugWithName("operationToPatches");
+const softReturn = {
+  on: "insert soft break",
+  actions: [() => ({ type: "insert text", text: `
+` })]
+}, breakingVoidBlock = {
+  on: "insert break",
+  guard: ({ context }) => !!getFocusBlockObject(context),
+  actions: [() => ({ type: "insert text block", decorators: [] })]
+}, coreBehaviors = [softReturn, breakingVoidBlock], debug$k = debugWithName("operationToPatches");
 function createOperationToPatches(types2) {
   const textBlockName = types2.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
@@ -1087,6 +1082,50 @@ function createOperationToPatches(types2) {
     splitNodePatch
   };
 }
+function createWithEventListeners(editorActor) {
+  return function(editor) {
+    const { deleteBackward, insertBreak, insertSoftBreak, insertText } = editor;
+    return editor.deleteBackward = (unit) => {
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "delete backward",
+          unit,
+          default: () => deleteBackward(unit)
+        },
+        editor
+      });
+    }, editor.insertBreak = () => {
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "insert break",
+          default: insertBreak
+        },
+        editor
+      });
+    }, editor.insertSoftBreak = () => {
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "insert soft break",
+          default: insertSoftBreak
+        },
+        editor
+      });
+    }, editor.insertText = (text, options) => {
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "insert text",
+          text,
+          default: () => insertText(text, options)
+        },
+        editor
+      });
+    }, editor;
+  };
+}
 const debug$j = debugWithName("API:editable");
 function createWithEditableAPI(editorActor, portableTextEditor, types$1) {
   return function(editor) {
@@ -1602,7 +1641,9 @@ function createWithInsertBreak(editorActor, types2) {
           slate.Editor.insertNode(
             editor,
             editor.pteCreateTextBlock({
-              decorators: focusAnnotations.length === 0 ? focusDecorators : []
+              decorators: focusAnnotations.length === 0 ? focusDecorators : [],
+              listItem: focusBlock.listItem,
+              level: focusBlock.level
             })
           );
           const [nextBlockPath] = slate.Path.next(focusBlockPath);
@@ -1620,7 +1661,9 @@ function createWithInsertBreak(editorActor, types2) {
           slate.Editor.insertNode(
             editor,
             editor.pteCreateTextBlock({
-              decorators: []
+              decorators: [],
+              listItem: focusBlock.listItem,
+              level: focusBlock.level
             })
           );
           const [nextBlockPath] = slate.Path.next(focusBlockPath);
@@ -3778,6 +3821,8 @@ function createWithUtils({
           _type: schemaTypes.block.name,
           _key: editorActor.getSnapshot().context.keyGenerator(),
           style: schemaTypes.styles[0].value || "normal",
+          ...options.listItem ? { listItem: options.listItem } : {},
+          ...options.level ? { level: options.level } : {},
           markDefs: [],
           children: [
             {
@@ -4404,7 +4449,7 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
   }), withPortableTextSelections = createWithPortableTextSelections(
     editorActor,
     schemaTypes
-  );
+  ), withEventListeners = createWithEventListeners(editorActor);
   return e.destroy = () => {
     const originalFunctions = originalFnMap.get(e);
     if (!originalFunctions)
@@ -4430,18 +4475,20 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
     ),
     subscribe: () => noop__default.default
   } : {
-    editor: withSchemaTypes(
-      withObjectKeys(
-        withPortableTextMarkModel(
-          withPortableTextBlockStyle(
-            withPortableTextLists(
-              withPlaceholderBlock(
-                withUtils(
-                  withMaxBlocks(
-                    withUndoRedo(
-                      withPatches(
-                        withPortableTextSelections(
-                          withEditableAPI(withInsertBreak(e))
+    editor: withEventListeners(
+      withSchemaTypes(
+        withObjectKeys(
+          withPortableTextMarkModel(
+            withPortableTextBlockStyle(
+              withPortableTextLists(
+                withPlaceholderBlock(
+                  withUtils(
+                    withMaxBlocks(
+                      withUndoRedo(
+                        withPatches(
+                          withPortableTextSelections(
+                            withEditableAPI(withInsertBreak(e))
+                          )
                         )
                       )
                     )
@@ -4822,11 +4869,20 @@ const EditorActorContext = react.createContext({}), behaviorActionImplementation
       slate.Transforms.setNodes(event.editor, { style: event.style }, { at });
     }
   },
+  "delete backward": ({ event }) => {
+    slate.Editor.deleteBackward(event.editor, { unit: event.unit });
+  },
   "delete text": ({ event }) => {
     slate.Transforms.delete(event.editor, {
       at: toSlateRange(event.selection, event.editor)
     });
   },
+  "insert break": ({ event }) => {
+    slate.Editor.insertBreak(event.editor);
+  },
+  "insert soft break": ({ event }) => {
+    slate.Editor.insertSoftBreak(event.editor);
+  },
   "insert text": ({ event }) => {
     slate.Editor.insertText(event.editor, event.text);
   },
@@ -4878,12 +4934,14 @@ const EditorActorContext = react.createContext({}), behaviorActionImplementation
       pendingEvents: []
     }),
     "handle behavior event": xstate.enqueueActions(({ context, event, enqueue }) => {
-      xstate.assertEvent(event, ["key down", "before insert text"]);
+      xstate.assertEvent(event, ["behavior event"]);
       const eventBehaviors = context.behaviors.filter(
-        (behavior) => behavior.on === event.type
+        (behavior) => behavior.on === event.behaviorEvent.type
       );
-      if (eventBehaviors.length === 0)
+      if (eventBehaviors.length === 0) {
+        event.behaviorEvent.default();
         return;
+      }
       const value = fromSlateValue(
         event.editor.children,
         context.schema.block.name,
@@ -4896,7 +4954,7 @@ const EditorActorContext = react.createContext({}), behaviorActionImplementation
       if (!selection) {
         console.warn(
           `Unable to handle event ${event.type} due to missing selection`
-        );
+        ), event.behaviorEvent.default();
         return;
       }
       const behaviorContext = {
@@ -4904,22 +4962,27 @@ const EditorActorContext = react.createContext({}), behaviorActionImplementation
         value,
         selection
       };
+      let behaviorOverwritten = !1;
       for (const eventBehavior of eventBehaviors) {
         const shouldRun = eventBehavior.guard?.({
           context: behaviorContext,
-          event
+          event: event.behaviorEvent
         }) ?? !0;
         if (!shouldRun)
           continue;
         const actions = eventBehavior.actions.map(
-          (action) => action({ context: behaviorContext, event }, shouldRun)
+          (action) => action(
+            { context: behaviorContext, event: event.behaviorEvent },
+            shouldRun
+          )
         );
         for (const action of actions)
-          typeof action == "object" && enqueue.raise({
+          typeof action == "object" && (behaviorOverwritten = !0, enqueue.raise({
             ...action,
             editor: event.editor
-          });
+          }));
       }
+      behaviorOverwritten || event.behaviorEvent.default();
     })
   },
   actors: {
@@ -4951,18 +5014,22 @@ const EditorActorContext = react.createContext({}), behaviorActionImplementation
     loading: { actions: xstate.emit({ type: "loading" }) },
     "done loading": { actions: xstate.emit({ type: "done loading" }) },
     "update schema": { actions: "assign schema" },
-    "key down": {
-      actions: ["handle behavior event"]
-    },
-    "before insert text": {
-      actions: ["handle behavior event"]
-    },
+    "behavior event": { actions: "handle behavior event" },
     "apply block style": {
       actions: [behaviorActionImplementations["apply block style"]]
     },
+    "delete backward": {
+      actions: [behaviorActionImplementations["delete backward"]]
+    },
     "delete text": {
       actions: [behaviorActionImplementations["delete text"]]
     },
+    "insert break": {
+      actions: [behaviorActionImplementations["insert break"]]
+    },
+    "insert soft break": {
+      actions: [behaviorActionImplementations["insert soft break"]]
+    },
     "insert text": {
       actions: [behaviorActionImplementations["insert text"]]
     },
@@ -5599,11 +5666,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     [editorActor, onBlur]
   ), handleOnBeforeInput = react.useCallback(
     (event) => {
-      onBeforeInput && onBeforeInput(event), !event.defaultPrevented && event.inputType === "insertText" && editorActor.send({
-        type: "before insert text",
-        nativeEvent: event,
-        editor: slateEditor
-      });
+      onBeforeInput && onBeforeInput(event);
     },
     [onBeforeInput]
   ), validateSelection = react.useCallback(() => {
@@ -5642,11 +5705,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
   }, [validateSelection, editableElement]);
   const handleKeyDown = react.useCallback(
     (event) => {
-      props.onKeyDown && props.onKeyDown(event), event.isDefaultPrevented() || (editorActor.send({
-        type: "key down",
-        nativeEvent: event.nativeEvent,
-        editor: slateEditor
-      }), slateEditor.pteWithHotKeys(event));
+      props.onKeyDown && props.onKeyDown(event), event.isDefaultPrevented() || slateEditor.pteWithHotKeys(event);
     },
     [props, slateEditor]
   ), scrollSelectionIntoViewToSlate = react.useMemo(() => {