@portabletext/editor 1.54.0 → 1.54.2

package/lib/index.cjs

@@ -846,15 +846,13 @@ 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), slateEditor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), 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)), editorActor = React.useContext(EditorActorContext);
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
   const legacySchemaType = react.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 && slate.Range.isCollapsed(slateEditor.selection);
-  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: [
+  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: [
     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({
@@ -904,12 +902,12 @@ function RenderInlineObject(props) {
   ] });
 }
 function RenderTextBlock(props) {
-  const [dragPositionBlock, setDragPositionBlock] = React.useState(), blockRef = React.useRef(null), slateEditor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), 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)), editorActor = React.useContext(EditorActorContext);
   useCoreBlockElementBehaviors({
     key: props.element._key,
     onSetDragPositionBlock: setDragPositionBlock
   });
-  const legacySchema = react.useSelector(editorActor, (s) => s.context.getLegacySchema()), focused = selected && slateEditor.selection !== null && slate.Range.isCollapsed(slateEditor.selection);
+  const legacySchema = react.useSelector(editorActor, (s) => s.context.getLegacySchema());
   let children = props.children;
   const legacyBlockSchemaType = legacySchema.block;
   if (props.renderStyle && props.textBlock.style) {
@@ -7214,7 +7212,7 @@ function performEvent({
           editor
         }
       });
-    });
+    }), editor.onChange();
     return;
   }
   const guardSnapshot = getSnapshot();
@@ -7362,7 +7360,7 @@ function performEvent({
         editor
       }
     });
-  })) : nativeEventPrevented && nativeEvent?.preventDefault();
+  }), editor.onChange()) : nativeEventPrevented && nativeEvent?.preventDefault();
 }
 function sortByPriority(items) {
   if (items.length === 0)
@@ -11019,7 +11017,7 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
       type: "focused",
       event: event_2
-    }), !slateEditor.selection && isEqualToEmptyEditor(slateEditor.children, editorActor.getSnapshot().context.schema) && slate.Transforms.select(slateEditor, slate.Editor.start(slateEditor, [])), slateEditor.selection && slateEditor.onChange());
+    }), !slateEditor.selection && isEqualToEmptyEditor(slateEditor.children, editorActor.getSnapshot().context.schema) && (slate.Transforms.select(slateEditor, slate.Editor.start(slateEditor, [])), slateEditor.onChange()));
   }, [editorActor, onFocus, relayActor, slateEditor]), handleClick = React.useCallback((event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;