@portabletext/editor 2.13.0 → 2.13.1

package/lib/plugins/index.d.cts

@@ -1,5 +1,5 @@
 import { Behavior, Editor, EditorEmittedEvent, EditorSchema } from "../_chunks-dts/behavior.types.action.cjs";
-import * as react22 from "react";
+import * as react12 from "react";
 import React from "react";
 /**
  * @beta
@@ -181,7 +181,7 @@ type MarkdownPluginConfig = MarkdownBehaviorsConfig & {
  */
 declare function MarkdownPlugin(props: {
   config: MarkdownPluginConfig;
-}): react22.JSX.Element;
+}): react12.JSX.Element;
 /**
  * @beta
  * Restrict the editor to one line. The plugin takes care of blocking
@@ -192,5 +192,5 @@ declare function MarkdownPlugin(props: {
  *
  * @deprecated Install the plugin from `@portabletext/plugin-one-line`
  */
-declare function OneLinePlugin(): react22.JSX.Element;
+declare function OneLinePlugin(): react12.JSX.Element;
 export { BehaviorPlugin, DecoratorShortcutPlugin, EditorRefPlugin, EventListenerPlugin, MarkdownPlugin, type MarkdownPluginConfig, OneLinePlugin };

package/lib/plugins/index.d.ts

@@ -1,5 +1,5 @@
 import { Behavior, Editor, EditorEmittedEvent, EditorSchema } from "../_chunks-dts/behavior.types.action.js";
-import * as react22 from "react";
+import * as react12 from "react";
 import React from "react";
 /**
  * @beta
@@ -181,7 +181,7 @@ type MarkdownPluginConfig = MarkdownBehaviorsConfig & {
  */
 declare function MarkdownPlugin(props: {
   config: MarkdownPluginConfig;
-}): react22.JSX.Element;
+}): react12.JSX.Element;
 /**
  * @beta
  * Restrict the editor to one line. The plugin takes care of blocking
@@ -192,5 +192,5 @@ declare function MarkdownPlugin(props: {
  *
  * @deprecated Install the plugin from `@portabletext/plugin-one-line`
  */
-declare function OneLinePlugin(): react22.JSX.Element;
+declare function OneLinePlugin(): react12.JSX.Element;
 export { BehaviorPlugin, DecoratorShortcutPlugin, EditorRefPlugin, EventListenerPlugin, MarkdownPlugin, type MarkdownPluginConfig, OneLinePlugin };

package/lib/utils/index.d.cts

@@ -1,5 +1,5 @@
 import { BlockOffset, BlockPath, ChildPath, EditorContext, EditorSelection, EditorSelectionPoint } from "../_chunks-dts/behavior.types.action.cjs";
-import * as _sanity_types9 from "@sanity/types";
+import * as _sanity_types8 from "@sanity/types";
 import { KeyedSegment, PortableTextBlock, PortableTextTextBlock } from "@sanity/types";
 import { isSpan, isTextBlock } from "@portabletext/schema";
 /**
@@ -143,7 +143,7 @@ declare function mergeTextBlocks({
   context: Pick<EditorContext, 'keyGenerator' | 'schema'>;
   targetBlock: PortableTextTextBlock;
   incomingBlock: PortableTextTextBlock;
-}): PortableTextTextBlock<_sanity_types9.PortableTextObject | _sanity_types9.PortableTextSpan>;
+}): PortableTextTextBlock<_sanity_types8.PortableTextObject | _sanity_types8.PortableTextSpan>;
 /**
  * @public
  */

package/lib/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { BlockOffset, BlockPath, ChildPath, EditorContext, EditorSelection, EditorSelectionPoint } from "../_chunks-dts/behavior.types.action.js";
-import * as _sanity_types8 from "@sanity/types";
+import * as _sanity_types9 from "@sanity/types";
 import { KeyedSegment, PortableTextBlock, PortableTextTextBlock } from "@sanity/types";
 import { isSpan, isTextBlock } from "@portabletext/schema";
 /**
@@ -143,7 +143,7 @@ declare function mergeTextBlocks({
   context: Pick<EditorContext, 'keyGenerator' | 'schema'>;
   targetBlock: PortableTextTextBlock;
   incomingBlock: PortableTextTextBlock;
-}): PortableTextTextBlock<_sanity_types8.PortableTextObject | _sanity_types8.PortableTextSpan>;
+}): PortableTextTextBlock<_sanity_types9.PortableTextObject | _sanity_types9.PortableTextSpan>;
 /**
  * @public
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "2.13.0",
+  "version": "2.13.1",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -86,9 +86,9 @@
     "slate-react": "0.117.4",
     "xstate": "^5.22.0",
     "@portabletext/block-tools": "^3.5.7",
+    "@portabletext/keyboard-shortcuts": "^1.1.1",
     "@portabletext/patches": "^1.1.8",
-    "@portabletext/schema": "^1.2.0",
-    "@portabletext/keyboard-shortcuts": "^1.1.1"
+    "@portabletext/schema": "^1.2.0"
   },
   "devDependencies": {
     "@sanity/diff-match-patch": "^3.2.0",

package/src/editor/components/render-block-object.tsx

@@ -8,6 +8,7 @@ import {
 } from 'slate-react'
 import type {EventPositionBlock} from '../../internal-utils/event-position'
 import type {
+  BlockRenderProps,
   PortableTextMemberSchemaTypes,
   RenderBlockFunction,
 } from '../../types/editor'
@@ -73,7 +74,8 @@ export function RenderBlockObject(props: {
         draggable={!props.readOnly}
       >
         {props.renderBlock && legacySchemaType ? (
-          <props.renderBlock
+          <RenderBlock
+            renderBlock={props.renderBlock}
             editorElementRef={blockObjectRef}
             focused={focused}
             path={[{_key: props.element._key}]}
@@ -83,7 +85,7 @@ export function RenderBlockObject(props: {
             value={blockObject}
           >
             <RenderDefaultBlockObject blockObject={blockObject} />
-          </props.renderBlock>
+          </RenderBlock>
         ) : (
           <RenderDefaultBlockObject blockObject={blockObject} />
         )}
@@ -92,3 +94,28 @@ export function RenderBlockObject(props: {
     </div>
   )
 }
+
+function RenderBlock({
+  renderBlock,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  type,
+  value,
+}: {
+  renderBlock: RenderBlockFunction
+} & BlockRenderProps) {
+  return renderBlock({
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    type,
+    value,
+  })
+}

package/src/editor/components/render-inline-object.tsx

@@ -9,6 +9,7 @@ import {
 } from 'slate-react'
 import {getPointBlock} from '../../internal-utils/slate-utils'
 import type {
+  BlockChildRenderProps,
   PortableTextMemberSchemaTypes,
   RenderChildFunction,
 } from '../../types/editor'
@@ -79,7 +80,8 @@ export function RenderInlineObject(props: {
       {props.children}
       <span ref={inlineObjectRef} style={{display: 'inline-block'}}>
         {props.renderChild && block && legacySchemaType ? (
-          <props.renderChild
+          <RenderChild
+            renderChild={props.renderChild}
             annotations={[]}
             editorElementRef={inlineObjectRef}
             selected={selected}
@@ -90,7 +92,7 @@ export function RenderInlineObject(props: {
             type={legacySchemaType}
           >
             <RenderDefaultInlineObject inlineObject={inlineObject} />
-          </props.renderChild>
+          </RenderChild>
         ) : (
           <RenderDefaultInlineObject inlineObject={inlineObject} />
         )}
@@ -98,3 +100,30 @@ export function RenderInlineObject(props: {
     </span>
   )
 }
+
+function RenderChild({
+  renderChild,
+  annotations,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type,
+}: {
+  renderChild: RenderChildFunction
+} & BlockChildRenderProps) {
+  return renderChild({
+    annotations,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type,
+  })
+}

package/src/editor/components/render-span.tsx

@@ -9,6 +9,9 @@ import {
   isSelectionCollapsed,
 } from '../../selectors'
 import type {
+  BlockAnnotationRenderProps,
+  BlockChildRenderProps,
+  BlockDecoratorRenderProps,
   EditorSelection,
   RenderAnnotationFunction,
   RenderChildFunction,
@@ -140,7 +143,8 @@ export function RenderSpan(props: RenderSpanProps) {
 
     if (path && legacyDecoratorSchemaType && props.renderDecorator) {
       children = (
-        <props.renderDecorator
+        <RenderDecorator
+          renderDecorator={props.renderDecorator}
           editorElementRef={spanRef}
           focused={focused}
           path={path}
@@ -150,7 +154,7 @@ export function RenderSpan(props: RenderSpanProps) {
           type={legacyDecoratorSchemaType}
         >
           {children}
-        </props.renderDecorator>
+        </RenderDecorator>
       )
     }
   }
@@ -166,7 +170,8 @@ export function RenderSpan(props: RenderSpanProps) {
       if (block && path && props.renderAnnotation) {
         children = (
           <span ref={spanRef}>
-            <props.renderAnnotation
+            <RenderAnnotation
+              renderAnnotation={props.renderAnnotation}
               block={block}
               editorElementRef={spanRef}
               focused={focused}
@@ -177,7 +182,7 @@ export function RenderSpan(props: RenderSpanProps) {
               type={legacyAnnotationSchemaType}
             >
               {children}
-            </props.renderAnnotation>
+            </RenderAnnotation>
           </span>
         )
       } else {
@@ -196,7 +201,8 @@ export function RenderSpan(props: RenderSpanProps) {
 
     if (child) {
       children = (
-        <props.renderChild
+        <RenderChild
+          renderChild={props.renderChild}
           annotations={annotationMarkDefs}
           editorElementRef={spanRef}
           focused={focused}
@@ -207,7 +213,7 @@ export function RenderSpan(props: RenderSpanProps) {
           type={legacySchema.span}
         >
           {children}
-        </props.renderChild>
+        </RenderChild>
       )
     }
   }
@@ -218,3 +224,82 @@ export function RenderSpan(props: RenderSpanProps) {
     </span>
   )
 }
+
+function RenderAnnotation({
+  renderAnnotation,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type,
+}: {
+  renderAnnotation: RenderAnnotationFunction
+} & BlockAnnotationRenderProps) {
+  return renderAnnotation({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type,
+  })
+}
+
+function RenderDecorator({
+  renderDecorator,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type,
+}: {
+  renderDecorator: RenderDecoratorFunction
+} & BlockDecoratorRenderProps) {
+  return renderDecorator({
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type,
+  })
+}
+
+function RenderChild({
+  renderChild,
+  annotations,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+  type,
+}: {
+  renderChild: RenderChildFunction
+} & BlockChildRenderProps) {
+  return renderChild({
+    annotations,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+    type,
+  })
+}

package/src/editor/components/render-text-block.tsx

@@ -8,6 +8,9 @@ import {
 } from 'slate-react'
 import type {EventPositionBlock} from '../../internal-utils/event-position'
 import type {
+  BlockListItemRenderProps,
+  BlockRenderProps,
+  BlockStyleRenderProps,
   PortableTextMemberSchemaTypes,
   RenderBlockFunction,
   RenderListItemFunction,
@@ -61,7 +64,8 @@ export function RenderTextBlock(props: {
 
     if (legacyStyleSchemaType) {
       children = (
-        <props.renderStyle
+        <RenderStyle
+          renderStyle={props.renderStyle}
           block={props.textBlock}
           editorElementRef={blockRef}
           focused={focused}
@@ -71,7 +75,7 @@ export function RenderTextBlock(props: {
           value={props.textBlock.style}
         >
           {children}
-        </props.renderStyle>
+        </RenderStyle>
       )
     } else {
       console.error(
@@ -87,7 +91,8 @@ export function RenderTextBlock(props: {
 
     if (legacyListItemSchemaType) {
       children = (
-        <props.renderListItem
+        <RenderListItem
+          renderListItem={props.renderListItem}
           block={props.textBlock}
           editorElementRef={blockRef}
           focused={focused}
@@ -98,7 +103,7 @@ export function RenderTextBlock(props: {
           schemaType={legacyListItemSchemaType}
         >
           {children}
-        </props.renderListItem>
+        </RenderListItem>
       )
     } else {
       console.error(
@@ -152,7 +157,8 @@ export function RenderTextBlock(props: {
       {dragPositionBlock === 'start' ? <DropIndicator /> : null}
       <div ref={blockRef}>
         {props.renderBlock ? (
-          <props.renderBlock
+          <RenderBlock
+            renderBlock={props.renderBlock}
             editorElementRef={blockRef}
             focused={focused}
             level={props.textBlock.level}
@@ -165,7 +171,7 @@ export function RenderTextBlock(props: {
             value={props.textBlock}
           >
             {children}
-          </props.renderBlock>
+          </RenderBlock>
         ) : (
           children
         )}
@@ -174,3 +180,86 @@ export function RenderTextBlock(props: {
     </div>
   )
 }
+
+function RenderBlock({
+  renderBlock,
+  children,
+  editorElementRef,
+  focused,
+  level,
+  listItem,
+  path,
+  selected,
+  style,
+  schemaType,
+  type,
+  value,
+}: {
+  renderBlock: RenderBlockFunction
+} & BlockRenderProps) {
+  return renderBlock({
+    children,
+    editorElementRef,
+    focused,
+    level,
+    listItem,
+    path,
+    selected,
+    style,
+    schemaType,
+    type,
+    value,
+  })
+}
+
+function RenderListItem({
+  renderListItem,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  level,
+  path,
+  schemaType,
+  selected,
+  value,
+}: {
+  renderListItem: RenderListItemFunction
+} & BlockListItemRenderProps) {
+  return renderListItem({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    level,
+    path,
+    schemaType,
+    selected,
+    value,
+  })
+}
+
+function RenderStyle({
+  renderStyle,
+  block,
+  children,
+  editorElementRef,
+  focused,
+  path,
+  schemaType,
+  selected,
+  value,
+}: {
+  renderStyle: RenderStyleFunction
+} & BlockStyleRenderProps) {
+  return renderStyle({
+    block,
+    children,
+    editorElementRef,
+    focused,
+    path,
+    schemaType,
+    selected,
+    value,
+  })
+}