@portabletext/editor 1.55.7 → 1.55.9

package/lib/_chunks-es/util.slice-text-block.js

@@ -1,4 +1,4 @@
-import { getBlockKeyFromSelectionPoint, getSelectionStartPoint, getSelectionEndPoint, getChildKeyFromSelectionPoint, isSpan$1 as isSpan } from "./util.slice-blocks.js";
+import { getBlockKeyFromSelectionPoint, getChildKeyFromSelectionPoint, isSpan$1 as isSpan, getSelectionStartPoint, getSelectionEndPoint } from "./util.slice-blocks.js";
 import { childSelectionPointToBlockOffset } from "./util.child-selection-point-to-block-offset.js";
 function isSelectionCollapsed(selection) {
   return selection ? JSON.stringify(selection.anchor.path) === JSON.stringify(selection.focus.path) && selection.anchor.offset === selection.focus.offset : !1;

package/lib/index.cjs

@@ -859,17 +859,23 @@ function useCoreBlockElementBehaviors(t0) {
   }, t2 = [editorActor, key, onSetDragPositionBlock], $[0] = editorActor, $[1] = key, $[2] = onSetDragPositionBlock, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), React.useEffect(t1, t2);
 }
 function RenderBlockObject(props) {
-  const [dragPositionBlock, setDragPositionBlock] = React.useState(), blockObjectRef = React.useRef(null), selected = slateReact.useSelected(), focused = slateReact.useSlateSelector((editor) => selected && editor.selection !== null && slate.Range.isCollapsed(editor.selection)), editorActor = React.useContext(EditorActorContext);
+  const [dragPositionBlock, setDragPositionBlock] = React.useState(), blockObjectRef = React.useRef(null), selected = slateReact.useSelected(), focused = slateReact.useSlateSelector((editor) => selected && editor.selection !== null && slate.Range.isCollapsed(editor.selection));
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
-  const legacySchemaType = react.useSelector(editorActor, (s) => s.context.getLegacySchema().blockObjects.find((blockObject) => blockObject.name === props.element._type));
-  return legacySchemaType || console.error(`Block object type ${props.element._type} not found in Schema`), /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props.attributes, className: "pt-block pt-object-block", "data-block-key": props.element._key, "data-block-name": props.element._type, "data-block-type": "object", children: [
+  const legacySchemaType = props.legacySchema.blockObjects.find((blockObject) => blockObject.name === props.element._type);
+  legacySchemaType || console.error(`Unable to find Block Object "${props.element._type}" in Schema`);
+  const blockObject_0 = {
+    _key: props.element._key,
+    _type: props.element._type,
+    ..."value" in props.element && typeof props.element.value == "object" ? props.element.value : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props.attributes, className: "pt-block pt-object-block", "data-block-key": props.element._key, "data-block-name": props.element._type, "data-block-type": "object", children: [
     dragPositionBlock === "start" ? /* @__PURE__ */ jsxRuntime.jsx(DropIndicator, {}) : null,
     props.children,
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: blockObjectRef, contentEditable: !1, draggable: !props.readOnly, children: props.renderBlock && legacySchemaType ? props.renderBlock({
-      children: /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultBlockObject, { blockObject: props.blockObject }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultBlockObject, { blockObject: blockObject_0 }),
       editorElementRef: blockObjectRef,
       focused,
       path: [{
@@ -878,28 +884,34 @@ function RenderBlockObject(props) {
       schemaType: legacySchemaType,
       selected,
       type: legacySchemaType,
-      value: props.blockObject
-    }) : /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultBlockObject, { blockObject: props.blockObject }) }),
+      value: blockObject_0
+    }) : /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultBlockObject, { blockObject: blockObject_0 }) }),
     dragPositionBlock === "end" ? /* @__PURE__ */ jsxRuntime.jsx(DropIndicator, {}) : null
   ] });
 }
 function RenderInlineObject(props) {
-  const inlineObjectRef = React.useRef(null), slateEditor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), editorActor = React.useContext(EditorActorContext), legacySchemaType = react.useSelector(editorActor, (s) => s.context.getLegacySchema().inlineObjects.find((inlineObject) => inlineObject.name === props.element._type));
-  legacySchemaType || console.error(`Inline object type ${props.element._type} not found in Schema`);
-  const focused = selected && slateEditor.selection !== null && slate.Range.isCollapsed(slateEditor.selection), path = slateDom.DOMEditor.findPath(slateEditor, props.element), [block] = getPointBlock({
+  const inlineObjectRef = React.useRef(null), slateEditor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), focused = slateReact.useSlateSelector((editor) => selected && editor.selection !== null && slate.Range.isCollapsed(editor.selection)), legacySchemaType = props.legacySchema.inlineObjects.find((inlineObject) => inlineObject.name === props.element._type);
+  legacySchemaType || console.error(`Unable to find Inline Object "${props.element._type}" in Schema`);
+  const path = slateDom.DOMEditor.findPath(slateEditor, props.element), [block] = getPointBlock({
     editor: slateEditor,
     point: {
       path,
       offset: 0
     }
   });
-  return block || console.error(`Unable to find parent block of inline object ${props.element._key}`), /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props.attributes, draggable: !props.readOnly, className: "pt-inline-object", "data-child-key": props.inlineObject._key, "data-child-name": props.inlineObject._type, "data-child-type": "object", children: [
+  block || console.error(`Unable to find parent block of inline object ${props.element._key}`);
+  const inlineObject_0 = {
+    _key: props.element._key,
+    _type: props.element._type,
+    ..."value" in props.element && typeof props.element.value == "object" ? props.element.value : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props.attributes, draggable: !props.readOnly, className: "pt-inline-object", "data-child-key": inlineObject_0._key, "data-child-name": inlineObject_0._type, "data-child-type": "object", children: [
     props.children,
     /* @__PURE__ */ jsxRuntime.jsx("span", { ref: inlineObjectRef, style: {
       display: "inline-block"
     }, children: props.renderChild && block && legacySchemaType ? props.renderChild({
       annotations: [],
-      children: /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultInlineObject, { inlineObject: props.inlineObject }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultInlineObject, { inlineObject: inlineObject_0 }),
       editorElementRef: inlineObjectRef,
       selected,
       focused,
@@ -909,22 +921,30 @@ function RenderInlineObject(props) {
         _key: props.element._key
       }],
       schemaType: legacySchemaType,
-      value: props.inlineObject,
+      value: inlineObject_0,
       type: legacySchemaType
-    }) : /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultInlineObject, { inlineObject: props.inlineObject }) })
+    }) : /* @__PURE__ */ jsxRuntime.jsx(RenderDefaultInlineObject, { inlineObject: inlineObject_0 }) })
   ] });
 }
+function RenderObject(props) {
+  const $ = reactCompilerRuntime.c(16);
+  if ("__inline" in props.element && props.element.__inline === !0) {
+    let t02;
+    return $[0] !== props.attributes || $[1] !== props.children || $[2] !== props.element || $[3] !== props.legacySchema || $[4] !== props.readOnly || $[5] !== props.renderChild || $[6] !== props.schema ? (t02 = /* @__PURE__ */ jsxRuntime.jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, legacySchema: props.legacySchema, readOnly: props.readOnly, renderChild: props.renderChild, schema: props.schema, children: props.children }), $[0] = props.attributes, $[1] = props.children, $[2] = props.element, $[3] = props.legacySchema, $[4] = props.readOnly, $[5] = props.renderChild, $[6] = props.schema, $[7] = t02) : t02 = $[7], t02;
+  }
+  let t0;
+  return $[8] !== props.attributes || $[9] !== props.children || $[10] !== props.element || $[11] !== props.legacySchema || $[12] !== props.readOnly || $[13] !== props.renderBlock || $[14] !== props.schema ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(RenderBlockObject, { attributes: props.attributes, element: props.element, legacySchema: props.legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, schema: props.schema, children: props.children }), $[8] = props.attributes, $[9] = props.children, $[10] = props.element, $[11] = props.legacySchema, $[12] = props.readOnly, $[13] = props.renderBlock, $[14] = props.schema, $[15] = t0) : t0 = $[15], t0;
+}
 function RenderTextBlock(props) {
-  const [dragPositionBlock, setDragPositionBlock] = React.useState(), blockRef = React.useRef(null), selected = slateReact.useSelected(), focused = slateReact.useSlateSelector((editor) => selected && editor.selection !== null && slate.Range.isCollapsed(editor.selection)), editorActor = React.useContext(EditorActorContext);
+  const [dragPositionBlock, setDragPositionBlock] = React.useState(), blockRef = React.useRef(null), selected = slateReact.useSelected(), focused = slateReact.useSlateSelector((editor) => selected && editor.selection !== null && slate.Range.isCollapsed(editor.selection));
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
-  const legacySchema = react.useSelector(editorActor, (s) => s.context.getLegacySchema()), listIndex = slateReact.useSlateSelector((editor_0) => editor_0.listIndexMap.get(props.textBlock._key));
+  const listIndex = slateReact.useSlateSelector((editor_0) => editor_0.listIndexMap.get(props.textBlock._key));
   let children = props.children;
-  const legacyBlockSchemaType = legacySchema.block;
   if (props.renderStyle && props.textBlock.style) {
-    const legacyStyleSchemaType = props.textBlock.style !== void 0 ? legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0;
+    const legacyStyleSchemaType = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0;
     legacyStyleSchemaType ? children = props.renderStyle({
       block: props.textBlock,
       children,
@@ -939,7 +959,7 @@ function RenderTextBlock(props) {
     }) : console.error(`Unable to find Schema type for text block style ${props.textBlock.style}`);
   }
   if (props.renderListItem && props.textBlock.listItem) {
-    const legacyListItemSchemaType = legacySchema.lists.find((list) => list.value === props.textBlock.listItem);
+    const legacyListItemSchemaType = props.legacySchema.lists.find((list) => list.value === props.textBlock.listItem);
     legacyListItemSchemaType ? children = props.renderListItem({
       block: props.textBlock,
       children,
@@ -974,58 +994,27 @@ function RenderTextBlock(props) {
         _key: props.textBlock._key
       }],
       selected,
-      schemaType: legacyBlockSchemaType,
+      schemaType: props.legacySchema.block,
       style: props.textBlock.style,
-      type: legacyBlockSchemaType,
+      type: props.legacySchema.block,
       value: props.textBlock
     }) : children }),
     dragPositionBlock === "end" ? /* @__PURE__ */ jsxRuntime.jsx(DropIndicator, {}) : null
   ] });
 }
 function RenderElement(props) {
-  const $ = reactCompilerRuntime.c(43), editorActor = React.useContext(EditorActorContext), schema2 = react.useSelector(editorActor, _temp$1);
-  if ("__inline" in props.element && props.element.__inline === !0) {
-    let t02;
-    $[0] !== props.element ? (t02 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[0] = props.element, $[1] = t02) : t02 = $[1];
-    let t12;
-    $[2] !== props.element._key || $[3] !== props.element._type || $[4] !== t02 ? (t12 = {
-      _key: props.element._key,
-      _type: props.element._type,
-      ...t02
-    }, $[2] = props.element._key, $[3] = props.element._type, $[4] = t02, $[5] = t12) : t12 = $[5];
-    const inlineObject = t12;
-    schema2.inlineObjects.find((inlineObject_0) => inlineObject_0.name === props.element._type) || console.error(`Unable to find Inline Object "${props.element._type}" in Schema`);
-    let t22;
-    $[6] !== inlineObject || $[7] !== props.element._key || $[8] !== props.element._type ? (t22 = inlineObject ?? {
-      _key: props.element._key,
-      _type: props.element._type
-    }, $[6] = inlineObject, $[7] = props.element._key, $[8] = props.element._type, $[9] = t22) : t22 = $[9];
-    let t32;
-    return $[10] !== props.attributes || $[11] !== props.children || $[12] !== props.element || $[13] !== props.readOnly || $[14] !== props.renderChild || $[15] !== t22 ? (t32 = /* @__PURE__ */ jsxRuntime.jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, inlineObject: t22, readOnly: props.readOnly, renderChild: props.renderChild, children: props.children }), $[10] = props.attributes, $[11] = props.children, $[12] = props.element, $[13] = props.readOnly, $[14] = props.renderChild, $[15] = t22, $[16] = t32) : t32 = $[16], t32;
-  }
+  const $ = reactCompilerRuntime.c(19), editorActor = React.useContext(EditorActorContext), schema2 = react.useSelector(editorActor, _temp$1), legacySchema = react.useSelector(editorActor, _temp2);
   if (util_sliceBlocks.isTextBlock({
     schema: schema2
   }, props.element)) {
     let t02;
-    return $[17] !== props.attributes || $[18] !== props.children || $[19] !== props.element || $[20] !== props.readOnly || $[21] !== props.renderBlock || $[22] !== props.renderListItem || $[23] !== props.renderStyle || $[24] !== props.spellCheck ? (t02 = /* @__PURE__ */ jsxRuntime.jsx(RenderTextBlock, { attributes: props.attributes, element: props.element, readOnly: props.readOnly, renderBlock: props.renderBlock, renderListItem: props.renderListItem, renderStyle: props.renderStyle, spellCheck: props.spellCheck, textBlock: props.element, children: props.children }), $[17] = props.attributes, $[18] = props.children, $[19] = props.element, $[20] = props.readOnly, $[21] = props.renderBlock, $[22] = props.renderListItem, $[23] = props.renderStyle, $[24] = props.spellCheck, $[25] = t02) : t02 = $[25], t02;
+    return $[0] !== legacySchema || $[1] !== props.attributes || $[2] !== props.children || $[3] !== props.element || $[4] !== props.readOnly || $[5] !== props.renderBlock || $[6] !== props.renderListItem || $[7] !== props.renderStyle || $[8] !== props.spellCheck ? (t02 = /* @__PURE__ */ jsxRuntime.jsx(RenderTextBlock, { attributes: props.attributes, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, renderListItem: props.renderListItem, renderStyle: props.renderStyle, spellCheck: props.spellCheck, textBlock: props.element, children: props.children }), $[0] = legacySchema, $[1] = props.attributes, $[2] = props.children, $[3] = props.element, $[4] = props.readOnly, $[5] = props.renderBlock, $[6] = props.renderListItem, $[7] = props.renderStyle, $[8] = props.spellCheck, $[9] = t02) : t02 = $[9], t02;
   }
   let t0;
-  $[26] !== props.element ? (t0 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[26] = props.element, $[27] = t0) : t0 = $[27];
-  let t1;
-  $[28] !== props.element._key || $[29] !== props.element._type || $[30] !== t0 ? (t1 = {
-    _key: props.element._key,
-    _type: props.element._type,
-    ...t0
-  }, $[28] = props.element._key, $[29] = props.element._type, $[30] = t0, $[31] = t1) : t1 = $[31];
-  const blockObject = t1;
-  schema2.blockObjects.find((blockObject_0) => blockObject_0.name === props.element._type) || console.error(`Unable to find Block Object "${props.element._type}" in Schema`);
-  let t2;
-  $[32] !== blockObject || $[33] !== props.element._key || $[34] !== props.element._type ? (t2 = blockObject ?? {
-    _key: props.element._key,
-    _type: props.element._type
-  }, $[32] = blockObject, $[33] = props.element._key, $[34] = props.element._type, $[35] = t2) : t2 = $[35];
-  let t3;
-  return $[36] !== props.attributes || $[37] !== props.children || $[38] !== props.element || $[39] !== props.readOnly || $[40] !== props.renderBlock || $[41] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(RenderBlockObject, { attributes: props.attributes, blockObject: t2, element: props.element, readOnly: props.readOnly, renderBlock: props.renderBlock, children: props.children }), $[36] = props.attributes, $[37] = props.children, $[38] = props.element, $[39] = props.readOnly, $[40] = props.renderBlock, $[41] = t2, $[42] = t3) : t3 = $[42], t3;
+  return $[10] !== legacySchema || $[11] !== props.attributes || $[12] !== props.children || $[13] !== props.element || $[14] !== props.readOnly || $[15] !== props.renderBlock || $[16] !== props.renderChild || $[17] !== schema2 ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(RenderObject, { attributes: props.attributes, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, renderChild: props.renderChild, schema: schema2, children: props.children }), $[10] = legacySchema, $[11] = props.attributes, $[12] = props.children, $[13] = props.element, $[14] = props.readOnly, $[15] = props.renderBlock, $[16] = props.renderChild, $[17] = schema2, $[18] = t0) : t0 = $[18], t0;
+}
+function _temp2(s_0) {
+  return s_0.context.getLegacySchema();
 }
 function _temp$1(s) {
   return s.context.schema;
@@ -5211,7 +5200,11 @@ function pluginUpdateValue(context, editor) {
       apply2(operation);
       return;
     }
-    editor.value = applyOperationToPortableText(context, editor.value, operation), buildIndexMaps({
+    if (editor.value = applyOperationToPortableText(context, editor.value, operation), operation.type === "insert_text" || operation.type === "remove_text") {
+      apply2(operation);
+      return;
+    }
+    buildIndexMaps({
       schema: context.schema,
       value: editor.value
     }, {
@@ -7640,7 +7633,8 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
       behaviors: ({
         context,
         event
-      }) => (xstate.assertEvent(event, "add behavior"), /* @__PURE__ */ new Set([...context.behaviors, event.behaviorConfig]))
+      }) => (xstate.assertEvent(event, "add behavior"), /* @__PURE__ */ new Set([...context.behaviors, event.behaviorConfig])),
+      behaviorsSorted: !1
     }),
     "remove behavior from context": xstate.assign({
       behaviors: ({
@@ -7729,7 +7723,7 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
     }) => {
       xstate.assertEvent(event, ["behavior event"]);
       try {
-        const behaviors = sortByPriority([...context.behaviors.values(), ...coreBehaviorsConfig]).map((config) => config.behavior);
+        const behaviors = [...context.behaviors.values()].map((config) => config.behavior);
         performEvent({
           mode: "raise",
           behaviors,
@@ -7753,7 +7747,13 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
       } catch (error) {
         console.error(new Error(`Raising "${event.behaviorEvent.type}" failed due to: ${error.message}`));
       }
-    }
+    },
+    "sort behaviors": xstate.assign({
+      behaviors: ({
+        context
+      }) => context.behaviorsSorted ? context.behaviors : new Set(sortByPriority([...context.behaviors.values()])),
+      behaviorsSorted: !0
+    })
   },
   guards: {
     "slate is busy": ({
@@ -7765,7 +7765,8 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
   context: ({
     input
   }) => ({
-    behaviors: /* @__PURE__ */ new Set([]),
+    behaviors: new Set(coreBehaviorsConfig),
+    behaviorsSorted: !1,
     converters: new Set(input.converters ?? []),
     getLegacySchema: input.getLegacySchema,
     keyGenerator: input.keyGenerator,
@@ -7820,7 +7821,7 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
           initial: "determine initial edit mode",
           on: {
             "behavior event": {
-              actions: "handle behavior event",
+              actions: ["sort behaviors", "handle behavior event"],
               guard: ({
                 event
               }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "mouse.click" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
@@ -7874,7 +7875,7 @@ const debug$7 = debugWithName("editor machine"), editorMachine = xstate.setup({
               actions: ["emit read only"]
             },
             "behavior event": {
-              actions: "handle behavior event"
+              actions: ["sort behaviors", "handle behavior event"]
             },
             blur: {
               actions: "handle blur"