@makeswift/runtime 0.7.13 → 0.7.15

package/dist/ReadOnlyText.cjs.js

@@ -7,8 +7,8 @@ require("slate");
 require("slate-react");
 var next = require("./index.cjs.js");
 var index = require("./index.cjs3.js");
-var typography = require("./typography.cjs.js");
 var jsxRuntime = require("react/jsx-runtime");
+var leaf = require("./leaf.cjs.js");
 require("./actions.cjs.js");
 require("use-sync-external-store/shim/with-selector");
 require("next/dynamic");
@@ -44,12 +44,13 @@ const ReadOnlyText = React.forwardRef(function ReadOnlyText2({
   width,
   margin
 }, ref) {
-  const descendants = text == null ? "" : richText.richTextDTOtoDAO(text);
+  const descendants = text == null ? [] : richText.richTextDTOtoDAO(text);
+  const descendantsAsString = getText(descendants);
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ref,
     id,
     className: css.cx(width, margin),
-    children: descendants === "" ? /* @__PURE__ */ jsxRuntime.jsx(Placeholder, {}) : /* @__PURE__ */ jsxRuntime.jsx(Descendants, {
+    children: descendantsAsString === "" ? /* @__PURE__ */ jsxRuntime.jsx(Placeholder, {}) : /* @__PURE__ */ jsxRuntime.jsx(Descendants, {
       descendants
     })
   });
@@ -72,18 +73,11 @@ function Placeholder({
 function TextElement({
   descendant
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    children: descendant.text
-  });
-}
-function TypographyElement({
-  descendant
-}) {
-  const enhancedTypography = typography.useEnhancedTypography(descendant.typography);
-  const typographyClassName = typography.useTypographyClassName(enhancedTypography);
+  const enhancedTypography = leaf.useEnhancedTypography(descendant.typography);
+  const typographyClassName = leaf.useTypographyClassName(enhancedTypography);
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
     className: typographyClassName,
-    children: descendant.text
+    children: descendant.text === "" ? "\uFEFF" : descendant.text
   });
 }
 function InlineElement({
@@ -231,23 +225,20 @@ function Descendants({
   descendants
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: descendants.map((d) => {
-      switch (d.type) {
-        case richText.TextType.Typography:
-          return /* @__PURE__ */ jsxRuntime.jsx(TypographyElement, {
-            descendant: d
-          });
-        case richText.TextType.Text:
-          return /* @__PURE__ */ jsxRuntime.jsx(TextElement, {
-            descendant: d
-          });
+    children: descendants.map((descendant, index2) => {
+      if ("text" in descendant) {
+        return /* @__PURE__ */ jsxRuntime.jsx(TextElement, {
+          descendant
+        }, index2);
+      }
+      switch (descendant.type) {
         case richText.InlineType.Link:
         case richText.InlineType.Code:
         case richText.InlineType.SubScript:
         case richText.InlineType.SuperScript:
           return /* @__PURE__ */ jsxRuntime.jsx(InlineElement, {
-            descendant: d
-          });
+            descendant
+          }, index2);
         case richText.BlockType.Heading1:
         case richText.BlockType.Heading2:
         case richText.BlockType.Heading3:
@@ -258,16 +249,61 @@ function Descendants({
         case richText.BlockType.ListItem:
         case richText.BlockType.ListItemChild:
           return /* @__PURE__ */ jsxRuntime.jsx(BlockElement, {
-            descendant: d
-          });
+            descendant
+          }, index2);
         default:
           return null;
       }
     })
   });
 }
+function isBlock(descendant) {
+  if ("text" in descendant)
+    return false;
+  switch (descendant.type) {
+    case richText.BlockType.Heading1:
+    case richText.BlockType.Heading2:
+    case richText.BlockType.Heading3:
+    case richText.BlockType.BlockQuote:
+    case richText.BlockType.Paragraph:
+    case richText.BlockType.OrderedList:
+    case richText.BlockType.UnorderedList:
+    case richText.BlockType.ListItem:
+    case richText.BlockType.ListItemChild:
+      return true;
+    default:
+      return false;
+  }
+}
+function getTextByDescendant(descendant) {
+  var _a, _b, _c;
+  if ("text" in descendant) {
+    return (_a = descendant.text) != null ? _a : "";
+  }
+  switch (descendant.type) {
+    case richText.InlineType.Link:
+    case richText.InlineType.Code:
+    case richText.InlineType.SubScript:
+    case richText.InlineType.SuperScript:
+      return (_b = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join("")) != null ? _b : "";
+    case richText.BlockType.Heading1:
+    case richText.BlockType.Heading2:
+    case richText.BlockType.Heading3:
+    case richText.BlockType.BlockQuote:
+    case richText.BlockType.Paragraph:
+    case richText.BlockType.OrderedList:
+    case richText.BlockType.UnorderedList:
+    case richText.BlockType.ListItem:
+    case richText.BlockType.ListItemChild:
+      return (_c = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join(descendant.children.every(isBlock) ? "\n" : "")) != null ? _c : "";
+    default:
+      return "";
+  }
+}
+function getText(descendant) {
+  return descendant.map(getTextByDescendant).join("\n");
+}
 exports.BlockElement = BlockElement;
 exports.TextElement = TextElement;
-exports.TypographyElement = TypographyElement;
 exports["default"] = ReadOnlyText;
 //# sourceMappingURL=ReadOnlyText.cjs.js.map

package/dist/ReadOnlyText.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant } from 'slate'\nimport {\n  Block,\n  BlockType,\n  Inline,\n  InlineType,\n  richTextDTOtoDAO,\n  Text,\n  TextType,\n  TypographyText,\n} from '../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { responsiveStyle } from '../../utils/responsive-style'\nimport useEnhancedTypography, { useTypographyClassName } from './components/Leaf/typography'\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  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendants === '' ? <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  return <span>{descendant.text}</span>\n}\n\nexport interface TypographyProps {\n  descendant: TypographyText\n}\n\nexport function TypographyElement({ descendant }: TypographyProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return <span className={typographyClassName}>{descendant.text}</span>\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}>\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(responsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (descendant.type) {\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\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          <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  }\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map(d => {\n        switch (d.type) {\n          case TextType.Typography:\n            return <TypographyElement descendant={d} />\n          case TextType.Text:\n            return <TextElement descendant={d} />\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement descendant={d} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement descendant={d} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","responsiveStyle","textAlign","BlockType","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","_Fragment","map","d","TextType","Typography","Text"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.cjs.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport {\n  Block,\n  BlockType,\n  Inline,\n  InlineType,\n  richTextDTOtoDAO,\n  Text,\n  Element,\n} from '../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { responsiveStyle } from '../../utils/responsive-style'\nimport { useTypographyClassName } from './components'\nimport useEnhancedTypography from './components/Leaf/leaf'\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 ref={ref} id={id} className={cx(width, margin)}>\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}>\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(responsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (descendant.type) {\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\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          <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  }\n}\n\nfunction Descendants({ descendants }: { descendants: (Element | Text)[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if ('text' in 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.BlockQuote:\n          case BlockType.Paragraph:\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: Element | Text): 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.BlockQuote:\n    case BlockType.Paragraph:\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\n/**\n * I am using `Element | Text` here to ensure that nothing from Slate \n * is imported so that the RichText maintains it's slim bundle size \n */\nfunction getTextByDescendant(descendant: Element | Text): 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.BlockQuote:\n    case BlockType.Paragraph:\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: (Element | Text)[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","responsiveStyle","textAlign","BlockType","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","_Fragment","map","index","getTextByDescendant","join","every","isBlock"],"mappings":"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"}

package/dist/ReadOnlyText.es.js

@@ -1,12 +1,12 @@
 import { cx } from "@emotion/css";
 import { forwardRef } from "react";
-import { ar as richTextDTOtoDAO, av as BlockType, aw as InlineType, au as TextType } from "./rich-text.es.js";
+import { ar as richTextDTOtoDAO, au as BlockType, av as InlineType } from "./rich-text.es.js";
 import "slate";
 import "slate-react";
 import { o as useStyle, r as responsiveStyle } from "./index.es.js";
 import { L as Link } from "./index.es3.js";
-import { u as useEnhancedTypography, a as useTypographyClassName } from "./typography.es.js";
 import { jsx, Fragment } from "react/jsx-runtime";
+import { u as useEnhancedTypography, a as useTypographyClassName } from "./leaf.es.js";
 import "./actions.es.js";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
@@ -42,12 +42,13 @@ const ReadOnlyText = forwardRef(function ReadOnlyText2({
   width,
   margin
 }, ref) {
-  const descendants = text == null ? "" : richTextDTOtoDAO(text);
+  const descendants = text == null ? [] : richTextDTOtoDAO(text);
+  const descendantsAsString = getText(descendants);
   return /* @__PURE__ */ jsx("div", {
     ref,
     id,
     className: cx(width, margin),
-    children: descendants === "" ? /* @__PURE__ */ jsx(Placeholder, {}) : /* @__PURE__ */ jsx(Descendants, {
+    children: descendantsAsString === "" ? /* @__PURE__ */ jsx(Placeholder, {}) : /* @__PURE__ */ jsx(Descendants, {
       descendants
     })
   });
@@ -69,19 +70,12 @@ function Placeholder({
 }
 function TextElement({
   descendant
-}) {
-  return /* @__PURE__ */ jsx("span", {
-    children: descendant.text
-  });
-}
-function TypographyElement({
-  descendant
 }) {
   const enhancedTypography = useEnhancedTypography(descendant.typography);
   const typographyClassName = useTypographyClassName(enhancedTypography);
   return /* @__PURE__ */ jsx("span", {
     className: typographyClassName,
-    children: descendant.text
+    children: descendant.text === "" ? "\uFEFF" : descendant.text
   });
 }
 function InlineElement({
@@ -229,23 +223,20 @@ function Descendants({
   descendants
 }) {
   return /* @__PURE__ */ jsx(Fragment, {
-    children: descendants.map((d) => {
-      switch (d.type) {
-        case TextType.Typography:
-          return /* @__PURE__ */ jsx(TypographyElement, {
-            descendant: d
-          });
-        case TextType.Text:
-          return /* @__PURE__ */ jsx(TextElement, {
-            descendant: d
-          });
+    children: descendants.map((descendant, index) => {
+      if ("text" in 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: d
-          });
+            descendant
+          }, index);
         case BlockType.Heading1:
         case BlockType.Heading2:
         case BlockType.Heading3:
@@ -256,13 +247,59 @@ function Descendants({
         case BlockType.ListItem:
         case BlockType.ListItemChild:
           return /* @__PURE__ */ jsx(BlockElement, {
-            descendant: d
-          });
+            descendant
+          }, index);
         default:
           return null;
       }
     })
   });
 }
-export { BlockElement, TextElement, TypographyElement, ReadOnlyText as default };
+function isBlock(descendant) {
+  if ("text" in descendant)
+    return false;
+  switch (descendant.type) {
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.BlockQuote:
+    case BlockType.Paragraph:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return true;
+    default:
+      return false;
+  }
+}
+function getTextByDescendant(descendant) {
+  var _a, _b, _c;
+  if ("text" in descendant) {
+    return (_a = descendant.text) != null ? _a : "";
+  }
+  switch (descendant.type) {
+    case InlineType.Link:
+    case InlineType.Code:
+    case InlineType.SubScript:
+    case InlineType.SuperScript:
+      return (_b = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join("")) != null ? _b : "";
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.BlockQuote:
+    case BlockType.Paragraph:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return (_c = descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join(descendant.children.every(isBlock) ? "\n" : "")) != null ? _c : "";
+    default:
+      return "";
+  }
+}
+function getText(descendant) {
+  return descendant.map(getTextByDescendant).join("\n");
+}
+export { BlockElement, TextElement, ReadOnlyText as default };
 //# sourceMappingURL=ReadOnlyText.es.js.map

package/dist/ReadOnlyText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { Descendant } from 'slate'\nimport {\n  Block,\n  BlockType,\n  Inline,\n  InlineType,\n  richTextDTOtoDAO,\n  Text,\n  TextType,\n  TypographyText,\n} from '../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { responsiveStyle } from '../../utils/responsive-style'\nimport useEnhancedTypography, { useTypographyClassName } from './components/Leaf/typography'\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  return (\n    <div ref={ref} id={id} className={cx(width, margin)}>\n      {descendants === '' ? <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  return <span>{descendant.text}</span>\n}\n\nexport interface TypographyProps {\n  descendant: TypographyText\n}\n\nexport function TypographyElement({ descendant }: TypographyProps) {\n  const enhancedTypography = useEnhancedTypography(descendant.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n\n  return <span className={typographyClassName}>{descendant.text}</span>\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}>\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(responsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (descendant.type) {\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\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          <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  }\n}\n\nfunction Descendants({ descendants }: { descendants: Descendant[] }) {\n  return (\n    <>\n      {descendants.map(d => {\n        switch (d.type) {\n          case TextType.Typography:\n            return <TypographyElement descendant={d} />\n          case TextType.Text:\n            return <TextElement descendant={d} />\n          case InlineType.Link:\n          case InlineType.Code:\n          case InlineType.SubScript:\n          case InlineType.SuperScript:\n            return <InlineElement descendant={d} />\n          case BlockType.Heading1:\n          case BlockType.Heading2:\n          case BlockType.Heading3:\n          case BlockType.BlockQuote:\n          case BlockType.Paragraph:\n          case BlockType.OrderedList:\n          case BlockType.UnorderedList:\n          case BlockType.ListItem:\n          case BlockType.ListItemChild:\n            return <BlockElement descendant={d} />\n          default:\n            return null\n        }\n      })}\n    </>\n  )\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","responsiveStyle","textAlign","BlockType","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","_Fragment","map","d","TextType","Typography","Text"],"mappings":"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"}
+{"version":3,"file":"ReadOnlyText.es.js","sources":["../src/components/builtin/Text/ReadOnlyText.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { ForwardedRef, forwardRef } from 'react'\nimport {\n  Block,\n  BlockType,\n  Inline,\n  InlineType,\n  richTextDTOtoDAO,\n  Text,\n  Element,\n} from '../../../controls'\nimport type { ElementIDValue, RichTextValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { Link } from '../../shared/Link'\nimport { responsiveStyle } from '../../utils/responsive-style'\nimport { useTypographyClassName } from './components'\nimport useEnhancedTypography from './components/Leaf/leaf'\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 ref={ref} id={id} className={cx(width, margin)}>\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}>\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(responsiveStyle([descendant.textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n  ]\n\n  switch (descendant.type) {\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\n          className={cx(\n            ...blockStyles,\n            useStyle({\n              padding: '0.5em 10px',\n              fontSize: '1.25em',\n              fontWeight: '300',\n              borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n            }),\n          )}\n        >\n          <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  }\n}\n\nfunction Descendants({ descendants }: { descendants: (Element | Text)[] }) {\n  return (\n    <>\n      {descendants.map((descendant, index) => {\n        if ('text' in 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.BlockQuote:\n          case BlockType.Paragraph:\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: Element | Text): 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.BlockQuote:\n    case BlockType.Paragraph:\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\n/**\n * I am using `Element | Text` here to ensure that nothing from Slate \n * is imported so that the RichText maintains it's slim bundle size \n */\nfunction getTextByDescendant(descendant: Element | Text): 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.BlockQuote:\n    case BlockType.Paragraph:\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: (Element | Text)[]): string {\n  return descendant.map(getTextByDescendant).join('\\n')\n}\n"],"names":["ReadOnlyText","forwardRef","id","text","width","margin","ref","descendants","richTextDTOtoDAO","descendantsAsString","getText","cx","_jsx","useStyle","display","maxWidth","whiteSpace","opacity","verticalAlign","descendant","enhancedTypography","useEnhancedTypography","typography","typographyClassName","useTypographyClassName","linkClassName","textDecoration","type","InlineType","Code","children","SuperScript","SubScript","Link","link","blockStyles","responsiveStyle","textAlign","BlockType","Paragraph","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","BlockQuote","padding","fontSize","fontWeight","borderLeft","OrderedList","listStylePosition","UnorderedList","ListItem","ListItemChild","_Fragment","map","index","getTextByDescendant","join","every","isBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBMA,MAAAA,eAAeC,WAAW,uBAC9B;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAOC;AAAAA,GACnBC,KACA;AACMC,QAAAA,cAAcJ,QAAQ,OAAO,CAAA,IAAKK,iBAAiBL,IAAD;AAClDM,QAAAA,sBAAsBC,QAAQH,WAAD;AAGjC,6BAAA,OAAA;AAAA,IAAK;AAAA,IAAU;AAAA,IAAQ,WAAWI,GAAGP,OAAOC,MAAR;AAAA,IACjCI,UAAAA,wBAAwB,KAAKG,oBAAC,aAAD,EAAA,IAAkBA,oBAAC,aAAD;AAAA,MAAa;AAAA,IAAA,CAAb;AAAA,EAAA,CAFpD;AAKD,CAZ8B;AAgB/B,qBAAqB;AAAA,EAAET,OAAO;AAAA,GAA2C;AAErE,6BAAA,QAAA;AAAA,IACE,WAAWU,SAAS;AAAA,MAClBC,SAAS;AAAA,MACTV,OAAO;AAAA,MACPW,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA,CANE;AAAA,IASlBf,UAAAA;AAAAA,EAAAA,CAXL;AAcD;AAM2B,qBAAA;AAAA,EAAEgB;AAAAA,GAAyB;AAC/CC,QAAAA,qBAAqBC,sBAAsBF,WAAWG,UAAZ;AAC1CC,QAAAA,sBAAsBC,uBAAuBJ,kBAAD;AAGhD,6BAAA,QAAA;AAAA,IAAM,WAAWG;AAAAA,IACdJ,UAAAA,WAAWhB,SAAS,KAAK,WAAWgB,WAAWhB;AAAAA,EAAAA,CAFpD;AAKD;AAMD,uBAAuB;AAAA,EAAEgB;AAAAA,GAA2B;AAC5CM,QAAAA,gBAAgBZ,SAAS;AAAA,IAAEa,gBAAgB;AAAA,EAAA,CAAnB;AAEtBP,UAAAA,WAAWQ;AAAAA,SACZC,WAAWC;AAEZ,iCAAA,QAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAaV,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWG;AAEZ,iCAAA,OAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAaZ,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWI;AAEZ,iCAAA,OAAA;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAab,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAMGF,WAAWK;AACd,iCACG,MAAD;AAAA,QAAM,WAAWR;AAAAA,QAAe,MAAMN,WAAWe;AAAAA,QAAjD,8BACG,aAAD;AAAA,UAAa,aAAaf,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA;AAML;AAM4B,sBAAA;AAAA,EAAEX;AAAAA,GAA0B;AACjDgB,QAAAA,cAAc,CAClBtB,SAAS;AAAA,IAAER,QAAQ;AAAA,EAAA,CAAX,GACRQ,SAASuB,gBAAgB,CAACjB,WAAWkB,SAAZ,GAAwB,CAAC,CAACA,YAAY,YAAa;AAAA,IAAEA;AAAAA,EAAAA,EAAtD,CAAhB,CAFU;AAKZlB,UAAAA,WAAWQ;AAAAA,SACZW,UAAUC;AAEX,iCAAA,KAAA;AAAA,QAAG,WAAW5B,GAAG,GAAGwB,WAAJ;AAAA,QAAhB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUE;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAW7B,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUG;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAW9B,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUI;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAW/B,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUK;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWhC,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUM;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWjC,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUO;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWlC,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUQ;AAEX,iCAAA,cAAA;AAAA,QACE,WAAWnC,GACT,GAAGwB,aACHtB,SAAS;AAAA,UACPkC,SAAS;AAAA,UACTC,UAAU;AAAA,UACVC,YAAY;AAAA,UACZC,YAAY;AAAA,QAAA,CAJN,CAFG;AAAA,QADf,8BAWG,aAAD;AAAA,UAAa,aAAa/B,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAZJ;AAAA,SAeGQ,UAAUa;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAWxC,GAAG,GAAGwB,WAAJ;AAAA,QAAkB,OAAO;AAAA,UAAEiB,mBAAmB;AAAA,QAA/D;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAajC,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUe;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAW1C,GAAG,GAAGwB,WAAJ;AAAA,QAAkB,OAAO;AAAA,UAAEiB,mBAAmB;AAAA,QAA/D;AAAA,QAAA,8BACG,aAAD;AAAA,UAAa,aAAajC,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUgB;AAEX,iCAAA,MAAA;AAAA,QAAI,WAAW3C,GAAG,GAAGwB,WAAJ;AAAA,QAAjB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA,SAKGQ,UAAUiB;AAEX,iCAAA,QAAA;AAAA,QAAM,WAAW5C,GAAG,GAAGwB,WAAJ;AAAA,QAAnB,8BACG,aAAD;AAAA,UAAa,aAAahB,WAAWW;AAAAA,QAAAA,CAArC;AAAA,MAAA,CAFJ;AAAA;AAML;AAED,qBAAqB;AAAA,EAAEvB;AAAAA,GAAoD;AAEvE,6BAAAiD,UAAA;AAAA,IACGjD,UAAAA,YAAYkD,IAAI,CAACtC,YAAYuC,UAAU;AAClC,UAAA,UAAUvC,YAAY;AACxB,mCAAQ,aAAD;AAAA,UAAyB;AAAA,WAAPuC,KAAlB;AAAA,MACR;AAEOvC,cAAAA,WAAWQ;AAAAA,aACZC,WAAWK;AAAAA,aACXL,WAAWC;AAAAA,aACXD,WAAWI;AAAAA,aACXJ,WAAWG;AACd,qCAAQ,eAAD;AAAA,YAA2B;AAAA,aAAP2B,KAApB;AAAA,aACJpB,UAAUE;AAAAA,aACVF,UAAUG;AAAAA,aACVH,UAAUI;AAAAA,aACVJ,UAAUQ;AAAAA,aACVR,UAAUC;AAAAA,aACVD,UAAUa;AAAAA,aACVb,UAAUe;AAAAA,aACVf,UAAUgB;AAAAA,aACVhB,UAAUiB;AACb,qCAAQ,cAAD;AAAA,YAA0B;AAAA,aAAPG,KAAnB;AAAA;AAEA,iBAAA;AAAA;AAAA,IAAA,CAtBZ;AAAA,EAAA,CAFL;AA6BD;AAED,iBAAiBvC,YAAiD;AAChE,MAAI,UAAUA;AAAmB,WAAA;AAEzBA,UAAAA,WAAWQ;AAAAA,SACZW,UAAUE;AAAAA,SACVF,UAAUG;AAAAA,SACVH,UAAUI;AAAAA,SACVJ,UAAUQ;AAAAA,SACVR,UAAUC;AAAAA,SACVD,UAAUa;AAAAA,SACVb,UAAUe;AAAAA,SACVf,UAAUgB;AAAAA,SACVhB,UAAUiB;AACN,aAAA;AAAA;AAGA,aAAA;AAAA;AAEZ;AAMD,6BAA6BpC,YAAoC;;AAC3D,MAAA,UAAUA,YAAY;AACxB,WAAOA,iBAAWhB,SAAXgB,YAAmB;AAAA,EAC3B;AAEOA,UAAAA,WAAWQ;AAAAA,SACZC,WAAWK;AAAAA,SACXL,WAAWC;AAAAA,SACXD,WAAWI;AAAAA,SACXJ,WAAWG;AACPZ,aAAAA,iBAAWW,SAAS2B,IAAItC,CAAcwC,gBAAAA,oBAAoBxC,WAAD,CAAzD,EAAuEyC,KAAK,EAA5E,MAAAzC,YAAmF;AAAA,SACvFmB,UAAUE;AAAAA,SACVF,UAAUG;AAAAA,SACVH,UAAUI;AAAAA,SACVJ,UAAUQ;AAAAA,SACVR,UAAUC;AAAAA,SACVD,UAAUa;AAAAA,SACVb,UAAUe;AAAAA,SACVf,UAAUgB;AAAAA,SACVhB,UAAUiB;AAEXpC,aAAAA,iBAAWW,SACR2B,IAAItC,CAAcwC,gBAAAA,oBAAoBxC,WAAD,CADxC,EAEGyC,KAAKzC,WAAWW,SAAS+B,MAAMC,OAA1B,IAAqC,OAAO,EAFpD,MAAA3C,YAE2D;AAAA;AAGtD,aAAA;AAAA;AAEZ;AAED,iBAAiBA,YAAwC;AAChDA,SAAAA,WAAWsC,IAAIE,mBAAf,EAAoCC,KAAK,IAAzC;AACR;;"}

package/dist/controls.cjs.js

@@ -3,7 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 var textInput = require("./text-input.cjs.js");
 var richText = require("./rich-text.cjs.js");
 var combobox = require("./combobox.cjs.js");
-var compare = require("./compare.cjs.js");
 require("./actions.cjs.js");
 require("slate");
 require("slate-react");
@@ -17,6 +16,7 @@ exports.TextArea = textInput.TextArea;
 exports.TextAreaControlType = textInput.TextAreaControlType;
 exports.TextInput = textInput.TextInput;
 exports.TextInputControlType = textInput.TextInputControlType;
+exports.BlockTextAlignment = richText.BlockTextAlignment;
 exports.BlockType = richText.BlockType;
 exports.Color = richText.Color;
 exports.ColorControlType = richText.ColorControlType;
@@ -46,7 +46,6 @@ exports.SlotControlType = richText.SlotControlType;
 exports.Style = richText.Style;
 exports.StyleControlProperty = richText.StyleControlProperty;
 exports.StyleControlType = richText.StyleControlType;
-exports.TextType = richText.TextType;
 exports.copy = richText.copy;
 exports.copyColorData = richText.copyColorData;
 exports.copyImageData = richText.copyImageData;
@@ -61,6 +60,4 @@ exports.richTextDTOtoSelection = richText.richTextDTOtoSelection;
 exports.toSelectionDTO = richText.toSelectionDTO;
 exports.Combobox = combobox.Combobox;
 exports.ComboboxControlType = combobox.ComboboxControlType;
-exports.compareRichTextDAO = compare.compareRichTextDAO;
-exports.compareRichTextSelection = compare.compareRichTextSelection;
 //# sourceMappingURL=controls.cjs.js.map

package/dist/controls.cjs.js.map

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

package/dist/controls.es.js

@@ -1,7 +1,6 @@
 export { b as Checkbox, C as CheckboxControlType, c as Number, N as NumberControlType, d as Select, S as SelectControlType, e as TextArea, T as TextAreaControlType, f as TextInput, a as TextInputControlType } from "./text-input.es.js";
-export { av as BlockType, a2 as Color, C as ColorControlType, a4 as Image, I as ImageControlType, O as ImageControlValueFormat, aw as InlineType, a6 as Link, Q as LinkControlType, a8 as List, aa as ListControl, a9 as ListControlMessageType, L as ListControlType, am as ObjectType, an as RichText, ap as RichTextControl, ao as RichTextControlMessageType, a0 as RichTextControlType, ac as Shape, ae as ShapeControl, ad as ShapeControlMessageType, S as ShapeControlType, ag as Slot, ai as SlotControl, ah as SlotControlMessageType, b as SlotControlType, ak as Style, K as StyleControlProperty, a1 as StyleControlType, au as TextType, a as copy, a3 as copyColorData, a5 as copyImageData, a7 as copyLinkData, ab as copyListData, af as copyShapeData, aj as copySlotData, al as copyStyleData, at as richTextDAOToDTO, ar as richTextDTOtoDAO, aq as richTextDTOtoSelection, as as toSelectionDTO } from "./rich-text.es.js";
+export { aw as BlockTextAlignment, au as BlockType, a2 as Color, C as ColorControlType, a4 as Image, I as ImageControlType, O as ImageControlValueFormat, av as InlineType, a6 as Link, Q as LinkControlType, a8 as List, aa as ListControl, a9 as ListControlMessageType, L as ListControlType, am as ObjectType, an as RichText, ap as RichTextControl, ao as RichTextControlMessageType, a0 as RichTextControlType, ac as Shape, ae as ShapeControl, ad as ShapeControlMessageType, S as ShapeControlType, ag as Slot, ai as SlotControl, ah as SlotControlMessageType, b as SlotControlType, ak as Style, K as StyleControlProperty, a1 as StyleControlType, a as copy, a3 as copyColorData, a5 as copyImageData, a7 as copyLinkData, ab as copyListData, af as copyShapeData, aj as copySlotData, al as copyStyleData, at as richTextDAOToDTO, ar as richTextDTOtoDAO, aq as richTextDTOtoSelection, as as toSelectionDTO } from "./rich-text.es.js";
 export { a as Combobox, C as ComboboxControlType } from "./combobox.es.js";
-export { c as compareRichTextDAO, a as compareRichTextSelection } from "./compare.es.js";
 import "./actions.es.js";
 import "slate";
 import "slate-react";

package/dist/controls.es.js.map

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

package/dist/index.cjs.js

@@ -1002,7 +1002,7 @@ function useCachedSite(siteId) {
   const site = shim.useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot);
   return site;
 }
-const version = "0.7.13";
+const version = "0.7.15";
 class Makeswift {
   constructor(apiKey, { apiOrigin = "https://api.makeswift.com" } = {}) {
     __publicField(this, "apiKey");
@@ -4251,6 +4251,7 @@ exports.forwardNextDynamicRef = forwardNextDynamicRef;
 exports.getServerSideProps = getServerSideProps;
 exports.getStaticPaths = getStaticPaths;
 exports.getStaticProps = getStaticProps;
+exports.pollBoxModel = pollBoxModel;
 exports.responsiveGridItem = responsiveGridItem;
 exports.responsiveStyle = responsiveStyle;
 exports.responsiveTextStyle = responsiveTextStyle;