@portabletext/editor 2.6.7 → 2.6.9

package/lib/_chunks-dts/behavior.types.action.d.cts

@@ -6,7 +6,7 @@ import { AnnotationDefinition, AnnotationSchemaType, BaseDefinition, BlockObject
 import * as xstate227 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
 import { BaseRange, Descendant, Operation } from "slate";
-import * as react22 from "react";
+import * as react20 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import * as xstate_guards12 from "xstate/guards";
 import { Observable, Subject } from "rxjs";
@@ -215,7 +215,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react22.JSX.Element;
+  render(): react20.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -610,7 +610,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react22.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react22.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react20.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react20.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 type DecoratedRange = BaseRange & {
   rangeDecoration: RangeDecoration;
 };
@@ -1339,7 +1339,7 @@ declare const editorMachine: xstate227.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate227.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react22.FocusEvent<HTMLDivElement, Element>;
+  event: react20.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1351,7 +1351,7 @@ declare const editorMachine: xstate227.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react22.FocusEvent<HTMLDivElement, Element>;
+  event: react20.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2007,7 +2007,7 @@ declare const editorMachine: xstate227.StateMachine<{
         type: "drop";
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react22.FocusEvent<HTMLDivElement, Element>;
+        event: react20.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2019,7 +2019,7 @@ declare const editorMachine: xstate227.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react22.FocusEvent<HTMLDivElement, Element>;
+        event: react20.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -2890,7 +2890,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         type: "drop";
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react22.FocusEvent<HTMLDivElement, Element>;
+                        event: react20.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -2902,7 +2902,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react22.FocusEvent<HTMLDivElement, Element>;
+                        event: react20.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/_chunks-dts/behavior.types.action.d.ts

@@ -6,7 +6,7 @@ import { AnnotationDefinition, AnnotationSchemaType, BaseDefinition, BlockObject
 import * as xstate227 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
 import { BaseRange, Descendant, Operation } from "slate";
-import * as react20 from "react";
+import * as react22 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import * as xstate_guards12 from "xstate/guards";
 import { Observable, Subject } from "rxjs";
@@ -215,7 +215,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react20.JSX.Element;
+  render(): react22.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -610,7 +610,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react20.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react20.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react22.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react22.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 type DecoratedRange = BaseRange & {
   rangeDecoration: RangeDecoration;
 };
@@ -1339,7 +1339,7 @@ declare const editorMachine: xstate227.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate227.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1351,7 +1351,7 @@ declare const editorMachine: xstate227.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2007,7 +2007,7 @@ declare const editorMachine: xstate227.StateMachine<{
         type: "drop";
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2019,7 +2019,7 @@ declare const editorMachine: xstate227.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -2890,7 +2890,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         type: "drop";
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -2902,7 +2902,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/index.cjs

@@ -1323,10 +1323,17 @@ function buildIndexMaps(context, {
       continue;
     }
     levelIndexMaps.forEach((levelIndexMap2, listItem) => {
-      listItem !== block.listItem && levelIndexMap2.set(block.level, 0);
+      if (listItem === block.listItem)
+        return;
+      const levelsToDelete = [];
+      levelIndexMap2.forEach((_, level) => {
+        level >= block.level && levelsToDelete.push(level);
+      }), levelsToDelete.forEach((level) => {
+        levelIndexMap2.delete(level);
+      });
     });
     const levelIndexMap = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map(), levelCounter = levelIndexMap.get(block.level) ?? 0;
-    levelIndexMap.set(block.level, levelCounter + 1), listIndexMap.set(block._key, levelCounter + 1), previousListItem = {
+    levelIndexMap.set(block.level, levelCounter + 1), levelIndexMaps.set(block.listItem, levelIndexMap), listIndexMap.set(block._key, levelCounter + 1), previousListItem = {
       listItem: block.listItem,
       level: block.level
     };
@@ -4875,7 +4882,7 @@ function createWithPatches({
               ...patch,
               origin: "local"
             },
-            operationId: getCurrentOperationId(editor),
+            operationId: getCurrentUndoStepId(editor),
             value: editor.value
           });
       return editor;
@@ -6756,6 +6763,51 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = behaviors_index.defineBehavior
     unit: event.unit,
     at: selection
   })]]
+}), behaviors_index.defineBehavior({
+  on: "delete",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    if (event.direction !== "forward")
+      return !1;
+    const nextBlock = selector_isSelectingEntireBlocks.getNextBlock({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at
+      }
+    }), focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at
+      }
+    });
+    if (!nextBlock || !focusTextBlock || !util_isSelectionCollapsed.isEmptyTextBlock(snapshot.context, focusTextBlock.node))
+      return !1;
+    const nextBlockStartPoint = util_sliceBlocks.getBlockStartPoint({
+      context: snapshot.context,
+      block: nextBlock
+    });
+    return {
+      focusTextBlock,
+      nextBlockStartPoint
+    };
+  },
+  actions: [(_, {
+    focusTextBlock,
+    nextBlockStartPoint
+  }) => [behaviors_index.raise({
+    type: "delete.block",
+    at: focusTextBlock.path
+  }), behaviors_index.raise({
+    type: "select",
+    at: {
+      anchor: nextBlockStartPoint,
+      focus: nextBlockStartPoint
+    }
+  })]]
 }), behaviors_index.defineBehavior({
   on: "delete",
   guard: ({
@@ -8644,14 +8696,14 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
         input.slateEditor.apply = originalApply;
       };
     }),
-    "mutation debouncer": xstate.fromCallback(({
+    "mutation interval": xstate.fromCallback(({
       sendBack
     }) => {
       const interval = setInterval(() => {
         sendBack({
-          type: "mutation delay passed"
+          type: "emit changes"
         });
-      }, process.env.NODE_ENV === "test" ? 250 : 0);
+      }, process.env.NODE_ENV === "test" ? 250 : 1e3);
       return () => {
         clearInterval(interval);
       };
@@ -8661,15 +8713,12 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
     "is read-only": ({
       context
     }) => context.readOnly,
-    "is typing": xstate.stateIn({
-      typing: "typing"
-    }),
     "slate is normalizing": ({
       context
     }) => slate.Editor.isNormalizing(context.slateEditor)
   },
   delays: {
-    "type debounce": process.env.NODE_ENV === "test" ? 0 : 250
+    "type debounce": 250
   }
 }).createMachine({
   id: "mutation",
@@ -8717,14 +8766,19 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
           after: {
             "type debounce": {
               target: "idle",
-              actions: [() => {
+              actions: [xstate.raise({
+                type: "emit changes"
+              }), () => {
                 debug$6("exit: typing->typing");
               }]
             }
           },
           on: {
             "not typing": {
-              target: "idle"
+              target: "idle",
+              actions: [xstate.raise({
+                type: "emit changes"
+              })]
             },
             typing: {
               target: "typing",
@@ -8763,11 +8817,11 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
             debug$6("exit: mutations->has pending mutations");
           }],
           invoke: {
-            src: "mutation debouncer"
+            src: "mutation interval"
           },
           on: {
-            "mutation delay passed": {
-              guard: xstate.and([xstate.not("is read-only"), xstate.not("is typing"), "slate is normalizing"]),
+            "emit changes": {
+              guard: xstate.and([xstate.not("is read-only"), "slate is normalizing"]),
               target: "idle",
               actions: ["emit pending patch events", "clear pending patch events", "emit mutations", "clear pending mutations"]
             },