@portabletext/editor 2.15.3 → 2.15.4

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

@@ -3,7 +3,7 @@ import { ArrayDefinition, ArraySchemaType, BlockDecoratorDefinition, BlockListDe
 import { BaseRange, Descendant, Operation } from "slate";
 import * as xstate229 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
-import * as react19 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 { Patch, Patch as Patch$1 } from "@portabletext/patches";
 import * as _portabletext_schema5 from "@portabletext/schema";
@@ -219,7 +219,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react19.JSX.Element;
+  render(): react20.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -614,7 +614,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react19.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react19.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;
 };
@@ -1532,7 +1532,7 @@ declare const editorMachine: xstate229.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate229.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react19.FocusEvent<HTMLDivElement, Element>;
+  event: react20.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1544,7 +1544,7 @@ declare const editorMachine: xstate229.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react19.FocusEvent<HTMLDivElement, Element>;
+  event: react20.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2205,7 +2205,7 @@ declare const editorMachine: xstate229.StateMachine<{
         editor: PortableTextSlateEditor;
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react19.FocusEvent<HTMLDivElement, Element>;
+        event: react20.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2217,7 +2217,7 @@ declare const editorMachine: xstate229.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react19.FocusEvent<HTMLDivElement, Element>;
+        event: react20.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -3078,7 +3078,7 @@ declare const editorMachine: xstate229.StateMachine<{
                         editor: PortableTextSlateEditor;
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react19.FocusEvent<HTMLDivElement, Element>;
+                        event: react20.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -3090,7 +3090,7 @@ declare const editorMachine: xstate229.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react19.FocusEvent<HTMLDivElement, Element>;
+                        event: react20.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/index.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEditor = require("./_chunks-cjs/use-editor.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), noop = require("lodash/noop.js"), slate = require("slate"), slateReact = require("slate-react"), debug$g = require("debug"), slateDom = require("slate-dom"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), util_getTextBlockText = require("./_chunks-cjs/util.get-text-block-text.cjs"), isEqual = require("lodash/isEqual.js"), schema = require("@portabletext/schema"), selector_isAtTheStartOfBlock = require("./_chunks-cjs/selector.is-at-the-start-of-block.cjs"), selector_getSelectionText = require("./_chunks-cjs/selector.get-selection-text.cjs"), behaviors_index = require("./behaviors/index.cjs"), uniq = require("lodash/uniq.js"), xstate = require("xstate"), sanityBridge = require("@portabletext/sanity-bridge"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema$1 = require("@sanity/schema"), flatten = require("lodash/flatten.js"), omit = require("lodash/omit.js"), patches = require("@portabletext/patches"), util_childSelectionPointToBlockOffset = require("./_chunks-cjs/util.child-selection-point-to-block-offset.cjs"), util_sliceTextBlock = require("./_chunks-cjs/util.slice-text-block.cjs"), get = require("lodash/get.js"), immer = require("immer"), keyboardShortcuts = require("@portabletext/keyboard-shortcuts"), isPlainObject = require("lodash/isPlainObject.js"), rxjs = require("rxjs");
+var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEditor = require("./_chunks-cjs/use-editor.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), noop = require("lodash/noop.js"), slate = require("slate"), slateReact = require("slate-react"), debug$g = require("debug"), slateDom = require("slate-dom"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), util_getTextBlockText = require("./_chunks-cjs/util.get-text-block-text.cjs"), isEqual = require("lodash/isEqual.js"), schema = require("@portabletext/schema"), selector_isAtTheStartOfBlock = require("./_chunks-cjs/selector.is-at-the-start-of-block.cjs"), selector_getSelectionText = require("./_chunks-cjs/selector.get-selection-text.cjs"), behaviors_index = require("./behaviors/index.cjs"), uniq = require("lodash/uniq.js"), xstate = require("xstate"), sanityBridge = require("@portabletext/sanity-bridge"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema$1 = require("@sanity/schema"), flatten = require("lodash/flatten.js"), omit = require("lodash/omit.js"), patches = require("@portabletext/patches"), util_childSelectionPointToBlockOffset = require("./_chunks-cjs/util.child-selection-point-to-block-offset.cjs"), util_sliceTextBlock = require("./_chunks-cjs/util.slice-text-block.cjs"), immer = require("immer"), keyboardShortcuts = require("@portabletext/keyboard-shortcuts"), isPlainObject = require("lodash/isPlainObject.js"), rxjs = require("rxjs");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var noop__default = /* @__PURE__ */ _interopDefaultCompat(noop), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$g), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), omit__default = /* @__PURE__ */ _interopDefaultCompat(omit), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject);
+var noop__default = /* @__PURE__ */ _interopDefaultCompat(noop), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$g), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), omit__default = /* @__PURE__ */ _interopDefaultCompat(omit), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject);
 function EditorEventListener(props) {
   const $ = reactCompilerRuntime.c(4), editor = useEditor.useEditor();
   let t0, t1;
@@ -4429,15 +4429,9 @@ const addAnnotationOperationImplementation = ({
   if (!child || !childPath)
     throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
   if (operation.editor.isTextSpan(child)) {
-    operation.props.includes("text") && operation.editor.apply({
-      type: "remove_text",
-      path: childPath,
-      offset: 0,
-      text: child.text
-    });
     const newNode = {};
     for (const prop of operation.props)
-      if (prop !== "_type") {
+      if (prop !== "text" && prop !== "_type") {
         if (prop === "_key") {
           newNode._key = context.keyGenerator();
           continue;
@@ -4446,6 +4440,11 @@ const addAnnotationOperationImplementation = ({
       }
     slate.Transforms.setNodes(operation.editor, newNode, {
       at: childPath
+    }), operation.props.includes("text") && operation.editor.apply({
+      type: "remove_text",
+      path: childPath,
+      offset: 0,
+      text: child.text
     });
     return;
   }
@@ -6031,8 +6030,8 @@ function setNodePatch(schema$12, children, operation) {
           _key !== void 0 && patches$1.push(patches.set(_key, [{
             _key: blockKey
           }, "children", block.children.indexOf(child), "_key"]));
-          const properties = "value" in operation.newProperties && typeof operation.newProperties.value == "object" ? operation.newProperties.value : {}, keys2 = Object.keys(properties);
-          for (const key of keys2) {
+          const properties = "value" in operation.newProperties && typeof operation.newProperties.value == "object" ? operation.newProperties.value : {}, keys = Object.keys(properties);
+          for (const key of keys) {
             const value = properties[key];
             patches$1.push(patches.set(value, [{
               _key: blockKey
@@ -6042,22 +6041,29 @@ function setNodePatch(schema$12, children, operation) {
           }
           return patches$1;
         }
-        const keys = Object.keys(operation.newProperties);
-        return keys.forEach((keyName) => {
-          if (keys.length === 1 && keyName === "_key") {
-            const val = get__default.default(operation.newProperties, keyName);
-            patches$1.push(patches.set(val, [{
+        const newPropNames = Object.keys(operation.newProperties);
+        for (const keyName of newPropNames) {
+          const value = operation.newProperties[keyName];
+          if (keyName === "_key") {
+            patches$1.push(patches.set(value, [{
               _key: blockKey
             }, "children", block.children.indexOf(child), keyName]));
-          } else {
-            const val = get__default.default(operation.newProperties, keyName);
-            patches$1.push(patches.set(val, [{
-              _key: blockKey
-            }, "children", {
-              _key: childKey
-            }, keyName]));
+            continue;
           }
-        }), patches$1;
+          patches$1.push(patches.set(value, [{
+            _key: blockKey
+          }, "children", {
+            _key: childKey
+          }, keyName]));
+        }
+        const propNames = Object.keys(operation.properties);
+        for (const keyName of propNames)
+          keyName in operation.newProperties || patches$1.push(patches.unset([{
+            _key: blockKey
+          }, "children", {
+            _key: childKey
+          }, keyName]));
+        return patches$1;
       }
       throw new Error("Could not find a valid child");
     }