@makeswift/runtime 0.6.1 → 0.6.3

package/dist/index.es2.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createElement, Children } from "react";
 import { J as useFiles, K as useSwatches, o as useStyle, w as responsiveGridItem, m as useMediaQuery, c as DEFAULT_BOX_ANIMATE_TYPE, f as DEFAULT_ITEM_ANIMATE_TYPE, e as DEFAULT_BOX_ANIMATE_DURATION, d as DEFAULT_BOX_ANIMATE_DELAY, i as DEFAULT_ITEM_STAGGER_DURATION, r as responsiveStyle, s as colorToString } from "./index.es.js";
 import "use-sync-external-store/shim";
-import "./slot.es.js";
+import "./rich-text.es.js";
 import { cx } from "@emotion/css";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { l as isNonNullable, y as getBackgroundsFileIds, z as getBackgroundsSwatchIds } from "./constants.es.js";

package/dist/index.es5.js

@@ -1,139 +1,35 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { U as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, V as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
-import { R as getTypographyStyleSwatchIds, l as isNonNullable } from "./constants.es.js";
-import { cx } from "@emotion/css";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const getDeviceId = ({ deviceId }) => deviceId;
-const withColor = (swatches) => (_a) => {
-  var _b = _a, {
-    value: _c
-  } = _b, _d = _c, { color } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, [
-    "value"
-  ]);
-  return __spreadProps(__spreadValues({}, rest), {
-    value: __spreadValues(__spreadValues({}, restOfValue), color ? {
-      color: {
-        swatch: swatches.find((s) => s && s.id === color.swatchId),
-        alpha: color.alpha
-      }
-    } : {})
-  });
-};
-const overrideTypographyStyle = (source, override) => {
-  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))];
-  return devices.map((deviceId) => ({
-    deviceId,
-    value: __spreadValues(__spreadValues({}, (findDeviceOverride(source, deviceId) || { value: {} }).value), (findDeviceOverride(override, deviceId, (v) => v) || { value: {} }).value)
-  }));
-};
-function useTypographyMark(value) {
-  var _a, _b, _c;
-  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
-  const swatchIds = [
-    ...getTypographyStyleSwatchIds(value == null ? void 0 : value.style),
-    ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)
-  ];
-  const swatches = useSwatches(swatchIds);
-  return overrideTypographyStyle((_b = typography == null ? void 0 : typography.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _b : [], (_c = value == null ? void 0 : value.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _c : []);
-}
-function Mark(_a) {
-  var _b = _a, {
-    value,
-    className
-  } = _b, restOfProps = __objRest(_b, [
-    "value",
-    "className"
-  ]);
-  const typographyStyle = useTypographyMark(value);
-  const typographyClassName = useStyle(responsiveStyle([typographyStyle], ([{
-    color,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    lineHeight,
-    letterSpacing,
-    uppercase,
-    underline,
-    strikethrough,
-    italic
-  } = {}]) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, color == null ? {} : {
-    color: colorToString(color)
-  }), fontFamily == null ? {} : {
-    fontFamily
-  }), fontSize == null || fontSize.value == null || fontSize.unit == null ? {} : {
-    fontSize: `${fontSize.value}${fontSize.unit}`
-  }), fontWeight == null ? {} : {
-    fontWeight
-  }), lineHeight == null ? {} : {
-    lineHeight
-  }), letterSpacing == null ? {} : {
-    letterSpacing: `${letterSpacing / 10}em`
-  }), uppercase == null ? {} : {
-    textTransform: uppercase === true ? "uppercase" : "initial"
-  }), underline == null && strikethrough == null ? {} : {
-    textDecoration: [Boolean(underline) && "underline", Boolean(strikethrough) && "line-through"].filter(Boolean).join(" ")
-  }), italic == null ? {} : {
-    fontStyle: italic === true ? "italic" : "initial"
-  }), shallowMergeFallbacks));
-  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, restOfProps), {
-    className: cx(typographyClassName, className)
-  }));
-}
-var DeviceOverrideBlock = forwardRef(function Block(_c, ref) {
-  var _d = _c, {
-    textAlign,
-    className,
-    as
-  } = _d, restOfProps = __objRest(_d, [
-    "textAlign",
-    "className",
-    "as"
-  ]);
-  const Component = as != null ? as : "div";
-  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    className: cx(useStyle({
-      margin: 0
-    }), useStyle(responsiveStyle([textAlign], ([textAlign2 = "left"]) => ({
-      textAlign: textAlign2
-    }))), useStyle(as === "blockquote" ? {
-      padding: "0.5em 10px",
-      fontSize: "1.25em",
-      fontWeight: "300",
-      borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
-    } : {}), className)
-  }));
-});
-export { DeviceOverrideBlock as D, Mark as M };
+export { default } from "./Text.es.js";
+import "next/dynamic";
+import "react";
+import "./index.es.js";
+import "use-sync-external-store/shim/with-selector";
+import "./constants.es.js";
+import "redux";
+import "redux-thunk";
+import "./actions.es.js";
+import "./rich-text.es.js";
+import "./control.es.js";
+import "@emotion/css";
+import "@emotion/serialize";
+import "@emotion/utils";
+import "react/jsx-runtime";
+import "./text-input.es.js";
+import "./combobox.es.js";
+import "use-sync-external-store/shim";
+import "./types.es.js";
+import "color";
+import "scroll-into-view-if-needed";
+import "./box-models.es.js";
+import "css-box-model";
+import "react-dom";
+import "html-react-parser";
+import "next/head";
+import "@emotion/server/create-instance";
+import "next/document";
+import "cookie";
+import "cors";
+import "http-proxy";
+import "set-cookie-parser";
+import "uuid/v4";
+import "corporate-ipsum";
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/components/builtin/Text/components/RichTextEditor/components/Mark/hooks/useTypographyMark.ts","../src/components/builtin/Text/components/RichTextEditor/components/Mark/index.tsx","../src/components/builtin/Text/components/RichTextEditor/components/Block/index.tsx"],"sourcesContent":["import { Length as LengthValue } from '../../../../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../../../../utils/types'\nimport { findDeviceOverride } from '../../../../../../../utils/devices'\nimport type { DeviceOverride } from '../../../../../../../../prop-controllers'\nimport {\n  useSwatches,\n  useTypography,\n} from '../../../../../../../../runtimes/react/hooks/makeswift-api'\nimport { Swatch, Typography } from '../../../../../../../../api'\nimport { getTypographyStyleSwatchIds } from '../../../../../../../../prop-controllers/introspection'\nimport { isNonNullable } from '../../../../../../../utils/isNonNullable'\n\nexport type TypographyMarkDataValue = {\n  fontWeight?: number\n  fontSize?: LengthValue\n  fontFamily?: string\n  color?: Color\n  textAlign?: string\n  lineHeight?: number\n  letterSpacing?: number\n  uppercase?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n}\n\nexport type TypographyMarkValue = {\n  id: string | null | undefined\n  style: Typography['style']\n}\n\nexport type TypographyMarkData = Array<DeviceOverride<TypographyMarkDataValue>>\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  ({\n    value: { color, ...restOfValue },\n    ...rest\n  }: Typography['style'][number]): DeviceOverride<TypographyMarkDataValue> =>\n    ({\n      ...rest,\n      value: {\n        ...restOfValue,\n        ...(color\n          ? {\n              color: {\n                swatch: swatches.find(s => s && s.id === color.swatchId),\n                alpha: color.alpha,\n              },\n            }\n          : {}),\n      } as TypographyMarkDataValue,\n    } as DeviceOverride<TypographyMarkDataValue>)\n\nexport const overrideTypographyStyle = <A>(\n  source: Array<DeviceOverride<A>>,\n  override: Array<DeviceOverride<A>>,\n): Array<DeviceOverride<A>> => {\n  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))]\n\n  return devices.map(deviceId => ({\n    deviceId,\n    value: {\n      ...(findDeviceOverride(source, deviceId) || { value: {} }).value,\n      ...(findDeviceOverride(override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n\nexport default function useTypographyMark(\n  value: TypographyMarkValue | null | undefined,\n): TypographyMarkData | null | undefined {\n  const typography = useTypography(value?.id ?? null)\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds)\n\n  return overrideTypographyStyle(\n    typography?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n    value?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n  )\n}\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport useTypographyMark, {\n  TypographyMarkValue,\n  overrideTypographyStyle,\n  TypographyMarkDataValue,\n} from './hooks/useTypographyMark'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { shallowMergeFallbacks } from '../../../../../../utils/devices'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers/descriptors'\n\nexport type { TypographyMarkValue }\nexport { overrideTypographyStyle }\n\ntype BaseProps = { value: TypographyMarkValue }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\n\nexport default function Mark({ value, className, ...restOfProps }: Props): JSX.Element {\n  const typographyStyle = useTypographyMark(value)\n  const typographyClassName = useStyle(\n    responsiveStyle<\n      TypographyMarkDataValue,\n      [ResponsiveValue<TypographyMarkDataValue> | null | undefined]\n    >(\n      [typographyStyle],\n      ([\n        {\n          color,\n          fontFamily,\n          fontSize,\n          fontWeight,\n          lineHeight,\n          letterSpacing,\n          uppercase,\n          underline,\n          strikethrough,\n          italic,\n        } = {} as TypographyMarkDataValue,\n      ]) => ({\n        ...(color == null ? {} : { color: colorToString(color) }),\n        ...(fontFamily == null ? {} : { fontFamily }),\n        ...(fontSize == null || fontSize.value == null || fontSize.unit == null\n          ? {}\n          : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(lineHeight == null ? {} : { lineHeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing: `${letterSpacing / 10}em` }),\n        ...(uppercase == null\n          ? {}\n          : { textTransform: uppercase === true ? 'uppercase' : 'initial' }),\n        ...(underline == null && strikethrough == null\n          ? {}\n          : {\n              textDecoration: [\n                Boolean(underline) && 'underline',\n                Boolean(strikethrough) && 'line-through',\n              ]\n                .filter(Boolean)\n                .join(' '),\n            }),\n        ...(italic == null ? {} : { fontStyle: italic === true ? 'italic' : 'initial' }),\n      }),\n      shallowMergeFallbacks,\n    ),\n  )\n\n  return <span {...restOfProps} className={cx(typographyClassName, className)} />\n}\n","import { cx } from '@emotion/css'\nimport { forwardRef, ComponentPropsWithoutRef, ForwardedRef, ElementRef, ElementType } from 'react'\n\nimport type { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<T>, keyof BaseProps<T>>\n\nexport default forwardRef(function Block<T extends ElementType>(\n  { textAlign, className, as, ...restOfProps }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? 'div'\n\n  return (\n    // @ts-ignore: `ref` types don't match.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ margin: 0 }),\n        useStyle(responsiveStyle([textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n        useStyle(\n          as === 'blockquote'\n            ? {\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        className,\n      )}\n    />\n  )\n})\n"],"names":["value","className","restOfProps","typographyStyle","useTypographyMark","typographyClassName","useStyle","responsiveStyle","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","uppercase","underline","strikethrough","italic","colorToString","unit","textTransform","textDecoration","Boolean","filter","join","fontStyle","shallowMergeFallbacks","cx","forwardRef","ref","textAlign","as","Component","margin","padding","borderLeft"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,CAAC,EAAE,eAAwC;AAE/D,MAAM,YACJ,CAAC,aACD,CAAC,OAIE;AAJF,eACQ;AAAA,IAAP,OAAO;AAAA,MADR,IACQ,SAAE,YAAF,IAAY,wBAAZ,IAAY,CAAV,WACN,iBAFJ,IAEI;AAAA,IADH;AAAA;AAGC,0CACI,OADJ;AAAA,IAEC,OAAO,kCACF,cACC,QACA;AAAA,MACE,OAAO;AAAA,QACL,QAAQ,SAAS,KAAK,CAAA,MAAK,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,QACvD,OAAO,MAAM;AAAA,MACf;AAAA,IAAA,IAEF,CAAC;AAAA,EAET;AAAA;AAES,MAAA,0BAA0B,CACrC,QACA,aAC6B;AAC7B,QAAM,UAAU,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,WAAW,EAAE,OAAO,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC;AAE/E,SAAA,QAAQ,IAAI,CAAa,aAAA;AAAA,IAC9B;AAAA,IACA,OAAO,kCACD,oBAAmB,QAAQ,QAAQ,KAAK,EAAE,OAAO,MAAM,QACvD,oBAAmB,UAAU,UAAU,CAAK,MAAA,CAAC,KAAK,EAAE,OAAO,CAAC,EAAA,GAAK;AAAA,EAEvE,EAAA;AACJ;AAEA,2BACE,OACuC;;AACvC,QAAM,aAAa,cAAc,qCAAO,OAAP,YAAa,IAAI;AAClD,QAAM,YAAY;AAAA,IAChB,GAAG,4BAA4B,+BAAO,KAAK;AAAA,IAC3C,GAAG,4BAA4B,yCAAY,KAAK;AAAA,EAAA;AAE5C,QAAA,WAAW,YAAY,SAAS;AAE/B,SAAA,wBACL,+CAAY,MAAM,IAAI,UAAU,SAAS,OAAO,aAAa,CAAC,OAA9D,YAAoE,IACpE,qCAAO,MAAM,IAAI,UAAU,SAAS,OAAO,aAAa,CAAC,OAAzD,YAA+D,CAAA,CACjE;AACF;AChE6B,cAAA,IAA0D;AAA1D,eAAEA;AAAAA;AAAAA,IAAOC;AAAAA,MAAT,IAAuBC,wBAAvB,IAAuBA;AAAAA,IAArBF;AAAAA,IAAOC;AAAAA;AAC9BE,QAAAA,kBAAkBC,kBAAkBJ,KAAD;AACnCK,QAAAA,sBAAsBC,SAC1BC,gBAIE,CAACJ,eAAD,GACA,CAAC,CACC;AAAA,IACEK;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,MACE,CACC,OAAA,2IACDT,SAAS,OAAO,KAAK;AAAA,IAAEA,OAAOU,cAAcV,KAAD;AAAA,EAAtB,IACrBC,cAAc,OAAO,KAAK;AAAA,IAAEA;AAAAA,EAAF,IAC1BC,YAAY,QAAQA,SAASV,SAAS,QAAQU,SAASS,QAAQ,OAC/D,KACA;AAAA,IAAET,UAAW,GAAEA,SAASV,QAAQU,SAASS;AAAAA,EAAzC,IACAR,cAAc,OAAO,KAAK;AAAA,IAAEA;AAAAA,EAAF,IAC1BC,cAAc,OAAO,KAAK;AAAA,IAAEA;AAAAA,EAAF,IAC1BC,iBAAiB,OAAO,KAAK;AAAA,IAAEA,eAAgB,GAAEA,gBAAgB;AAAA,EAApC,IAC7BC,aAAa,OACb,KACA;AAAA,IAAEM,eAAeN,cAAc,OAAO,cAAc;AAAA,EAApD,IACAC,aAAa,QAAQC,iBAAiB,OACtC,CAAA,IACA;AAAA,IACEK,gBAAgB,CACdC,QAAQP,SAAD,KAAe,aACtBO,QAAQN,aAAD,KAAmB,cAFZ,EAIbO,OAAOD,OAJM,EAKbE,KAAK,GALQ;AAAA,EADlB,IAQAP,UAAU,OAAO,KAAK;AAAA,IAAEQ,WAAWR,WAAW,OAAO,WAAW;AAAA,EAApE,IAEFS,qBA1Ca,CADmB;AA+CpC,sEAAiBxB;IAAa,WAAWyB,GAAGtB,qBAAqBJ,SAAtB;AAAA,EAAA,EAA3C;AACD;ACxDD,IAAA,sBAAe2B,WAAW,eACxB,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAW7B;AAAAA,IAAW8B;AAAAA,MAAxB,IAA+B7B,wBAA/B,IAA+BA;AAAAA,IAA7B4B;AAAAA,IAAW7B;AAAAA,IAAW8B;AAAAA;AAGxB,QAAMC,YAAYD,kBAAM;AAExB,6BAEG,4CACK7B;IACJ;AAAA,IACA,WAAWyB,GACTrB,SAAS;AAAA,MAAE2B,QAAQ;AAAA,IAAA,CAAX,GACR3B,SAASC,gBAAgB,CAACuB,SAAD,GAAa,CAAC,CAACA,aAAY,YAAa;AAAA,MAAEA,WAAAA;AAAAA,IAA3C,EAAA,CAAhB,GACRxB,SACEyB,OAAO,eACH;AAAA,MACEG,SAAS;AAAA,MACTxB,UAAU;AAAA,MACVC,YAAY;AAAA,MACZwB,YAAY;AAAA,IAAA,IAEd,CAAA,CARE,GAURlC,SAbW;AAAA,EAAA,EAHf;AAoBH,CA5BwB;;"}
+{"version":3,"file":"index.es5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es6.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { V as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, W as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
+import { R as getTypographyStyleSwatchIds, l as isNonNullable } from "./constants.es.js";
+import { cx } from "@emotion/css";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const getDeviceId = ({ deviceId }) => deviceId;
+const withColor = (swatches) => (_a) => {
+  var _b = _a, {
+    value: _c
+  } = _b, _d = _c, { color } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, [
+    "value"
+  ]);
+  return __spreadProps(__spreadValues({}, rest), {
+    value: __spreadValues(__spreadValues({}, restOfValue), color ? {
+      color: {
+        swatch: swatches.find((s) => s && s.id === color.swatchId),
+        alpha: color.alpha
+      }
+    } : {})
+  });
+};
+const overrideTypographyStyle = (source, override) => {
+  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))];
+  return devices.map((deviceId) => ({
+    deviceId,
+    value: __spreadValues(__spreadValues({}, (findDeviceOverride(source, deviceId) || { value: {} }).value), (findDeviceOverride(override, deviceId, (v) => v) || { value: {} }).value)
+  }));
+};
+function useTypographyMark(value) {
+  var _a, _b, _c;
+  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
+  const swatchIds = [
+    ...getTypographyStyleSwatchIds(value == null ? void 0 : value.style),
+    ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)
+  ];
+  const swatches = useSwatches(swatchIds);
+  return overrideTypographyStyle((_b = typography == null ? void 0 : typography.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _b : [], (_c = value == null ? void 0 : value.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _c : []);
+}
+function Mark(_a) {
+  var _b = _a, {
+    value,
+    className
+  } = _b, restOfProps = __objRest(_b, [
+    "value",
+    "className"
+  ]);
+  const typographyStyle = useTypographyMark(value);
+  const typographyClassName = useStyle(responsiveStyle([typographyStyle], ([{
+    color,
+    fontFamily,
+    fontSize,
+    fontWeight,
+    lineHeight,
+    letterSpacing,
+    uppercase,
+    underline,
+    strikethrough,
+    italic
+  } = {}]) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, color == null ? {} : {
+    color: colorToString(color)
+  }), fontFamily == null ? {} : {
+    fontFamily
+  }), fontSize == null || fontSize.value == null || fontSize.unit == null ? {} : {
+    fontSize: `${fontSize.value}${fontSize.unit}`
+  }), fontWeight == null ? {} : {
+    fontWeight
+  }), lineHeight == null ? {} : {
+    lineHeight
+  }), letterSpacing == null ? {} : {
+    letterSpacing: `${letterSpacing / 10}em`
+  }), uppercase == null ? {} : {
+    textTransform: uppercase === true ? "uppercase" : "initial"
+  }), underline == null && strikethrough == null ? {} : {
+    textDecoration: [Boolean(underline) && "underline", Boolean(strikethrough) && "line-through"].filter(Boolean).join(" ")
+  }), italic == null ? {} : {
+    fontStyle: italic === true ? "italic" : "initial"
+  }), shallowMergeFallbacks));
+  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, restOfProps), {
+    className: cx(typographyClassName, className)
+  }));
+}
+var DeviceOverrideBlock = forwardRef(function Block(_c, ref) {
+  var _d = _c, {
+    textAlign,
+    className,
+    as
+  } = _d, restOfProps = __objRest(_d, [
+    "textAlign",
+    "className",
+    "as"
+  ]);
+  const Component = as != null ? as : "div";
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, restOfProps), {
+    ref,
+    className: cx(useStyle({
+      margin: 0
+    }), useStyle(responsiveStyle([textAlign], ([textAlign2 = "left"]) => ({
+      textAlign: textAlign2
+    }))), useStyle(as === "blockquote" ? {
+      padding: "0.5em 10px",
+      fontSize: "1.25em",
+      fontWeight: "300",
+      borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+    } : {}), className)
+  }));
+});
+export { DeviceOverrideBlock as D, Mark as M };
+//# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es6.js","sources":["../src/components/builtin/Text/components/RichTextEditor/components/Mark/hooks/useTypographyMark.ts","../src/components/builtin/Text/components/RichTextEditor/components/Mark/index.tsx","../src/components/builtin/Text/components/RichTextEditor/components/Block/index.tsx"],"sourcesContent":["import { Length as LengthValue } from '../../../../../../../../prop-controllers'\nimport { ColorValue as Color } from '../../../../../../../utils/types'\nimport { findDeviceOverride } from '../../../../../../../utils/devices'\nimport type { DeviceOverride } from '../../../../../../../../prop-controllers'\nimport {\n  useSwatches,\n  useTypography,\n} from '../../../../../../../../runtimes/react/hooks/makeswift-api'\nimport { Swatch, Typography } from '../../../../../../../../api'\nimport { getTypographyStyleSwatchIds } from '../../../../../../../../prop-controllers/introspection'\nimport { isNonNullable } from '../../../../../../../utils/isNonNullable'\n\nexport type TypographyMarkDataValue = {\n  fontWeight?: number\n  fontSize?: LengthValue\n  fontFamily?: string\n  color?: Color\n  textAlign?: string\n  lineHeight?: number\n  letterSpacing?: number\n  uppercase?: boolean\n  italic?: boolean\n  underline?: boolean\n  strikethrough?: boolean\n}\n\nexport type TypographyMarkValue = {\n  id: string | null | undefined\n  style: Typography['style']\n}\n\nexport type TypographyMarkData = Array<DeviceOverride<TypographyMarkDataValue>>\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  ({\n    value: { color, ...restOfValue },\n    ...rest\n  }: Typography['style'][number]): DeviceOverride<TypographyMarkDataValue> =>\n    ({\n      ...rest,\n      value: {\n        ...restOfValue,\n        ...(color\n          ? {\n              color: {\n                swatch: swatches.find(s => s && s.id === color.swatchId),\n                alpha: color.alpha,\n              },\n            }\n          : {}),\n      } as TypographyMarkDataValue,\n    } as DeviceOverride<TypographyMarkDataValue>)\n\nexport const overrideTypographyStyle = <A>(\n  source: Array<DeviceOverride<A>>,\n  override: Array<DeviceOverride<A>>,\n): Array<DeviceOverride<A>> => {\n  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))]\n\n  return devices.map(deviceId => ({\n    deviceId,\n    value: {\n      ...(findDeviceOverride(source, deviceId) || { value: {} }).value,\n      ...(findDeviceOverride(override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n\nexport default function useTypographyMark(\n  value: TypographyMarkValue | null | undefined,\n): TypographyMarkData | null | undefined {\n  const typography = useTypography(value?.id ?? null)\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds)\n\n  return overrideTypographyStyle(\n    typography?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n    value?.style.map(withColor(swatches.filter(isNonNullable))) ?? [],\n  )\n}\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport useTypographyMark, {\n  TypographyMarkValue,\n  overrideTypographyStyle,\n  TypographyMarkDataValue,\n} from './hooks/useTypographyMark'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { shallowMergeFallbacks } from '../../../../../../utils/devices'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers/descriptors'\n\nexport type { TypographyMarkValue }\nexport { overrideTypographyStyle }\n\ntype BaseProps = { value: TypographyMarkValue }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps>\n\nexport default function Mark({ value, className, ...restOfProps }: Props): JSX.Element {\n  const typographyStyle = useTypographyMark(value)\n  const typographyClassName = useStyle(\n    responsiveStyle<\n      TypographyMarkDataValue,\n      [ResponsiveValue<TypographyMarkDataValue> | null | undefined]\n    >(\n      [typographyStyle],\n      ([\n        {\n          color,\n          fontFamily,\n          fontSize,\n          fontWeight,\n          lineHeight,\n          letterSpacing,\n          uppercase,\n          underline,\n          strikethrough,\n          italic,\n        } = {} as TypographyMarkDataValue,\n      ]) => ({\n        ...(color == null ? {} : { color: colorToString(color) }),\n        ...(fontFamily == null ? {} : { fontFamily }),\n        ...(fontSize == null || fontSize.value == null || fontSize.unit == null\n          ? {}\n          : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(lineHeight == null ? {} : { lineHeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing: `${letterSpacing / 10}em` }),\n        ...(uppercase == null\n          ? {}\n          : { textTransform: uppercase === true ? 'uppercase' : 'initial' }),\n        ...(underline == null && strikethrough == null\n          ? {}\n          : {\n              textDecoration: [\n                Boolean(underline) && 'underline',\n                Boolean(strikethrough) && 'line-through',\n              ]\n                .filter(Boolean)\n                .join(' '),\n            }),\n        ...(italic == null ? {} : { fontStyle: italic === true ? 'italic' : 'initial' }),\n      }),\n      shallowMergeFallbacks,\n    ),\n  )\n\n  return <span {...restOfProps} className={cx(typographyClassName, className)} />\n}\n","import { cx } from '@emotion/css'\nimport { forwardRef, ComponentPropsWithoutRef, ForwardedRef, ElementRef, ElementType } from 'react'\n\nimport type { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\n\ntype BaseProps<T extends ElementType> = {\n  as?: T\n  textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n  Omit<ComponentPropsWithoutRef<T>, keyof BaseProps<T>>\n\nexport default forwardRef(function Block<T extends ElementType>(\n  { textAlign, className, as, ...restOfProps }: Props<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  const Component = as ?? 'div'\n\n  return (\n    // @ts-ignore: `ref` types don't match.\n    <Component\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ margin: 0 }),\n        useStyle(responsiveStyle([textAlign], ([textAlign = 'left']) => ({ textAlign }))),\n        useStyle(\n          as === 'blockquote'\n            ? {\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        className,\n      )}\n    />\n  )\n})\n"],"names":["value","className","restOfProps","typographyStyle","useTypographyMark","typographyClassName","useStyle","responsiveStyle","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","uppercase","underline","strikethrough","italic","colorToString","unit","textTransform","textDecoration","Boolean","filter","join","fontStyle","shallowMergeFallbacks","cx","forwardRef","ref","textAlign","as","Component","margin","padding","borderLeft"],"mappings":"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"}

package/dist/main.cjs.js

@@ -4,7 +4,7 @@ var actions = require("./actions.cjs.js");
 var constants = require("./constants.cjs.js");
 require("redux");
 require("redux-thunk");
-require("./slot.cjs.js");
+require("./rich-text.cjs.js");
 require("./control.cjs.js");
 exports.ActionTypes = actions.ActionTypes;
 exports.changeApiResource = actions.changeApiResource;

package/dist/main.es.js

@@ -2,6 +2,6 @@ export { A as ActionTypes, d as changeApiResource, c as changeDocument, a as cha
 export { M as MakeswiftComponentType, c as createDocument } from "./constants.es.js";
 import "redux";
 import "redux-thunk";
-import "./slot.es.js";
+import "./rich-text.es.js";
 import "./control.es.js";
 //# sourceMappingURL=main.es.js.map

package/dist/next.cjs.js

@@ -9,7 +9,7 @@ require("./constants.cjs.js");
 require("redux");
 require("redux-thunk");
 require("./actions.cjs.js");
-require("./slot.cjs.js");
+require("./rich-text.cjs.js");
 require("./control.cjs.js");
 require("@emotion/css");
 require("@emotion/serialize");

package/dist/next.es.js

@@ -1,5 +1,5 @@
 import "react";
-export { a1 as Document, $ as Makeswift, a2 as MakeswiftApiHandler, W as MakeswiftClient, _ as Page, a0 as PreviewModeScript, H as forwardNextDynamicRef, Z as getServerSideProps, X as getStaticPaths, Y as getStaticProps } from "./index.es.js";
+export { a2 as Document, a0 as Makeswift, a3 as MakeswiftApiHandler, X as MakeswiftClient, $ as Page, a1 as PreviewModeScript, H as forwardNextDynamicRef, _ as getServerSideProps, Y as getStaticPaths, Z as getStaticProps } from "./index.es.js";
 import "react/jsx-runtime";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
@@ -7,7 +7,7 @@ import "./constants.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";
-import "./slot.es.js";
+import "./rich-text.es.js";
 import "./control.es.js";
 import "@emotion/css";
 import "@emotion/serialize";

package/dist/prop-controllers.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var slot = require("./slot.cjs.js");
-exports.Props = slot.descriptors;
-exports.RichTextPropControllerMessageType = slot.RichTextPropControllerMessageType;
-exports.TableFormFieldsMessageType = slot.TableFormFieldsMessageType;
+var richText = require("./rich-text.cjs.js");
+exports.Props = richText.descriptors;
+exports.RichTextPropControllerMessageType = richText.RichTextPropControllerMessageType;
+exports.TableFormFieldsMessageType = richText.TableFormFieldsMessageType;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.es.js

@@ -1,2 +1,2 @@
-export { f as Props, R as RichTextPropControllerMessageType, g as TableFormFieldsMessageType } from "./slot.es.js";
+export { f as Props, R as RichTextPropControllerMessageType, g as TableFormFieldsMessageType } from "./rich-text.es.js";
 //# sourceMappingURL=prop-controllers.es.js.map

package/dist/react.cjs.js

@@ -8,7 +8,7 @@ require("next/dynamic");
 require("./constants.cjs.js");
 require("redux");
 require("redux-thunk");
-require("./slot.cjs.js");
+require("./rich-text.cjs.js");
 require("./control.cjs.js");
 require("@emotion/css");
 require("@emotion/serialize");

package/dist/react.es.js

@@ -6,7 +6,7 @@ import "next/dynamic";
 import "./constants.es.js";
 import "redux";
 import "redux-thunk";
-import "./slot.es.js";
+import "./rich-text.es.js";
 import "./control.es.js";
 import "@emotion/css";
 import "@emotion/serialize";

package/dist/{slot.cjs.js → rich-text.cjs.js}

@@ -230,7 +230,7 @@ function ResponsiveOpacity(options = {}) {
 function ResponsiveSelect(options) {
   return { type: Types.ResponsiveSelect, options };
 }
-function RichText(options = {}) {
+function RichText$1(options = {}) {
   return { type: Types.RichText, options };
 }
 const ShadowsPropControllerFormat = {
@@ -307,7 +307,7 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   ResponsiveNumber,
   ResponsiveOpacity,
   ResponsiveSelect,
-  RichText,
+  RichText: RichText$1,
   ShadowsPropControllerFormat,
   Shadows,
   Shape,
@@ -348,7 +348,8 @@ const RichTextPropControllerMessageType = {
   FOCUS: "FOCUS",
   BLUR: "BLUR",
   UNDO: "UNDO",
-  REDO: "REDO"
+  REDO: "REDO",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
 };
 class PropController {
   constructor(send) {
@@ -373,12 +374,13 @@ class RichTextPropController extends PropController {
           case BuilderEditMode.BUILD:
             (_a = this.editor) == null ? void 0 : _a.deselect().blur();
             break;
-          case BuilderEditMode.CONTENT:
-            (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
-            break;
         }
         break;
       }
+      case RichTextPropControllerMessageType.FOCUS: {
+        (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+        break;
+      }
     }
   }
   setSlateEditor(editor) {
@@ -406,6 +408,9 @@ class RichTextPropController extends PropController {
   redo() {
     this.send({ type: RichTextPropControllerMessageType.REDO });
   }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextPropControllerMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
 }
 const TableFormFieldsMessageType = {
   TABLE_FORM_LAYOUT_CHANGE: "TABLE_FORM_LAYOUT_CHANGE",
@@ -429,6 +434,8 @@ function createPropController(descriptor, send) {
       return new TableFormFieldsPropController(send);
     case SlotControlType:
       return new SlotControl(send);
+    case RichTextControlType:
+      return new RichTextControl(send);
     default:
       return new DefaultPropController(send);
   }
@@ -458,6 +465,71 @@ function copySlotData(value, context) {
     elements: value.elements.map((element) => context.copyElement(element))
   });
 }
+const RichTextControlType = "makeswift::controls::rich-text";
+function RichText() {
+  return { type: RichTextControlType };
+}
+const RichTextControlMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+};
+class RichTextControl extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+  }
+  recv(message) {
+    var _a, _b;
+    switch (message.type) {
+      case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+            (_a = this.editor) == null ? void 0 : _a.deselect().blur();
+            break;
+        }
+        break;
+      }
+      case RichTextControlMessageType.FOCUS: {
+        (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+        break;
+      }
+    }
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextControlMessageType.INITIALIZE_EDITOR,
+      value: editor.value.toJSON({ preserveSelection: false })
+    });
+  }
+  onChange(change) {
+    this.send({
+      type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,
+      value: change.value.toJSON({ preserveSelection: true })
+    });
+  }
+  focus() {
+    this.send({ type: RichTextControlMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextControlMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextControlMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextControlMessageType.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+}
 exports.Backgrounds = Backgrounds;
 exports.Border = Border;
 exports.BorderPropControllerFormat = BorderPropControllerFormat;
@@ -490,7 +562,11 @@ exports.ResponsiveLength = ResponsiveLength;
 exports.ResponsiveNumber = ResponsiveNumber;
 exports.ResponsiveOpacity = ResponsiveOpacity;
 exports.ResponsiveSelect = ResponsiveSelect;
-exports.RichText = RichText;
+exports.RichText = RichText$1;
+exports.RichText$1 = RichText;
+exports.RichTextControl = RichTextControl;
+exports.RichTextControlMessageType = RichTextControlMessageType;
+exports.RichTextControlType = RichTextControlType;
 exports.RichTextPropControllerMessageType = RichTextPropControllerMessageType;
 exports.Shadows = Shadows;
 exports.ShadowsPropControllerFormat = ShadowsPropControllerFormat;
@@ -518,4 +594,4 @@ exports.copySlotData = copySlotData;
 exports.copyStyleData = copyStyleData;
 exports.createPropController = createPropController;
 exports.descriptors = descriptors;
-//# sourceMappingURL=slot.cjs.js.map
+//# sourceMappingURL=rich-text.cjs.js.map