@portabletext/editor 1.3.1 → 1.4.1

package/lib/index.js

@@ -1,10 +1,250 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), react = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), types = require("@sanity/types"), reactCompilerRuntime = require("react-compiler-runtime"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), schema = require("@sanity/schema"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), isHotkeyEsm = require("is-hotkey-esm"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), useEffectEvent = require("use-effect-event"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content");
+var types = require("@sanity/types"), jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), react = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), schema = require("@sanity/schema"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), isHotkeyEsm = require("is-hotkey-esm"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), useEffectEvent = require("use-effect-event"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content"), react$1 = require("@xstate/react");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
 var isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), noop__default = /* @__PURE__ */ _interopDefaultCompat(noop), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$m), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isUndefined__default = /* @__PURE__ */ _interopDefaultCompat(isUndefined), omitBy__default = /* @__PURE__ */ _interopDefaultCompat(omitBy), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject), throttle__default = /* @__PURE__ */ _interopDefaultCompat(throttle), debounce__default = /* @__PURE__ */ _interopDefaultCompat(debounce);
+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 && types.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 && types.isPortableTextTextBlock(focusBlock.node) ? {
+    node: focusBlock.node,
+    path: focusBlock.path
+  } : void 0;
+}
+function getFocusBlockObject(context) {
+  const focusBlock = getFocusBlock(context);
+  return focusBlock && !types.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 && types.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 && types.isPortableTextSpan(focusChild.node) ? {
+    node: focusChild.node,
+    path: focusChild.path
+  } : void 0;
+}
+function getSelectionStartBlock(context) {
+  const key = context.selection.backward ? types.isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : types.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 ? types.isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : types.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__default.default(rootName);
 function debugWithName(name) {
@@ -641,360 +881,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__ */ jsxRuntime.jsx("div", { ...attributes, className, spellCheck, children: /* @__PURE__ */ jsxRuntime.jsx(DraggableBlock, { element, readOnly, blockRef, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { ...attributes, className, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsxs(DraggableBlock, { element, readOnly, blockRef, children: [
-      renderedBlockFromProps && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: blockRef, contentEditable: !1, children: renderedBlockFromProps }),
-      !renderedBlockFromProps && /* @__PURE__ */ jsxRuntime.jsx(DefaultBlockObject, { selected, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultObject, { value }) })
-    ] })
-  ] }, element._key);
-};
-Element.displayName = "Element";
-const PortableTextEditorContext = react.createContext(null), usePortableTextEditor = () => {
-  const editor = react.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.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.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 && types.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 && types.isPortableTextTextBlock(focusBlock.node) ? {
-    node: focusBlock.node,
-    path: focusBlock.path
-  } : void 0;
-}
-function getFocusBlockObject(context) {
-  const focusBlock = getFocusBlock(context);
-  return focusBlock && !types.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 && types.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 && types.isPortableTextSpan(focusChild.node) ? {
-    node: focusChild.node,
-    path: focusChild.path
-  } : void 0;
-}
-function getSelectionStartBlock(context) {
-  const key = context.selection.backward ? types.isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : types.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 ? types.isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : types.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) && !types.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) && !types.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__ */ jsxRuntime.jsx("div", { ...attributes, className, spellCheck, children: /* @__PURE__ */ jsxRuntime.jsx(DraggableBlock, { element, readOnly, blockRef, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { ...attributes, className, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs(DraggableBlock, { element, readOnly, blockRef, children: [
+      renderedBlockFromProps && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: blockRef, contentEditable: !1, children: renderedBlockFromProps }),
+      !renderedBlockFromProps && /* @__PURE__ */ jsxRuntime.jsx(DefaultBlockObject, { selected, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultObject, { value }) })
+    ] })
+  ] }, element._key);
+};
+Element.displayName = "Element";
+const PortableTextEditorContext = react.createContext(null), usePortableTextEditor = () => {
+  const editor = react.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 $ = reactCompilerRuntime.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__ */ jsxRuntime.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.Schema.compile({
+    name: "blockTypeSchema",
+    types: [rawType]
+  }).get(rawType.name);
+}
+const debug$k = debugWithName("operationToPatches");
 function createOperationToPatches(types2) {
   const textBlockName = types2.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
@@ -5263,7 +5262,137 @@ function performDefaultAction({
       });
   }
 }
-const networkLogic = xstate.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) && !types.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) && !types.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 = xstate.fromCallback(({
   sendBack
 }) => {
   const onlineHandler = () => {
@@ -5286,6 +5415,11 @@ const networkLogic = xstate.fromCallback(({
     input: {}
   },
   actions: {
+    "assign behaviors": xstate.assign({
+      behaviors: ({
+        event
+      }) => (xstate.assertEvent(event, "update behaviors"), [...coreBehaviors, ...event.behaviors])
+    }),
     "assign schema": xstate.assign({
       schema: ({
         event
@@ -5378,7 +5512,7 @@ const networkLogic = xstate.fromCallback(({
   context: ({
     input
   }) => ({
-    behaviors: input.behaviors,
+    behaviors: input.behaviors ? [...coreBehaviors, ...input.behaviors] : coreBehaviors,
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     schema: input.schema
@@ -5453,6 +5587,9 @@ const networkLogic = xstate.fromCallback(({
         type: "done loading"
       })
     },
+    "update behaviors": {
+      actions: "assign behaviors"
+    },
     "update schema": {
       actions: "assign schema"
     },
@@ -5563,18 +5700,21 @@ class PortableTextEditor extends react.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 = xstate.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 ?? xstate.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);
@@ -5590,19 +5730,14 @@ class PortableTextEditor extends react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      _patches$ ? /* @__PURE__ */ jsxRuntime.jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editorActor, patches$: _patches$ }) : null,
+      legacyPatches ? /* @__PURE__ */ jsxRuntime.jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editorActor, patches$: legacyPatches }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsxRuntime.jsx(SlateContainer, { editorActor: this.editorActor, maxBlocks, portableTextEditor: this, readOnly, children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorReadOnlyContext.Provider, { value: readOnly, children: /* @__PURE__ */ jsxRuntime.jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
         /* @__PURE__ */ jsxRuntime.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
       ] }) }) }) }) })
     ] });
   }
@@ -6060,10 +6195,29 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
+function useEditor(config) {
+  const $ = reactCompilerRuntime.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 schema2 = t1, t2 = config.keyGenerator ?? defaultKeyGenerator;
+  let t3;
+  return $[4] !== config.behaviors || $[5] !== t2 || $[6] !== schema2 ? (t3 = {
+    input: {
+      behaviors: config.behaviors,
+      keyGenerator: t2,
+      schema: schema2
+    }
+  }, $[4] = config.behaviors, $[5] = t2, $[6] = schema2, $[7] = t3) : t3 = $[7], react$1.useActorRef(editorMachine, t3);
+}
 exports.PortableTextEditable = PortableTextEditable;
 exports.PortableTextEditor = PortableTextEditor;
+exports.createMarkdownBehaviors = createMarkdownBehaviors;
+exports.defineBehavior = defineBehavior;
 exports.editorMachine = editorMachine;
 exports.keyGenerator = defaultKeyGenerator;
+exports.useEditor = useEditor;
 exports.usePortableTextEditor = usePortableTextEditor;
 exports.usePortableTextEditorSelection = usePortableTextEditorSelection;
 //# sourceMappingURL=index.js.map