@portabletext/editor 2.12.3 → 2.13.1

package/lib/index.js

@@ -157,17 +157,6 @@ function fromSlateValue(value, textBlockType, keyMap = {}) {
 function isEqualToEmptyEditor(children, schemaTypes) {
   return children === void 0 || children && Array.isArray(children) && children.length === 0 || children && Array.isArray(children) && children.length === 1 && Element$1.isElement(children[0]) && children[0]._type === schemaTypes.block.name && "style" in children[0] && children[0].style === schemaTypes.styles[0].name && !("listItem" in children[0]) && Array.isArray(children[0].children) && children[0].children.length === 1 && Text.isText(children[0].children[0]) && children[0].children[0]._type === "span" && !children[0].children[0].marks?.join("") && children[0].children[0].text === "";
 }
-function getBlockPath({
-  editor,
-  _key
-}) {
-  const [, blockPath] = Array.from(Editor.nodes(editor, {
-    at: [],
-    match: (n) => n._key === _key
-  })).at(0) ?? [void 0, void 0], blockIndex = blockPath?.at(0);
-  if (blockIndex !== void 0)
-    return [blockIndex];
-}
 function getFocusBlock({
   editor
 }) {
@@ -918,7 +907,7 @@ function RenderBlockObject(props) {
   $[13] !== dragPositionBlock ? (t4 = dragPositionBlock === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[13] = dragPositionBlock, $[14] = t4) : t4 = $[14];
   const t5 = !props.readOnly;
   let t6;
-  $[15] !== blockObject || $[16] !== focused || $[17] !== legacySchemaType || $[18] !== props.element._key || $[19] !== props.renderBlock || $[20] !== selected ? (t6 = props.renderBlock && legacySchemaType ? /* @__PURE__ */ jsx(props.renderBlock, { editorElementRef: blockObjectRef, focused, path: [{
+  $[15] !== blockObject || $[16] !== focused || $[17] !== legacySchemaType || $[18] !== props.element._key || $[19] !== props.renderBlock || $[20] !== selected ? (t6 = props.renderBlock && legacySchemaType ? /* @__PURE__ */ jsx(RenderBlock$1, { renderBlock: props.renderBlock, editorElementRef: blockObjectRef, focused, path: [{
     _key: props.element._key
   }], schemaType: legacySchemaType, selected, type: legacySchemaType, value: blockObject, children: /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }) }) : /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }), $[15] = blockObject, $[16] = focused, $[17] = legacySchemaType, $[18] = props.element._key, $[19] = props.renderBlock, $[20] = selected, $[21] = t6) : t6 = $[21];
   let t7;
@@ -933,6 +922,28 @@ function RenderBlockObject(props) {
     t8
   ] }), $[27] = props.attributes, $[28] = props.children, $[29] = props.element._key, $[30] = props.element._type, $[31] = t4, $[32] = t7, $[33] = t8, $[34] = t9) : t9 = $[34], t9;
 }
+function RenderBlock$1({
+  renderBlock,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  type,
+  value
+}) {
+  return renderBlock({
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    type,
+    value
+  });
+}
 function RenderInlineObject(props) {
   const $ = c(32), inlineObjectRef = useRef(null), slateEditor = useSlateStatic(), selected = useSelected();
   let t0;
@@ -974,7 +985,7 @@ function RenderInlineObject(props) {
     display: "inline-block"
   }, $[16] = t6) : t6 = $[16];
   let t7;
-  $[17] !== block || $[18] !== focused || $[19] !== inlineObject_0 || $[20] !== legacySchemaType || $[21] !== props.element._key || $[22] !== props.renderChild || $[23] !== selected ? (t7 = /* @__PURE__ */ jsx("span", { ref: inlineObjectRef, style: t6, children: props.renderChild && block && legacySchemaType ? /* @__PURE__ */ jsx(props.renderChild, { annotations: [], editorElementRef: inlineObjectRef, selected, focused, path: [{
+  $[17] !== block || $[18] !== focused || $[19] !== inlineObject_0 || $[20] !== legacySchemaType || $[21] !== props.element._key || $[22] !== props.renderChild || $[23] !== selected ? (t7 = /* @__PURE__ */ jsx("span", { ref: inlineObjectRef, style: t6, children: props.renderChild && block && legacySchemaType ? /* @__PURE__ */ jsx(RenderChild$1, { renderChild: props.renderChild, annotations: [], editorElementRef: inlineObjectRef, selected, focused, path: [{
     _key: block._key
   }, "children", {
     _key: props.element._key
@@ -985,6 +996,30 @@ function RenderInlineObject(props) {
     t7
   ] }), $[25] = inlineObject_0._key, $[26] = inlineObject_0._type, $[27] = props.attributes, $[28] = props.children, $[29] = t5, $[30] = t7, $[31] = t8) : t8 = $[31], t8;
 }
+function RenderChild$1({
+  renderChild,
+  annotations,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type
+}) {
+  return renderChild({
+    annotations,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type
+  });
+}
 function RenderTextBlock(props) {
   const $ = c(77), [dragPositionBlock, setDragPositionBlock] = useState(), blockRef = useRef(null), selected = useSelected();
   let t0;
@@ -1009,7 +1044,7 @@ function RenderTextBlock(props) {
         _key: props.textBlock._key
       }], $[9] = props.textBlock._key, $[10] = t42) : t42 = $[10];
       let t52;
-      $[11] !== children || $[12] !== focused || $[13] !== legacyStyleSchemaType || $[14] !== props.renderStyle || $[15] !== props.textBlock || $[16] !== selected || $[17] !== t42 ? (t52 = /* @__PURE__ */ jsx(props.renderStyle, { block: props.textBlock, editorElementRef: blockRef, focused, path: t42, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[11] = children, $[12] = focused, $[13] = legacyStyleSchemaType, $[14] = props.renderStyle, $[15] = props.textBlock, $[16] = selected, $[17] = t42, $[18] = t52) : t52 = $[18], children = t52;
+      $[11] !== children || $[12] !== focused || $[13] !== legacyStyleSchemaType || $[14] !== props.renderStyle || $[15] !== props.textBlock || $[16] !== selected || $[17] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t42, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[11] = children, $[12] = focused, $[13] = legacyStyleSchemaType, $[14] = props.renderStyle, $[15] = props.textBlock, $[16] = selected, $[17] = t42, $[18] = t52) : t52 = $[18], children = t52;
     } else
       console.error(`Unable to find Schema type for text block style ${props.textBlock.style}`);
   }
@@ -1028,7 +1063,7 @@ function RenderTextBlock(props) {
         _key: props.textBlock._key
       }], $[24] = props.textBlock._key, $[25] = t52) : t52 = $[25];
       let t62;
-      $[26] !== children || $[27] !== focused || $[28] !== legacyListItemSchemaType || $[29] !== props.renderListItem || $[30] !== props.textBlock || $[31] !== selected || $[32] !== t42 || $[33] !== t52 ? (t62 = /* @__PURE__ */ jsx(props.renderListItem, { block: props.textBlock, editorElementRef: blockRef, focused, level: t42, path: t52, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[26] = children, $[27] = focused, $[28] = legacyListItemSchemaType, $[29] = props.renderListItem, $[30] = props.textBlock, $[31] = selected, $[32] = t42, $[33] = t52, $[34] = t62) : t62 = $[34], children = t62;
+      $[26] !== children || $[27] !== focused || $[28] !== legacyListItemSchemaType || $[29] !== props.renderListItem || $[30] !== props.textBlock || $[31] !== selected || $[32] !== t42 || $[33] !== t52 ? (t62 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t42, path: t52, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[26] = children, $[27] = focused, $[28] = legacyListItemSchemaType, $[29] = props.renderListItem, $[30] = props.textBlock, $[31] = selected, $[32] = t42, $[33] = t52, $[34] = t62) : t62 = $[34], children = t62;
     } else
       console.error(`Unable to find Schema type for text block list item ${props.textBlock.listItem}`);
   }
@@ -1059,7 +1094,7 @@ function RenderTextBlock(props) {
   let t12;
   $[51] !== dragPositionBlock ? (t12 = dragPositionBlock === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[51] = dragPositionBlock, $[52] = t12) : t12 = $[52];
   let t13;
-  $[53] !== children || $[54] !== focused || $[55] !== props.legacySchema || $[56] !== props.renderBlock || $[57] !== props.textBlock || $[58] !== selected ? (t13 = props.renderBlock ? /* @__PURE__ */ jsx(props.renderBlock, { editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
+  $[53] !== children || $[54] !== focused || $[55] !== props.legacySchema || $[56] !== props.renderBlock || $[57] !== props.textBlock || $[58] !== selected ? (t13 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
     _key: props.textBlock._key
   }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[53] = children, $[54] = focused, $[55] = props.legacySchema, $[56] = props.renderBlock, $[57] = props.textBlock, $[58] = selected, $[59] = t13) : t13 = $[59];
   let t14;
@@ -1073,6 +1108,80 @@ function RenderTextBlock(props) {
     t15
   ] }), $[64] = props.attributes, $[65] = props.spellCheck, $[66] = props.textBlock._key, $[67] = props.textBlock._type, $[68] = t10, $[69] = t11, $[70] = t12, $[71] = t14, $[72] = t15, $[73] = t7, $[74] = t8, $[75] = t9, $[76] = t16) : t16 = $[76], t16;
 }
+function RenderBlock({
+  renderBlock,
+  children,
+  editorElementRef,
+  focused,
+  level,
+  listItem,
+  path,
+  selected,
+  style,
+  schemaType,
+  type,
+  value
+}) {
+  return renderBlock({
+    children,
+    editorElementRef,
+    focused,
+    level,
+    listItem,
+    path,
+    selected,
+    style,
+    schemaType,
+    type,
+    value
+  });
+}
+function RenderListItem({
+  renderListItem,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  level,
+  path,
+  schemaType,
+  selected,
+  value
+}) {
+  return renderListItem({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    level,
+    path,
+    schemaType,
+    selected,
+    value
+  });
+}
+function RenderStyle({
+  renderStyle,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value
+}) {
+  return renderStyle({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value
+  });
+}
 function RenderElement(props) {
   const $ = c(34), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$3), legacySchema = useSelector(editorActor, _temp2$2), slateStatic = useSlateStatic();
   if ("__inline" in props.element && props.element.__inline === !0) {
@@ -1199,11 +1308,11 @@ function RenderSpan(props) {
     }), children = props.children;
     for (const mark_1 of decorators) {
       const legacyDecoratorSchemaType = legacySchema.decorators.find((dec) => dec.value === mark_1);
-      path && legacyDecoratorSchemaType && props.renderDecorator && (children = /* @__PURE__ */ jsx(props.renderDecorator, { editorElementRef: spanRef, focused, path, selected, schemaType: legacyDecoratorSchemaType, value: mark_1, type: legacyDecoratorSchemaType, children }));
+      path && legacyDecoratorSchemaType && props.renderDecorator && (children = /* @__PURE__ */ jsx(RenderDecorator, { renderDecorator: props.renderDecorator, editorElementRef: spanRef, focused, path, selected, schemaType: legacyDecoratorSchemaType, value: mark_1, type: legacyDecoratorSchemaType, children }));
     }
     for (const annotationMarkDef of annotationMarkDefs) {
       const legacyAnnotationSchemaType = legacySchema.annotations.find((t) => t.name === annotationMarkDef._type);
-      legacyAnnotationSchemaType && (block_0 && path && props.renderAnnotation ? children = /* @__PURE__ */ jsx("span", { ref: spanRef, children: /* @__PURE__ */ jsx(props.renderAnnotation, { block: block_0, editorElementRef: spanRef, focused, path, selected, schemaType: legacyAnnotationSchemaType, value: annotationMarkDef, type: legacyAnnotationSchemaType, children }) }) : children = /* @__PURE__ */ jsx("span", { ref: spanRef, children }));
+      legacyAnnotationSchemaType && (block_0 && path && props.renderAnnotation ? children = /* @__PURE__ */ jsx("span", { ref: spanRef, children: /* @__PURE__ */ jsx(RenderAnnotation, { renderAnnotation: props.renderAnnotation, block: block_0, editorElementRef: spanRef, focused, path, selected, schemaType: legacyAnnotationSchemaType, value: annotationMarkDef, type: legacyAnnotationSchemaType, children }) }) : children = /* @__PURE__ */ jsx("span", { ref: spanRef, children }));
     }
     $[11] = block_0, $[12] = editorActor, $[13] = focused, $[14] = legacySchema, $[15] = path, $[16] = props.children, $[17] = props.leaf.marks, $[18] = props.renderAnnotation, $[19] = props.renderDecorator, $[20] = selected, $[21] = annotationMarkDefs, $[22] = children;
   } else
@@ -1218,7 +1327,7 @@ function RenderSpan(props) {
     const child = t32;
     if (child) {
       let t4;
-      $[28] !== annotationMarkDefs || $[29] !== child || $[30] !== children || $[31] !== focused || $[32] !== legacySchema.span || $[33] !== path || $[34] !== props.renderChild || $[35] !== selected ? (t4 = /* @__PURE__ */ jsx(props.renderChild, { annotations: annotationMarkDefs, editorElementRef: spanRef, focused, path, schemaType: legacySchema.span, selected, value: child, type: legacySchema.span, children }), $[28] = annotationMarkDefs, $[29] = child, $[30] = children, $[31] = focused, $[32] = legacySchema.span, $[33] = path, $[34] = props.renderChild, $[35] = selected, $[36] = t4) : t4 = $[36], children = t4;
+      $[28] !== annotationMarkDefs || $[29] !== child || $[30] !== children || $[31] !== focused || $[32] !== legacySchema.span || $[33] !== path || $[34] !== props.renderChild || $[35] !== selected ? (t4 = /* @__PURE__ */ jsx(RenderChild, { renderChild: props.renderChild, annotations: annotationMarkDefs, editorElementRef: spanRef, focused, path, schemaType: legacySchema.span, selected, value: child, type: legacySchema.span, children }), $[28] = annotationMarkDefs, $[29] = child, $[30] = children, $[31] = focused, $[32] = legacySchema.span, $[33] = path, $[34] = props.renderChild, $[35] = selected, $[36] = t4) : t4 = $[36], children = t4;
     }
   }
   let t3;
@@ -1230,6 +1339,76 @@ function _temp2$1(decorator) {
 function _temp$2(s) {
   return s.context.getLegacySchema();
 }
+function RenderAnnotation({
+  renderAnnotation,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type
+}) {
+  return renderAnnotation({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type
+  });
+}
+function RenderDecorator({
+  renderDecorator,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type
+}) {
+  return renderDecorator({
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type
+  });
+}
+function RenderChild({
+  renderChild,
+  annotations,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type
+}) {
+  return renderChild({
+    annotations,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type
+  });
+}
 const PLACEHOLDER_STYLE = {
   position: "absolute",
   userSelect: "none",
@@ -4433,16 +4612,19 @@ const addAnnotationOperationImplementation = ({
   const endBlock = operation.editor.value.at(endBlockIndex);
   if (!endBlock)
     throw new Error("Failed to get end block");
-  const anchorBlockPath = anchorBlockKey !== void 0 ? getBlockPath({
-    editor: operation.editor,
-    _key: anchorBlockKey
-  }) : void 0, focusBlockPath = focusBlockKey !== void 0 ? getBlockPath({
-    editor: operation.editor,
-    _key: focusBlockKey
-  }) : void 0;
-  if (operation.at.anchor.path.length === 1 && operation.at.focus.path.length === 1 && anchorBlockPath && focusBlockPath && anchorBlockPath[0] === focusBlockPath[0]) {
+  if (operation.unit === "block") {
     Transforms.removeNodes(operation.editor, {
-      at: [anchorBlockPath[0]]
+      at: {
+        anchor: {
+          path: [startBlockIndex],
+          offset: 0
+        },
+        focus: {
+          path: [endBlockIndex],
+          offset: 0
+        }
+      },
+      mode: "highest"
     }), operation.editor.children.length === 0 && Transforms.insertNodes(operation.editor, createPlaceholderBlock(context));
     return;
   }
@@ -6630,6 +6812,15 @@ const addAnnotationOnCollapsedSelection = defineBehavior({
       shift: !1
     }]
   }),
+  backspace: createKeyboardShortcut({
+    default: [{
+      key: "Backspace",
+      alt: !1,
+      ctrl: !1,
+      meta: !1,
+      shift: !1
+    }]
+  }),
   break: createKeyboardShortcut({
     default: [{
       key: "Enter",
@@ -6648,6 +6839,15 @@ const addAnnotationOnCollapsedSelection = defineBehavior({
     underline,
     code
   },
+  delete: createKeyboardShortcut({
+    default: [{
+      key: "Delete",
+      alt: !1,
+      ctrl: !1,
+      meta: !1,
+      shift: !1
+    }]
+  }),
   history: {
     undo,
     redo
@@ -8043,7 +8243,8 @@ const abstractAnnotationBehaviors = [defineBehavior({
         path: event.at,
         offset: 0
       }
-    }
+    },
+    unit: "block"
   })]]
 }), defineBehavior({
   on: "delete.child",
@@ -8691,6 +8892,38 @@ const abstractAnnotationBehaviors = [defineBehavior({
     alt: !1
   }]
 }), abstractKeyboardBehaviors = [
+  /**
+   * When Backspace is pressed on an inline object, Slate will raise a
+   * `delete.backward` event with `unit: 'block'`. This is wrong and this
+   * Behavior adjusts that.
+   */
+  defineBehavior({
+    on: "keyboard.keydown",
+    guard: ({
+      snapshot,
+      event
+    }) => defaultKeyboardShortcuts.backspace.guard(event.originEvent) && isSelectionCollapsed$1(snapshot) && getFocusInlineObject(snapshot),
+    actions: [() => [raise({
+      type: "delete.backward",
+      unit: "character"
+    })]]
+  }),
+  /**
+   * When Delete is pressed on an inline object, Slate will raise a
+   * `delete.forward` event with `unit: 'block'`. This is wrong and this
+   * Behavior adjusts that.
+   */
+  defineBehavior({
+    on: "keyboard.keydown",
+    guard: ({
+      snapshot,
+      event
+    }) => defaultKeyboardShortcuts.delete.guard(event.originEvent) && isSelectionCollapsed$1(snapshot) && getFocusInlineObject(snapshot),
+    actions: [() => [raise({
+      type: "delete.forward",
+      unit: "character"
+    })]]
+  }),
   /**
    * Allow raising an `insert.break` event when pressing Enter on an inline
    * object.