@makeswift/runtime 0.9.5 → 0.9.7

package/dist/index.es10.js

@@ -34,8 +34,8 @@ import { Range, createEditor } from "slate";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
 import { cx } from "@emotion/css";
 import { g as getBox } from "./box-models.es.js";
-import { U as useStyle, bf as BlockType, bd as InlineType, b5 as richTextDTOtoDAO, b4 as richTextDTOtoSelection, bo as BuilderEditMode } from "./react-page.es.js";
-import { U as useEnhancedTypography, V as useTypographyClassName, n as useResponsiveStyle, u as useIsInBuilder, K as deepEqual, Q as useBuilderEditMode, T as pollBoxModel } from "./index.es.js";
+import { U as useStyle, bg as BlockType, be as InlineType, b6 as richTextDTOtoDAO, b5 as richTextDTOtoSelection, bp as BuilderEditMode } from "./react-page.es.js";
+import { V as useEnhancedTypography, W as useTypographyClassName, n as useResponsiveStyle, u as useIsInBuilder, K as deepEqual, T as useBuilderEditMode, U as pollBoxModel } from "./index.es.js";
 import { jsx } from "react/jsx-runtime";
 import "./state/breakpoints.es.js";
 import "./actions.es.js";
@@ -195,6 +195,7 @@ function InlineElement({
   attributes,
   children
 }) {
+  var _a;
   switch (element.type) {
     case InlineType.Code:
       return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({}, attributes), {
@@ -210,7 +211,7 @@ function InlineElement({
       }));
     case InlineType.Link:
       return /* @__PURE__ */ jsx(StyledLink, __spreadProps(__spreadValues({}, attributes), {
-        link: element.link,
+        link: (_a = element.link) != null ? _a : void 0,
         children
       }));
   }

package/dist/index.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es10.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx","../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/useSyncDOMSelection.tsx","../src/components/builtin/Text/EditableText/editable-text.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport useEnhancedTypography, {\n  useTypographyClassName,\n} from '../../../../../runtimes/react/controls/typography'\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  // for each breakpoint fetch related resources and merge its value with its override\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n\n  // for each breakpoint shallow merge back up through the breakpoints and create a className\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n","import { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\nimport { Block, BlockType } from '../../../../../slate'\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(useResponsiveStyle([element.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  const quoteStyles = 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  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.BlockQuote:\n      return (\n        <blockquote {...attributes} className={cx(...blockStyles, quoteStyles)}>\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    default:\n      return null\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { Link } from '../../../../shared/Link'\nimport { Inline, InlineType } from '../../../../../slate'\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 { BlockElement } from './block'\nimport { InlineElement } from './inline'\nimport { InlineType, BlockType } from '../../../../../slate'\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'\nimport { useIsInBuilder } from '../../../../runtimes/react'\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  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (shouldCommit && text && isInBuilder) {\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 { ReactEditor } from 'slate-react'\nimport { useIsomorphicLayoutEffect } from '../../../hooks/useIsomorphicLayoutEffect'\nimport { Editor, Range as SlateRange } from 'slate'\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: boolean) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled || 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  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 { 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, withTypography, withBuilder } from '../../../../slate'\nimport { pollBoxModel } from '../../../../runtimes/react/poll-box-model'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { RichTextDAO, BlockType } from '../../../../slate'\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(withBuilder(withReact(createEditor())))))\n  const [isPreservingDOMSElection, setIsPreservingDOMSelection] = useState(false)\n  useSyncDOMSelection(editor, isPreservingDOMSElection)\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    setIsPreservingDOMSelection(true)\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  const handleBlur = useCallback((e: FocusEvent) => {\n    // When clicking outside of the iframe (`relatedTarget` is null) we want to preserve the DOM selection.\n    if (e.relatedTarget == null) return\n    // Otherwise we want to deselect on blur and stop preserving selection.\n    setIsPreservingDOMSelection(false)\n    ReactEditor.deselect(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        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        className={cx(width, margin)}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n})\n\nexport default EditableText\n"],"names":["leaf","props","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","attributes","children","element","blockStyles","useStyle","margin","useResponsiveStyle","textAlign","quoteStyles","padding","fontSize","fontWeight","borderLeft","type","BlockType","Text","cx","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","className","restOfProps","textDecoration","InlineType","Code","SuperScript","SubScript","Link","link","COMMIT_DEBOUNCE_DELAY","editor","text","shouldCommit","setShouldCommit","useState","isInBuilder","useIsInBuilder","useEffect","nextValue","richTextDTOtoDAO","nextSelection","richTextDTOtoSelection","deepEqual","selection","onChange","timeoutId","window","setTimeout","clearTimeout","useCallback","isEnabled","useIsomorphicLayoutEffect","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","defaultText","EditableText","forwardRef","id","width","ref","withBlock","withTypography","withBuilder","withReact","createEditor","isPreservingDOMSElection","setIsPreservingDOMSelection","useSyncDOMSelection","delaySync","useSyncWithBuilder","editMode","useBuilderEditMode","propControllers","setPropControllers","controller","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useImperativeHandle","getDomNode","getBoxModel","getBox","initialValue","useMemo","setSlateEditor","handleFocus","focus","handleKeyDown","isHotkey","redo","undo","blur","onKeyDown","handleBlur","relatedTarget","deselect","Leaf","Element","BuilderEditMode","CONTENT"],"mappings":"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"}
+{"version":3,"file":"index.es10.js","sources":["../src/components/builtin/Text/components/Leaf/leaf.tsx","../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/useSyncDOMSelection.tsx","../src/components/builtin/Text/EditableText/editable-text.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport useEnhancedTypography, {\n  useTypographyClassName,\n} from '../../../../../runtimes/react/controls/typography'\n\nexport function Leaf({ leaf, ...props }: RenderLeafProps) {\n  // for each breakpoint fetch related resources and merge its value with its override\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n\n  // for each breakpoint shallow merge back up through the breakpoints and create a className\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span {...props.attributes} className={typographyClassName}>\n      {props.children}\n    </span>\n  )\n}\n","import { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\nimport { Block, BlockType } from '../../../../../slate'\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(useResponsiveStyle([element.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  const quoteStyles = 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  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.BlockQuote:\n      return (\n        <blockquote {...attributes} className={cx(...blockStyles, quoteStyles)}>\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    default:\n      return null\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { RenderElementProps } from 'slate-react'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { Link } from '../../../../shared/Link'\nimport { Inline, InlineType } from '../../../../../slate'\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 ?? undefined}>\n          {children}\n        </StyledLink>\n      )\n  }\n}\n","import { RenderElementProps } from 'slate-react'\nimport { BlockElement } from './block'\nimport { InlineElement } from './inline'\nimport { InlineType, BlockType } from '../../../../../slate'\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'\nimport { useIsInBuilder } from '../../../../runtimes/react'\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  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (shouldCommit && text && isInBuilder) {\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 { ReactEditor } from 'slate-react'\nimport { useIsomorphicLayoutEffect } from '../../../hooks/useIsomorphicLayoutEffect'\nimport { Editor, Range as SlateRange } from 'slate'\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: boolean) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled || 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  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 { 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, withTypography, withBuilder } from '../../../../slate'\nimport { pollBoxModel } from '../../../../runtimes/react/poll-box-model'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { RichTextDAO, BlockType } from '../../../../slate'\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(withBuilder(withReact(createEditor())))))\n  const [isPreservingDOMSElection, setIsPreservingDOMSelection] = useState(false)\n  useSyncDOMSelection(editor, isPreservingDOMSElection)\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    setIsPreservingDOMSelection(true)\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  const handleBlur = useCallback((e: FocusEvent) => {\n    // When clicking outside of the iframe (`relatedTarget` is null) we want to preserve the DOM selection.\n    if (e.relatedTarget == null) return\n    // Otherwise we want to deselect on blur and stop preserving selection.\n    setIsPreservingDOMSelection(false)\n    ReactEditor.deselect(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        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        className={cx(width, margin)}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n})\n\nexport default EditableText\n"],"names":["leaf","props","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","attributes","children","element","blockStyles","useStyle","margin","useResponsiveStyle","textAlign","quoteStyles","padding","fontSize","fontWeight","borderLeft","type","BlockType","Text","cx","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","className","restOfProps","textDecoration","InlineType","Code","SuperScript","SubScript","Link","link","undefined","COMMIT_DEBOUNCE_DELAY","editor","text","shouldCommit","setShouldCommit","useState","isInBuilder","useIsInBuilder","useEffect","nextValue","richTextDTOtoDAO","nextSelection","richTextDTOtoSelection","deepEqual","selection","onChange","timeoutId","window","setTimeout","clearTimeout","useCallback","isEnabled","useIsomorphicLayoutEffect","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","defaultText","EditableText","forwardRef","id","width","ref","withBlock","withTypography","withBuilder","withReact","createEditor","isPreservingDOMSElection","setIsPreservingDOMSelection","useSyncDOMSelection","delaySync","useSyncWithBuilder","editMode","useBuilderEditMode","propControllers","setPropControllers","controller","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useImperativeHandle","getDomNode","getBoxModel","getBox","initialValue","useMemo","setSlateEditor","handleFocus","focus","handleKeyDown","isHotkey","redo","undo","blur","onKeyDown","handleBlur","relatedTarget","deselect","Leaf","Element","BuilderEditMode","CONTENT"],"mappings":"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"}

package/dist/index.es2.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createElement, Children } from "react";
-import { Y as isNonNullable, av as getBackgroundsFileIds, aw as getBackgroundsSwatchIds, U as useStyle } from "./react-page.es.js";
+import { Y as isNonNullable, aw as getBackgroundsFileIds, ax as getBackgroundsSwatchIds, U as useStyle } from "./react-page.es.js";
 import "use-sync-external-store/shim";
 import { G as useFiles, H as useSwatches, v as useResponsiveGridItem, c as DEFAULT_BOX_ANIMATE_TYPE, f as DEFAULT_ITEM_ANIMATE_TYPE, e as DEFAULT_BOX_ANIMATE_DURATION, d as DEFAULT_BOX_ANIMATE_DELAY, i as DEFAULT_ITEM_STAGGER_DURATION, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "./actions.es.js";

package/dist/index.es5.js

@@ -19,11 +19,11 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Editor, Transforms, Text, Range } from "slate";
 import { findBreakpointOverride } from "./state/breakpoints.es.js";
-import { b9 as createRichTextV2Plugin } from "./react-page.es.js";
+import { ba as createRichTextV2Plugin } from "./react-page.es.js";
 import "./actions.es.js";
 import { i as unstable_Typography } from "./typography.es.js";
 import { g as getSelection } from "./types.es2.js";
-import { K as deepEqual } from "./index.es.js";
+import { L as shallowEqual, K as deepEqual } from "./index.es.js";
 function clearActiveTypographyStyle(editor, options) {
   Editor.withoutNormalizing(editor, () => {
     var _a;
@@ -216,14 +216,6 @@ function setResponsiveValue(editor, key, value, options) {
     atRef.unref();
   });
 }
-function getResponsiveValue(editor, key, options) {
-  const matchingValues = Array.from(Editor.nodes(editor, {
-    at: getSelection(editor),
-    match: options == null ? void 0 : options.match
-  })).filter(([node, path]) => options.match(node, path)).map(([node]) => node[key]);
-  const value = matchingValues.length === 0 ? void 0 : matchingValues.reduce((a, b) => deepEqual(a, b) ? b : void 0);
-  return value;
-}
 function normalizeResponsiveValue(editor, key, options) {
   return (entry) => {
     const [node, path] = entry;
@@ -242,6 +234,33 @@ function normalizeResponsiveValue(editor, key, options) {
     return false;
   };
 }
+function responsiveShallowEqual(a = [], b = []) {
+  const aObject = a.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), {
+    [curr.deviceId]: curr.value
+  }), {});
+  const bObject = b.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), {
+    [curr.deviceId]: curr.value
+  }), {});
+  const definedDevices = /* @__PURE__ */ new Set([...a.map((a2) => a2.deviceId), ...b.map((b2) => b2.deviceId)]);
+  return Array.from(definedDevices).map((deviceId) => {
+    const aVal = aObject[deviceId];
+    const bVal = bObject[deviceId];
+    if (aVal === void 0 && bVal === void 0)
+      return { deviceId, value: void 0 };
+    return shallowEqual(aVal, bVal) ? { deviceId, value: aVal } : { deviceId, value: null };
+  });
+}
+function getValue(editor) {
+  var _a;
+  const matchingValues = Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: Text.isText
+  })).map(([node]) => node["typography"]);
+  if (matchingValues.length === 0) {
+    return void 0;
+  }
+  return (_a = matchingValues.reduce((a, b) => deepEqual(a, b) ? b : void 0, matchingValues.at(0))) != null ? _a : null;
+}
 const TypographyActions = {
   setActiveTypographyId,
   setActiveTypographyStyle,
@@ -278,7 +297,7 @@ function TypographyPlugin() {
           split: true
         });
       },
-      getValue: (editor) => getResponsiveValue(editor, TYPOGRAPHY_KEY, { match: Text.isText }),
+      getValue: (editor) => getValue(editor),
       getLeafValue: (text) => {
         return Text.isText(text) ? text.typography : void 0;
       }
@@ -292,5 +311,5 @@ function TypographyPlugin() {
     }
   });
 }
-export { TypographyActions as T, TYPOGRAPHY_KEY as a, TypographyPlugin as b, getResponsiveValue as g, normalizeResponsiveValue as n, setResponsiveValue as s, withTypography as w };
+export { TypographyActions as T, TYPOGRAPHY_KEY as a, TypographyPlugin as b, normalizeResponsiveValue as n, responsiveShallowEqual as r, setResponsiveValue as s, withTypography as w };
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"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/utils/responsive.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, Transforms, NodeMatch, Descendant, NodeEntry } from 'slate'\nimport { getSelection } from '../selectors'\nimport deepEqual from '../../utils/deepEqual'\n\ntype SetResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n  split: boolean\n}\n\nexport function setResponsiveValue<T extends Descendant, K extends keyof T>(\n  editor: Editor,\n  key: K,\n  value: T[K] | undefined,\n  options: SetResponsiveValueOptions<T>,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = getSelection(editor)\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes<Descendant>(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: options.match,\n          split: options.split,\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const nodesToUpdate = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: (node, path) => options.match(node, path) && node.slice === true,\n        }),\n      )\n\n      for (const [, path] of nodesToUpdate) {\n        Transforms.setNodes(\n          editor,\n          {\n            [key]: value,\n          },\n          { at: path },\n        )\n      }\n    }\n\n    atRef.unref()\n  })\n}\n\ntype GetResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n}\n\nexport function getResponsiveValue<T extends Descendant, K extends keyof T>(\n  editor: Editor,\n  key: K,\n  options: GetResponsiveValueOptions<T>,\n): T[K] | undefined {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: options?.match,\n    }),\n  )\n    .filter(([node, path]) => options.match(node, path))\n    .map(([node]) => node[key]) as (T[K] | undefined)[]\n\n  const value =\n    matchingValues.length === 0\n      ? undefined\n      : matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined))\n\n  return value\n}\n\ntype NormalizeResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n}\n\nexport function normalizeResponsiveValue<T extends Descendant, K extends keyof T & string>(\n  editor: Editor,\n  key: K,\n  options: NormalizeResponsiveValueOptions<T>,\n) {\n  return (entry: NodeEntry) => {\n    const [node, path] = entry\n\n    if (!options.match(node, path)) {\n      return false\n    }\n\n    const responsiveValue = node?.[key]\n\n    if (Array.isArray(responsiveValue) && responsiveValue.length === 0) {\n      Transforms.unsetNodes(editor, key, { at: path })\n      return true\n    }\n\n    if (node?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: path })\n      return true\n    }\n\n    return false\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'\nimport { createRichTextV2Plugin, unstable_Typography } from '../../controls'\nimport { getResponsiveValue, setResponsiveValue } from '../utils/responsive'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\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_KEY, { 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\nexport function TypographyPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withTypography,\n    control: {\n      definition: unstable_Typography(),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, TYPOGRAPHY_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getResponsiveValue(editor, TYPOGRAPHY_KEY, { match: Text.isText }),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text.typography : undefined\n      },\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\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/utils/responsive.ts","../src/slate/TypographyPlugin/getValue.tsx","../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, Transforms, NodeMatch, Descendant, NodeEntry } from 'slate'\nimport { getSelection } from '../selectors'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport shallowEqual from '../../utils/shallowEqual'\nimport { BlockTextAlignment } from '../types'\n\ntype SetResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n  split: boolean\n}\n\nexport function setResponsiveValue<T extends Descendant, K extends keyof T>(\n  editor: Editor,\n  key: K,\n  value: T[K] | undefined | null,\n  options: SetResponsiveValueOptions<T>,\n) {\n  Editor.withoutNormalizing(editor, () => {\n    const at = getSelection(editor)\n    if (!at) return\n    const atRef = Editor.rangeRef(editor, at)\n\n    if (atRef.current) {\n      Transforms.setNodes<Descendant>(\n        editor,\n        {\n          slice: true,\n        },\n        {\n          at: atRef.current,\n          match: options.match,\n          split: options.split,\n        },\n      )\n    }\n\n    if (atRef.current) {\n      const nodesToUpdate = Array.from(\n        Editor.nodes(editor, {\n          at: atRef.current,\n          match: (node, path) => options.match(node, path) && node.slice === true,\n        }),\n      )\n\n      for (const [, path] of nodesToUpdate) {\n        Transforms.setNodes(\n          editor,\n          {\n            [key]: value,\n          },\n          { at: path },\n        )\n      }\n    }\n\n    atRef.unref()\n  })\n}\n\ntype NormalizeResponsiveValueOptions<T extends Descendant> = {\n  match: NodeMatch<T>\n}\n\nexport function normalizeResponsiveValue<T extends Descendant, K extends keyof T & string>(\n  editor: Editor,\n  key: K,\n  options: NormalizeResponsiveValueOptions<T>,\n) {\n  return (entry: NodeEntry) => {\n    const [node, path] = entry\n\n    if (!options.match(node, path)) {\n      return false\n    }\n\n    const responsiveValue = node?.[key]\n\n    if (Array.isArray(responsiveValue) && responsiveValue.length === 0) {\n      Transforms.unsetNodes(editor, key, { at: path })\n      return true\n    }\n\n    if (node?.slice != null) {\n      Transforms.unsetNodes(editor, 'slice', { at: path })\n      return true\n    }\n\n    return false\n  }\n}\n\nexport function responsiveShallowEqual<T>(\n  a: ResponsiveValue<T> = [],\n  b: ResponsiveValue<T> = [],\n): ResponsiveValue<T> {\n  const aObject: Record<string, BlockTextAlignment> = a.reduce(\n    (acc, curr) => ({\n      ...acc,\n      [curr.deviceId]: curr.value,\n    }),\n    {},\n  )\n  const bObject: Record<string, BlockTextAlignment> = b.reduce(\n    (acc, curr) => ({\n      ...acc,\n      [curr.deviceId]: curr.value,\n    }),\n    {},\n  )\n\n  const definedDevices = new Set([...a.map(a => a.deviceId), ...b.map(b => b.deviceId)])\n\n  return Array.from(definedDevices).map(deviceId => {\n    const aVal = aObject[deviceId]\n    const bVal = bObject[deviceId]\n\n    if (aVal === undefined && bVal === undefined) return { deviceId, value: undefined }\n\n    return shallowEqual(aVal, bVal) ? { deviceId, value: aVal } : { deviceId, value: null }\n  }) as ResponsiveValue<T>\n}\n","import { Editor, Text } from 'slate'\nimport { RichTextTypography } from '../types'\nimport { getSelection } from '../selectors'\nimport deepEqual from '../../utils/deepEqual'\n\nexport function getValue(editor: Editor) {\n  const matchingValues = Array.from(\n    Editor.nodes(editor, {\n      at: getSelection(editor),\n      match: Text.isText,\n    }),\n  ).map(([node]) => node['typography']) as (RichTextTypography | undefined)[]\n\n  if (matchingValues.length === 0) {\n    return undefined\n  }\n\n  return (\n    matchingValues.reduce((a, b) => (deepEqual(a, b) ? b : undefined), matchingValues.at(0)) ?? null\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'\nimport { createRichTextV2Plugin, unstable_Typography } from '../../controls'\nimport { setResponsiveValue } from '../utils/responsive'\nimport { getValue } from './getValue'\n\nexport const TypographyActions = {\n  setActiveTypographyId,\n  setActiveTypographyStyle,\n  clearActiveTypographyStyle,\n  clearDeviceActiveTypography,\n  detachActiveTypography,\n}\n\nexport const TYPOGRAPHY_KEY = 'typography'\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_KEY, { 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\nexport function TypographyPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withTypography,\n    control: {\n      definition: unstable_Typography(),\n      onChange: (editor, value) => {\n        setResponsiveValue(editor, TYPOGRAPHY_KEY, value, {\n          match: Text.isText,\n          split: true,\n        })\n      },\n      getValue: editor => getValue(editor),\n      getLeafValue: (text: Text) => {\n        return Text.isText(text) ? text.typography : undefined\n      },\n    },\n    renderLeaf: (renderLeaf, className) => props => {\n      return renderLeaf({\n        ...props,\n        leaf: {\n          ...props.leaf,\n          className: `${props.leaf.className} ${className}`,\n        },\n      })\n    },\n  })\n}\n"],"names":["editor","matchingValues","Array","from","Editor","nodes","at","getSelection","match","Text","isText","map","node","length","undefined","reduce","a","b","deepEqual"],"mappings":"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"}

package/dist/index.es6.js

@@ -1,6 +1,6 @@
 import { Path, Transforms } from "slate";
 import isHotkey from "is-hotkey";
-import { bf as BlockType, b9 as createRichTextV2Plugin } from "./react-page.es.js";
+import { bg as BlockType, ba as createRichTextV2Plugin } from "./react-page.es.js";
 import { E as ElementUtils } from "./types.es2.js";
 const BLOCK_ONE_PATH = [0];
 const BLOCK_TWO_PATH = [1];

package/dist/index.es9.js

@@ -34,8 +34,8 @@ 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 { U as useStyle, b8 as RichTextV2Mode, bf as BlockType, bo as BuilderEditMode } from "./react-page.es.js";
-import { O as ControlValue, Q as useBuilderEditMode, T as pollBoxModel } from "./index.es.js";
+import { U as useStyle, b9 as RichTextV2Mode, bg as BlockType, bp as BuilderEditMode } from "./react-page.es.js";
+import { Q as ControlValue, T as useBuilderEditMode, U as pollBoxModel } from "./index.es.js";
 import "./state/breakpoints.es.js";
 import "./types.es2.js";
 import { I as InlineModePlugin } from "./index.es6.js";

package/dist/next.es.js

@@ -1,5 +1,5 @@
 import "react";
-export { a0 as Document, _ as Makeswift, a1 as MakeswiftApiHandler, Z as Page, $ as PreviewModeScript, B as forwardNextDynamicRef, Y as getServerSideProps, W as getStaticPaths, X as getStaticProps } from "./index.es.js";
+export { a1 as Document, $ as Makeswift, a2 as MakeswiftApiHandler, _ as Page, a0 as PreviewModeScript, B as forwardNextDynamicRef, Z as getServerSideProps, X as getStaticPaths, Y as getStaticProps } from "./index.es.js";
 import "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";

package/dist/react-page.cjs.js

@@ -2090,6 +2090,7 @@ function richTextDTOtoDAO(data) {
   return (_c = (_b = (_a2 = data.document) == null ? void 0 : _a2.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c : [];
 }
 function toInlineOrTextDTO(node) {
+  var _a2;
   if (isText(node)) {
     return [
       {
@@ -2114,7 +2115,7 @@ function toInlineOrTextDTO(node) {
           object: ObjectType.Inline,
           nodes: node.children.flatMap(toInlineOrTextDTO),
           type: node.type,
-          data: node.link
+          data: (_a2 = node.link) != null ? _a2 : void 0
         }
       ];
     case InlineType.Code:
@@ -2367,6 +2368,9 @@ class RichTextV2Control extends PropController {
     this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
+function isRichTextV1Data(value) {
+  return value !== void 0 && typeof value === "object" && !Array.isArray(value);
+}
 function isNonNullable(value) {
   return value != null;
 }
@@ -2451,7 +2455,7 @@ function getTypographyStyleSwatchIds(style) {
   }).filter(isNonNullable)) != null ? _a2 : [];
 }
 function getSwatchIds(descriptor, prop) {
-  var _a2;
+  var _a2, _b;
   if (prop == null)
     return [];
   switch (descriptor.type) {
@@ -2462,12 +2466,12 @@ function getSwatchIds(descriptor, prop) {
     case Types.NavigationLinks: {
       const value = prop;
       return (_a2 = value == null ? void 0 : value.flatMap((item) => {
-        var _a3, _b, _c, _d;
+        var _a3, _b2, _c, _d;
         switch (item.type) {
           case "button":
           case "dropdown":
             return [
-              ...(_b = (_a3 = item.payload.color) == null ? void 0 : _a3.map((override) => override.value).map((color) => color.swatchId)) != null ? _b : [],
+              ...(_b2 = (_a3 = item.payload.color) == null ? void 0 : _a3.map((override) => override.value).map((color) => color.swatchId)) != null ? _b2 : [],
               ...(_d = (_c = item.payload.textColor) == null ? void 0 : _c.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
             ];
         }
@@ -2479,20 +2483,20 @@ function getSwatchIds(descriptor, prop) {
       return getBoxShadowsSwatchIds(prop);
     case Types.RichText: {
       let getNodeSwatchIds = function(node) {
-        var _a3, _b, _c, _d;
+        var _a3, _b2, _c, _d;
         switch (node.object) {
           case "document":
           case "block":
           case "inline":
-            return (_b = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodeSwatchIds)) != null ? _b : [];
+            return (_b2 = (_a3 = node.nodes) == null ? void 0 : _a3.flatMap(getNodeSwatchIds)) != null ? _b2 : [];
           case "text":
             return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
           default:
             return [];
         }
       }, getMarkSwatchIds = function(mark) {
-        var _a3, _b;
-        return getTypographyStyleSwatchIds((_b = (_a3 = mark.data) == null ? void 0 : _a3.value) == null ? void 0 : _b.style);
+        var _a3, _b2;
+        return getTypographyStyleSwatchIds((_b2 = (_a3 = mark.data) == null ? void 0 : _a3.value) == null ? void 0 : _b2.style);
       };
       const value = prop;
       if (value == null || value.document == null)
@@ -2505,7 +2509,7 @@ function getSwatchIds(descriptor, prop) {
     }
     case StyleV2ControlType: {
       const value = prop;
-      return value.flatMap((value2) => getSwatchIds(descriptor.config.type, value2.value));
+      return (_b = value == null ? void 0 : value.flatMap((value2) => getSwatchIds(descriptor.config.type, value2.value))) != null ? _b : [];
     }
     case RichTextV2ControlType: {
       let getDescendantSwatchIds = function(descendant) {
@@ -2534,6 +2538,8 @@ function getSwatchIds(descriptor, prop) {
       };
       const descendants = prop;
       const plugins = descriptor.config.plugins;
+      if (isRichTextV1Data(descendants))
+        return [];
       return descendants.flatMap((d) => getDescendantSwatchIds(d));
     }
     case ShapeControlType: {
@@ -3088,6 +3094,7 @@ exports.introspection = introspection;
 exports.isElementReference = isElementReference;
 exports.isNonNullable = isNonNullable;
 exports.isPropControllersHandle = isPropControllersHandle;
+exports.isRichTextV1Data = isRichTextV1Data;
 exports.merge = merge;
 exports.mergeSlotData = mergeSlotData;
 exports.parseLocalesInput = parseLocalesInput;