@portabletext/editor 1.54.1 → 1.54.2

package/lib/index.js

@@ -6,7 +6,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import noop from "lodash/noop.js";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Transforms, Path, Operation, createEditor } from "slate";
-import { useSlateStatic, useSelected, withReact, ReactEditor, Slate, useSlate, Editable } from "slate-react";
+import { useSelected, useSlateSelector, useSlateStatic, withReact, ReactEditor, Slate, useSlate, Editable } from "slate-react";
 import debug$f from "debug";
 import { DOMEditor, isDOMNode } from "slate-dom";
 import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, parseBlock, sliceBlocks, parseAnnotation, blockOffsetToSpanSelectionPoint, parseInlineObject, isKeyedSegment, isSpan$1 as isSpan, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText, parseBlocks } from "./_chunks-es/selection-point.js";
@@ -875,15 +875,13 @@ function useCoreBlockElementBehaviors(t0) {
   }, t2 = [editorActor, key, onSetDragPositionBlock], $[0] = editorActor, $[1] = key, $[2] = onSetDragPositionBlock, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2);
 }
 function RenderBlockObject(props) {
-  const [dragPositionBlock, setDragPositionBlock] = useState(), blockObjectRef = useRef(null), slateEditor = useSlateStatic(), selected = useSelected(), editorActor = useContext(EditorActorContext);
+  const [dragPositionBlock, setDragPositionBlock] = useState(), blockObjectRef = useRef(null), selected = useSelected(), focused = useSlateSelector((editor) => selected && editor.selection !== null && Range.isCollapsed(editor.selection)), editorActor = useContext(EditorActorContext);
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
   const legacySchemaType = useSelector(editorActor, (s) => s.context.getLegacySchema().blockObjects.find((blockObject) => blockObject.name === props.element._type));
-  legacySchemaType || console.error(`Block object type ${props.element._type} not found in Schema`);
-  const focused = selected && slateEditor.selection !== null && Range.isCollapsed(slateEditor.selection);
-  return /* @__PURE__ */ 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: [
+  return legacySchemaType || console.error(`Block object type ${props.element._type} not found in Schema`), /* @__PURE__ */ 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__ */ jsx(DropIndicator, {}) : null,
     props.children,
     /* @__PURE__ */ jsx("div", { ref: blockObjectRef, contentEditable: !1, draggable: !props.readOnly, children: props.renderBlock && legacySchemaType ? props.renderBlock({
@@ -933,12 +931,12 @@ function RenderInlineObject(props) {
   ] });
 }
 function RenderTextBlock(props) {
-  const [dragPositionBlock, setDragPositionBlock] = useState(), blockRef = useRef(null), slateEditor = useSlateStatic(), selected = useSelected(), editorActor = useContext(EditorActorContext);
+  const [dragPositionBlock, setDragPositionBlock] = useState(), blockRef = useRef(null), selected = useSelected(), focused = useSlateSelector((editor) => selected && editor.selection !== null && Range.isCollapsed(editor.selection)), editorActor = useContext(EditorActorContext);
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
-  const legacySchema = useSelector(editorActor, (s) => s.context.getLegacySchema()), focused = selected && slateEditor.selection !== null && Range.isCollapsed(slateEditor.selection);
+  const legacySchema = useSelector(editorActor, (s) => s.context.getLegacySchema());
   let children = props.children;
   const legacyBlockSchemaType = legacySchema.block;
   if (props.renderStyle && props.textBlock.style) {