@portabletext/editor 2.0.0 → 2.1.0

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

@@ -4,7 +4,7 @@ import { ArrayDefinition, ArraySchemaType, BlockDecoratorDefinition, BlockListDe
 import * as xstate227 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
 import { BaseRange, Descendant, Operation } from "slate";
-import * as react20 from "react";
+import * as react22 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import * as xstate_guards12 from "xstate/guards";
 import { Observable, Subject } from "rxjs";
@@ -352,7 +352,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react20.JSX.Element;
+  render(): react22.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -747,7 +747,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react20.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react20.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react22.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react22.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 type DecoratedRange = BaseRange & {
   rangeDecoration: RangeDecoration;
 };
@@ -1476,7 +1476,7 @@ declare const editorMachine: xstate227.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate227.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1488,7 +1488,7 @@ declare const editorMachine: xstate227.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2135,7 +2135,7 @@ declare const editorMachine: xstate227.StateMachine<{
         type: "drop";
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2147,7 +2147,7 @@ declare const editorMachine: xstate227.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -3018,7 +3018,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         type: "drop";
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -3030,7 +3030,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/index.cjs

@@ -6075,15 +6075,25 @@ const coreDndBehaviors = [
   breakingEntireDocument,
   breakingEntireBlocks,
   breakingInlineObject
-}, MAX_LIST_LEVEL = 10, clearListOnBackspace = behaviors_index.defineBehavior({
+};
+function isAtTheBeginningOfBlock({
+  context,
+  block
+}) {
+  return !util_sliceBlocks.isTextBlock(context, block) || !context.selection || !util_isSelectionCollapsed.isSelectionCollapsed(context.selection) ? !1 : util_sliceBlocks.getChildKeyFromSelectionPoint(context.selection.focus) === block.children[0]._key && context.selection.focus.offset === 0;
+}
+const MAX_LIST_LEVEL = 10, clearListOnBackspace = behaviors_index.defineBehavior({
   on: "delete.backward",
   guard: ({
     snapshot
   }) => {
-    const selectionCollapsed = selector_isSelectionExpanded.isSelectionCollapsed(snapshot), focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock(snapshot), focusSpan = selector_isSelectionExpanded.getFocusSpan(snapshot);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && snapshot.context.selection?.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
+    const focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock(snapshot);
+    return !focusTextBlock || focusTextBlock.node.level !== 1 || !isAtTheBeginningOfBlock({
+      context: snapshot.context,
+      block: focusTextBlock.node
+    }) ? !1 : {
       focusTextBlock
-    } : !1;
+    };
   },
   actions: [(_, {
     focusTextBlock
@@ -6141,7 +6151,10 @@ const coreDndBehaviors = [
     snapshot
   }) => {
     const focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock(snapshot), previousBlock = selector_isSelectingEntireBlocks.getPreviousBlock(snapshot);
-    if (!focusTextBlock || !previousBlock || !util_sliceBlocks.isListBlock(snapshot.context, previousBlock.node) || !util_isSelectionCollapsed.isEmptyTextBlock(snapshot.context, previousBlock.node))
+    if (!focusTextBlock || !previousBlock || !isAtTheBeginningOfBlock({
+      context: snapshot.context,
+      block: focusTextBlock.node
+    }) || !util_sliceBlocks.isListBlock(snapshot.context, previousBlock.node) || !util_isSelectionCollapsed.isEmptyTextBlock(snapshot.context, previousBlock.node))
       return !1;
     const previousBlockEndPoint = util_isSelectionCollapsed.getBlockEndPoint({
       context: snapshot.context,
@@ -11041,10 +11054,12 @@ const slateOperationCallback = ({
         return !1;
       const existingRangeDecorations = context.slateEditor.decoratedRanges.map((decoratedRange) => ({
         anchor: decoratedRange.rangeDecoration.selection?.anchor,
-        focus: decoratedRange.rangeDecoration.selection?.focus
+        focus: decoratedRange.rangeDecoration.selection?.focus,
+        payload: decoratedRange.rangeDecoration.payload
       })), newRangeDecorations = event.rangeDecorations.map((rangeDecoration) => ({
         anchor: rangeDecoration.selection?.anchor,
-        focus: rangeDecoration.selection?.focus
+        focus: rangeDecoration.selection?.focus,
+        payload: rangeDecoration.payload
       }));
       return !isEqual__default.default(existingRangeDecorations, newRangeDecorations);
     },