@portabletext/editor 1.3.1 → 1.4.1

package/lib/index.esm.js

@@ -1,3 +1,4 @@
+import { isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isKeySegment, isPortableTextListBlock } from "@sanity/types";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import isEqual from "lodash/isEqual.js";
 import noop from "lodash/noop.js";
@@ -5,7 +6,6 @@ import { useRef, useState, useEffect, useMemo, createContext, useContext, useCal
 import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Node, Operation, createEditor, deleteBackward, deleteForward, insertText } from "slate";
 import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
 import debug$m from "debug";
-import { isKeySegment, isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isPortableTextListBlock } from "@sanity/types";
 import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
@@ -24,6 +24,247 @@ import throttle from "lodash/throttle.js";
 import { useEffectEvent } from "use-effect-event";
 import debounce from "lodash/debounce.js";
 import { randomKey } from "@sanity/util/content";
+import { useActorRef } from "@xstate/react";
+function defineBehavior(behavior) {
+  return behavior;
+}
+function selectionIsCollapsed(context) {
+  return context.selection?.anchor.path.join() === context.selection?.focus.path.join() && context.selection?.anchor.offset === context.selection?.focus.offset;
+}
+function getFocusBlock(context) {
+  const key = context.selection && isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getFocusTextBlock(context) {
+  const focusBlock = getFocusBlock(context);
+  return focusBlock && isPortableTextTextBlock(focusBlock.node) ? {
+    node: focusBlock.node,
+    path: focusBlock.path
+  } : void 0;
+}
+function getFocusBlockObject(context) {
+  const focusBlock = getFocusBlock(context);
+  return focusBlock && !isPortableTextTextBlock(focusBlock.node) ? {
+    node: focusBlock.node,
+    path: focusBlock.path
+  } : void 0;
+}
+function getFocusChild(context) {
+  const focusBlock = getFocusTextBlock(context);
+  if (!focusBlock)
+    return;
+  const key = context.selection && isKeySegment(context.selection.focus.path[2]) ? context.selection.focus.path[2]._key : void 0, node = key ? focusBlock.node.children.find((span) => span._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [...focusBlock.path, "children", {
+      _key: key
+    }]
+  } : void 0;
+}
+function getFocusSpan(context) {
+  const focusChild = getFocusChild(context);
+  return focusChild && isPortableTextSpan$1(focusChild.node) ? {
+    node: focusChild.node,
+    path: focusChild.path
+  } : void 0;
+}
+function getSelectionStartBlock(context) {
+  const key = context.selection.backward ? isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getSelectionEndBlock(context) {
+  const key = context.selection.backward ? isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getPreviousBlock(context) {
+  let previousBlock;
+  const selectionStartBlock = getSelectionStartBlock(context);
+  if (!selectionStartBlock)
+    return;
+  let foundSelectionStartBlock = !1;
+  for (const block of context.value) {
+    if (block._key === selectionStartBlock.node._key) {
+      foundSelectionStartBlock = !0;
+      break;
+    }
+    previousBlock = {
+      node: block,
+      path: [{
+        _key: block._key
+      }]
+    };
+  }
+  if (foundSelectionStartBlock && previousBlock)
+    return previousBlock;
+}
+function getNextBlock(context) {
+  let nextBlock;
+  const selectionEndBlock = getSelectionEndBlock(context);
+  if (!selectionEndBlock)
+    return;
+  let foundSelectionEndBlock = !1;
+  for (const block of context.value) {
+    if (block._key === selectionEndBlock.node._key) {
+      foundSelectionEndBlock = !0;
+      continue;
+    }
+    if (foundSelectionEndBlock) {
+      nextBlock = {
+        node: block,
+        path: [{
+          _key: block._key
+        }]
+      };
+      break;
+    }
+  }
+  if (foundSelectionEndBlock && nextBlock)
+    return nextBlock;
+}
+function isEmptyTextBlock(block) {
+  return block.children.length === 1 && block.children[0].text === "";
+}
+function createMarkdownBehaviors(config) {
+  const automaticStyleOnSpace = {
+    on: "insert text",
+    guard: ({
+      context,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const looksLikeMarkdownHeading = /^#+/.test(focusSpan.node.text), headingStyle = config.mapHeadingStyle(context.schema, focusSpan.node.text.length), looksLikeMarkdownQuote = /^>/.test(focusSpan.node.text), blockquoteStyle = config.mapBlockquoteStyle(context.schema);
+      return looksLikeMarkdownHeading && headingStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        style: headingStyle
+      } : looksLikeMarkdownQuote && blockquoteStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        style: blockquoteStyle
+      } : !1;
+    },
+    actions: [() => [{
+      type: "insert text",
+      text: " "
+    }], (_, {
+      focusTextBlock,
+      focusSpan,
+      style
+    }) => [{
+      type: "set block",
+      style,
+      paths: [focusTextBlock.path]
+    }, {
+      type: "delete",
+      selection: {
+        anchor: {
+          path: focusSpan.path,
+          offset: 0
+        },
+        focus: {
+          path: focusSpan.path,
+          offset: focusSpan.node.text.length + 1
+        }
+      }
+    }]]
+  }, clearStyleOnBackspace = {
+    on: "delete backward",
+    guard: ({
+      context
+    }) => {
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const defaultStyle = config.mapDefaultStyle(context.schema);
+      return defaultStyle && focusTextBlock.node.children.length === 1 && focusTextBlock.node.style !== config.mapDefaultStyle(context.schema) && focusSpan.node.text === "" ? {
+        defaultStyle,
+        focusTextBlock
+      } : !1;
+    },
+    actions: [(_, {
+      defaultStyle,
+      focusTextBlock
+    }) => [{
+      type: "set block",
+      style: defaultStyle,
+      paths: [focusTextBlock.path]
+    }]]
+  }, automaticListOnSpace = {
+    on: "insert text",
+    guard: ({
+      context,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const looksLikeUnorderedList = /^-/.test(focusSpan.node.text), unorderedListStyle = config.mapUnorderedListStyle(context.schema);
+      if (looksLikeUnorderedList && unorderedListStyle !== void 0)
+        return {
+          focusTextBlock,
+          focusSpan,
+          listItem: unorderedListStyle
+        };
+      const looksLikeOrderedList = /^1./.test(focusSpan.node.text), orderedListStyle = config.mapOrderedListStyle(context.schema);
+      return looksLikeOrderedList && orderedListStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        listItem: orderedListStyle
+      } : !1;
+    },
+    actions: [() => [{
+      type: "insert text",
+      text: " "
+    }], (_, {
+      focusTextBlock,
+      focusSpan,
+      listItem
+    }) => [{
+      type: "unset block",
+      props: ["style"],
+      paths: [focusTextBlock.path]
+    }, {
+      type: "set block",
+      listItem,
+      level: 1,
+      paths: [focusTextBlock.path]
+    }, {
+      type: "delete",
+      selection: {
+        anchor: {
+          path: focusSpan.path,
+          offset: 0
+        },
+        focus: {
+          path: focusSpan.path,
+          offset: focusSpan.node.text.length + 1
+        }
+      }
+    }]]
+  };
+  return [automaticStyleOnSpace, clearStyleOnBackspace, automaticListOnSpace];
+}
 const rootName = "sanity-pte:";
 debug$m(rootName);
 function debugWithName(name) {
@@ -660,360 +901,119 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
       get() {
         return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaTypes.block;
       }
-    }), propsOrDefaultRendered = renderBlock ? renderBlock(renderProps) : children;
-    return /* @__PURE__ */ jsx("div", { ...attributes, className, spellCheck, children: /* @__PURE__ */ jsx(DraggableBlock, { element, readOnly, blockRef, children: /* @__PURE__ */ jsx("div", { ref: blockRef, children: propsOrDefaultRendered }) }) }, element._key);
-  }
-  const schemaType_0 = schemaTypes.blockObjects.find((_type_0) => _type_0.name === element._type);
-  if (!schemaType_0)
-    throw new Error(`Could not find schema type for block element of _type ${element._type}`);
-  className = "pt-block pt-object-block";
-  const block_0 = fromSlateValue([element], schemaTypes.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
-  let renderedBlockFromProps;
-  if (renderBlock) {
-    const _props = Object.defineProperty({
-      children: /* @__PURE__ */ jsx(DefaultObject, { value }),
-      editorElementRef: blockRef,
-      focused,
-      path: blockPath,
-      schemaType: schemaType_0,
-      selected,
-      value: block_0
-    }, "type", {
-      enumerable: !1,
-      get() {
-        return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaType_0;
-      }
-    });
-    renderedBlockFromProps = renderBlock(_props);
-  }
-  return /* @__PURE__ */ jsxs("div", { ...attributes, className, children: [
-    children,
-    /* @__PURE__ */ jsxs(DraggableBlock, { element, readOnly, blockRef, children: [
-      renderedBlockFromProps && /* @__PURE__ */ jsx("div", { ref: blockRef, contentEditable: !1, children: renderedBlockFromProps }),
-      !renderedBlockFromProps && /* @__PURE__ */ jsx(DefaultBlockObject, { selected, children: /* @__PURE__ */ jsx(DefaultObject, { value }) })
-    ] })
-  ] }, element._key);
-};
-Element.displayName = "Element";
-const PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
-  const editor = useContext(PortableTextEditorContext);
-  if (!editor)
-    throw new Error("The `usePortableTextEditor` hook must be used inside the <PortableTextEditor> component's context.");
-  return editor;
-};
-function DefaultAnnotation(props) {
-  const $ = c(6);
-  let t0;
-  $[0] !== props.annotation ? (t0 = () => alert(JSON.stringify(props.annotation)), $[0] = props.annotation, $[1] = t0) : t0 = $[1];
-  const handleClick = t0;
-  let t1;
-  $[2] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    color: "blue"
-  }, $[2] = t1) : t1 = $[2];
-  let t2;
-  return $[3] !== handleClick || $[4] !== props.children ? (t2 = /* @__PURE__ */ jsx("span", { style: t1, onClick: handleClick, children: props.children }), $[3] = handleClick, $[4] = props.children, $[5] = t2) : t2 = $[5], t2;
-}
-DefaultAnnotation.displayName = "DefaultAnnotation";
-function getPortableTextMemberSchemaTypes(portableTextType) {
-  if (!portableTextType)
-    throw new Error("Parameter 'portabletextType' missing (required)");
-  const blockType = portableTextType.of?.find(findBlockType);
-  if (!blockType)
-    throw new Error("Block type is not defined in this schema (required)");
-  const childrenField = blockType.fields?.find((field) => field.name === "children");
-  if (!childrenField)
-    throw new Error("Children field for block type found in schema (required)");
-  const ofType = childrenField.type.of;
-  if (!ofType)
-    throw new Error("Valid types for block children not found in schema (required)");
-  const spanType = ofType.find((memberType) => memberType.name === "span");
-  if (!spanType)
-    throw new Error("Span type not found in schema (required)");
-  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
-  return {
-    styles: resolveEnabledStyles(blockType),
-    decorators: resolveEnabledDecorators(spanType),
-    lists: resolveEnabledListItems(blockType),
-    block: blockType,
-    span: spanType,
-    portableText: portableTextType,
-    inlineObjects: inlineObjectTypes,
-    blockObjects: blockObjectTypes,
-    annotations: spanType.annotations
-  };
-}
-function resolveEnabledStyles(blockType) {
-  const styleField = blockType.fields?.find((btField) => btField.name === "style");
-  if (!styleField)
-    throw new Error("A field with name 'style' is not defined in the block type (required).");
-  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
-  if (!textStyles || textStyles.length === 0)
-    throw new Error("The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}.");
-  return textStyles;
-}
-function resolveEnabledDecorators(spanType) {
-  return spanType.decorators;
-}
-function resolveEnabledListItems(blockType) {
-  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
-  if (!listField)
-    throw new Error("A field with name 'listItem' is not defined in the block type (required).");
-  const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
-  if (!listItems)
-    throw new Error("The list field need at least to be an empty array");
-  return listItems;
-}
-function findBlockType(type) {
-  return type.type ? findBlockType(type.type) : type.name === "block" ? type : null;
-}
-function compileType(rawType) {
-  return Schema.compile({
-    name: "blockTypeSchema",
-    types: [rawType]
-  }).get(rawType.name);
-}
-function selectionIsCollapsed(context) {
-  return context.selection?.anchor.path.join() === context.selection?.focus.path.join() && context.selection?.anchor.offset === context.selection?.focus.offset;
-}
-function getFocusBlock(context) {
-  const key = context.selection && isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getFocusTextBlock(context) {
-  const focusBlock = getFocusBlock(context);
-  return focusBlock && isPortableTextTextBlock(focusBlock.node) ? {
-    node: focusBlock.node,
-    path: focusBlock.path
-  } : void 0;
-}
-function getFocusBlockObject(context) {
-  const focusBlock = getFocusBlock(context);
-  return focusBlock && !isPortableTextTextBlock(focusBlock.node) ? {
-    node: focusBlock.node,
-    path: focusBlock.path
-  } : void 0;
-}
-function getFocusChild(context) {
-  const focusBlock = getFocusTextBlock(context);
-  if (!focusBlock)
-    return;
-  const key = context.selection && isKeySegment(context.selection.focus.path[2]) ? context.selection.focus.path[2]._key : void 0, node = key ? focusBlock.node.children.find((span) => span._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [...focusBlock.path, "children", {
-      _key: key
-    }]
-  } : void 0;
-}
-function getFocusSpan(context) {
-  const focusChild = getFocusChild(context);
-  return focusChild && isPortableTextSpan$1(focusChild.node) ? {
-    node: focusChild.node,
-    path: focusChild.path
-  } : void 0;
-}
-function getSelectionStartBlock(context) {
-  const key = context.selection.backward ? isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getSelectionEndBlock(context) {
-  const key = context.selection.backward ? isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getPreviousBlock(context) {
-  let previousBlock;
-  const selectionStartBlock = getSelectionStartBlock(context);
-  if (!selectionStartBlock)
-    return;
-  let foundSelectionStartBlock = !1;
-  for (const block of context.value) {
-    if (block._key === selectionStartBlock.node._key) {
-      foundSelectionStartBlock = !0;
-      break;
-    }
-    previousBlock = {
-      node: block,
-      path: [{
-        _key: block._key
-      }]
-    };
-  }
-  if (foundSelectionStartBlock && previousBlock)
-    return previousBlock;
-}
-function getNextBlock(context) {
-  let nextBlock;
-  const selectionEndBlock = getSelectionEndBlock(context);
-  if (!selectionEndBlock)
-    return;
-  let foundSelectionEndBlock = !1;
-  for (const block of context.value) {
-    if (block._key === selectionEndBlock.node._key) {
-      foundSelectionEndBlock = !0;
-      continue;
-    }
-    if (foundSelectionEndBlock) {
-      nextBlock = {
-        node: block,
-        path: [{
-          _key: block._key
-        }]
-      };
-      break;
-    }
-  }
-  if (foundSelectionEndBlock && nextBlock)
-    return nextBlock;
-}
-function isEmptyTextBlock(block) {
-  return block.children.length === 1 && block.children[0].text === "";
-}
-const breakingVoidBlock = {
-  on: "insert break",
-  guard: ({
-    context
-  }) => !!getFocusBlockObject(context),
-  actions: [() => [{
-    type: "insert text block",
-    decorators: []
-  }]]
-}, deletingEmptyTextBlockAfterBlockObject = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(previousBlock.node) ? {
-      focusTextBlock,
-      previousBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    previousBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: previousBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: previousBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, deletingEmptyTextBlockBeforeBlockObject = {
-  on: "delete forward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(nextBlock.node) ? {
-      focusTextBlock,
-      nextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    nextBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: nextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: nextBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, coreBlockObjectBehaviors = [breakingVoidBlock, deletingEmptyTextBlockAfterBlockObject, deletingEmptyTextBlockBeforeBlockObject], clearListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
-      focusTextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock
-  }) => [{
-    type: "unset block",
-    props: ["listItem", "level"],
-    paths: [focusTextBlock.path]
-  }]]
-}, unindentListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
-      focusTextBlock,
-      level: focusTextBlock.node.level - 1
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    level
-  }) => [{
-    type: "set block",
-    level,
-    paths: [focusTextBlock.path]
-  }]]
-}, coreListBehaviors = [clearListOnBackspace, unindentListOnBackspace], softReturn = {
-  on: "insert soft break",
-  actions: [() => [{
-    type: "insert text",
-    text: `
-`
-  }]]
-}, coreBehaviors = [softReturn, ...coreBlockObjectBehaviors, ...coreListBehaviors], debug$k = debugWithName("operationToPatches");
+    }), propsOrDefaultRendered = renderBlock ? renderBlock(renderProps) : children;
+    return /* @__PURE__ */ jsx("div", { ...attributes, className, spellCheck, children: /* @__PURE__ */ jsx(DraggableBlock, { element, readOnly, blockRef, children: /* @__PURE__ */ jsx("div", { ref: blockRef, children: propsOrDefaultRendered }) }) }, element._key);
+  }
+  const schemaType_0 = schemaTypes.blockObjects.find((_type_0) => _type_0.name === element._type);
+  if (!schemaType_0)
+    throw new Error(`Could not find schema type for block element of _type ${element._type}`);
+  className = "pt-block pt-object-block";
+  const block_0 = fromSlateValue([element], schemaTypes.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
+  let renderedBlockFromProps;
+  if (renderBlock) {
+    const _props = Object.defineProperty({
+      children: /* @__PURE__ */ jsx(DefaultObject, { value }),
+      editorElementRef: blockRef,
+      focused,
+      path: blockPath,
+      schemaType: schemaType_0,
+      selected,
+      value: block_0
+    }, "type", {
+      enumerable: !1,
+      get() {
+        return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaType_0;
+      }
+    });
+    renderedBlockFromProps = renderBlock(_props);
+  }
+  return /* @__PURE__ */ jsxs("div", { ...attributes, className, children: [
+    children,
+    /* @__PURE__ */ jsxs(DraggableBlock, { element, readOnly, blockRef, children: [
+      renderedBlockFromProps && /* @__PURE__ */ jsx("div", { ref: blockRef, contentEditable: !1, children: renderedBlockFromProps }),
+      !renderedBlockFromProps && /* @__PURE__ */ jsx(DefaultBlockObject, { selected, children: /* @__PURE__ */ jsx(DefaultObject, { value }) })
+    ] })
+  ] }, element._key);
+};
+Element.displayName = "Element";
+const PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
+  const editor = useContext(PortableTextEditorContext);
+  if (!editor)
+    throw new Error("The `usePortableTextEditor` hook must be used inside the <PortableTextEditor> component's context.");
+  return editor;
+};
+function DefaultAnnotation(props) {
+  const $ = c(6);
+  let t0;
+  $[0] !== props.annotation ? (t0 = () => alert(JSON.stringify(props.annotation)), $[0] = props.annotation, $[1] = t0) : t0 = $[1];
+  const handleClick = t0;
+  let t1;
+  $[2] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    color: "blue"
+  }, $[2] = t1) : t1 = $[2];
+  let t2;
+  return $[3] !== handleClick || $[4] !== props.children ? (t2 = /* @__PURE__ */ jsx("span", { style: t1, onClick: handleClick, children: props.children }), $[3] = handleClick, $[4] = props.children, $[5] = t2) : t2 = $[5], t2;
+}
+DefaultAnnotation.displayName = "DefaultAnnotation";
+function getPortableTextMemberSchemaTypes(portableTextType) {
+  if (!portableTextType)
+    throw new Error("Parameter 'portabletextType' missing (required)");
+  const blockType = portableTextType.of?.find(findBlockType);
+  if (!blockType)
+    throw new Error("Block type is not defined in this schema (required)");
+  const childrenField = blockType.fields?.find((field) => field.name === "children");
+  if (!childrenField)
+    throw new Error("Children field for block type found in schema (required)");
+  const ofType = childrenField.type.of;
+  if (!ofType)
+    throw new Error("Valid types for block children not found in schema (required)");
+  const spanType = ofType.find((memberType) => memberType.name === "span");
+  if (!spanType)
+    throw new Error("Span type not found in schema (required)");
+  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
+  return {
+    styles: resolveEnabledStyles(blockType),
+    decorators: resolveEnabledDecorators(spanType),
+    lists: resolveEnabledListItems(blockType),
+    block: blockType,
+    span: spanType,
+    portableText: portableTextType,
+    inlineObjects: inlineObjectTypes,
+    blockObjects: blockObjectTypes,
+    annotations: spanType.annotations
+  };
+}
+function resolveEnabledStyles(blockType) {
+  const styleField = blockType.fields?.find((btField) => btField.name === "style");
+  if (!styleField)
+    throw new Error("A field with name 'style' is not defined in the block type (required).");
+  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
+  if (!textStyles || textStyles.length === 0)
+    throw new Error("The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}.");
+  return textStyles;
+}
+function resolveEnabledDecorators(spanType) {
+  return spanType.decorators;
+}
+function resolveEnabledListItems(blockType) {
+  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
+  if (!listField)
+    throw new Error("A field with name 'listItem' is not defined in the block type (required).");
+  const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
+  if (!listItems)
+    throw new Error("The list field need at least to be an empty array");
+  return listItems;
+}
+function findBlockType(type) {
+  return type.type ? findBlockType(type.type) : type.name === "block" ? type : null;
+}
+function compileType(rawType) {
+  return Schema.compile({
+    name: "blockTypeSchema",
+    types: [rawType]
+  }).get(rawType.name);
+}
+const debug$k = debugWithName("operationToPatches");
 function createOperationToPatches(types) {
   const textBlockName = types.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
@@ -5282,7 +5282,137 @@ function performDefaultAction({
       });
   }
 }
-const networkLogic = fromCallback(({
+const breakingVoidBlock = {
+  on: "insert break",
+  guard: ({
+    context
+  }) => !!getFocusBlockObject(context),
+  actions: [() => [{
+    type: "insert text block",
+    decorators: []
+  }]]
+}, deletingEmptyTextBlockAfterBlockObject = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(previousBlock.node) ? {
+      focusTextBlock,
+      previousBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    previousBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: previousBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: previousBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, deletingEmptyTextBlockBeforeBlockObject = {
+  on: "delete forward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(nextBlock.node) ? {
+      focusTextBlock,
+      nextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    nextBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: nextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: nextBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, coreBlockObjectBehaviors = [breakingVoidBlock, deletingEmptyTextBlockAfterBlockObject, deletingEmptyTextBlockBeforeBlockObject], clearListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
+      focusTextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock
+  }) => [{
+    type: "unset block",
+    props: ["listItem", "level"],
+    paths: [focusTextBlock.path]
+  }]]
+}, unindentListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
+      focusTextBlock,
+      level: focusTextBlock.node.level - 1
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    level
+  }) => [{
+    type: "set block",
+    level,
+    paths: [focusTextBlock.path]
+  }]]
+}, coreListBehaviors = [clearListOnBackspace, unindentListOnBackspace], softReturn = {
+  on: "insert soft break",
+  actions: [() => [{
+    type: "insert text",
+    text: `
+`
+  }]]
+}, coreBehaviors = [softReturn, ...coreBlockObjectBehaviors, ...coreListBehaviors], networkLogic = fromCallback(({
   sendBack
 }) => {
   const onlineHandler = () => {
@@ -5305,6 +5435,11 @@ const networkLogic = fromCallback(({
     input: {}
   },
   actions: {
+    "assign behaviors": assign({
+      behaviors: ({
+        event
+      }) => (assertEvent(event, "update behaviors"), [...coreBehaviors, ...event.behaviors])
+    }),
     "assign schema": assign({
       schema: ({
         event
@@ -5397,7 +5532,7 @@ const networkLogic = fromCallback(({
   context: ({
     input
   }) => ({
-    behaviors: input.behaviors,
+    behaviors: input.behaviors ? [...coreBehaviors, ...input.behaviors] : coreBehaviors,
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     schema: input.schema
@@ -5472,6 +5607,9 @@ const networkLogic = fromCallback(({
         type: "done loading"
       })
     },
+    "update behaviors": {
+      actions: "assign behaviors"
+    },
     "update schema": {
       actions: "assign schema"
     },
@@ -5582,18 +5720,21 @@ class PortableTextEditor extends Component {
    * The editor API (currently implemented with Slate).
    */
   constructor(props) {
-    if (super(props), !props.schemaType)
-      throw new Error('PortableTextEditor: missing "schemaType" property');
-    props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.schemaTypes = getPortableTextMemberSchemaTypes(props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)), this.editorActor = createActor(editorMachine, {
-      input: {
-        behaviors: coreBehaviors,
-        keyGenerator: props.keyGenerator || defaultKeyGenerator,
-        schema: this.schemaTypes
-      }
-    }), this.editorActor.start();
+    if (super(props), props.editor)
+      this.editorActor = props.editor, this.editorActor.start(), this.schemaTypes = this.editorActor.getSnapshot().context.schema;
+    else {
+      if (!props.schemaType)
+        throw new Error('PortableTextEditor: missing "schemaType" property');
+      props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.schemaTypes = getPortableTextMemberSchemaTypes(props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)), this.editorActor = props.editor ?? createActor(editorMachine, {
+        input: {
+          keyGenerator: props.keyGenerator || defaultKeyGenerator,
+          schema: this.schemaTypes
+        }
+      }), this.editorActor.start();
+    }
   }
   componentDidUpdate(prevProps) {
-    this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = getPortableTextMemberSchemaTypes(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editorActor.send({
+    !this.props.editor && !prevProps.editor && this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = getPortableTextMemberSchemaTypes(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editorActor.send({
       type: "update schema",
       schema: this.schemaTypes
     })), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this);
@@ -5609,19 +5750,14 @@ class PortableTextEditor extends Component {
       return this.editable.getValue();
   };
   render() {
-    const {
-      value,
-      children,
-      patches$,
-      incomingPatches$
-    } = this.props, _patches$ = incomingPatches$ || patches$, maxBlocks = typeof this.props.maxBlocks > "u" ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10) || void 0, readOnly = !!this.props.readOnly;
+    const maxBlocks = this.props.editor || typeof this.props.maxBlocks > "u" ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10) || void 0, readOnly = !!this.props.readOnly, legacyPatches = this.props.editor ? void 0 : this.props.incomingPatches$ ?? this.props.patches$;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      _patches$ ? /* @__PURE__ */ jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editorActor, patches$: _patches$ }) : null,
+      legacyPatches ? /* @__PURE__ */ jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editorActor, patches$: legacyPatches }) : null,
       /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsx(SlateContainer, { editorActor: this.editorActor, maxBlocks, portableTextEditor: this, readOnly, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PortableTextEditorReadOnlyContext.Provider, { value: readOnly, children: /* @__PURE__ */ jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
         /* @__PURE__ */ jsx(Synchronizer, { editorActor: this.editorActor, getValue: this.getValue, onChange: (change) => {
-          this.props.onChange(change), this.change$.next(change);
-        }, value }),
-        children
+          this.props.editor || this.props.onChange(change), this.change$.next(change);
+        }, value: this.props.value }),
+        this.props.children
       ] }) }) }) }) })
     ] });
   }
@@ -6079,11 +6215,30 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
+function useEditor(config) {
+  const $ = c(8);
+  let t0;
+  $[0] !== config.schema ? (t0 = config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema), $[0] = config.schema, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== t0 ? (t1 = getPortableTextMemberSchemaTypes(t0), $[2] = t0, $[3] = t1) : t1 = $[3];
+  const schema = t1, t2 = config.keyGenerator ?? defaultKeyGenerator;
+  let t3;
+  return $[4] !== config.behaviors || $[5] !== t2 || $[6] !== schema ? (t3 = {
+    input: {
+      behaviors: config.behaviors,
+      keyGenerator: t2,
+      schema
+    }
+  }, $[4] = config.behaviors, $[5] = t2, $[6] = schema, $[7] = t3) : t3 = $[7], useActorRef(editorMachine, t3);
+}
 export {
   PortableTextEditable,
   PortableTextEditor,
+  createMarkdownBehaviors,
+  defineBehavior,
   editorMachine,
   defaultKeyGenerator as keyGenerator,
+  useEditor,
   usePortableTextEditor,
   usePortableTextEditorSelection
 };