@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e5fb3bd

package/dist/esm/runtimes/react/controls/rich-text/EditableText/useSyncDOMSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/useSyncDOMSelection.tsx"],"sourcesContent":["import { ReactEditor } from 'slate-react'\nimport { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\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"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAiB,SAAS,kBAAkB;AAC5C,SAAS,iCAAiC;AAOnC,SAAS,oBAAoB,QAAgB,WAAoB;AACtE,4BAA0B,MAAM;AAC9B,QAAI,CAAC,aAAa,OAAO,aAAa,QAAQ,YAAY,UAAU,MAAM;AAAG;AAC7E,QAAI;AACF,YAAM,OAAO,YAAY,yBAAyB,MAAM;AACxD,YAAM,eAAe,KAAK,aAAa;AACvC,YAAM,cAA4B,YAAY,WAAW,QAAQ,OAAO,SAAS;AAEjF,UAAI,aAAa;AACf,YAAI,WAAW,WAAW,OAAO,SAAU,GAAG;AAC5C,wBAAc;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,UACd;AAAA,QACF,OAAO;AACL,wBAAc;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF,OAAO;AACL,sBAAc,gBAAgB;AAAA,MAChC;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,CAAC;AAAA,IACjB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/EditableText/useSyncWithBuilder.js

@@ -0,0 +1,35 @@
+import { useState, useEffect, useCallback } from "react";
+import { useIsInBuilder } from "../../../../../react";
+import { richTextDTOtoDAO, richTextDTOtoSelection } from "../../../../../controls";
+import deepEqual from "../../../../../utils/deepEqual";
+const COMMIT_DEBOUNCE_DELAY = 500;
+function useSyncWithBuilder(editor, text) {
+  const [shouldCommit, setShouldCommit] = useState(true);
+  const isInBuilder = useIsInBuilder();
+  useEffect(() => {
+    if (shouldCommit && text && isInBuilder) {
+      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), []);
+}
+export {
+  useSyncWithBuilder
+};
+//# sourceMappingURL=useSyncWithBuilder.js.map

package/dist/esm/runtimes/react/controls/rich-text/EditableText/useSyncWithBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/useSyncWithBuilder.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { Editor } from 'slate'\nimport { useIsInBuilder } from '../../../../../react'\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  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"],"mappings":"AAAA,SAAS,UAAU,WAAW,mBAAmB;AAEjD,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB,8BAA8B;AAEzD,OAAO,eAAe;AAEtB,MAAM,wBAAwB;AAMvB,SAAS,mBAAmB,QAAgB,MAAsB;AACvE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AACrD,QAAM,cAAc,eAAe;AAEnC,YAAU,MAAM;AACd,QAAI,gBAAgB,QAAQ,aAAa;AACvC,YAAM,YAAY,iBAAiB,IAAI;AACvC,YAAM,gBAAgB,uBAAuB,IAAI;AACjD,UAAI,CAAC,UAAU,OAAO,UAAU,SAAS,KAAK,CAAC,UAAU,OAAO,WAAW,aAAa,GAAG;AACzF,eAAO,WAAW;AAClB,eAAO,YAAY;AACnB,eAAO,SAAS;AAAA,MAClB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,IAAI,CAAC;AAE/B,YAAU,MAAM;AACd,QAAI;AAAc;AAElB,UAAM,YAAY,OAAO,WAAW,MAAM;AACxC,sBAAgB,IAAI;AAAA,IACtB,GAAG,qBAAqB;AAExB,WAAO,MAAM;AACX,aAAO,aAAa,SAAS;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO,YAAY,MAAM,gBAAgB,KAAK,GAAG,CAAC,CAAC;AACrD;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/ReadOnlyText.js

@@ -0,0 +1,202 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { cx } from "@emotion/css";
+import { forwardRef } from "react";
+import { useResponsiveStyle } from "../../../../components/utils/responsive-style";
+import { richTextDTOtoDAO } from "../../../../controls";
+import { InlineType, BlockType } from "../../../../slate";
+import { useStyle } from "../../use-style";
+import useEnhancedTypography, { useTypographyClassName } from "../typography";
+import { Link } from "../../../../components/shared/Link";
+const ReadOnlyText = forwardRef(function ReadOnlyText2({ id, text, width, margin }, ref) {
+  const descendants = text == null ? [] : richTextDTOtoDAO(text);
+  const descendantsAsString = getText(descendants);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id,
+      style: {
+        /**
+         * These are the default styles that Slate uses for its editable div.
+         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx
+         * Search for `disableDefaultStyles`
+         */
+        position: "relative",
+        whiteSpace: "pre-wrap",
+        wordWrap: "break-word"
+      },
+      className: cx(width, margin),
+      children: descendantsAsString === "" ? /* @__PURE__ */ jsx(Placeholder, {}) : /* @__PURE__ */ jsx(Descendants, { descendants })
+    }
+  );
+});
+var ReadOnlyText_default = ReadOnlyText;
+function Placeholder({ text = "Write some text..." }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: useStyle({
+        display: "inline-block",
+        width: 0,
+        maxWidth: "100%",
+        whiteSpace: "nowrap",
+        opacity: 0.333,
+        verticalAlign: "text-top"
+      }),
+      children: text
+    }
+  );
+}
+function TextElement({ descendant }) {
+  const enhancedTypography = useEnhancedTypography(descendant.typography);
+  const typographyClassName = useTypographyClassName(enhancedTypography);
+  return /* @__PURE__ */ jsx("span", { className: typographyClassName, children: descendant.text === "" ? "\uFEFF" : descendant.text });
+}
+function InlineElement({ descendant }) {
+  const linkClassName = useStyle({ textDecoration: "none" });
+  switch (descendant.type) {
+    case InlineType.Code:
+      return /* @__PURE__ */ jsx("code", { children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case InlineType.SuperScript:
+      return /* @__PURE__ */ jsx("sup", { children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case InlineType.SubScript:
+      return /* @__PURE__ */ jsx("sub", { children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(Link, { className: linkClassName, link: descendant.link ?? void 0, children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+  }
+}
+function BlockElement({ descendant }) {
+  const blockStyles = [
+    useStyle({ margin: 0 }),
+    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = "left"]) => ({ textAlign })))
+  ];
+  const quoteStyle = useStyle({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  switch (descendant.type) {
+    case BlockType.Default:
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsx("p", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsx("h1", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsx("h2", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsx("h3", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsx("h4", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsx("h5", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsx("h6", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", { className: cx(...blockStyles, quoteStyle), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", { className: cx(...blockStyles), style: { listStylePosition: "inside" }, children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", { className: cx(...blockStyles), style: { listStylePosition: "inside" }, children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", { className: cx(...blockStyles), children: /* @__PURE__ */ jsx(Descendants, { descendants: descendant.children }) });
+    default:
+      return null;
+  }
+}
+function isText(node) {
+  if (typeof node === "object" && "text" in node)
+    return true;
+  return false;
+}
+function Descendants({ descendants }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: descendants.map((descendant, index) => {
+    if (isText(descendant)) {
+      return /* @__PURE__ */ jsx(TextElement, { descendant }, index);
+    }
+    switch (descendant.type) {
+      case InlineType.Link:
+      case InlineType.Code:
+      case InlineType.SubScript:
+      case InlineType.SuperScript:
+        return /* @__PURE__ */ jsx(InlineElement, { descendant }, index);
+      case BlockType.Heading1:
+      case BlockType.Heading2:
+      case BlockType.Heading3:
+      case BlockType.Heading4:
+      case BlockType.Heading5:
+      case BlockType.Heading6:
+      case BlockType.BlockQuote:
+      case BlockType.Paragraph:
+      case BlockType.Default:
+      case BlockType.OrderedList:
+      case BlockType.UnorderedList:
+      case BlockType.ListItem:
+      case BlockType.ListItemChild:
+        return /* @__PURE__ */ jsx(BlockElement, { descendant }, index);
+      default:
+        return null;
+    }
+  }) });
+}
+function isBlock(descendant) {
+  if ("text" in descendant)
+    return false;
+  switch (descendant.type) {
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.Heading4:
+    case BlockType.Heading5:
+    case BlockType.Heading6:
+    case BlockType.BlockQuote:
+    case BlockType.Paragraph:
+    case BlockType.Default:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return true;
+    default:
+      return false;
+  }
+}
+function getTextByDescendant(descendant) {
+  if ("text" in descendant) {
+    return descendant.text ?? "";
+  }
+  switch (descendant.type) {
+    case InlineType.Link:
+    case InlineType.Code:
+    case InlineType.SubScript:
+    case InlineType.SuperScript:
+      return descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join("") ?? "";
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.Heading4:
+    case BlockType.Heading5:
+    case BlockType.Heading6:
+    case BlockType.BlockQuote:
+    case BlockType.Paragraph:
+    case BlockType.Default:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join(descendant.children.every(isBlock) ? "\n" : "") ?? "";
+    default:
+      return "";
+  }
+}
+function getText(descendant) {
+  return descendant.map(getTextByDescendant).join("\n");
+}
+export {
+  BlockElement,
+  TextElement,
+  ReadOnlyText_default as default
+};
+//# sourceMappingURL=ReadOnlyText.js.map

package/dist/esm/runtimes/react/controls/rich-text/ReadOnlyText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant, Text } from 'slate'\nimport { useResponsiveStyle } from '../../../../components/utils/responsive-style'\nimport { richTextDTOtoDAO } from '../../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../../prop-controllers/descriptors'\nimport { Inline, InlineType, Block, BlockType } from '../../../../slate'\nimport { useStyle } from '../../use-style'\nimport useEnhancedTypography, { useTypographyClassName } from '../typography'\nimport { Link } from '../../../../components/shared/Link'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst ReadOnlyText = forwardRef(function ReadOnlyText(\n  { id, text, width, margin }: Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descendants = text == null ? [] : richTextDTOtoDAO(text)\n  const descendantsAsString = getText(descendants)\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      style={{\n        /**\n         * These are the default styles that Slate uses for its editable div.\n         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx\n         * Search for `disableDefaultStyles`\n         */\n        position: 'relative',\n        whiteSpace: 'pre-wrap',\n        wordWrap: 'break-word',\n      }}\n      className={cx(width, margin)}\n    >\n      {descendantsAsString === '' ? <Placeholder /> : <Descendants descendants={descendants} />}\n    </div>\n  )\n})\n\nexport default ReadOnlyText\n\nfunction Placeholder({ text = 'Write some text...' }: { text?: string }) {\n  return (\n    <span\n      className={useStyle({\n        display: 'inline-block',\n        width: 0,\n        maxWidth: '100%',\n        whiteSpace: 'nowrap',\n        opacity: 0.333,\n        verticalAlign: 'text-top',\n      })}\n    >\n      {text}\n    </span>\n  )\n}\n\nexport interface TextProps {\n  descendant: Text\n}\n\nexport function TextElement({ descendant }: TextProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return (\n    <span className={typographyClassName}>\n      {descendant.text === '' ? '\\uFEFF' : descendant.text}\n    </span>\n  )\n}\n\nexport interface InlineProps {\n  descendant: Inline\n}\n\nfunction InlineElement({ descendant }: InlineProps) {\n  const linkClassName = useStyle({ textDecoration: 'none' })\n\n  switch (descendant.type) {\n    case InlineType.Code:\n      return (\n        <code>\n          <Descendants descendants={descendant.children} />\n        </code>\n      )\n\n    case InlineType.SuperScript:\n      return (\n        <sup>\n          <Descendants descendants={descendant.children} />\n        </sup>\n      )\n\n    case InlineType.SubScript:\n      return (\n        <sub>\n          <Descendants descendants={descendant.children} />\n        </sub>\n      )\n\n    case InlineType.Link:\n      return (\n        <Link className={linkClassName} link={descendant.link ?? undefined}>\n          <Descendants descendants={descendant.children} />\n        </Link>\n      )\n  }\n}\n\nexport interface BlockProps {\n  descendant: Block\n}\n\nexport function BlockElement({ descendant }: BlockProps) {\n  const blockStyles = [\n    useStyle({ margin: 0 }),\n    useStyle(useResponsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n  const quoteStyle = 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 (descendant.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote className={cx(...blockStyles, quoteStyle)}>\n          <Descendants descendants={descendant.children} />\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul className={cx(...blockStyles)} style={{ listStylePosition: 'inside' }}>\n          <Descendants descendants={descendant.children} />\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span className={cx(...blockStyles)}>\n          <Descendants descendants={descendant.children} />\n        </span>\n      )\n    default:\n      return null\n  }\n}\n\n// reimplemented from slate source for code splitting\nfunction isText(node: any): node is Text {\n  if (typeof node === 'object' && 'text' in node) return true\n\n  return false\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if (isText(descendant)) {\n          return <TextElement key={index} descendant={descendant} />\n        }\n\n        switch (descendant.type) {\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement key={index} descendant={descendant} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.Heading4:\n          case BlockType.Heading5:\n          case BlockType.Heading6:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.Default:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement key={index} descendant={descendant} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n\nfunction isBlock(descendant: Descendant): descendant is Block {\n  if ('text' in descendant) return false\n\n  switch (descendant.type) {\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return true\n\n    default:\n      return false\n  }\n}\n\nfunction getTextByDescendant(descendant: Descendant): string {\n  if ('text' in descendant) {\n    return descendant.text ?? ''\n  }\n\n  switch (descendant.type) {\n    case InlineType.Link:\n    case InlineType.Code:\n    case InlineType.SubScript:\n    case InlineType.SuperScript:\n      return descendant.children.map(descendant => getTextByDescendant(descendant)).join('') ?? ''\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\n    case BlockType.BlockQuote:\n    case BlockType.Paragraph:\n    case BlockType.Default:\n    case BlockType.OrderedList:\n    case BlockType.UnorderedList:\n    case BlockType.ListItem:\n    case BlockType.ListItemChild:\n      return (\n        descendant.children\n          .map(descendant => getTextByDescendant(descendant))\n          .join(descendant.children.every(isBlock) ? '\\n' : '') ?? ''\n      )\n    default:\n      return ''\n  }\n}\n\nfunction getText(descendant: Descendant[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"mappings":"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","names":["ReadOnlyText","descendant"]}

package/dist/esm/runtimes/react/controls/rich-text/components/Element/block.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "@emotion/css";
+import { useResponsiveStyle } from "../../../../../../components/utils/responsive-style";
+import { BlockType } from "../../../../../../slate";
+import { useStyle } from "../../../../use-style";
+function BlockElement({ element, attributes, children }) {
+  const blockStyles = [
+    useStyle({ margin: 0 }),
+    useStyle(useResponsiveStyle([element.textAlign], ([textAlign = "left"]) => ({ textAlign })))
+  ];
+  const quoteStyles = useStyle({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  switch (element.type) {
+    case BlockType.Default:
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsx("p", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsx("h1", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsx("h2", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsx("h3", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsx("h4", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsx("h5", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsx("h6", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", { ...attributes, className: cx(...blockStyles, quoteStyles), children });
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", { ...attributes, className: cx(...blockStyles), style: { listStylePosition: "inside" }, children });
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", { ...attributes, className: cx(...blockStyles), style: { listStylePosition: "inside" }, children });
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", { ...attributes, className: cx(...blockStyles), children });
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", { ...attributes, className: cx(...blockStyles), children });
+  }
+}
+export {
+  BlockElement
+};
+//# sourceMappingURL=block.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Element/block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Element/block.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { useResponsiveStyle } from '../../../../../../components/utils/responsive-style'\nimport { Block, BlockType } from '../../../../../../slate'\nimport { useStyle } from '../../../../use-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(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.Default:\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}\n"],"mappings":"AA2BQ;AA3BR,SAAS,UAAU;AAEnB,SAAS,0BAA0B;AACnC,SAAgB,iBAAiB;AACjC,SAAS,gBAAgB;AAMlB,SAAS,aAAa,EAAE,SAAS,YAAY,SAAS,GAA6B;AACxF,QAAM,cAAc;AAAA,IAClB,SAAS,EAAE,QAAQ,EAAE,CAAC;AAAA,IACtB,SAAS,mBAAmB,CAAC,QAAQ,SAAS,GAAG,CAAC,CAAC,YAAY,MAAM,OAAO,EAAE,UAAU,EAAE,CAAC;AAAA,EAC7F;AAEA,QAAM,cAAc,SAAS;AAAA,IAC3B,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd,CAAC;AAED,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AACb,aACE,oBAAC,OAAG,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC5C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,gBAAY,GAAG,YAAY,WAAW,GAAG,GAAG,aAAa,WAAW,GAClE,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAAG,OAAO,EAAE,mBAAmB,SAAS,GACrF,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAAG,OAAO,EAAE,mBAAmB,SAAS,GACrF,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,QAAI,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC7C,UACH;AAAA,IAEJ,KAAK,UAAU;AACb,aACE,oBAAC,UAAM,GAAG,YAAY,WAAW,GAAG,GAAG,WAAW,GAC/C,UACH;AAAA,EAEN;AACF;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/Element/element.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { BlockElement } from "./block";
+import { InlineElement } from "./inline";
+import { BlockType, InlineType } from "../../../../../../slate/types";
+function Element({ element, ...props }) {
+  switch (element.type) {
+    case InlineType.Code:
+    case InlineType.SuperScript:
+    case InlineType.SubScript:
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(InlineElement, { element, ...props });
+    case BlockType.Default:
+    case BlockType.Paragraph:
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.Heading4:
+    case BlockType.Heading5:
+    case BlockType.Heading6:
+    case BlockType.BlockQuote:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx(BlockElement, { element, ...props });
+    default:
+      return /* @__PURE__ */ jsx("span", { ...props.attributes, children: props.children });
+  }
+}
+export {
+  Element
+};
+//# sourceMappingURL=element.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Element/element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Element/element.tsx"],"sourcesContent":["import { RenderElementProps } from 'slate-react'\nimport { BlockElement } from './block'\nimport { InlineElement } from './inline'\nimport { BlockType, InlineType } from '../../../../../../slate/types'\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.Default:\n    case BlockType.Paragraph:\n    case BlockType.Heading1:\n    case BlockType.Heading2:\n    case BlockType.Heading3:\n    case BlockType.Heading4:\n    case BlockType.Heading5:\n    case BlockType.Heading6:\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"],"mappings":"AAWa;AAVb,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,WAAW,kBAAkB;AAE/B,SAAS,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAuB;AACjE,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,WAAW;AAAA,IAChB,KAAK,WAAW;AAAA,IAChB,KAAK,WAAW;AAAA,IAChB,KAAK,WAAW;AACd,aAAO,oBAAC,iBAAc,SAAmB,GAAG,OAAO;AAAA,IACrD,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AAAA,IACf,KAAK,UAAU;AACb,aAAO,oBAAC,gBAAa,SAAmB,GAAG,OAAO;AAAA,IACpD;AACE,aAAO,oBAAC,UAAM,GAAG,MAAM,YAAa,gBAAM,UAAS;AAAA,EACvD;AACF;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/Element/index.js

@@ -0,0 +1,2 @@
+export * from "./element";
+//# sourceMappingURL=index.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Element/index.ts"],"sourcesContent":["export * from './element'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/Element/inline.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "@emotion/css";
+import { InlineType } from "../../../../../../slate/types";
+import { useStyle } from "../../../../use-style";
+import { Link } from "../../../../../../components/shared/Link";
+function StyledLink({ className, ...restOfProps }) {
+  return /* @__PURE__ */ jsx(Link, { ...restOfProps, className: cx(useStyle({ textDecoration: "none" }), className) });
+}
+function InlineElement({ element, attributes, children }) {
+  switch (element.type) {
+    case InlineType.Code:
+      return /* @__PURE__ */ jsx("code", { ...attributes, children });
+    case InlineType.SuperScript:
+      return /* @__PURE__ */ jsx("sup", { ...attributes, children });
+    case InlineType.SubScript:
+      return /* @__PURE__ */ jsx("sub", { ...attributes, children });
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(StyledLink, { ...attributes, link: element.link ?? void 0, children });
+  }
+}
+export {
+  InlineElement
+};
+//# sourceMappingURL=inline.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Element/inline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Element/inline.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { RenderElementProps } from 'slate-react'\nimport { Inline, InlineType } from '../../../../../../slate/types'\nimport { useStyle } from '../../../../use-style'\nimport { Link } from '../../../../../../components/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 ?? undefined}>\n          {children}\n        </StyledLink>\n      )\n  }\n}\n"],"mappings":"AAQS;AART,SAAS,UAAU;AAGnB,SAAiB,kBAAkB;AACnC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAErB,SAAS,WAAW,EAAE,WAAW,GAAG,YAAY,GAA0C;AACxF,SAAO,oBAAC,QAAM,GAAG,aAAa,WAAW,GAAG,SAAS,EAAE,gBAAgB,OAAO,CAAC,GAAG,SAAS,GAAG;AAChG;AAMO,SAAS,cAAc,EAAE,SAAS,YAAY,SAAS,GAA6B;AACzF,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK,WAAW;AACd,aAAO,oBAAC,UAAM,GAAG,YAAa,UAAS;AAAA,IACzC,KAAK,WAAW;AACd,aAAO,oBAAC,SAAK,GAAG,YAAa,UAAS;AAAA,IACxC,KAAK,WAAW;AACd,aAAO,oBAAC,SAAK,GAAG,YAAa,UAAS;AAAA,IACxC,KAAK,WAAW;AACd,aACE,oBAAC,cAAY,GAAG,YAAY,MAAM,QAAQ,QAAQ,QAC/C,UACH;AAAA,EAEN;AACF;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/Leaf/index.js

@@ -0,0 +1,2 @@
+export * from "./leaf";
+//# sourceMappingURL=index.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Leaf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Leaf/index.ts"],"sourcesContent":["export * from './leaf'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/Leaf/leaf.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import useEnhancedTypography, { useTypographyClassName } from "../../../typography";
+function Leaf({ leaf, ...props }) {
+  const enhancedTypography = useEnhancedTypography(leaf.typography);
+  const typographyClassName = useTypographyClassName(enhancedTypography);
+  return /* @__PURE__ */ jsx("span", { ...props.attributes, className: typographyClassName, children: props.children });
+}
+export {
+  Leaf
+};
+//# sourceMappingURL=leaf.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/Leaf/leaf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/runtimes/react/controls/rich-text/components/Leaf/leaf.tsx"],"sourcesContent":["import { RenderLeafProps } from 'slate-react'\nimport useEnhancedTypography, { useTypographyClassName } from '../../../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"],"mappings":"AAWI;AAVJ,OAAO,yBAAyB,8BAA8B;AAEvD,SAAS,KAAK,EAAE,MAAM,GAAG,MAAM,GAAoB;AAExD,QAAM,qBAAqB,sBAAsB,KAAK,UAAU;AAGhE,QAAM,sBAAsB,uBAAuB,kBAAkB;AAErE,SACE,oBAAC,UAAM,GAAG,MAAM,YAAY,WAAW,qBACpC,gBAAM,UACT;AAEJ;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/components/index.js

@@ -0,0 +1,3 @@
+export * from "./Element";
+export * from "./Leaf";
+//# sourceMappingURL=index.js.map

package/dist/esm/runtimes/react/controls/rich-text/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/components/index.ts"],"sourcesContent":["export * from './Element'\nexport * from './Leaf'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/index.js

@@ -0,0 +1,2 @@
+export * from "./rich-text";
+//# sourceMappingURL=index.js.map

package/dist/esm/runtimes/react/controls/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text/index.ts"],"sourcesContent":["export * from './rich-text'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/runtimes/react/controls/rich-text/rich-text.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { lazy, useCallback } from "react";
+import {
+  isPropControllersHandle
+} from "../../../../state/modules/prop-controller-handles";
+import { useIsPreview } from "../../hooks/use-is-preview";
+const EditableText = lazy(() => import("./EditableText"));
+const ReadOnlyText = lazy(() => import("./ReadOnlyText"));
+function useRichText(data, control) {
+  const textCallbackRef = useCallback(
+    (handle) => {
+      if (isPropControllersHandle(handle))
+        handle?.setPropControllers?.(control == null ? null : { text: control });
+    },
+    [control]
+  );
+  const isPreview = useIsPreview();
+  return isPreview ? /* @__PURE__ */ jsx(EditableText, { text: data, ref: textCallbackRef }) : /* @__PURE__ */ jsx(ReadOnlyText, { text: data, ref: textCallbackRef });
+}
+export {
+  useRichText
+};
+//# sourceMappingURL=rich-text.js.map

package/dist/esm/runtimes/react/controls/rich-text/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/controls/rich-text/rich-text.tsx"],"sourcesContent":["import { ReactNode, lazy, useCallback } from 'react'\nimport {\n  RichTextControl,\n  RichTextControlData,\n  RichTextControlDefinition,\n} from '../../../../controls/rich-text'\nimport {\n  isPropControllersHandle,\n  PropControllersHandle,\n} from '../../../../state/modules/prop-controller-handles'\nimport { useIsPreview } from '../../hooks/use-is-preview'\n\nconst EditableText = lazy(() => import('./EditableText'))\nconst ReadOnlyText = lazy(() => import('./ReadOnlyText'))\n\nexport type RichTextControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextControlDefinition }\n\nexport function useRichText(data: RichTextControlData, control: RichTextControl | null) {\n  const textCallbackRef = useCallback(\n    (handle: PropControllersHandle<Descriptors> | HTMLDivElement | null) => {\n      if (isPropControllersHandle(handle))\n        handle?.setPropControllers?.(control == null ? null : { text: control })\n    },\n    [control],\n  )\n\n  const isPreview = useIsPreview()\n\n  return isPreview ? (\n    <EditableText text={data} ref={textCallbackRef} />\n  ) : (\n    <ReadOnlyText text={data} ref={textCallbackRef} />\n  )\n}\n"],"mappings":"AA+BI;AA/BJ,SAAoB,MAAM,mBAAmB;AAM7C;AAAA,EACE;AAAA,OAEK;AACP,SAAS,oBAAoB;AAE7B,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AAMjD,SAAS,YAAY,MAA2B,SAAiC;AACtF,QAAM,kBAAkB;AAAA,IACtB,CAAC,WAAuE;AACtE,UAAI,wBAAwB,MAAM;AAChC,gBAAQ,qBAAqB,WAAW,OAAO,OAAO,EAAE,MAAM,QAAQ,CAAC;AAAA,IAC3E;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,YAAY,aAAa;AAE/B,SAAO,YACL,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB,IAEhD,oBAAC,gBAAa,MAAM,MAAM,KAAK,iBAAiB;AAEpD;","names":[]}