@makeswift/runtime 0.7.16 → 0.7.17

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/builtin/Text/components/Element/block.tsx","../src/components/builtin/Text/components/Element/inline.tsx","../src/components/builtin/Text/components/Element/element.tsx","../src/components/builtin/Text/EditableText/useSyncWithBuilder.tsx","../src/slate/ListPlugin/constants.ts","../src/slate/utils/element.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/index.ts","../src/slate/BlockPlugin/index.ts","../src/components/builtin/Text/EditableText/editable-text.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { Block, BlockType } from '../../../../../controls'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\n\nexport interface InlineRenderElementProps extends RenderElementProps {\n  element: Block\n}\n\nexport function BlockElement({ element, attributes, children }: InlineRenderElementProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(responsiveStyle([element.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (element.type) {\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.BlockQuote:\n      return (\n        <blockquote\n          {...attributes}\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          {children}\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol {...attributes} className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          {children}\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul {...attributes} className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          {children}\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li {...attributes} className={cx(...blockStyles)}>\n          {children}\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span {...attributes} className={cx(...blockStyles)}>\n          {children}\n        </span>\n      )\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { RenderElementProps } from 'slate-react'\nimport { Inline, InlineType } from '../../../../../controls'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { Link } from '../../../../shared/Link'\n\nfunction StyledLink({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Link>) {\n  return <Link {...restOfProps} className={cx(useStyle({ textDecoration: 'none' }), className)} />\n}\n\nexport interface InlineRenderElementProps extends RenderElementProps {\n  element: Inline\n}\n\nexport function InlineElement({ element, attributes, children }: InlineRenderElementProps) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n    case InlineType.Link:\n      return (\n        <StyledLink {...attributes} link={element.link}>\n          {children}\n        </StyledLink>\n      )\n  }\n}\n","import { RenderElementProps } from 'slate-react'\nimport { BlockType, InlineType } from '../../../../../controls'\nimport { BlockElement } from './block'\nimport { InlineElement } from './inline'\n\nexport function Element({ element, ...props }: RenderElementProps) {\n  switch (element.type) {\n    case InlineType.Code:\n    case InlineType.SuperScript:\n    case InlineType.SubScript:\n    case InlineType.Link:\n      return <InlineElement element={element} {...props} />\n    case BlockType.Paragraph:\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return <BlockElement element={element} {...props} />\n    default:\n      return <span {...props.attributes}>{props.children}</span>\n  }\n}\n","import { useState, useEffect, useCallback } from 'react'\nimport { Editor } from 'slate'\nimport { richTextDTOtoDAO, richTextDTOtoSelection } from '../../../../controls'\nimport { RichTextValue } from '../../../../prop-controllers'\nimport deepEqual from '../../../../utils/deepEqual'\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\n/**\n * Compare new prop value with current editor and update editor\n * if the values are not equal.\n */\nexport function useSyncWithBuilder(editor: Editor, text?: RichTextValue) {\n  const [shouldCommit, setShouldCommit] = useState(true)\n\n  useEffect(() => {\n    if (shouldCommit && text) {\n      const nextValue = richTextDTOtoDAO(text)\n      const nextSelection = richTextDTOtoSelection(text)\n      if (!deepEqual(editor.children, nextValue) || !deepEqual(editor.selection, nextSelection)) {\n        editor.children = nextValue\n        editor.selection = nextSelection\n        editor.onChange()\n      }\n    }\n  }, [editor, shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  return useCallback(() => setShouldCommit(false), [])\n}\n","export const LIST_ITEM_CHILD_POSITION = 0\nexport const LIST_ITEM_LIST_POSITION = 1\n","import { Node, Element } from 'slate'\nimport {\n  BlockType,\n  Block,\n  ParagraphElement,\n  OrderedListElement,\n  UnorderedListElement,\n  ListItemElement,\n  ListItemChildElement,\n  Inline,\n  InlineType,\n} from '../../controls'\n\nexport const ElementUtils = {\n  isBlock(node: Node): node is Block {\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.ListItem) ||\n        Element.isElementType(node, BlockType.ListItemChild))\n    )\n  },\n  isInline(node: Node): node is Inline {\n    return (\n      Element.isElement(node) &&\n      (Element.isElementType(node, InlineType.Link) ||\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 { Path, Editor, NodeEntry } from 'slate'\nimport { ListElement, ListItemElement } from '../../controls'\nimport { ElementUtils } from './element'\n\nexport const EditorUtils = {\n  getFirstAncestorList(editor: Editor, path: Path): NodeEntry<ListElement> | null {\n    const parentList = Editor.above(editor, {\n      at: path,\n      match: (node): node is ListElement => ElementUtils.isList(node),\n    })\n    return parentList ?? null\n  },\n  getFirstAncestorListItem(editor: Editor, path: Path): NodeEntry<ListItemElement> | null {\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  },\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\nexport function getSelectedLists(editor: Editor): NodeEntry<Element>[] {\n  if (!editor.selection) return []\n\n  const start = LocationUtils.getStartPath(editor.selection)\n  const lists = Editor.nodes(editor, {\n    at: editor.selection,\n    match: node => ElementUtils.isList(node),\n  })\n  const firstAncestorPath = EditorUtils.getFirstAncestorList(editor, start)?.[1] ?? []\n\n  return Array.from(lists).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, Transforms, Path, Node } from 'slate'\nimport { BlockType } from '../../controls'\nimport { EditorUtils } from '../utils/editor'\nimport { LIST_ITEM_CHILD_POSITION, LIST_ITEM_LIST_POSITION } from './constants'\nimport { filterForSubtreeRoots } from './utils/filterForSubtreeRoots'\nimport { getSelectedListItems } from './utils/getSelectedListItems'\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\nexport function unwrapList(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      unwrapPath(editor, ref.current)\n    }\n    ref.unref()\n  })\n}\n","import { Editor, Element, Transforms } from 'slate'\nimport { BlockType } from '../../controls'\nimport { ElementUtils } from '../utils/element'\n\ntype WrapListOptions = {\n  type: typeof BlockType.UnorderedList | typeof BlockType.OrderedList\n}\n\nexport function wrapList(\n  editor: Editor,\n  options: WrapListOptions = { type: BlockType.UnorderedList },\n) {\n  if (!editor.selection) return\n\n  const nonListEntries = Array.from(\n    Editor.nodes(editor, {\n      at: editor.selection,\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          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, Node, Path, Transforms } from 'slate'\nimport { BlockType } from '../../controls'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapList } from './unwrapList'\nimport { LocationUtils } from './utils/location'\nimport { wrapList } from './wrapList'\n\ntype ToggleListOptions = {\n  type: typeof BlockType.UnorderedList | typeof BlockType.OrderedList\n}\n\nexport function toggleList(\n  editor: Editor,\n  options: ToggleListOptions = { type: BlockType.UnorderedList },\n) {\n  if (!editor.selection) return\n  const start = LocationUtils.getStartPath(editor.selection)\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 })\n  }\n\n  if (ancestor.type === options.type) {\n    unwrapList(editor)\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 '../../controls'\n\nexport const List = {\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    List.dedent(editor)\n  }\n\n  if (isHotkey('tab', e)) {\n    e.preventDefault()\n    List.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        List.dedent(editor)\n      } else if (list) {\n        List.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        List.dedent(editor)\n      } else {\n        List.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.forEach(([_, childPath], index) => {\n              Transforms.moveNodes(editor, {\n                at: childPath,\n                to: [...nodePath, nodeChildren.length + index],\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, 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 Typography = {\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    // Normalization typography with empty style and id to be text\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    normalizeNode(entry)\n  }\n\n  return editor\n}\n","import { Editor, Transforms } from 'slate'\nimport { setBlockKeyForDevice } from './setBlockKeyForDevice'\nimport { clearBlockKeyForDevice } from './clearBlockKeyForDevice'\nimport { ElementUtils } from '../utils/element'\n\nexport const Block = {\n  setBlockKeyForDevice: setBlockKeyForDevice,\n  clearBlockKeyForDevice: clearBlockKeyForDevice,\n}\n\nexport function withBlock(editor: Editor) {\n  const { normalizeNode } = editor\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","import {\n  forwardRef,\n  KeyboardEvent,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { createEditor } from 'slate'\nimport { Slate, Editable, withReact, ReactEditor } from 'slate-react'\n\nimport { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { cx } from '@emotion/css'\nimport { DescriptorsPropControllers } from '../../../../prop-controllers/instances'\nimport { Descriptors } from '../../../../runtimes/react/controls/rich-text'\nimport { getBox } from '../../../../box-model'\nimport { PropControllersHandle } from '../../../../state/modules/prop-controller-handles'\nimport { BlockType, RichTextDAO, richTextDTOtoDAO } from '../../../../controls'\nimport { Leaf } from '../components/Leaf'\nimport { Element } from '../components/Element'\nimport { useSyncWithBuilder } from './useSyncWithBuilder'\nimport isHotkey from 'is-hotkey'\nimport { useBuilderEditMode } from '../../../../runtimes/react'\nimport { BuilderEditMode } from '../../../../state/modules/builder-edit-mode'\nimport { onKeyDown, withBlock, withList, withTypography } from '../../../../slate'\nimport { pollBoxModel } from '../../../../runtimes/react/poll-box-model'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: RichTextDAO = [{ type: BlockType.Paragraph, children: [{ text: '' }] }]\n\nexport const EditableText = forwardRef(function EditableText(\n  { id, text, width, margin }: Props,\n  ref: Ref<PropControllersHandle<Descriptors>>,\n) {\n  const [editor] = useState(() => withBlock(withTypography(withList(withReact(createEditor())))))\n  const delaySync = useSyncWithBuilder(editor, text)\n  const editMode = useBuilderEditMode()\n\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n\n  useEffect(() => {\n    if (controller == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => controller.changeBoxModel(boxModel),\n    })\n  }, [editor, controller])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return ReactEditor.toDOMNode(editor, editor)\n      },\n      getBoxModel() {\n        return getBox(ReactEditor.toDOMNode(editor, editor))\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  const initialValue = useMemo(() => (text ? richTextDTOtoDAO(text) : defaultText), [text])\n\n  useEffect(() => {\n    controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  const handleFocus = useCallback(() => {\n    controller?.focus()\n  }, [controller])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return controller?.redo()\n      if (isHotkey('mod+z', e)) return controller?.undo()\n      if (isHotkey('escape')(e)) return controller?.blur()\n      onKeyDown(e, editor)\n    },\n    [controller, editor],\n  )\n\n  return (\n    <Slate editor={editor} value={initialValue} onChange={delaySync}>\n      <Editable\n        id={id}\n        renderLeaf={Leaf}\n        renderElement={Element}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        className={cx(width, margin)}\n        readOnly={editMode === BuilderEditMode.INTERACT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n})\n\nexport default EditableText\n"],"names":["element","attributes","children","blockStyles","useStyle","margin","responsiveStyle","textAlign","type","BlockType","Paragraph","cx","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","className","restOfProps","textDecoration","InlineType","Code","SuperScript","SubScript","Link","link","props","COMMIT_DEBOUNCE_DELAY","editor","text","shouldCommit","setShouldCommit","useState","useEffect","nextValue","richTextDTOtoDAO","nextSelection","richTextDTOtoSelection","deepEqual","selection","onChange","timeoutId","window","setTimeout","clearTimeout","useCallback","Element","defaultText","EditableText","forwardRef","id","width","ref","withBlock","withTypography","withList","withReact","createEditor","delaySync","useSyncWithBuilder","editMode","useBuilderEditMode","propControllers","setPropControllers","controller","ReactEditor","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useImperativeHandle","getDomNode","getBoxModel","getBox","initialValue","useMemo","setSlateEditor","handleFocus","focus","handleKeyDown","e","isHotkey","redo","undo","blur","onKeyDown","Leaf","BuilderEditMode","INTERACT"],"mappings":"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"}
+{"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es7.js

@@ -0,0 +1,320 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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 { useCallback, useState, useEffect, forwardRef, useImperativeHandle, useMemo } from "react";
+import { createEditor } from "slate";
+import { withReact, ReactEditor, Slate, Editable } from "slate-react";
+import { cx } from "@emotion/css";
+import { g as getBox } from "./box-models.es.js";
+import { au as BlockType, av as InlineType, ar as richTextDTOtoDAO, aq as richTextDTOtoSelection, ax as BuilderEditMode } from "./rich-text.es.js";
+import { L as Leaf } from "./leaf.es.js";
+import { o as useStyle, r as responsiveStyle, Q as deepEqual, X as useBuilderEditMode, Y as pollBoxModel } from "./index.es.js";
+import { jsx } from "react/jsx-runtime";
+import { L as Link } from "./index.es3.js";
+import isHotkey from "is-hotkey";
+import { b as withBlock, a as withTypography, w as withList, o as onKeyDown } from "./index.es5.js";
+import "css-box-model";
+import "./actions.es.js";
+import "./introspection.es.js";
+import "use-sync-external-store/shim/with-selector";
+import "next/dynamic";
+import "./constants.es.js";
+import "redux";
+import "redux-thunk";
+import "@emotion/serialize";
+import "@emotion/utils";
+import "./text-input.es.js";
+import "./combobox.es.js";
+import "use-sync-external-store/shim";
+import "./types.es.js";
+import "color";
+import "scroll-into-view-if-needed";
+import "react-dom";
+import "html-react-parser";
+import "next/head";
+import "@emotion/server/create-instance";
+import "next/document";
+import "cookie";
+import "cors";
+import "http-proxy";
+import "set-cookie-parser";
+import "uuid";
+import "corporate-ipsum";
+import "next/link";
+function BlockElement({
+  element,
+  attributes,
+  children
+}) {
+  const blockStyles = [useStyle({
+    margin: 0
+  }), useStyle(responsiveStyle([element.textAlign], ([textAlign = "left"]) => ({
+    textAlign
+  })))];
+  switch (element.type) {
+    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.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles, useStyle({
+          padding: "0.5em 10px",
+          fontSize: "1.25em",
+          fontWeight: "300",
+          borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+        })),
+        children
+      }));
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+  }
+}
+function StyledLink(_a) {
+  var _b = _a, {
+    className
+  } = _b, restOfProps = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, restOfProps), {
+    className: cx(useStyle({
+      textDecoration: "none"
+    }), className)
+  }));
+}
+function InlineElement({
+  element,
+  attributes,
+  children
+}) {
+  switch (element.type) {
+    case InlineType.Code:
+      return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.SuperScript:
+      return /* @__PURE__ */ jsx("sup", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.SubScript:
+      return /* @__PURE__ */ jsx("sub", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(StyledLink, __spreadProps(__spreadValues({}, attributes), {
+        link: element.link,
+        children
+      }));
+  }
+}
+function Element(_c) {
+  var _d = _c, {
+    element
+  } = _d, props = __objRest(_d, [
+    "element"
+  ]);
+  switch (element.type) {
+    case InlineType.Code:
+    case InlineType.SuperScript:
+    case InlineType.SubScript:
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(InlineElement, __spreadValues({
+        element
+      }, props));
+    case BlockType.Paragraph:
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.BlockQuote:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx(BlockElement, __spreadValues({
+        element
+      }, props));
+    default:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+        children: props.children
+      }));
+  }
+}
+const COMMIT_DEBOUNCE_DELAY = 500;
+function useSyncWithBuilder(editor, text) {
+  const [shouldCommit, setShouldCommit] = useState(true);
+  useEffect(() => {
+    if (shouldCommit && text) {
+      const nextValue = richTextDTOtoDAO(text);
+      const nextSelection = richTextDTOtoSelection(text);
+      if (!deepEqual(editor.children, nextValue) || !deepEqual(editor.selection, nextSelection)) {
+        editor.children = nextValue;
+        editor.selection = nextSelection;
+        editor.onChange();
+      }
+    }
+  }, [editor, shouldCommit, text]);
+  useEffect(() => {
+    if (shouldCommit)
+      return;
+    const timeoutId = window.setTimeout(() => {
+      setShouldCommit(true);
+    }, COMMIT_DEBOUNCE_DELAY);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [shouldCommit]);
+  return useCallback(() => setShouldCommit(false), []);
+}
+const defaultText = [{
+  type: BlockType.Paragraph,
+  children: [{
+    text: ""
+  }]
+}];
+const EditableText = forwardRef(function EditableText2({
+  id,
+  text,
+  width,
+  margin
+}, ref) {
+  const [editor] = useState(() => withBlock(withTypography(withList(withReact(createEditor())))));
+  const delaySync = useSyncWithBuilder(editor, text);
+  const editMode = useBuilderEditMode();
+  const [propControllers, setPropControllers] = useState(null);
+  const controller = propControllers == null ? void 0 : propControllers.text;
+  useEffect(() => {
+    if (controller == null)
+      return;
+    const element = ReactEditor.toDOMNode(editor, editor);
+    return pollBoxModel({
+      element,
+      onBoxModelChange: (boxModel) => controller.changeBoxModel(boxModel)
+    });
+  }, [editor, controller]);
+  useImperativeHandle(ref, () => ({
+    getDomNode() {
+      return ReactEditor.toDOMNode(editor, editor);
+    },
+    getBoxModel() {
+      return getBox(ReactEditor.toDOMNode(editor, editor));
+    },
+    setPropControllers
+  }), [editor, setPropControllers]);
+  const initialValue = useMemo(() => text ? richTextDTOtoDAO(text) : defaultText, [text]);
+  useEffect(() => {
+    controller == null ? void 0 : controller.setSlateEditor(editor);
+  }, [controller, editor]);
+  const handleFocus = useCallback(() => {
+    controller == null ? void 0 : controller.focus();
+  }, [controller]);
+  const handleKeyDown = useCallback((e) => {
+    if (isHotkey("mod+shift+z", e))
+      return controller == null ? void 0 : controller.redo();
+    if (isHotkey("mod+z", e))
+      return controller == null ? void 0 : controller.undo();
+    if (isHotkey("escape")(e))
+      return controller == null ? void 0 : controller.blur();
+    onKeyDown(e, editor);
+  }, [controller, editor]);
+  return /* @__PURE__ */ jsx(Slate, {
+    editor,
+    value: initialValue,
+    onChange: delaySync,
+    children: /* @__PURE__ */ jsx(Editable, {
+      id,
+      renderLeaf: Leaf,
+      renderElement: Element,
+      onKeyDown: handleKeyDown,
+      onFocus: handleFocus,
+      className: cx(width, margin),
+      readOnly: editMode === BuilderEditMode.INTERACT,
+      placeholder: "Write some text..."
+    })
+  });
+});
+var EditableText$1 = EditableText;
+export { EditableText, EditableText$1 as default };
+//# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es7.js","sources":["../src/components/builtin/Text/components/Element/block.tsx","../src/components/builtin/Text/components/Element/inline.tsx","../src/components/builtin/Text/components/Element/element.tsx","../src/components/builtin/Text/EditableText/useSyncWithBuilder.tsx","../src/components/builtin/Text/EditableText/editable-text.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { Block, BlockType } from '../../../../../controls'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\n\nexport interface InlineRenderElementProps extends RenderElementProps {\n  element: Block\n}\n\nexport function BlockElement({ element, attributes, children }: InlineRenderElementProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(responsiveStyle([element.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (element.type) {\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.BlockQuote:\n      return (\n        <blockquote\n          {...attributes}\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          {children}\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol {...attributes} className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          {children}\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul {...attributes} className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          {children}\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li {...attributes} className={cx(...blockStyles)}>\n          {children}\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span {...attributes} className={cx(...blockStyles)}>\n          {children}\n        </span>\n      )\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { RenderElementProps } from 'slate-react'\nimport { Inline, InlineType } from '../../../../../controls'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { Link } from '../../../../shared/Link'\n\nfunction StyledLink({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Link>) {\n  return <Link {...restOfProps} className={cx(useStyle({ textDecoration: 'none' }), className)} />\n}\n\nexport interface InlineRenderElementProps extends RenderElementProps {\n  element: Inline\n}\n\nexport function InlineElement({ element, attributes, children }: InlineRenderElementProps) {\n  switch (element.type) {\n    case InlineType.Code:\n      return <code {...attributes}>{children}</code>\n    case InlineType.SuperScript:\n      return <sup {...attributes}>{children}</sup>\n    case InlineType.SubScript:\n      return <sub {...attributes}>{children}</sub>\n    case InlineType.Link:\n      return (\n        <StyledLink {...attributes} link={element.link}>\n          {children}\n        </StyledLink>\n      )\n  }\n}\n","import { RenderElementProps } from 'slate-react'\nimport { BlockType, InlineType } from '../../../../../controls'\nimport { BlockElement } from './block'\nimport { InlineElement } from './inline'\n\nexport function Element({ element, ...props }: RenderElementProps) {\n  switch (element.type) {\n    case InlineType.Code:\n    case InlineType.SuperScript:\n    case InlineType.SubScript:\n    case InlineType.Link:\n      return <InlineElement element={element} {...props} />\n    case BlockType.Paragraph:\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.BlockQuote:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return <BlockElement element={element} {...props} />\n    default:\n      return <span {...props.attributes}>{props.children}</span>\n  }\n}\n","import { useState, useEffect, useCallback } from 'react'\nimport { Editor } from 'slate'\nimport { richTextDTOtoDAO, richTextDTOtoSelection } from '../../../../controls'\nimport { RichTextValue } from '../../../../prop-controllers'\nimport deepEqual from '../../../../utils/deepEqual'\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\n/**\n * Compare new prop value with current editor and update editor\n * if the values are not equal.\n */\nexport function useSyncWithBuilder(editor: Editor, text?: RichTextValue) {\n  const [shouldCommit, setShouldCommit] = useState(true)\n\n  useEffect(() => {\n    if (shouldCommit && text) {\n      const nextValue = richTextDTOtoDAO(text)\n      const nextSelection = richTextDTOtoSelection(text)\n      if (!deepEqual(editor.children, nextValue) || !deepEqual(editor.selection, nextSelection)) {\n        editor.children = nextValue\n        editor.selection = nextSelection\n        editor.onChange()\n      }\n    }\n  }, [editor, shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  return useCallback(() => setShouldCommit(false), [])\n}\n","import {\n  forwardRef,\n  KeyboardEvent,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { createEditor } from 'slate'\nimport { Slate, Editable, withReact, ReactEditor } from 'slate-react'\n\nimport { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { cx } from '@emotion/css'\nimport { DescriptorsPropControllers } from '../../../../prop-controllers/instances'\nimport { Descriptors } from '../../../../runtimes/react/controls/rich-text'\nimport { getBox } from '../../../../box-model'\nimport { PropControllersHandle } from '../../../../state/modules/prop-controller-handles'\nimport { BlockType, RichTextDAO, richTextDTOtoDAO } from '../../../../controls'\nimport { Leaf } from '../components/Leaf'\nimport { Element } from '../components/Element'\nimport { useSyncWithBuilder } from './useSyncWithBuilder'\nimport isHotkey from 'is-hotkey'\nimport { useBuilderEditMode } from '../../../../runtimes/react'\nimport { BuilderEditMode } from '../../../../state/modules/builder-edit-mode'\nimport { onKeyDown, withBlock, withList, withTypography } from '../../../../slate'\nimport { pollBoxModel } from '../../../../runtimes/react/poll-box-model'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: RichTextDAO = [{ type: BlockType.Paragraph, children: [{ text: '' }] }]\n\nexport const EditableText = forwardRef(function EditableText(\n  { id, text, width, margin }: Props,\n  ref: Ref<PropControllersHandle<Descriptors>>,\n) {\n  const [editor] = useState(() => withBlock(withTypography(withList(withReact(createEditor())))))\n  const delaySync = useSyncWithBuilder(editor, text)\n  const editMode = useBuilderEditMode()\n\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n\n  useEffect(() => {\n    if (controller == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => controller.changeBoxModel(boxModel),\n    })\n  }, [editor, controller])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return ReactEditor.toDOMNode(editor, editor)\n      },\n      getBoxModel() {\n        return getBox(ReactEditor.toDOMNode(editor, editor))\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  const initialValue = useMemo(() => (text ? richTextDTOtoDAO(text) : defaultText), [text])\n\n  useEffect(() => {\n    controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  const handleFocus = useCallback(() => {\n    controller?.focus()\n  }, [controller])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return controller?.redo()\n      if (isHotkey('mod+z', e)) return controller?.undo()\n      if (isHotkey('escape')(e)) return controller?.blur()\n      onKeyDown(e, editor)\n    },\n    [controller, editor],\n  )\n\n  return (\n    <Slate editor={editor} value={initialValue} onChange={delaySync}>\n      <Editable\n        id={id}\n        renderLeaf={Leaf}\n        renderElement={Element}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        className={cx(width, margin)}\n        readOnly={editMode === BuilderEditMode.INTERACT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n})\n\nexport default EditableText\n"],"names":["element","attributes","children","blockStyles","useStyle","margin","responsiveStyle","textAlign","type","BlockType","Paragraph","cx","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","className","restOfProps","textDecoration","InlineType","Code","SuperScript","SubScript","Link","link","props","COMMIT_DEBOUNCE_DELAY","editor","text","shouldCommit","setShouldCommit","useState","useEffect","nextValue","richTextDTOtoDAO","nextSelection","richTextDTOtoSelection","deepEqual","selection","onChange","timeoutId","window","setTimeout","clearTimeout","useCallback","defaultText","EditableText","forwardRef","id","width","ref","withBlock","withTypography","withList","withReact","createEditor","delaySync","useSyncWithBuilder","editMode","useBuilderEditMode","propControllers","setPropControllers","controller","ReactEditor","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useImperativeHandle","getDomNode","getBoxModel","getBox","initialValue","useMemo","setSlateEditor","handleFocus","focus","handleKeyDown","e","isHotkey","redo","undo","blur","onKeyDown","Leaf","Element","BuilderEditMode","INTERACT"],"mappings":"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"}

package/dist/leaf.cjs.js

@@ -178,6 +178,7 @@ function Leaf(_a) {
   }));
 }
 exports.Leaf = Leaf;
+exports.isDeviceOverride = isDeviceOverride;
 exports.useEnhancedTypography = useEnhancedTypography;
 exports.useTypographyClassName = useTypographyClassName;
 //# sourceMappingURL=leaf.cjs.js.map

package/dist/leaf.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"leaf.cjs.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport { CSSObject } from '@emotion/serialize'\nimport { Swatch, Typography } from '../../../../../api'\nimport { DeviceOverride, ResponsiveValue } from '../../../../../prop-controllers'\nimport { useTypography, useSwatches } from '../../../../../runtimes/react/hooks/makeswift-api'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { findDeviceOverride, shallowMergeFallbacks } from '../../../../utils/devices'\nimport { isNonNullable } from '../../../../utils/isNonNullable'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\nimport { ColorValue } from '../../../../utils/types'\nimport { RichTextTypography } from '../../../../../controls'\n\nexport type RichTextTypographyValue = RichTextTypography['style'][number]['value']\n\nfunction typographyFragementToRichTextTypography(\n  typography: Typography | null,\n): RichTextTypography | undefined {\n  if (typography == null) return undefined\n  return {\n    id: typography.id,\n    style: typography.style.map(({ deviceId, value }) => ({\n      deviceId,\n      value: {\n        fontFamily: value.fontFamily ?? undefined,\n        lineHeight: value.lineHeight ?? undefined,\n        letterSpacing: value.letterSpacing ?? undefined,\n        fontWeight: value.fontWeight ?? undefined,\n        textAlign: value.textAlign ?? undefined,\n        uppercase: value.uppercase ?? undefined,\n        underline: value.underline ?? undefined,\n        strikethrough: value.strikethrough ?? undefined,\n        italic: value.italic ?? undefined,\n        fontSize: value.fontSize ?? undefined,\n        color: value.color ?? undefined,\n      },\n    })),\n  }\n}\n\ntype EnhancedColor = {\n  color?: ColorValue\n}\n\ntype EnhancedTypographyValue = Omit<RichTextTypographyValue, keyof EnhancedColor> & EnhancedColor\n\nexport type EnhancedTypography = Array<DeviceOverride<EnhancedTypographyValue>>\n\nexport function isDeviceOverride(value: {\n  deviceId: string\n  value: RichTextTypographyValue\n}): value is DeviceOverride<RichTextTypographyValue> {\n  return value.deviceId === 'desktop' || value.deviceId === 'tablet' || value.deviceId === 'mobile'\n}\n\nexport function getTypographyStyleSwatchIds(\n  style: RichTextTypography['style'] | Typography['style'] | null | undefined,\n): string[] {\n  return (\n    style\n      ?.map(override => override.value)\n      .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n      .filter(isNonNullable) ?? []\n  )\n}\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  (\n    deviceRawTypographyValue: DeviceOverride<RichTextTypographyValue>,\n  ): DeviceOverride<EnhancedTypographyValue> => {\n    const { value, deviceId } = deviceRawTypographyValue\n\n    if (value.color == null) {\n      const { color, ...nextValue } = value\n      return {\n        deviceId,\n        value: nextValue,\n      }\n    }\n    return {\n      deviceId,\n      value: {\n        ...value,\n        color: {\n          swatch: swatches.find(s => s && s.id === value.color?.swatchId),\n          alpha: value.color?.alpha ?? undefined,\n        },\n      },\n    }\n  }\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\n/**\n * `enhanced` here just means typography ids have been replaced with the related entity.\n */\nexport default function useEnhancedTypography(value?: RichTextTypography): EnhancedTypography {\n  const typography = typographyFragementToRichTextTypography(useTypography(value?.id ?? null))\n  const source = typography?.style.filter(isDeviceOverride) ?? []\n  const override = value?.style.filter(isDeviceOverride) ?? []\n\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds).filter(isNonNullable)\n\n  const enhancedSource = source.map(withColor(swatches))\n  const enhancedOverride = override.map(withColor(swatches))\n\n  const devices = [\n    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId))),\n  ]\n\n  return devices\n    .map(deviceId => {\n      const deviceSource = findDeviceOverride(enhancedSource, deviceId)?.value\n      const deviceOverride = findDeviceOverride(enhancedOverride, deviceId)?.value\n\n      if (deviceSource && deviceOverride) {\n        return {\n          deviceId,\n          value: { ...deviceSource, ...deviceOverride },\n        }\n      } else if (deviceOverride) {\n        return {\n          deviceId,\n          value: deviceOverride,\n        }\n      } else if (deviceSource) {\n        return {\n          deviceId,\n          value: deviceSource,\n        }\n      }\n      return null\n    })\n    .filter(isNonNullable)\n}\n\nexport function useTypographyClassName(value: EnhancedTypography): string {\n  return useStyle(\n    responsiveStyle<\n      EnhancedTypographyValue,\n      [ResponsiveValue<EnhancedTypographyValue> | null | undefined]\n    >(\n      [value],\n      ([value]) => {\n        if (value === undefined) return {}\n\n        let styles: CSSObject = {}\n        if (value.color != null) styles.color = colorToString(value.color)\n        if (value.fontFamily != null) styles.fontFamily = value.fontFamily\n        if (value.fontSize != null && value.fontSize.value != null && value.fontSize.unit != null)\n          styles.fontSize = `${value.fontSize.value}${value.fontSize.unit}`\n        if (value.fontWeight != null) styles.fontWeight = value.fontWeight\n        if (value.lineHeight != null) styles.lineHeight = value.lineHeight\n        if (value.letterSpacing != null) styles.letterSpacing = `${value.letterSpacing / 10}em`\n        if (value.uppercase != null)\n          styles.textTransform = value.uppercase === true ? 'uppercase' : 'initial'\n        if (value.underline != null || value.strikethrough != null)\n          styles.textDecoration = [\n            Boolean(value.underline) && 'underline',\n            Boolean(value.strikethrough) && 'line-through',\n          ]\n            .filter(Boolean)\n            .join(' ')\n        if (value.italic != null) styles.fontStyle = value.italic === true ? 'italic' : 'initial'\n\n        return styles\n      },\n      shallowMergeFallbacks,\n    ),\n  )\n}\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n"],"names":["typography","undefined","id","style","map","deviceId","value","fontFamily","lineHeight","letterSpacing","fontWeight","textAlign","uppercase","underline","strikethrough","italic","fontSize","color","override","flatMap","typographyStyle","swatchId","filter","isNonNullable","withColor","swatches","deviceRawTypographyValue","nextValue","swatch","find","s","alpha","getDeviceId","typographyFragementToRichTextTypography","useTypography","source","isDeviceOverride","swatchIds","getTypographyStyleSwatchIds","useSwatches","enhancedSource","enhancedOverride","devices","Set","concat","deviceSource","findDeviceOverride","deviceOverride","useStyle","responsiveStyle","styles","colorToString","unit","textTransform","textDecoration","Boolean","join","fontStyle","shallowMergeFallbacks","leaf","props","enhancedTypography","useEnhancedTypography","typographyClassName","useTypographyClassName","attributes","children"],"mappings":"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"}
+{"version":3,"file":"leaf.cjs.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport { CSSObject } from '@emotion/serialize'\nimport { Swatch, Typography } from '../../../../../api'\nimport { DeviceOverride, ResponsiveValue } from '../../../../../prop-controllers'\nimport { useTypography, useSwatches } from '../../../../../runtimes/react/hooks/makeswift-api'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { findDeviceOverride, shallowMergeFallbacks } from '../../../../utils/devices'\nimport { isNonNullable } from '../../../../utils/isNonNullable'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\nimport { ColorValue } from '../../../../utils/types'\nimport { RichTextTypography } from '../../../../../controls'\n\nexport type RichTextTypographyValue = RichTextTypography['style'][number]['value']\n\nfunction typographyFragementToRichTextTypography(\n  typography: Typography | null,\n): RichTextTypography | undefined {\n  if (typography == null) return undefined\n  return {\n    id: typography.id,\n    style: typography.style.map(({ deviceId, value }) => ({\n      deviceId,\n      value: {\n        fontFamily: value.fontFamily ?? undefined,\n        lineHeight: value.lineHeight ?? undefined,\n        letterSpacing: value.letterSpacing ?? undefined,\n        fontWeight: value.fontWeight ?? undefined,\n        textAlign: value.textAlign ?? undefined,\n        uppercase: value.uppercase ?? undefined,\n        underline: value.underline ?? undefined,\n        strikethrough: value.strikethrough ?? undefined,\n        italic: value.italic ?? undefined,\n        fontSize: value.fontSize ?? undefined,\n        color: value.color ?? undefined,\n      },\n    })),\n  }\n}\n\ntype EnhancedColor = {\n  color?: ColorValue\n}\n\ntype EnhancedTypographyValue = Omit<RichTextTypographyValue, keyof EnhancedColor> & EnhancedColor\n\nexport type EnhancedTypography = Array<DeviceOverride<EnhancedTypographyValue>>\n\nexport function isDeviceOverride(value: {\n  deviceId: string\n  value: RichTextTypographyValue\n}): value is DeviceOverride<RichTextTypographyValue> {\n  return value.deviceId === 'desktop' || value.deviceId === 'tablet' || value.deviceId === 'mobile'\n}\n\nexport function getTypographyStyleSwatchIds(\n  style: RichTextTypography['style'] | Typography['style'] | null | undefined,\n): string[] {\n  return (\n    style\n      ?.map(override => override.value)\n      .flatMap(typographyStyle => typographyStyle.color?.swatchId)\n      .filter(isNonNullable) ?? []\n  )\n}\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  (\n    deviceRawTypographyValue: DeviceOverride<RichTextTypographyValue>,\n  ): DeviceOverride<EnhancedTypographyValue> => {\n    const { value, deviceId } = deviceRawTypographyValue\n\n    if (value.color == null) {\n      const { color, ...nextValue } = value\n      return {\n        deviceId,\n        value: nextValue,\n      }\n    }\n    return {\n      deviceId,\n      value: {\n        ...value,\n        color: {\n          swatch: swatches.find(s => s && s.id === value.color?.swatchId),\n          alpha: value.color?.alpha ?? undefined,\n        },\n      },\n    }\n  }\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\n/**\n * `enhanced` here just means typography ids have been replaced with the related entity.\n */\nexport default function useEnhancedTypography(value?: RichTextTypography): EnhancedTypography {\n  const typography = typographyFragementToRichTextTypography(useTypography(value?.id ?? null))\n  const source = typography?.style.filter(isDeviceOverride) ?? []\n  const override = value?.style.filter(isDeviceOverride) ?? []\n\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds).filter(isNonNullable)\n\n  const enhancedSource = source.map(withColor(swatches))\n  const enhancedOverride = override.map(withColor(swatches))\n\n  const devices = [\n    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId))),\n  ]\n\n  return devices\n    .map(deviceId => {\n      const deviceSource = findDeviceOverride(enhancedSource, deviceId)?.value\n      const deviceOverride = findDeviceOverride(enhancedOverride, deviceId)?.value\n\n      if (deviceSource && deviceOverride) {\n        return {\n          deviceId,\n          value: { ...deviceSource, ...deviceOverride },\n        }\n      } else if (deviceOverride) {\n        return {\n          deviceId,\n          value: deviceOverride,\n        }\n      } else if (deviceSource) {\n        return {\n          deviceId,\n          value: deviceSource,\n        }\n      }\n      return null\n    })\n    .filter(isNonNullable)\n}\n\nexport function useTypographyClassName(value: EnhancedTypography): string {\n  return useStyle(\n    responsiveStyle<\n      EnhancedTypographyValue,\n      [ResponsiveValue<EnhancedTypographyValue> | null | undefined]\n    >(\n      [value],\n      ([value]) => {\n        if (value === undefined) return {}\n\n        let styles: CSSObject = {}\n        if (value.color != null) styles.color = colorToString(value.color)\n        if (value.fontFamily != null) styles.fontFamily = value.fontFamily\n        if (value.fontSize != null && value.fontSize.value != null && value.fontSize.unit != null)\n          styles.fontSize = `${value.fontSize.value}${value.fontSize.unit}`\n        if (value.fontWeight != null) styles.fontWeight = value.fontWeight\n        if (value.lineHeight != null) styles.lineHeight = value.lineHeight\n        if (value.letterSpacing != null) styles.letterSpacing = `${value.letterSpacing / 10}em`\n        if (value.uppercase != null)\n          styles.textTransform = value.uppercase === true ? 'uppercase' : 'initial'\n        if (value.underline != null || value.strikethrough != null)\n          styles.textDecoration = [\n            Boolean(value.underline) && 'underline',\n            Boolean(value.strikethrough) && 'line-through',\n          ]\n            .filter(Boolean)\n            .join(' ')\n        if (value.italic != null) styles.fontStyle = value.italic === true ? 'italic' : 'initial'\n\n        return styles\n      },\n      shallowMergeFallbacks,\n    ),\n  )\n}\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n"],"names":["typography","undefined","id","style","map","deviceId","value","fontFamily","lineHeight","letterSpacing","fontWeight","textAlign","uppercase","underline","strikethrough","italic","fontSize","color","override","flatMap","typographyStyle","swatchId","filter","isNonNullable","withColor","swatches","deviceRawTypographyValue","nextValue","swatch","find","s","alpha","getDeviceId","typographyFragementToRichTextTypography","useTypography","source","isDeviceOverride","swatchIds","getTypographyStyleSwatchIds","useSwatches","enhancedSource","enhancedOverride","devices","Set","concat","deviceSource","findDeviceOverride","deviceOverride","useStyle","responsiveStyle","styles","colorToString","unit","textTransform","textDecoration","Boolean","join","fontStyle","shallowMergeFallbacks","leaf","props","enhancedTypography","useEnhancedTypography","typographyClassName","useTypographyClassName","attributes","children"],"mappings":"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"}

package/dist/leaf.es.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { X as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, Y as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
+import { N as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, O as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
 import { j as isNonNullable } from "./introspection.es.js";
 import { jsx } from "react/jsx-runtime";
 function typographyFragementToRichTextTypography(typography) {
@@ -176,5 +176,5 @@ function Leaf(_a) {
     children: props.children
   }));
 }
-export { Leaf as L, useTypographyClassName as a, useEnhancedTypography as u };
+export { Leaf as L, useTypographyClassName as a, isDeviceOverride as i, useEnhancedTypography as u };
 //# sourceMappingURL=leaf.es.js.map