@makeswift/runtime 0.8.11 → 0.9.1

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/slate/ListPlugin/constants.ts","../src/slate/utils/editor.ts","../src/slate/ListPlugin/utils/filterForSubtreeRoots.ts","../src/slate/ListPlugin/utils/location.ts","../src/slate/ListPlugin/utils/getSelectedListItems.ts","../src/slate/ListPlugin/indent.ts","../src/slate/ListPlugin/dedent.ts","../src/slate/ListPlugin/unwrapList.ts","../src/slate/ListPlugin/wrapList.ts","../src/slate/ListPlugin/toggleList.ts","../src/slate/ListPlugin/index.ts","../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts","../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts","../src/slate/TypographyPlugin/detachActiveTypography.ts","../src/slate/TypographyPlugin/setActiveTypographyId.ts","../src/slate/TypographyPlugin/setActiveTypographyStyle.ts","../src/slate/TypographyPlugin/index.ts","../src/slate/utils/unhangRange.ts","../src/slate/selectors.ts","../src/slate/BlockPlugin/setBlockKeyForDevice.ts","../src/slate/BlockPlugin/clearBlockKeyForDevice.ts","../src/slate/BlockPlugin/wrapInline.ts","../src/slate/BlockPlugin/unwrapInline.ts","../src/slate/BlockPlugin/index.ts"],"sourcesContent":["export const LIST_ITEM_CHILD_POSITION = 0\nexport const LIST_ITEM_LIST_POSITION = 1\n","import { Path, Editor, NodeEntry } from 'slate'\n\nimport { ElementUtils } from './element'\nimport { ListElement, ListItemElement } from '../types'\n\nexport const EditorUtils = {\n  getFirstAncestorList(editor: Editor, path: Path): NodeEntry<ListElement> | null {\n    try {\n      const parentList = Editor.above(editor, {\n        at: path,\n        match: (node): node is ListElement => ElementUtils.isList(node),\n      })\n      return parentList ?? null\n    } catch (e) {\n      return null\n    }\n  },\n  getFirstAncestorListItem(editor: Editor, path: Path): NodeEntry<ListItemElement> | null {\n    try {\n      const parentListItem = Editor.above(editor, {\n        at: path,\n        match: (node): node is ListItemElement => ElementUtils.isListItem(node),\n      })\n\n      return parentListItem ?? null\n    } catch (e) {\n      return null\n    }\n  },\n}\n","import type { Node, NodeEntry } from 'slate'\nimport { Path } from 'slate'\n\nexport function filterForSubtreeRoots(entries: NodeEntry<Node>[]): NodeEntry<Node>[] {\n  return entries.filter(\n    ([, nodePath]) =>\n      !Path.ancestors(nodePath).some(ancestor => {\n        return entries.some(([, path]) => Path.equals(path, ancestor))\n      }),\n  )\n}\n","import { Range, Point, Path, Location } from 'slate'\n\nexport const LocationUtils = {\n  getStartPath(location: Location): Path {\n    if (Range.isRange(location)) return Range.start(location).path\n    if (Point.isPoint(location)) return location.path\n    return location\n  },\n}\n","import type { Element, NodeEntry } from 'slate'\nimport { Editor, Path } from 'slate'\nimport { EditorUtils } from '../../utils/editor'\nimport { ElementUtils } from '../../utils/element'\nimport { LocationUtils } from './location'\n\nexport function getSelectedListItems(editor: Editor): NodeEntry<Element>[] {\n  if (!editor.selection) return []\n\n  const start = LocationUtils.getStartPath(editor.selection)\n  const listItems = Editor.nodes(editor, {\n    at: editor.selection,\n    match: node => ElementUtils.isListItem(node),\n  })\n  const firstAncestorPath = EditorUtils.getFirstAncestorListItem(editor, start)?.[1] ?? []\n\n  return Array.from(listItems).filter((node): node is NodeEntry<Element> =>\n    Path.isDescendant(start, node[1])\n      ? Path.equals(node[1], firstAncestorPath)\n      : !Path.isAfter(start, node[1]),\n  )\n}\n","import { Editor, Node, Path, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { LIST_ITEM_LIST_POSITION } from './constants'\nimport { filterForSubtreeRoots } from './utils/filterForSubtreeRoots'\nimport { getSelectedListItems } from './utils/getSelectedListItems'\n\nexport function indentPath(editor: Editor, path: Path) {\n  const parent = Node.parent(editor, path)\n  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent)) return\n\n  const previosPath = Path.previous(path)\n\n  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION]\n  const previousHasChildList = Node.has(editor, previousChildListPath)\n\n  Editor.withoutNormalizing(editor, () => {\n    if (!previousHasChildList) {\n      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {\n        at: previousChildListPath,\n      })\n    }\n\n    const previousChildList = Node.get(editor, previousChildListPath)\n\n    if (ElementUtils.isList(previousChildList)) {\n      const index = previousHasChildList ? previousChildList.children.length : 0\n      Transforms.moveNodes(editor, {\n        at: path,\n        to: [...previousChildListPath, index],\n      })\n    }\n  })\n}\n\nexport function indent(editor: Editor) {\n  if (!editor.selection) return\n\n  const listItems = getSelectedListItems(editor)\n  const subRoots = filterForSubtreeRoots(listItems)\n  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path))\n\n  refs.forEach(ref => {\n    if (ref.current) {\n      indentPath(editor, ref.current)\n    }\n    ref.unref()\n  })\n}\n","import { Editor, Path, Transforms } from 'slate'\nimport { indentPath } from './indent'\nimport { getSelectedListItems } from './utils/getSelectedListItems'\nimport { filterForSubtreeRoots } from './utils/filterForSubtreeRoots'\nimport { EditorUtils } from '../utils/editor'\n\nfunction dedentPath(editor: Editor, listItemPath: Path) {\n  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath)\n  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath)\n  if (!parentList || !listItemContainingParentList) return\n\n  const [parentListNode, parentListPath] = parentList\n  const [_, listItemContainingParentListPath] = listItemContainingParentList\n\n  const listItemPosition = listItemPath[listItemPath.length - 1]\n  const previousSiblings = parentListNode.children.slice(0, listItemPosition)\n  const nextSiblings = parentListNode.children.slice(listItemPosition + 1)\n\n  Editor.withoutNormalizing(editor, () => {\n    // put next siblings into list item\n    nextSiblings.forEach(() => {\n      const nextSiblingPath = [...parentListPath, listItemPosition + 1]\n      indentPath(editor, nextSiblingPath)\n    })\n    // move list item to parent list\n    Transforms.moveNodes(editor, {\n      at: listItemPath,\n      to: Path.next(listItemContainingParentListPath),\n    })\n    // delete old parent list if there are no other list items\n    if (previousSiblings.length === 0) {\n      Transforms.removeNodes(editor, { at: parentListPath })\n    }\n  })\n}\n\nexport function dedent(editor: Editor) {\n  if (!editor.selection) return\n\n  const listItems = getSelectedListItems(editor)\n  const subRoots = filterForSubtreeRoots(listItems)\n  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path))\n\n  refs.forEach(ref => {\n    if (ref.current) {\n      dedentPath(editor, ref.current)\n    }\n    ref.unref()\n  })\n}\n","import { Editor, Element, Transforms, Path, Node, Location, Span } from 'slate'\nimport { EditorUtils } from '../utils/editor'\nimport { LIST_ITEM_CHILD_POSITION, LIST_ITEM_LIST_POSITION } from './constants'\nimport { filterForSubtreeRoots } from './utils/filterForSubtreeRoots'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../types'\n\nexport function unwrapPath(editor: Editor, listItemPath: Path) {\n  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath)\n  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath)\n  //if this is a nested item we don't want to unwrap it\n  if (!parentList || listItemContainingParentList) return\n\n  Editor.withoutNormalizing(editor, () => {\n    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION]\n    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION]\n\n    if (Node.has(editor, listItemNestedListPath)) {\n      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath })\n      Transforms.liftNodes(editor, { at: listItemNestedListPath })\n      Transforms.liftNodes(editor, { at: Path.next(listItemPath) })\n    }\n\n    if (Node.has(editor, listItemTextPath)) {\n      Transforms.setNodes(\n        editor,\n        { type: BlockType.Paragraph },\n        {\n          at: listItemTextPath,\n        },\n      )\n      Transforms.liftNodes(editor, { at: listItemTextPath })\n      Transforms.liftNodes(editor, { at: listItemPath })\n    }\n  })\n}\n\ntype UnwrapListOptions = {\n  at?: Location | Span\n}\n\nexport function unwrapList(editor: Editor, options?: UnwrapListOptions) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n\n  const listItems = Array.from(\n    Editor.nodes(editor, {\n      at,\n      match: node => {\n        return Element.isElement(node) && ElementUtils.isListItem(node)\n      },\n    }),\n  )\n  const subRoots = filterForSubtreeRoots(listItems)\n  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path))\n\n  refs.forEach(ref => {\n    if (ref.current) {\n      unwrapPath(editor, ref.current)\n    }\n    ref.unref()\n  })\n}\n","import { Editor, Element, Location, Span, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../types'\n\ntype WrapListOptions = {\n  type: typeof BlockType.UnorderedList | typeof BlockType.OrderedList\n  at?: Location | Span\n}\n\nexport function wrapList(\n  editor: Editor,\n  options: WrapListOptions = { type: BlockType.UnorderedList },\n) {\n  const at = options.at ?? editor.selection\n  if (!at) return\n\n  const nonListEntries = Array.from(\n    Editor.nodes(editor, {\n      at,\n      match: node => {\n        return Element.isElement(node) && ElementUtils.isConvertibleToListTextNode(node)\n      },\n    }),\n  )\n\n  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path))\n\n  refs.forEach(ref => {\n    const path = ref.current\n    if (path) {\n      Editor.withoutNormalizing(editor, () => {\n        Transforms.setNodes(\n          editor,\n          { type: BlockType.ListItemChild },\n          {\n            at: path,\n          },\n        )\n        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {\n          match: node => ElementUtils.isListItemChild(node),\n          at: path,\n        })\n        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {\n          at: path,\n        })\n      })\n    }\n    ref.unref()\n  })\n}\n","import { Editor, Location, Node, Path, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapList } from './unwrapList'\nimport { LocationUtils } from './utils/location'\nimport { wrapList } from './wrapList'\nimport { BlockType } from '../types'\n\ntype ToggleListOptions = {\n  type: typeof BlockType.UnorderedList | typeof BlockType.OrderedList\n  at?: Location\n}\n\nexport function toggleList(\n  editor: Editor,\n  options: ToggleListOptions = { type: BlockType.UnorderedList },\n) {\n  const at = options.at ?? editor.selection\n  if (at == null) return\n  const start = LocationUtils.getStartPath(at)\n  const ancestorPath = Path.ancestors(start).at(1)\n  if (!ancestorPath || !Node.has(editor, ancestorPath)) return\n  const ancestor = Node.get(editor, ancestorPath)\n\n  if (!ElementUtils.isList(ancestor)) {\n    return wrapList(editor, { type: options.type, at })\n  }\n\n  if (ancestor.type === options.type) {\n    unwrapList(editor, { at })\n  } else {\n    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath })\n  }\n}\n","import type { KeyboardEvent } from 'react'\nimport { Editor, Transforms, Range, Node, PathRef, Text } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { LIST_ITEM_CHILD_POSITION } from './constants'\nimport { EditorUtils } from '../utils/editor'\nimport { ElementUtils } from '../utils/element'\nimport { dedent } from './dedent'\nimport { indent } from './indent'\nimport { toggleList } from './toggleList'\nimport { unwrapList } from './unwrapList'\nimport { wrapList } from './wrapList'\nimport { BlockType } from '../types'\n\nexport const ListActions = {\n  unwrapList,\n  wrapList,\n  indent,\n  dedent,\n  toggleList,\n}\n\nexport function onKeyDown(e: KeyboardEvent, editor: Editor) {\n  if (\n    !editor.selection ||\n    Array.from(Editor.nodes(editor, { match: node => ElementUtils.isListItem(node) })).length === 0\n  )\n    return\n\n  if (isHotkey('shift+tab', e)) {\n    e.preventDefault()\n    ListActions.dedent(editor)\n  }\n\n  if (isHotkey('tab', e)) {\n    e.preventDefault()\n    ListActions.indent(editor)\n  }\n\n  if (isHotkey('backspace', e)) {\n    if (!editor.selection) return\n    if (Range.isExpanded(editor.selection)) return\n    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n    if (editor.selection.anchor.offset === 0 && listItem) {\n      e.preventDefault()\n      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n      const list = EditorUtils.getFirstAncestorList(editor, listItem[1])\n\n      if (parentListItem) {\n        ListActions.dedent(editor)\n      } else if (list) {\n        ListActions.unwrapList(editor)\n      }\n      return\n    }\n  }\n\n  if (isHotkey('enter', e)) {\n    e.preventDefault()\n\n    if (!editor.selection) return\n\n    if (Range.isExpanded(editor.selection)) {\n      Transforms.delete(editor)\n      return\n    }\n\n    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n    if (\n      editor.selection.anchor.offset === 0 &&\n      listItem &&\n      Editor.string(editor, listItem[1]) === ''\n    ) {\n      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n\n      if (parentListItem) {\n        ListActions.dedent(editor)\n      } else {\n        ListActions.unwrapList(editor)\n      }\n      return\n    }\n\n    Transforms.splitNodes(editor, {\n      at: editor.selection,\n      always: true,\n      match: node => ElementUtils.isListItem(node),\n    })\n  }\n\n  if (isHotkey('shift+enter', e)) {\n    e.preventDefault()\n    editor.insertText('\\n')\n  }\n}\n\nexport function withList(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    // Normalization for converting children of list items to list item children\n    // In the case of backspace from position 0 of node into a list this converts the node into a list item.\n    if (ElementUtils.isListItem(normalizationNode)) {\n      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION]\n\n      if (Node.has(editor, pathToListItemText)) {\n        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText)\n        if (ElementUtils.isParagraph(nodeInListItemTextPosition)) {\n          Transforms.setNodes(\n            editor,\n            { type: BlockType.ListItemChild },\n            {\n              at: pathToListItemText,\n            },\n          )\n          return\n        }\n      } else {\n        Transforms.insertNodes(editor, ElementUtils.createListItem(), {\n          at: pathToListItemText,\n        })\n        return\n      }\n    }\n\n    // Normalization for merging adjacent lists of the same type\n    if (!Text.isText(normalizationNode)) {\n      const mergeableChildren = Array.from(Node.children(editor, normalizationPath))\n        .map((child, index, children) => {\n          const potentialNodeToBeMerged = children.at(index + 1)\n          if (\n            !potentialNodeToBeMerged ||\n            !ElementUtils.isList(potentialNodeToBeMerged[0]) ||\n            !ElementUtils.isList(child[0]) ||\n            potentialNodeToBeMerged[0].type !== child[0].type\n          ) {\n            return null\n          }\n          return [\n            Editor.pathRef(editor, child[1]),\n            Editor.pathRef(editor, potentialNodeToBeMerged[1]),\n          ]\n        })\n        .filter((mergeableNodes): mergeableNodes is PathRef[] => Boolean(mergeableNodes))\n\n      if (mergeableChildren.length !== 0) {\n        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {\n          const nodePath = nodePathRef.current\n          const nodeToBeMergedPath = nodeToBeMergedPathRef.current\n          if (nodePath == null || nodeToBeMergedPath == null) return\n          const nodeChildren = Array.from(Node.children(editor, nodePath))\n          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath))\n          Editor.withoutNormalizing(editor, () => {\n            childrenToBeMerged.reverse().forEach(([_, childPath]) => {\n              Transforms.moveNodes(editor, {\n                at: childPath,\n                to: [...nodePath, nodeChildren.length],\n              })\n            })\n            Transforms.removeNodes(editor, { at: nodeToBeMergedPath })\n          })\n          nodePathRef.unref()\n          nodeToBeMergedPathRef.unref()\n        })\n        return\n      }\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function clearActiveTypographyStyle(\n  editor: Editor,\n  options?: ClearActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style: [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearDeviceActiveTypographyOptions = {\n  at?: Range\n}\n\nexport function clearDeviceActiveTypography(\n  editor: Editor,\n  currentDeviceId: string,\n  options?: ClearDeviceActiveTypographyOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style:\n              node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function detachActiveTypography(\n  editor: Editor,\n  value: RichTextTypography['style'],\n  options?: SetActiveTypographyIdOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          Transforms.setNodes(\n            editor,\n            {\n              typography: {\n                style: value,\n              },\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyId(\n  editor: Editor,\n  id?: string,\n  options?: SetActiveTypographyIdOptions,\n) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n  Transforms.setNodes(\n    editor,\n    {\n      typography: {\n        id,\n        style: [],\n      },\n    },\n    {\n      at,\n      match: node => Text.isText(node),\n      split: Range.isExpanded(at),\n    },\n  )\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { Breakpoints, findBreakpointOverride, BreakpointId } from '../../state/modules/breakpoints'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyStyle(\n  editor: Editor,\n  breakpoints: Breakpoints,\n  deviceId: string,\n  prop: string,\n  value?: unknown,\n  options?: SetActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const deviceOverrides = node?.typography?.style ?? []\n          const deviceStyle = findBreakpointOverride(\n            breakpoints,\n            deviceOverrides,\n            deviceId as BreakpointId,\n            v => v,\n          ) || {\n            value: {},\n          }\n          const nextDeviceStyle = {\n            deviceId,\n            value: { ...deviceStyle.value, [prop]: value },\n          }\n\n          const nextTypography: RichTextTypography = {\n            ...node.typography,\n            style: [...deviceOverrides.filter(v => v.deviceId !== deviceId), nextDeviceStyle],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography: nextTypography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Text, Transforms } from 'slate'\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n    if (\n      Text.isText(normalizationNode) &&\n      normalizationNode?.typography?.id == null &&\n      normalizationNode?.typography?.style.length === 0\n    ) {\n      Transforms.unsetNodes(editor, 'typography', { at: normalizationPath })\n      return\n    }\n\n    if (Text.isText(normalizationNode) && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n","import { Editor, Range, Element, Text, Path } from 'slate'\n\n/**\n * The `Editor.unhangeRange` within Slate early exits if `Path.hasPrevious(end.path)` ie if this isn't a root block.\n * Unfortunately when you `setNode(..., {split:true})` or `wrapNodes()` you also have a hanging selection, but not in the root position.\n *\n * This c/p removes the `Path.hasPrevious(end.path)` from the early exit but it the same otherwise\n */\nfunction unhangRange(editor: Editor, range: Range): Range {\n  // eslint-disable-next-line prefer-const\n  let [start, end] = Range.edges(range)\n  // PERF: exit early if we can guarantee that the range isn't hanging.\n  if (start.offset !== 0 || end.offset !== 0 || Range.isCollapsed(range)) {\n    return range\n  }\n\n  const endBlock = Editor.above(editor, {\n    at: end,\n    match: n => Element.isElement(n) && Editor.isBlock(editor, n),\n  })\n  const blockPath = endBlock ? endBlock[1] : []\n  const first = Editor.start(editor, start)\n  const before = { anchor: first, focus: end }\n  let skip = true\n\n  for (const [node, path] of Editor.nodes(editor, {\n    at: before,\n    match: Text.isText,\n    reverse: true,\n  })) {\n    if (skip) {\n      skip = false\n      continue\n    }\n\n    if (node.text !== '' || Path.isBefore(path, blockPath)) {\n      end = { path, offset: node.text.length }\n      break\n    }\n  }\n\n  return { anchor: start, focus: end }\n}\n\nexport default unhangRange\n","import { Editor, NodeEntry, Range, Text } from 'slate'\nimport { EditableBlockKey } from './BlockPlugin/types'\nimport { ElementUtils } from './utils/element'\n\nimport unhangRange from './utils/unhangRange'\nimport shallowEqual from '../utils/shallowEqual'\nimport { isNonNullable } from '../utils/isNonNullable'\n\nimport { Breakpoints, BreakpointId, findBreakpointOverride } from '../state/modules/breakpoints'\nimport deepEqual from '../utils/deepEqual'\nimport keys from '../utils/keys'\nimport {\n  RootBlock,\n  Inline,\n  RootBlockType,\n  ResponsiveBlockTextAlignment,\n  BlockTextAlignment,\n  RichTextTypography,\n} from './types'\n\nexport function getSelection(editor: Editor): Range {\n  if (editor.selection) return unhangRange(editor, editor.selection)\n  return {\n    anchor: Editor.start(editor, []),\n    focus: Editor.end(editor, []),\n  }\n}\n\nexport function getBlocksInSelection(editor: Editor): NodeEntry<RootBlock>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => ElementUtils.isRootBlock(node),\n    }),\n  ).filter((entry): entry is NodeEntry<RootBlock> => ElementUtils.isRootBlock(entry[0]))\n}\n\nexport function getInlinesInSelection(editor: Editor): NodeEntry<Inline>[] {\n  return Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: node => ElementUtils.isInline(node),\n    }),\n  ).filter((entry): entry is NodeEntry<Inline> => ElementUtils.isInline(entry[0]))\n}\n\nexport function getActiveBlockType(editor: Editor): RootBlockType | null {\n  const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type)\n\n  return rootBlocks.reduce<RootBlockType | null>(\n    (a, b) => (a === b ? b : null),\n    rootBlocks.at(0) ?? null,\n  )\n}\n\nexport function getActiveBlockValue(editor: Editor, key: EditableBlockKey) {\n  const blocks = getBlocksInSelection(editor)\n\n  const active = blocks.map(\n    ([block]) => block[key] ?? null,\n  ) as (ResponsiveBlockTextAlignment | null)[]\n\n  return active.length === 0 ? null : active.reduce((a, b) => (shallowEqual(a, b) ? b : null))\n}\n\nexport function getActiveBlockDeviceOverrideValue(\n  editor: Editor,\n  key: EditableBlockKey,\n  breakpoints: Breakpoints,\n  deviceId: BreakpointId,\n) {\n  const active: (BlockTextAlignment | null)[] = []\n  const blocks = getBlocksInSelection(editor)\n\n  blocks.forEach(([block]) => {\n    const deviceOverride =\n      findBreakpointOverride<BlockTextAlignment>(breakpoints, block[key], deviceId) || null\n    active.push(deviceOverride?.value ?? null)\n  })\n\n  return active.length === 0 ? null : active.reduce((a, b) => (shallowEqual(a, b) ? b : null))\n}\n\n// Typography\n\nconst concat = (a: unknown[], b: unknown[]) => a.concat(b)\n\n// TODO: This is more cruft from trying to remove null from the typography type. This optimization is not worth it.\n/**\n * This is a c/p of the intersection of the utils from the root utils folder.\n * The only change is defaulting to undefined instead of to null.\n */\nexport default function intersection<A extends Record<string, unknown>, B extends A>(\n  a: A,\n  b: B,\n  isEqual: (a: unknown, b: unknown) => boolean = deepEqual,\n): { [K in keyof A]: A[K] | undefined } {\n  const allKeys = [...new Set([...keys(a), ...keys(b)])] as (keyof A)[]\n\n  return allKeys.reduce((acc, k) => {\n    if (isEqual(a[k], b[k])) acc[k] = a[k]\n    else acc[k] = undefined\n\n    return acc\n  }, {} as { [K in keyof A]: A[K] | undefined })\n}\n\nconst fuseTypographyMarks = (\n  values: Array<RichTextTypography | null | undefined>,\n  breakpoints: Breakpoints,\n): RichTextTypography => {\n  const devices = [\n    ...new Set(\n      values\n        .filter(isNonNullable)\n        .map(({ style }) => style.map(({ deviceId }) => deviceId))\n        .reduce(concat, []),\n    ),\n  ] as BreakpointId[]\n\n  return {\n    id: values.map(v => v && v.id).reduce((a, b) => (a === b ? a : undefined)) ?? undefined,\n    style: devices.map(deviceId =>\n      values\n        .map(\n          v =>\n            (v && findBreakpointOverride(breakpoints, v.style, deviceId)) || {\n              deviceId,\n              value: {},\n            },\n        )\n        .reduce((acc, { value }) => {\n          const a = intersection(acc.value, value)\n          return {\n            deviceId,\n            value: a,\n          }\n        }),\n    ),\n  }\n}\n\nexport function getActiveTypographyMark(\n  editor: Editor,\n  breakpoints: Breakpoints,\n): RichTextTypography {\n  const active: RichTextTypography[] = []\n\n  const textNodes = Editor.nodes(editor, {\n    at: getSelection(editor),\n    match: node => Text.isText(node),\n  })\n\n  for (const [node] of textNodes) {\n    if (Text.isText(node) && 'typography' in node && node.typography != undefined) {\n      active.push(node.typography)\n    }\n  }\n  return active.length === 0 ? { style: [] } : fuseTypographyMarks(active, breakpoints)\n}\n","import { Editor, Transforms, Location } from 'slate'\nimport { getBlocksInSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { EditableBlockKey, EditableBlockValue } from './types'\nimport { Breakpoints, BreakpointId, findBreakpointOverride } from '../../state/modules/breakpoints'\n\ntype SetBlockKeyForDeviceOptions = {\n  at?: Location\n}\n\nexport function setBlockKeyForDevice(\n  editor: Editor,\n  breakpoints: Breakpoints,\n  deviceId: BreakpointId,\n  key: EditableBlockKey,\n  value: EditableBlockValue[number]['value'],\n  options?: SetBlockKeyForDeviceOptions,\n) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n\n  const rootElements = getBlocksInSelection(editor)\n\n  for (const [node, path] of rootElements) {\n    if (ElementUtils.isBlock(node)) {\n      const deviceValues = node[key] ?? []\n      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, v => v)\n      const nextDeviceValue = {\n        ...currentDeviceValue,\n        deviceId,\n        value,\n      }\n      Transforms.setNodes(\n        editor,\n        {\n          [key]: [...deviceValues.filter(v => v.deviceId !== deviceId), nextDeviceValue],\n        },\n        { at: path },\n      )\n    }\n  }\n}\n","import { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { EditableBlockKey } from './types'\nimport { getBlocksInSelection } from '../selectors'\nimport { BreakpointId } from '../../state/modules/breakpoints'\n\nexport function clearBlockKeyForDevice(\n  editor: Editor,\n  deviceId: BreakpointId,\n  key: EditableBlockKey,\n) {\n  const rootElements = getBlocksInSelection(editor)\n\n  for (const [node, path] of rootElements) {\n    if (ElementUtils.isBlock(node)) {\n      const deviceOverrides = node[key] ?? []\n      Transforms.setNodes(\n        editor,\n        {\n          [key]: deviceOverrides.filter(v => v.deviceId !== deviceId),\n        },\n        { at: path },\n      )\n    }\n  }\n}\n","import { Editor, Transforms } from 'slate'\nimport { getSelection } from '../selectors'\nimport { Inline } from '../types'\n\nexport function wrapInline(editor: Editor, inline: Inline) {\n  Transforms.wrapNodes(editor, inline, {\n    at: getSelection(editor),\n    split: true,\n  })\n}\n","import { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { InlineType } from '../types'\n\nexport function unwrapInline(editor: Editor, type: InlineType) {\n  Transforms.unwrapNodes(editor, {\n    match: node => ElementUtils.isInline(node) && node.type === type,\n    at: getSelection(editor),\n  })\n}\n","import { Editor, Transforms } from 'slate'\nimport { setBlockKeyForDevice } from './setBlockKeyForDevice'\nimport { clearBlockKeyForDevice } from './clearBlockKeyForDevice'\nimport { wrapInline } from './wrapInline'\nimport { unwrapInline } from './unwrapInline'\nimport { getSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { Select, createRichTextV2Plugin } from '../../controls'\nimport { getActiveBlockType } from '../selectors'\nimport { BlockType, RootBlockType } from '../types'\n\nexport const BlockActions = {\n  setBlockKeyForDevice,\n  clearBlockKeyForDevice,\n  wrapInline,\n  unwrapInline,\n}\n\nexport function withBlock(editor: Editor) {\n  const { normalizeNode } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry)\n  }\n\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n    // Normalization textAlign with empty array of values\n    if (ElementUtils.isBlock(normalizationNode) && normalizationNode?.textAlign?.length == 0) {\n      Transforms.unsetNodes(editor, 'textAlign', { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport function BlockPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withBlock,\n    control: {\n      definition: Select({\n        label: 'Block',\n        options: [\n          {\n            value: BlockType.Heading1,\n            label: 'Heading1',\n          },\n          {\n            value: BlockType.Heading2,\n            label: 'Heading2',\n          },\n          {\n            value: BlockType.Heading3,\n            label: 'Heading3',\n          },\n          {\n            value: BlockType.Heading4,\n            label: 'Heading4',\n          },\n          {\n            value: BlockType.Heading5,\n            label: 'Heading5',\n          },\n          {\n            value: BlockType.Heading6,\n            label: 'Heading6',\n          },\n          {\n            value: BlockType.Paragraph,\n            label: 'Paragraph',\n          },\n        ],\n        defaultValue: BlockType.Paragraph,\n      }),\n      onChange: (editor, value) => {\n        Transforms.setNodes(\n          editor,\n          {\n            type: value ?? BlockType.Default,\n          },\n          { at: getSelection(editor) },\n        )\n      },\n      getValue: editor => {\n        const activeBlock = getActiveBlockType(editor)\n\n        // todo: these types are unhandled in for this mid milestone checkin\n        if (\n          activeBlock === RootBlockType.BlockQuote ||\n          activeBlock === RootBlockType.OrderedList ||\n          activeBlock === RootBlockType.UnorderedList ||\n          activeBlock === RootBlockType.Text ||\n          activeBlock === RootBlockType.Default\n        )\n          return undefined\n\n        return activeBlock\n      },\n    },\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es5.js","sources":["../src/slate/TypographyPlugin/clearActiveTypographyStyle.ts","../src/slate/TypographyPlugin/clearDeviceActiveTypography.ts","../src/slate/TypographyPlugin/detachActiveTypography.ts","../src/slate/TypographyPlugin/setActiveTypographyId.ts","../src/slate/TypographyPlugin/setActiveTypographyStyle.ts","../src/slate/TypographyPlugin/index.ts"],"sourcesContent":["import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function clearActiveTypographyStyle(\n  editor: Editor,\n  options?: ClearActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style: [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype ClearDeviceActiveTypographyOptions = {\n  at?: Range\n}\n\nexport function clearDeviceActiveTypography(\n  editor: Editor,\n  currentDeviceId: string,\n  options?: ClearDeviceActiveTypographyOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const typography: RichTextTypography = {\n            ...node.typography,\n            style:\n              node?.typography?.style.filter(({ deviceId }) => deviceId !== currentDeviceId) ?? [],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function detachActiveTypography(\n  editor: Editor,\n  value: RichTextTypography['style'],\n  options?: SetActiveTypographyIdOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          Transforms.setNodes(\n            editor,\n            {\n              typography: {\n                style: value,\n              },\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\n\ntype SetActiveTypographyIdOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyId(\n  editor: Editor,\n  id?: string,\n  options?: SetActiveTypographyIdOptions,\n) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n  Transforms.setNodes(\n    editor,\n    {\n      typography: {\n        id,\n        style: [],\n      },\n    },\n    {\n      at,\n      match: node => Text.isText(node),\n      split: Range.isExpanded(at),\n    },\n  )\n}\n","import { Editor, Transforms, Text, Range } from 'slate'\nimport { Breakpoints, findBreakpointOverride, BreakpointId } from '../../state/modules/breakpoints'\nimport { RichTextTypography } from '../types'\n\ntype SetActiveTypographyStyleOptions = {\n  at?: Range\n}\n\nexport function setActiveTypographyStyle(\n  editor: Editor,\n  breakpoints: Breakpoints,\n  deviceId: string,\n  prop: string,\n  value?: unknown,\n  options?: SetActiveTypographyStyleOptions,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = options?.at ?? editor.selection\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: node => Text.isText(node),\n          split: Range.isExpanded(atRef.current),\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const textNodes = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: node => Text.isText(node) && node.slice === true,\n        }),\n      )\n\n      for (const [node, path] of textNodes) {\n        if (Text.isText(node)) {\n          const deviceOverrides = node?.typography?.style ?? []\n          const deviceStyle = findBreakpointOverride(\n            breakpoints,\n            deviceOverrides,\n            deviceId as BreakpointId,\n            v => v,\n          ) || {\n            value: {},\n          }\n          const nextDeviceStyle = {\n            deviceId,\n            value: { ...deviceStyle.value, [prop]: value },\n          }\n\n          const nextTypography: RichTextTypography = {\n            ...node.typography,\n            style: [...deviceOverrides.filter(v => v.deviceId !== deviceId), nextDeviceStyle],\n          }\n\n          Transforms.setNodes(\n            editor,\n            {\n              typography: nextTypography,\n            },\n            { at: path },\n          )\n        }\n      }\n    }\n\n    atRef.unref()\n  })\n}\n","import { Editor, Text, Transforms } from 'slate'\nimport { clearActiveTypographyStyle } from './clearActiveTypographyStyle'\nimport { clearDeviceActiveTypography } from './clearDeviceActiveTypography'\nimport { detachActiveTypography } from './detachActiveTypography'\nimport { setActiveTypographyId } from './setActiveTypographyId'\nimport { setActiveTypographyStyle } from './setActiveTypographyStyle'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport function withTypography(editor: Editor) {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n    if (\n      Text.isText(normalizationNode) &&\n      normalizationNode?.typography?.id == null &&\n      normalizationNode?.typography?.style.length === 0\n    ) {\n      Transforms.unsetNodes(editor, 'typography', { at: normalizationPath })\n      return\n    }\n\n    if (Text.isText(normalizationNode) && normalizationNode?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n"],"names":[],"mappings":"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"}

package/dist/index.es6.js

@@ -1,7 +1,6 @@
 import { Path, Transforms } from "slate";
 import isHotkey from "is-hotkey";
-import { b4 as BlockType, a$ as createRichTextV2Plugin } from "./react-page.es.js";
-import { E as ElementUtils } from "./index.es7.js";
+import { bd as ElementUtils, bk as BlockType, b8 as createRichTextV2Plugin } from "./react-page.es.js";
 const BLOCK_ONE_PATH = [0];
 const BLOCK_TWO_PATH = [1];
 function withInlineMode(editor) {

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/slate/InlineModePlugin/index.ts"],"sourcesContent":["import { Editor, Path, Transforms } from 'slate'\nimport { KeyboardEvent } from 'react'\nimport isHotkey from 'is-hotkey'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../types'\n\nconst BLOCK_ONE_PATH = [0]\nconst BLOCK_TWO_PATH = [1]\n\nexport function withInlineMode(editor: Editor): Editor {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    /**\n     * Merge root nodes past the first one\n     */\n    if (Path.equals(BLOCK_TWO_PATH, normalizationPath)) {\n      Transforms.mergeNodes(editor, { at: BLOCK_TWO_PATH })\n      return\n    }\n    /**\n     * Unwrap non text nodes of first root node\n     */\n    if (\n      Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) &&\n      ElementUtils.isBlock(normalizationNode)\n    ) {\n      Transforms.unwrapNodes(editor, {\n        at: normalizationPath,\n      })\n      return\n    }\n    /**\n     * Update type of root nodes to be `text-block`\n     */\n    if (Path.equals(BLOCK_ONE_PATH, normalizationPath)) {\n      Transforms.setNodes(editor, { type: BlockType.Text }, { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport const InlineModePlugin = createRichTextV2Plugin({\n  onKeyDown: (e: KeyboardEvent) => {\n    if (isHotkey('enter', e)) e.preventDefault()\n  },\n  withPlugin: withInlineMode,\n})\n"],"names":[],"mappings":";;;;AAOA,MAAM,iBAAiB,CAAC,CAAC;AACzB,MAAM,iBAAiB,CAAC,CAAC;AAElB,wBAAwB,QAAwB;AACrD,QAAM,EAAE,kBAAkB;AAC1B,SAAO,gBAAgB,CAAS,UAAA;AACxB,UAAA,CAAC,mBAAmB,qBAAqB;AAK/C,QAAI,KAAK,OAAO,gBAAgB,iBAAiB,GAAG;AAClD,iBAAW,WAAW,QAAQ,EAAE,IAAI,eAAgB,CAAA;AACpD;AAAA,IACF;AAKE,QAAA,KAAK,WAAW,gBAAgB,iBAAiB,KACjD,aAAa,QAAQ,iBAAiB,GACtC;AACA,iBAAW,YAAY,QAAQ;AAAA,QAC7B,IAAI;AAAA,MAAA,CACL;AACD;AAAA,IACF;AAIA,QAAI,KAAK,OAAO,gBAAgB,iBAAiB,GAAG;AACvC,iBAAA,SAAS,QAAQ,EAAE,MAAM,UAAU,QAAQ,EAAE,IAAI,kBAAA,CAAmB;AAC/E;AAAA,IACF;AAEA,kBAAc,KAAK;AAAA,EAAA;AAGd,SAAA;AACT;AAEO,MAAM,mBAAmB,uBAAuB;AAAA,EACrD,WAAW,CAAC,MAAqB;AAC3B,QAAA,SAAS,SAAS,CAAC;AAAG,QAAE,eAAe;AAAA,EAC7C;AAAA,EACA,YAAY;AACd,CAAC;;"}
+{"version":3,"file":"index.es6.js","sources":["../src/slate/InlineModePlugin/index.ts"],"sourcesContent":["import { Editor, Path, Transforms } from 'slate'\nimport { KeyboardEvent } from 'react'\nimport isHotkey from 'is-hotkey'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../types'\n\nconst BLOCK_ONE_PATH = [0]\nconst BLOCK_TWO_PATH = [1]\n\nexport function withInlineMode(editor: Editor): Editor {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    /**\n     * Merge root nodes past the first one\n     */\n    if (Path.equals(BLOCK_TWO_PATH, normalizationPath)) {\n      Transforms.mergeNodes(editor, { at: BLOCK_TWO_PATH })\n      return\n    }\n    /**\n     * Unwrap non text nodes of first root node\n     */\n    if (\n      Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) &&\n      ElementUtils.isBlock(normalizationNode)\n    ) {\n      Transforms.unwrapNodes(editor, {\n        at: normalizationPath,\n      })\n      return\n    }\n    /**\n     * Update type of root nodes to be `text-block`\n     */\n    if (Path.equals(BLOCK_ONE_PATH, normalizationPath)) {\n      Transforms.setNodes(editor, { type: BlockType.Text }, { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport const InlineModePlugin = createRichTextV2Plugin({\n  onKeyDown: (e: KeyboardEvent) => {\n    if (isHotkey('enter', e)) e.preventDefault()\n  },\n  withPlugin: withInlineMode,\n})\n"],"names":[],"mappings":";;;AAOA,MAAM,iBAAiB,CAAC,CAAC;AACzB,MAAM,iBAAiB,CAAC,CAAC;AAElB,wBAAwB,QAAwB;AACrD,QAAM,EAAE,kBAAkB;AAC1B,SAAO,gBAAgB,CAAS,UAAA;AACxB,UAAA,CAAC,mBAAmB,qBAAqB;AAK/C,QAAI,KAAK,OAAO,gBAAgB,iBAAiB,GAAG;AAClD,iBAAW,WAAW,QAAQ,EAAE,IAAI,eAAgB,CAAA;AACpD;AAAA,IACF;AAKE,QAAA,KAAK,WAAW,gBAAgB,iBAAiB,KACjD,aAAa,QAAQ,iBAAiB,GACtC;AACA,iBAAW,YAAY,QAAQ;AAAA,QAC7B,IAAI;AAAA,MAAA,CACL;AACD;AAAA,IACF;AAIA,QAAI,KAAK,OAAO,gBAAgB,iBAAiB,GAAG;AACvC,iBAAA,SAAS,QAAQ,EAAE,MAAM,UAAU,QAAQ,EAAE,IAAI,kBAAA,CAAmB;AAC/E;AAAA,IACF;AAEA,kBAAc,KAAK;AAAA,EAAA;AAGd,SAAA;AACT;AAEO,MAAM,mBAAmB,uBAAuB;AAAA,EACrD,WAAW,CAAC,MAAqB;AAC3B,QAAA,SAAS,SAAS,CAAC;AAAG,QAAE,eAAe;AAAA,EAC7C;AAAA,EACA,YAAY;AACd,CAAC;;"}

package/dist/index.es7.js

@@ -1,56 +1,5 @@
-import { Element, Transforms, Editor } from "slate";
-import { b4 as BlockType, b5 as InlineType } from "./react-page.es.js";
+import { Transforms, Editor } from "slate";
 import { ReactEditor } from "slate-react";
-const ElementUtils = {
-  isRootBlock(node) {
-    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.Text) || Element.isElementType(node, BlockType.Default));
-  },
-  isBlock(node) {
-    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
-  },
-  isInline(node) {
-    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
-  },
-  isConvertibleToListTextNode(node) {
-    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
-  },
-  isParagraph(node) {
-    return Element.isElementType(node, BlockType.Paragraph);
-  },
-  isList(node) {
-    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
-  },
-  isListItem(node) {
-    return Element.isElementType(node, BlockType.ListItem);
-  },
-  isListItemChild(node) {
-    return Element.isElementType(node, BlockType.ListItemChild);
-  },
-  createText() {
-    return { text: "" };
-  },
-  createParagraph() {
-    return {
-      children: [this.createText()],
-      type: BlockType.Paragraph
-    };
-  },
-  createList(type = BlockType.UnorderedList) {
-    return { children: [this.createText()], type };
-  },
-  createListItem() {
-    return {
-      children: [this.createListItemChild()],
-      type: BlockType.ListItem
-    };
-  },
-  createListItemChild() {
-    return {
-      children: [this.createText()],
-      type: BlockType.ListItemChild
-    };
-  }
-};
 function withBuilder(editor) {
   editor.deselectAndBlur = function() {
     ReactEditor.deselect(editor);
@@ -65,5 +14,5 @@ function withBuilder(editor) {
   };
   return editor;
 }
-export { ElementUtils as E, withBuilder as w };
+export { withBuilder as w };
 //# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":["../src/slate/utils/element.ts","../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { Node, Element } from 'slate'\nimport {\n  RootBlock,\n  BlockType,\n  Block,\n  Inline,\n  InlineType,\n  ParagraphElement,\n  OrderedListElement,\n  UnorderedListElement,\n  ListItemElement,\n  ListItemChildElement,\n} from '../types'\n\nexport const ElementUtils = {\n  isRootBlock(node: Node): node is RootBlock {\n    return (\n      Element.isElement(node) &&\n      (Element.isElementType(node, BlockType.Paragraph) ||\n        Element.isElementType(node, BlockType.Heading1) ||\n        Element.isElementType(node, BlockType.Heading2) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading3) ||\n        Element.isElementType(node, BlockType.Heading4) ||\n        Element.isElementType(node, BlockType.Heading5) ||\n        Element.isElementType(node, BlockType.Heading6) ||\n        Element.isElementType(node, BlockType.BlockQuote) ||\n        Element.isElementType(node, BlockType.UnorderedList) ||\n        Element.isElementType(node, BlockType.OrderedList) ||\n        Element.isElementType(node, BlockType.Text) ||\n        Element.isElementType(node, BlockType.Default))\n    )\n  },\n  isBlock(node: Node): node is Block {\n    return (\n      Element.isElement(node) &&\n      (this.isRootBlock(node) ||\n        Element.isElementType(node, BlockType.ListItem) ||\n        Element.isElementType(node, BlockType.ListItemChild))\n    )\n  },\n  isInline(node: Node): node is Inline {\n    return (\n      Element.isElementType(node, InlineType.Code) ||\n      Element.isElementType(node, InlineType.Link) ||\n      Element.isElementType(node, InlineType.SubScript) ||\n      Element.isElementType(node, InlineType.SuperScript)\n    )\n  },\n  isConvertibleToListTextNode(node: Node) {\n    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node)\n  },\n  isParagraph(node: Node): node is ParagraphElement {\n    return Element.isElementType(node, BlockType.Paragraph)\n  },\n  isList(node: Node): node is OrderedListElement | UnorderedListElement {\n    return (\n      Element.isElementType(node, BlockType.OrderedList) ||\n      Element.isElementType(node, BlockType.UnorderedList)\n    )\n  },\n  isListItem(node: Node): node is ListItemElement {\n    return Element.isElementType(node, BlockType.ListItem)\n  },\n  isListItemChild(node: Node): node is ListItemChildElement {\n    return Element.isElementType(node, BlockType.ListItemChild)\n  },\n  createText() {\n    return { text: '' }\n  },\n  createParagraph() {\n    return {\n      children: [this.createText()],\n      type: BlockType.Paragraph,\n    }\n  },\n  createList(type: BlockType = BlockType.UnorderedList): Block {\n    return { children: [this.createText()], type }\n  },\n  createListItem(): Block {\n    return {\n      children: [this.createListItemChild()],\n      type: BlockType.ListItem,\n    }\n  },\n  createListItemChild(): Block {\n    return {\n      children: [this.createText()],\n      type: BlockType.ListItemChild,\n    }\n  },\n}\n","import { BaseEditor, Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":[],"mappings":";;;AAcO,MAAM,eAAe;AAAA,EAC1B,YAAY,MAA+B;AACzC,WACE,QAAQ,UAAU,IAAI,KACrB,SAAQ,cAAc,MAAM,UAAU,SAAS,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,UAAU,KAChD,QAAQ,cAAc,MAAM,UAAU,aAAa,KACnD,QAAQ,cAAc,MAAM,UAAU,WAAW,KACjD,QAAQ,cAAc,MAAM,UAAU,IAAI,KAC1C,QAAQ,cAAc,MAAM,UAAU,OAAO;AAAA,EAEnD;AAAA,EACA,QAAQ,MAA2B;AACjC,WACE,QAAQ,UAAU,IAAI,KAChB,MAAA,YAAY,IAAI,KACpB,QAAQ,cAAc,MAAM,UAAU,QAAQ,KAC9C,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAEzD;AAAA,EACA,SAAS,MAA4B;AAEjC,WAAA,QAAQ,cAAc,MAAM,WAAW,IAAI,KAC3C,QAAQ,cAAc,MAAM,WAAW,IAAI,KAC3C,QAAQ,cAAc,MAAM,WAAW,SAAS,KAChD,QAAQ,cAAc,MAAM,WAAW,WAAW;AAAA,EAEtD;AAAA,EACA,4BAA4B,MAAY;AACtC,WAAO,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,WAAW,IAAI,KAAK,CAAC,KAAK,gBAAgB,IAAI;AAAA,EACnF;AAAA,EACA,YAAY,MAAsC;AAChD,WAAO,QAAQ,cAAc,MAAM,UAAU,SAAS;AAAA,EACxD;AAAA,EACA,OAAO,MAA+D;AAElE,WAAA,QAAQ,cAAc,MAAM,UAAU,WAAW,KACjD,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAEvD;AAAA,EACA,WAAW,MAAqC;AAC9C,WAAO,QAAQ,cAAc,MAAM,UAAU,QAAQ;AAAA,EACvD;AAAA,EACA,gBAAgB,MAA0C;AACxD,WAAO,QAAQ,cAAc,MAAM,UAAU,aAAa;AAAA,EAC5D;AAAA,EACA,aAAa;AACJ,WAAA,EAAE,MAAM;EACjB;AAAA,EACA,kBAAkB;AACT,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,WAAW,OAAkB,UAAU,eAAsB;AAC3D,WAAO,EAAE,UAAU,CAAC,KAAK,WAAY,CAAA,GAAG;EAC1C;AAAA,EACA,iBAAwB;AACf,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,qBAAqB;AAAA,MACrC,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,sBAA6B;AACpB,WAAA;AAAA,MACL,UAAU,CAAC,KAAK,YAAY;AAAA,MAC5B,MAAM,UAAU;AAAA,IAAA;AAAA,EAEpB;AACF;ACnFO,qBAAqB,QAAgB;AAC1C,SAAO,kBAAkB,WAAY;AACnC,gBAAY,SAAS,MAAM;AAC3B,gBAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrC,gBAAY,MAAM,MAAM;AACxB,eAAW,OAAO,QAAQ;AAAA,MACxB,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}
+{"version":3,"file":"index.es7.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":[],"mappings":";;AAQO,qBAAqB,QAAgB;AAC1C,SAAO,kBAAkB,WAAY;AACnC,gBAAY,SAAS,MAAM;AAC3B,gBAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrC,gBAAY,MAAM,MAAM;AACxB,eAAW,OAAO,QAAQ;AAAA,MACxB,QAAQ,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAO,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}

package/dist/index.es8.js

@@ -8,18 +8,18 @@ import "redux";
 import "redux-thunk";
 import "./actions.es.js";
 import "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
-import "slate-react";
 import "@emotion/css";
 import "@emotion/serialize";
 import "@emotion/utils";
+import "slate";
+import "is-hotkey";
+import "slate-react";
 import "react/jsx-runtime";
 import "./text-input.es.js";
 import "./combobox.es.js";
-import "./select.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";
+import "./deepEqual.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "color";
@@ -27,6 +27,7 @@ import "scroll-into-view-if-needed";
 import "react-dom";
 import "html-react-parser";
 import "next/head";
+import "zod";
 import "@emotion/server/create-instance";
 import "next/document";
 import "cors";

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es9.js

@@ -17,31 +17,43 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { useMemo, useState, useRef, useEffect, useCallback } from "react";
 import { Range, createEditor } from "slate";
 import isHotkey from "is-hotkey";
 import { withHistory, HistoryEditor } from "slate-history";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
-import { b4 as BlockType, a_ as RichTextV2Mode, bc as BuilderEditMode } from "./react-page.es.js";
+import { bk as BlockType, b7 as RichTextV2Mode, bt as BuilderEditMode, Z as useStyle } from "./react-page.es.js";
 import "./state/breakpoints.es.js";
 import { I as InlineModePlugin } from "./index.es6.js";
 import { w as withBuilder } from "./index.es7.js";
-import { Q as useBuilderEditMode, T as pollBoxModel, n as useStyle } from "./index.es.js";
+import { N as useBuilderEditMode, O as pollBoxModel, Q as ControlValue } from "./index.es.js";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";
 import { cx } from "@emotion/css";
 import { jsx } from "react/jsx-runtime";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
-import "use-sync-external-store/shim/with-selector";
-import "next/dynamic";
 import "@emotion/serialize";
 import "@emotion/utils";
+import "use-sync-external-store/shim/with-selector";
+import "next/dynamic";
 import "./text-input.es.js";
 import "./combobox.es.js";
-import "./select.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";
+import "./deepEqual.es.js";
 import "./box-models.es.js";
 import "css-box-model";
 import "color";
@@ -49,6 +61,7 @@ import "scroll-into-view-if-needed";
 import "react-dom";
 import "html-react-parser";
 import "next/head";
+import "zod";
 import "@emotion/server/create-instance";
 import "next/document";
 import "cors";
@@ -81,21 +94,66 @@ function useSyncDOMSelection(editor, isEnabled) {
     }
   });
 }
+function RichTextV2Element(_a) {
+  var _b = _a, {
+    definition,
+    plugins
+  } = _b, props = __objRest(_b, [
+    "definition",
+    "plugins"
+  ]);
+  const blockStyles = [useStyle({
+    margin: 0
+  })];
+  function initialRenderElement(props2) {
+    switch (props2.element.type) {
+      case BlockType.Default:
+      default:
+        if (definition.config.mode === RichTextV2Mode.Inline) {
+          return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props2.attributes), {
+            className: cx(...blockStyles),
+            children: props2.children
+          }));
+        }
+        return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, props2.attributes), {
+          className: cx(...blockStyles),
+          children: props2.children
+        }));
+    }
+  }
+  const renderElement = plugins.reduce((renderFn, plugin) => (props2) => {
+    const {
+      control,
+      renderElement: renderElement2
+    } = plugin;
+    if ((control == null ? void 0 : control.definition) == null || renderElement2 == null)
+      return renderFn(props2);
+    if (control.getElementValue == null)
+      return renderElement2(renderFn, void 0)(props2);
+    return /* @__PURE__ */ jsx(ControlValue, {
+      definition: control.definition,
+      data: control.getElementValue(props2.element),
+      children: (value) => renderElement2(renderFn, value)(props2)
+    });
+  }, initialRenderElement);
+  return renderElement(props);
+}
 const defaultText = [{
-  type: BlockType.Text,
+  type: BlockType.Default,
   children: [{
     text: ""
   }]
 }];
 function EditableTextV2({
   text,
+  definition,
   control
 }) {
   const plugins = useMemo(() => {
-    var _a, _b, _c, _d, _e;
-    const plugins2 = [...(_c = (_b = (_a = control == null ? void 0 : control.descriptor) == null ? void 0 : _a.config) == null ? void 0 : _b.plugins) != null ? _c : [], ...((_e = (_d = control == null ? void 0 : control.descriptor) == null ? void 0 : _d.config) == null ? void 0 : _e.mode) === RichTextV2Mode.Inline ? [InlineModePlugin] : []];
+    var _a, _b, _c;
+    const plugins2 = [...(_b = (_a = definition == null ? void 0 : definition.config) == null ? void 0 : _a.plugins) != null ? _b : [], ...((_c = definition == null ? void 0 : definition.config) == null ? void 0 : _c.mode) === RichTextV2Mode.Inline ? [InlineModePlugin] : []];
     return plugins2;
-  }, [control == null ? void 0 : control.descriptor.config]);
+  }, [definition]);
   const [editor] = useState(() => plugins.reduceRight((editor2, plugin) => {
     var _a, _b;
     return (_b = (_a = plugin == null ? void 0 : plugin.withPlugin) == null ? void 0 : _a.call(plugin, editor2)) != null ? _b : editor2;
@@ -112,67 +170,12 @@ function EditableTextV2({
       onBoxModelChange: (boxModel) => control.changeBoxModel(boxModel)
     });
   }, [editor, control]);
-  const renderElement = useCallback(({
-    attributes,
-    children,
-    element
-  }) => {
-    const blockStyles = [useStyle({
-      margin: 0
-    })];
-    switch (element.type) {
-      case BlockType.Text:
-        return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Paragraph:
-        return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading1:
-        return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading2:
-        return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading3:
-        return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading4:
-        return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading5:
-        return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Heading6:
-        return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({}, attributes), {
-          className: cx(...blockStyles),
-          children
-        }));
-      case BlockType.Default:
-      default:
-        if ((control == null ? void 0 : control.descriptor.config.mode) === RichTextV2Mode.Inline) {
-          return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
-            children
-          }));
-        }
-        return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          children
-        }));
-    }
-  }, []);
+  const renderElement = useCallback((props) => {
+    return /* @__PURE__ */ jsx(RichTextV2Element, __spreadProps(__spreadValues({}, props), {
+      definition,
+      plugins
+    }));
+  }, [plugins, definition]);
   const renderLeaf = useCallback(({
     attributes,
     children
@@ -208,7 +211,7 @@ function EditableTextV2({
     }
     plugins.forEach((plugin) => {
       var _a;
-      return (_a = plugin == null ? void 0 : plugin.onKeyDown) == null ? void 0 : _a.call(plugin, e);
+      return (_a = plugin == null ? void 0 : plugin.onKeyDown) == null ? void 0 : _a.call(plugin, e, editor);
     });
   }, [control, plugins, editor]);
   const handleKeyUp = useCallback((e) => {

package/dist/index.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es9.js","sources":["../src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.tsx","../src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.tsx"],"sourcesContent":["import { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\nimport { MutableRefObject } from 'react'\nimport { ReactEditor } from 'slate-react'\n\n/**\n * Clicking outside of the host blurs our `<Editable />`.\n * `<Editable />` only updates the DOM's selection to match slate when it is focused.\n * In the case of a panel being clicked this hook updates the DOM selection to match slate.\n */\nexport function useSyncDOMSelection(editor: Editor, isEnabled: MutableRefObject<boolean>) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled.current || editor.selection == null || ReactEditor.isFocused(editor)) return\n    try {\n      const root = ReactEditor.findDocumentOrShadowRoot(editor) as Document\n      const domSelection = root.getSelection()\n      const newDomRange: Range | null = ReactEditor.toDOMRange(editor, editor.selection)\n\n      if (newDomRange) {\n        if (SlateRange.isBackward(editor.selection!)) {\n          domSelection?.setBaseAndExtent(\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n          )\n        } else {\n          domSelection?.setBaseAndExtent(\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n          )\n        }\n      } else {\n        domSelection?.removeAllRanges()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  })\n}\n","import {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Descendant, createEditor } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { withHistory, HistoryEditor } from 'slate-history'\nimport {\n  withReact,\n  ReactEditor,\n  RenderElementProps,\n  RenderLeafProps,\n  Slate,\n  Editable,\n} from 'slate-react'\n\nimport {\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../../controls'\nimport { useBuilderEditMode } from '../../..'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { InlineModePlugin, withBuilder } from '../../../../../slate'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { BlockType } from '../../../../../slate'\nimport { useStyle } from '../../../use-style'\nimport { cx } from '@emotion/css'\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2ControlDefinition }\n\nconst defaultText: Descendant[] = [{ type: BlockType.Text, children: [{ text: '' }] }]\n\ntype Props = {\n  text: RichTextV2ControlData\n  control: RichTextV2Control | null\n}\n\nexport function EditableTextV2({ text, control }: Props) {\n  const plugins = useMemo(() => {\n    const plugins = [\n      ...(control?.descriptor?.config?.plugins ?? []),\n      ...(control?.descriptor?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin] : []),\n    ]\n    return plugins\n  }, [control?.descriptor.config])\n\n  const [editor] = useState(() =>\n    plugins.reduceRight(\n      (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n      withBuilder(withHistory(withReact(createEditor()))),\n    ),\n  )\n\n  const isPreservingFocus = useRef(false)\n  useSyncDOMSelection(editor, isPreservingFocus)\n\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    if (control == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => control.changeBoxModel(boxModel),\n    })\n  }, [editor, control])\n\n  const renderElement = useCallback(({ attributes, children, element }: RenderElementProps) => {\n    // TODO: move this markup into the block plugin once we have a way of composing render functionality.\n    const blockStyles = [useStyle({ margin: 0 })]\n\n    switch (element.type) {\n      case BlockType.Text:\n        return (\n          <span {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </span>\n        )\n      case BlockType.Paragraph:\n        return (\n          <p {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </p>\n        )\n      case BlockType.Heading1:\n        return (\n          <h1 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h1>\n        )\n      case BlockType.Heading2:\n        return (\n          <h2 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h2>\n        )\n      case BlockType.Heading3:\n        return (\n          <h3 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h3>\n        )\n      case BlockType.Heading4:\n        return (\n          <h4 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h4>\n        )\n      case BlockType.Heading5:\n        return (\n          <h5 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h5>\n        )\n      case BlockType.Heading6:\n        return (\n          <h6 {...attributes} className={cx(...blockStyles)}>\n            {children}\n          </h6>\n        )\n      case BlockType.Default:\n      default:\n        if (control?.descriptor.config.mode === RichTextV2Mode.Inline) {\n          return <span {...attributes}>{children}</span>\n        }\n\n        return <p {...attributes}>{children}</p>\n    }\n  }, [])\n\n  const renderLeaf = useCallback(({ attributes, children }: RenderLeafProps) => {\n    return <span {...attributes}>{children}</span>\n  }, [])\n\n  const initialValue = useMemo(() => text ?? defaultText, [text])\n\n  useEffect(() => {\n    /**\n     * This is required because clicking on the overlay has `relatedTarget` null just like the sidebar, but\n     * - in the case of the overlay we switch to BUILD mode\n     * - in the case of the sidebar we preserve the selection\n     */\n    if (editMode !== BuilderEditMode.CONTENT) {\n      isPreservingFocus.current = false\n      ReactEditor.deselect(editor)\n    }\n  }, [editMode])\n\n  useEffect(() => {\n    control?.setEditor(editor)\n    control?.setDefaultValue(defaultText)\n  }, [control, editor, defaultText])\n\n  const handleFocus = useCallback(() => {\n    isPreservingFocus.current = true\n    control?.select()\n  }, [control])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return HistoryEditor.redo(editor)\n      if (isHotkey('mod+z', e)) return HistoryEditor.undo(editor)\n      if (isHotkey('escape')(e)) {\n        isPreservingFocus.current = false\n        ReactEditor.blur(editor)\n        control?.switchToBuildMode()\n      }\n\n      plugins.forEach(plugin => plugin?.onKeyDown?.(e))\n    },\n    [control, plugins, editor],\n  )\n\n  const handleKeyUp = useCallback(\n    (e: KeyboardEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.preventDefault()\n    },\n    [control, editor, editMode],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.stopPropagation()\n    },\n    [editMode],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // outside of iframe (overlay, sidebar, etc)\n    if (e.relatedTarget == null) return\n    // another text\n    if (e.relatedTarget?.getAttribute('contenteditable') === 'true')\n      isPreservingFocus.current = false\n  }, [])\n\n  const handleOnChange = useCallback(\n    (value: Descendant[]) => {\n      control?.onChange(value)\n    },\n    [control],\n  )\n\n  return (\n    <Slate editor={editor} onChange={handleOnChange} value={initialValue}>\n      <Editable\n        renderLeaf={renderLeaf}\n        renderElement={renderElement}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onClick={handleClick}\n        onBlur={handleBlur}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n}\n\nexport default EditableTextV2\n"],"names":["editor","isEnabled","useIsomorphicLayoutEffect","current","selection","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","defaultText","type","BlockType","Text","children","text","control","plugins","useMemo","descriptor","config","mode","RichTextV2Mode","Inline","InlineModePlugin","useState","reduceRight","plugin","withPlugin","withBuilder","withHistory","withReact","createEditor","isPreservingFocus","useRef","useSyncDOMSelection","editMode","useBuilderEditMode","useEffect","element","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","renderElement","useCallback","attributes","blockStyles","useStyle","margin","cx","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","Default","renderLeaf","initialValue","BuilderEditMode","CONTENT","deselect","setEditor","setDefaultValue","handleFocus","select","handleKeyDown","isHotkey","HistoryEditor","redo","undo","blur","switchToBuildMode","forEach","onKeyDown","handleKeyUp","preventDefault","handleClick","stopPropagation","handleBlur","relatedTarget","getAttribute","handleOnChange","value","onChange"],"mappings":"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"}
+{"version":3,"file":"index.es9.js","sources":["../src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.tsx","../src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.tsx"],"sourcesContent":["import { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\nimport { MutableRefObject } from 'react'\nimport { ReactEditor } from 'slate-react'\n\n/**\n * Clicking outside of the host blurs our `<Editable />`.\n * `<Editable />` only updates the DOM's selection to match slate when it is focused.\n * In the case of a panel being clicked this hook updates the DOM selection to match slate.\n */\nexport function useSyncDOMSelection(editor: Editor, isEnabled: MutableRefObject<boolean>) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled.current || editor.selection == null || ReactEditor.isFocused(editor)) return\n    try {\n      const root = ReactEditor.findDocumentOrShadowRoot(editor) as Document\n      const domSelection = root.getSelection()\n      const newDomRange: Range | null = ReactEditor.toDOMRange(editor, editor.selection)\n\n      if (newDomRange) {\n        if (SlateRange.isBackward(editor.selection!)) {\n          domSelection?.setBaseAndExtent(\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n          )\n        } else {\n          domSelection?.setBaseAndExtent(\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n          )\n        }\n      } else {\n        domSelection?.removeAllRanges()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  })\n}\n","import {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Descendant, createEditor } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { withHistory, HistoryEditor } from 'slate-history'\nimport {\n  withReact,\n  ReactEditor,\n  RenderElementProps,\n  RenderLeafProps,\n  Slate,\n  Editable,\n} from 'slate-react'\n\nimport {\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n  RichTextV2Plugin,\n} from '../../../../../controls'\nimport { useBuilderEditMode } from '../../..'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { InlineModePlugin, withBuilder } from '../../../../../slate'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { BlockType } from '../../../../../slate'\nimport { useStyle } from '../../../use-style'\nimport { cx } from '@emotion/css'\nimport { ControlValue } from '../../control'\n\ntype RichTextV2ElementProps = RenderElementProps & {\n  definition: RichTextV2ControlDefinition\n  plugins: RichTextV2Plugin[]\n}\n\nfunction RichTextV2Element({ definition, plugins, ...props }: RichTextV2ElementProps) {\n  const blockStyles = [useStyle({ margin: 0 })]\n\n  function initialRenderElement(props: RenderElementProps) {\n    switch (props.element.type) {\n      case BlockType.Default:\n      default:\n        if (definition.config.mode === RichTextV2Mode.Inline) {\n          return (\n            <span {...props.attributes} className={cx(...blockStyles)}>\n              {props.children}\n            </span>\n          )\n        }\n\n        return (\n          <p {...props.attributes} className={cx(...blockStyles)}>\n            {props.children}\n          </p>\n        )\n    }\n  }\n\n  const renderElement = plugins.reduce(\n    (renderFn, plugin) => (props: RenderElementProps) => {\n      const { control, renderElement } = plugin\n\n      if (control?.definition == null || renderElement == null) return renderFn(props)\n\n      if (control.getElementValue == null) return renderElement(renderFn, undefined)(props)\n\n      return (\n        <ControlValue definition={control.definition} data={control.getElementValue(props.element)}>\n          {value => renderElement(renderFn, value)(props)}\n        </ControlValue>\n      )\n    },\n    initialRenderElement,\n  )\n\n  return renderElement(props)\n}\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2ControlDefinition }\n\nconst defaultText: Descendant[] = [{ type: BlockType.Default, children: [{ text: '' }] }]\n\ntype Props = {\n  text: RichTextV2ControlData\n  definition: RichTextV2ControlDefinition\n  control: RichTextV2Control | null\n}\n\nexport function EditableTextV2({ text, definition, control }: Props) {\n  const plugins = useMemo(() => {\n    const plugins = [\n      ...(definition?.config?.plugins ?? []),\n      ...(definition?.config?.mode === RichTextV2Mode.Inline ? [InlineModePlugin] : []),\n    ]\n    return plugins\n  }, [definition])\n\n  const [editor] = useState(() =>\n    plugins.reduceRight(\n      (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n      withBuilder(withHistory(withReact(createEditor()))),\n    ),\n  )\n\n  const isPreservingFocus = useRef(false)\n  useSyncDOMSelection(editor, isPreservingFocus)\n\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    if (control == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => control.changeBoxModel(boxModel),\n    })\n  }, [editor, control])\n\n  const renderElement = useCallback(\n    (props: RenderElementProps) => {\n      return <RichTextV2Element {...props} definition={definition} plugins={plugins} />\n    },\n    [plugins, definition],\n  )\n\n  const renderLeaf = useCallback(({ attributes, children }: RenderLeafProps) => {\n    return <span {...attributes}>{children}</span>\n  }, [])\n\n  const initialValue = useMemo(() => text ?? defaultText, [text])\n\n  useEffect(() => {\n    /**\n     * This is required because clicking on the overlay has `relatedTarget` null just like the sidebar, but\n     * - in the case of the overlay we switch to BUILD mode\n     * - in the case of the sidebar we preserve the selection\n     */\n    if (editMode !== BuilderEditMode.CONTENT) {\n      isPreservingFocus.current = false\n      ReactEditor.deselect(editor)\n    }\n  }, [editMode])\n\n  useEffect(() => {\n    control?.setEditor(editor)\n    control?.setDefaultValue(defaultText)\n  }, [control, editor, defaultText])\n\n  const handleFocus = useCallback(() => {\n    isPreservingFocus.current = true\n    control?.select()\n  }, [control])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return HistoryEditor.redo(editor)\n      if (isHotkey('mod+z', e)) return HistoryEditor.undo(editor)\n      if (isHotkey('escape')(e)) {\n        isPreservingFocus.current = false\n        ReactEditor.blur(editor)\n        control?.switchToBuildMode()\n      }\n\n      plugins.forEach(plugin => plugin?.onKeyDown?.(e, editor))\n    },\n    [control, plugins, editor],\n  )\n\n  const handleKeyUp = useCallback(\n    (e: KeyboardEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.preventDefault()\n    },\n    [control, editor, editMode],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.stopPropagation()\n    },\n    [editMode],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // outside of iframe (overlay, sidebar, etc)\n    if (e.relatedTarget == null) return\n    // another text\n    if (e.relatedTarget?.getAttribute('contenteditable') === 'true')\n      isPreservingFocus.current = false\n  }, [])\n\n  const handleOnChange = useCallback(\n    (value: Descendant[]) => {\n      control?.onChange(value)\n    },\n    [control],\n  )\n\n  return (\n    <Slate editor={editor} onChange={handleOnChange} value={initialValue}>\n      <Editable\n        renderLeaf={renderLeaf}\n        renderElement={renderElement}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onClick={handleClick}\n        onBlur={handleBlur}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n}\n\nexport default EditableTextV2\n"],"names":["editor","isEnabled","useIsomorphicLayoutEffect","current","selection","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","definition","plugins","props","blockStyles","useStyle","margin","element","type","BlockType","Default","config","mode","RichTextV2Mode","Inline","attributes","cx","children","renderElement","reduce","renderFn","plugin","control","getElementValue","undefined","value","initialRenderElement","defaultText","text","useMemo","InlineModePlugin","useState","reduceRight","withPlugin","withBuilder","withHistory","withReact","createEditor","isPreservingFocus","useRef","useSyncDOMSelection","editMode","useBuilderEditMode","useEffect","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useCallback","renderLeaf","initialValue","BuilderEditMode","CONTENT","deselect","setEditor","setDefaultValue","handleFocus","select","handleKeyDown","isHotkey","HistoryEditor","redo","undo","blur","switchToBuildMode","forEach","onKeyDown","handleKeyUp","preventDefault","handleClick","stopPropagation","handleBlur","relatedTarget","getAttribute","handleOnChange","onChange"],"mappings":"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"}

package/dist/leaf.cjs.js

@@ -138,7 +138,7 @@ function useEnhancedTypography(value) {
   }).filter(reactPage.isNonNullable);
 }
 function useTypographyClassName(value) {
-  return next.useStyle(next.useResponsiveStyle([value], ([value2]) => {
+  return reactPage.useStyle(next.useResponsiveStyle([value], ([value2]) => {
     if (value2 === void 0)
       return {};
     let styles = {};