@portabletext/editor 1.33.5 → 1.34.0

package/lib/_chunks-cjs/plugin.event-listener.cjs

@@ -1,9 +1,9 @@
 "use strict";
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), jsxRuntime = require("react/jsx-runtime"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), util_blockOffsetsToSelection = require("./util.block-offsets-to-selection.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), selector_isActiveStyle = require("./selector.is-active-style.cjs"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs");
+var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), jsxRuntime = require("react/jsx-runtime"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), util_blockOffsetsToSelection = require("./util.block-offsets-to-selection.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), selector_isActiveStyle = require("./selector.is-active-style.cjs"), omit = require("lodash/omit.js"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var React__default = /* @__PURE__ */ _interopDefaultCompat(React), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$e), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), getRandomValues__default = /* @__PURE__ */ _interopDefaultCompat(getRandomValues), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isUndefined__default = /* @__PURE__ */ _interopDefaultCompat(isUndefined), omitBy__default = /* @__PURE__ */ _interopDefaultCompat(omitBy), startCase__default = /* @__PURE__ */ _interopDefaultCompat(startCase);
+var React__default = /* @__PURE__ */ _interopDefaultCompat(React), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$e), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), getRandomValues__default = /* @__PURE__ */ _interopDefaultCompat(getRandomValues), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isUndefined__default = /* @__PURE__ */ _interopDefaultCompat(isUndefined), omitBy__default = /* @__PURE__ */ _interopDefaultCompat(omitBy), omit__default = /* @__PURE__ */ _interopDefaultCompat(omit), startCase__default = /* @__PURE__ */ _interopDefaultCompat(startCase);
 function createEditorSchema(portableTextType) {
   if (!portableTextType)
     throw new Error("Parameter 'portabletextType' missing (required)");
@@ -2876,10 +2876,21 @@ const decoratorAddActionImplementation = ({
   context,
   action
 }) => {
-  const editor = action.editor, mark = action.decorator, selection = action.selection ? toSlateRange(action.selection, action.editor) ?? editor.selection : editor.selection;
+  const editor = action.editor, mark = action.decorator, value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), manualAnchor = action.offsets?.anchor ? util_sliceBlocks.blockOffsetToSpanSelectionPoint({
+    value,
+    blockOffset: action.offsets.anchor,
+    direction: "backward"
+  }) : void 0, manualFocus = action.offsets?.focus ? util_sliceBlocks.blockOffsetToSpanSelectionPoint({
+    value,
+    blockOffset: action.offsets.focus,
+    direction: "forward"
+  }) : void 0, manualSelection = manualAnchor && manualFocus ? {
+    anchor: manualAnchor,
+    focus: manualFocus
+  } : void 0, selection = manualSelection ? toSlateRange(manualSelection, action.editor) ?? editor.selection : editor.selection;
   if (!selection)
     return;
-  const value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? util_sliceBlocks.spanSelectionPointToBlockOffset({
+  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? util_sliceBlocks.spanSelectionPointToBlockOffset({
     value,
     selectionPoint: editorSelection.anchor
   }) : void 0, focusOffset = editorSelection ? util_sliceBlocks.spanSelectionPointToBlockOffset({
@@ -3982,6 +3993,7 @@ function insertBlock({
   }
 }
 const blockSetBehaviorActionImplementation = ({
+  context,
   action
 }) => {
   const location = toSlateRange({
@@ -3995,17 +4007,40 @@ const blockSetBehaviorActionImplementation = ({
     }
   }, action.editor);
   if (!location)
-    return;
+    throw new Error(`Unable to convert ${JSON.stringify(action.at)} into a Slate Range`);
+  const block = slate.Editor.node(action.editor, location, {
+    depth: 1
+  })?.[0];
+  if (!block)
+    throw new Error(`Unable to find block at ${JSON.stringify(action.at)}`);
+  const parsedBlock = fromSlateValue([block], context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(action.editor)).at(0);
+  if (!parsedBlock)
+    throw new Error(`Unable to parse block at ${JSON.stringify(action.at)}`);
   const {
-    at,
-    editor,
-    type,
-    ...payload
-  } = action;
-  slate.Transforms.setNodes(action.editor, payload, {
+    _type,
+    ...filteredProps
+  } = action.props, updatedBlock = util_blockOffsetsToSelection.parseBlock({
+    context,
+    block: {
+      ...parsedBlock,
+      ...filteredProps
+    },
+    options: {
+      refreshKeys: !1
+    }
+  });
+  if (!updatedBlock)
+    throw new Error(`Unable to update block at ${JSON.stringify(action.at)}`);
+  const slateBlock = toSlateValue([updatedBlock], {
+    schemaTypes: context.schema
+  })?.at(0);
+  if (!slateBlock)
+    throw new Error("Unable to convert block to Slate value");
+  slate.Transforms.setNodes(action.editor, slateBlock, {
     at: location
   });
 }, blockUnsetBehaviorActionImplementation = ({
+  context,
   action
 }) => {
   const location = toSlateRange({
@@ -4018,7 +4053,53 @@ const blockSetBehaviorActionImplementation = ({
       offset: 0
     }
   }, action.editor);
-  location && slate.Transforms.unsetNodes(action.editor, action.props, {
+  if (!location)
+    throw new Error(`Unable to convert ${JSON.stringify(action.at)} into a Slate Range`);
+  const block = slate.Editor.node(action.editor, location, {
+    depth: 1
+  })?.[0];
+  if (!block)
+    throw new Error(`Unable to find block at ${JSON.stringify(action.at)}`);
+  const parsedBlock = fromSlateValue([block], context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(action.editor)).at(0);
+  if (!parsedBlock)
+    throw new Error(`Unable to parse block at ${JSON.stringify(action.at)}`);
+  if (util_blockOffsetsToSelection.isTextBlock(context.schema, parsedBlock)) {
+    const propsToRemove = action.props.filter((prop) => prop !== "_type"), updatedTextBlock = util_blockOffsetsToSelection.parseBlock({
+      context,
+      block: omit__default.default(parsedBlock, propsToRemove),
+      options: {
+        refreshKeys: !1
+      }
+    });
+    if (!updatedTextBlock)
+      throw new Error(`Unable to update block at ${JSON.stringify(action.at)}`);
+    const propsToSet = {};
+    for (const prop of propsToRemove)
+      prop in updatedTextBlock ? propsToSet[prop] = updatedTextBlock[prop] : propsToSet[prop] = void 0;
+    slate.Transforms.setNodes(action.editor, propsToSet, {
+      at: location
+    });
+    return;
+  }
+  const updatedBlockObject = util_blockOffsetsToSelection.parseBlock({
+    context,
+    block: omit__default.default(parsedBlock, action.props.filter((prop) => prop !== "_type")),
+    options: {
+      refreshKeys: !1
+    }
+  });
+  if (!updatedBlockObject)
+    throw new Error(`Unable to update block at ${JSON.stringify(action.at)}`);
+  const {
+    _type,
+    _key,
+    ...props
+  } = updatedBlockObject;
+  slate.Transforms.setNodes(action.editor, {
+    _type,
+    _key,
+    value: props
+  }, {
     at: location
   });
 }, dataTransferSetActionImplementation = ({
@@ -4198,48 +4279,6 @@ const blockSetBehaviorActionImplementation = ({
     editor: action.editor,
     schema: context.schema
   });
-}, textBlockSetActionImplementation = ({
-  action
-}) => {
-  const at = toSlateRange({
-    anchor: {
-      path: action.at,
-      offset: 0
-    },
-    focus: {
-      path: action.at,
-      offset: 0
-    }
-  }, action.editor);
-  slate.Transforms.setNodes(action.editor, {
-    ...action.style ? {
-      style: action.style
-    } : {},
-    ...action.listItem ? {
-      listItem: action.listItem
-    } : {},
-    ...action.level ? {
-      level: action.level
-    } : {}
-  }, {
-    at
-  });
-}, textBlockUnsetActionImplementation = ({
-  action
-}) => {
-  const at = toSlateRange({
-    anchor: {
-      path: action.at,
-      offset: 0
-    },
-    focus: {
-      path: action.at,
-      offset: 0
-    }
-  }, action.editor);
-  slate.Transforms.unsetNodes(action.editor, action.props, {
-    at
-  });
 }, behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
@@ -4445,9 +4484,7 @@ const blockSetBehaviorActionImplementation = ({
   },
   "style.toggle": toggleStyleActionImplementation,
   "style.add": addStyleActionImplementation,
-  "style.remove": removeStyleActionImplementation,
-  "text block.set": textBlockSetActionImplementation,
-  "text block.unset": textBlockUnsetActionImplementation
+  "style.remove": removeStyleActionImplementation
 };
 function performAction({
   context,
@@ -4769,25 +4806,13 @@ function performDefaultAction({
       });
       break;
     }
-    case "style.toggle": {
+    default: {
       behaviorActionImplementations["style.toggle"]({
         context,
         action
       });
       break;
     }
-    case "text block.set": {
-      behaviorActionImplementations["text block.set"]({
-        context,
-        action
-      });
-      break;
-    }
-    default:
-      behaviorActionImplementations["text block.unset"]({
-        context,
-        action
-      });
   }
 }
 function createWithEventListeners(editorActor, subscriptions) {