@portabletext/editor 4.1.5 → 4.2.0

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

@@ -3,7 +3,7 @@ import { AnnotationDefinition, AnnotationSchemaType, BaseDefinition, BlockObject
 import { BaseRange, Descendant, Operation, Range } from "slate";
 import * as xstate71 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
-import * as react6 from "react";
+import * as react10 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import { Patch, Patch as Patch$1 } from "@portabletext/patches";
 import { Observable, Subject } from "rxjs";
@@ -311,7 +311,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react6.JSX.Element;
+  render(): react10.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -720,7 +720,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react6.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react6.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react10.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react10.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 /** @beta */
 interface EditableAPIDeleteOptions {
   mode?: 'blocks' | 'children' | 'selected';
@@ -1511,7 +1511,7 @@ declare const editorMachine: xstate71.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate71.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react6.FocusEvent<HTMLDivElement, Element>;
+  event: react10.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1523,7 +1523,7 @@ declare const editorMachine: xstate71.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react6.FocusEvent<HTMLDivElement, Element>;
+  event: react10.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -1804,6 +1804,7 @@ type AbstractBehaviorEvent = {
   blocks: Array<BlockWithOptionalKey>;
   placement: InsertPlacement;
   select?: 'start' | 'end' | 'none';
+  at?: NonNullable<EditorSelection>;
 } | {
   type: StrictExtract<SyntheticBehaviorEventType, 'insert.break'>;
 } | {

package/lib/index.js

@@ -8477,11 +8477,11 @@ function insertBlock(options) {
         }
       }
     } else {
-      Transforms.insertNodes(editor, [block], {
-        select: !1
-      });
       const nextPath = [endBlockPath[0] + 1];
-      select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
+      Transforms.insertNodes(editor, [block], {
+        select: !1,
+        at: nextPath
+      }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
     }
   }
 }
@@ -9349,104 +9349,70 @@ const abstractInsertBehaviors = [
       type: "insert.block",
       block: onlyBlock,
       placement: event.placement,
-      select: event.select ?? "end"
+      select: event.select ?? "end",
+      ...event.at ? {
+        at: event.at
+      } : {}
     })]]
   }),
   defineBehavior({
     on: "insert.blocks",
     guard: ({
-      snapshot,
       event
-    }) => {
-      if (event.placement !== "before")
-        return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
+    }) => event.placement === "before" || event.placement === "after",
     actions: [({
       snapshot,
       event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "before" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: snapshot.context.selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
-  }),
-  defineBehavior({
-    on: "insert.blocks",
-    guard: ({
-      snapshot,
-      event
     }) => {
-      if (event.placement !== "after")
-        return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
-    actions: [({
-      snapshot,
-      event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: snapshot.context.selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
+      let firstBlockKey, lastBlockKey, previousBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        index++;
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        index === 0 && (firstBlockKey = key), index === event.blocks.length - 1 && (lastBlockKey = key), actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: event.placement === "after" ? "after" : index === 0 ? "before" : "after",
+          select: "none",
+          ...previousBlockKey ? {
+            at: {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            }
+          } : event.at ? {
+            at: event.at
+          } : {}
+        })), previousBlockKey = key;
+      }
+      const select = event.select ?? "end";
+      return select === "start" && firstBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })), select === "end" && lastBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: lastBlockKey
+        }],
+        select: "end"
+      })), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.blocks",
@@ -9456,62 +9422,17 @@ const abstractInsertBehaviors = [
     }) => {
       if (event.placement !== "auto")
         return !1;
-      const focusTextBlock = getFocusTextBlock(snapshot);
-      if (!focusTextBlock || !isEmptyTextBlock(snapshot.context, focusTextBlock.node))
+      const at = event.at ?? snapshot.context.selection;
+      if (!at)
         return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        focusTextBlock,
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
-    actions: [({
-      event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "auto" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
-  }),
-  defineBehavior({
-    on: "insert.blocks",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      if (event.placement !== "auto")
-        return !1;
-      const focusTextBlock = getFocusTextBlock(snapshot);
-      if (!focusTextBlock || !snapshot.context.selection)
+      const adjustedSnapshot = {
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: at
+        }
+      }, focusTextBlock = getFocusTextBlock(adjustedSnapshot);
+      if (!focusTextBlock || isEmptyTextBlock(snapshot.context, focusTextBlock.node))
         return !1;
       const focusBlockStartPoint = getBlockStartPoint({
         context: snapshot.context,
@@ -9523,19 +9444,19 @@ const abstractInsertBehaviors = [
         context: {
           schema: snapshot.context.schema,
           selection: {
-            anchor: snapshot.context.selection.focus,
+            anchor: at.focus,
             focus: focusBlockEndPoint
           }
         },
         block: focusTextBlock.node
-      }), firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot), isFirstBlockTextBlock = isTextBlock(snapshot.context, event.blocks.at(0));
+      }), isFirstBlockTextBlock = isTextBlock(snapshot.context, event.blocks.at(0));
       return {
-        firstBlockKey,
-        lastBlockKey,
+        focusTextBlock,
         focusBlockStartPoint,
         focusBlockEndPoint,
         focusTextBlockAfter,
-        selection: snapshot.context.selection,
+        at,
+        originalSelection: snapshot.context.selection,
         isFirstBlockTextBlock
       };
     },
@@ -9543,110 +9464,178 @@ const abstractInsertBehaviors = [
       snapshot,
       event
     }, {
+      focusTextBlock,
       focusBlockEndPoint,
       focusTextBlockAfter,
-      selection,
-      firstBlockKey,
-      lastBlockKey,
+      at,
       focusBlockStartPoint,
-      isFirstBlockTextBlock
-    }) => [...event.blocks.flatMap((block, index) => index === 0 ? [...isEqualSelectionPoints(selection.focus, focusBlockEndPoint) ? [] : [raise({
-      type: "delete",
-      at: {
-        anchor: selection.focus,
-        focus: focusBlockEndPoint
-      }
-    })], raise({
-      type: "insert.block",
-      block: {
-        ...block,
-        _key: firstBlockKey
-      },
-      placement: "auto",
-      select: "end"
-    })] : index === event.blocks.length - 1 ? [raise({
-      type: "insert.block",
-      block: {
-        ...block,
-        _key: lastBlockKey
-      },
-      placement: "after",
-      select: "end"
-    }), ...isEmptyTextBlock(snapshot.context, focusTextBlockAfter) ? [] : [raise({
-      type: "insert.block",
-      block: focusTextBlockAfter,
-      placement: "auto",
-      select: event.select === "end" ? "none" : "end"
-    })]] : [raise({
-      type: "insert.block",
-      block,
-      placement: "after",
-      select: "end"
-    })]), ...event.select === "none" ? [raise({
-      type: "select",
-      at: selection
-    })] : event.select === "start" ? [isEqualSelectionPoints(selection.focus, focusBlockStartPoint) || !isFirstBlockTextBlock ? raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    }) : raise({
-      type: "select",
-      at: {
-        anchor: selection.focus,
-        focus: selection.focus
+      isFirstBlockTextBlock,
+      originalSelection
+    }) => {
+      let previousBlockKey, firstBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        if (index++, index === 0) {
+          isEqualSelectionPoints(at.focus, focusBlockEndPoint) || actions.push(raise({
+            type: "delete",
+            at: {
+              anchor: at.focus,
+              focus: focusBlockEndPoint
+            }
+          }));
+          const key2 = getUniqueBlockKey(block._key)(snapshot), deletingEndToEnd = isEqualSelectionPoints(at.focus, focusBlockStartPoint);
+          isTextBlock(snapshot.context, block) && !deletingEndToEnd ? (firstBlockKey = focusTextBlock.node._key, previousBlockKey = focusTextBlock.node._key) : (firstBlockKey = key2, previousBlockKey = key2), actions.push(raise({
+            type: "insert.block",
+            block: key2 !== block._key ? {
+              ...block,
+              _key: key2
+            } : block,
+            placement: "auto",
+            select: "end",
+            ...event.at ? {
+              at: event.at
+            } : {}
+          }));
+          continue;
+        }
+        if (index === event.blocks.length - 1) {
+          actions.push(raise({
+            type: "insert.block",
+            block,
+            placement: "after",
+            select: "end",
+            at: previousBlockKey ? {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            } : void 0
+          }));
+          continue;
+        }
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: "after",
+          select: previousBlockKey ? "none" : "end",
+          at: previousBlockKey ? {
+            anchor: {
+              path: [{
+                _key: previousBlockKey
+              }],
+              offset: 0
+            },
+            focus: {
+              path: [{
+                _key: previousBlockKey
+              }],
+              offset: 0
+            }
+          } : void 0
+        })), previousBlockKey = key;
       }
-    })] : []]]
+      return isEmptyTextBlock(snapshot.context, focusTextBlockAfter) || actions.push(raise({
+        type: "insert.block",
+        block: focusTextBlockAfter,
+        placement: "auto",
+        select: event.select === "end" ? "none" : "end"
+      })), event.select === "none" && actions.push(raise({
+        type: "select",
+        at: originalSelection
+      })), event.select === "start" && ((isEqualSelectionPoints(at.focus, focusBlockStartPoint) || !isFirstBlockTextBlock) && firstBlockKey ? actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })) : actions.push(raise({
+        type: "select",
+        at: {
+          anchor: at.focus,
+          focus: at.focus
+        }
+      }))), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.blocks",
     guard: ({
       snapshot,
       event
-    }) => {
-      if (event.placement !== "auto")
-        return !1;
-      const selection = snapshot.context.selection, firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey,
-        selection
-      };
+    }) => event.placement !== "auto" ? !1 : {
+      originalSelection: snapshot.context.selection
     },
     actions: [({
+      snapshot,
       event
     }, {
-      firstBlockKey,
-      lastBlockKey,
-      selection
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "auto" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : event.select ?? "end"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
+      originalSelection
+    }) => {
+      let firstBlockKey, lastBlockKey, previousBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        index++;
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        index === 0 && (firstBlockKey = key), index === event.blocks.length - 1 && (lastBlockKey = key), actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: index === 0 ? "auto" : "after",
+          select: "none",
+          ...previousBlockKey ? {
+            at: {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            }
+          } : event.at ? {
+            at: event.at
+          } : {}
+        })), previousBlockKey = key;
+      }
+      const select = event.select ?? "end";
+      return select === "none" ? actions.push(raise({
+        type: "select",
+        at: originalSelection
+      })) : select === "start" && firstBlockKey ? actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })) : lastBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: lastBlockKey
+        }],
+        select: "end"
+      })), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.break",