@makeswift/runtime 0.7.6 → 0.7.8

package/dist/typography.es.js

@@ -0,0 +1,143 @@
+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 { T as getTypographyStyleSwatchIds, l as isNonNullable } from "./constants.es.js";
+import { W as useTypography, K as useSwatches, G as findDeviceOverride, o as useStyle, r as responsiveStyle, X as shallowMergeFallbacks, s as colorToString } from "./index.es.js";
+import { jsx } from "react/jsx-runtime";
+function isDeviceOverride(value) {
+  return value.deviceId === "desktop" || value.deviceId === "tablet" || value.deviceId === "mobile";
+}
+const withColor = (swatches) => (deviceRawTypographyValue) => {
+  var _b, _c;
+  const {
+    value,
+    deviceId
+  } = deviceRawTypographyValue;
+  if (value.color == null) {
+    const _a = value, {
+      color
+    } = _a, nextValue = __objRest(_a, [
+      "color"
+    ]);
+    return {
+      deviceId,
+      value: nextValue
+    };
+  }
+  return {
+    deviceId,
+    value: __spreadProps(__spreadValues({}, value), {
+      color: {
+        swatch: swatches.find((s) => {
+          var _a2;
+          return s && s.id === ((_a2 = value.color) == null ? void 0 : _a2.swatchId);
+        }),
+        alpha: (_c = (_b = value.color) == null ? void 0 : _b.alpha) != null ? _c : void 0
+      }
+    })
+  };
+};
+const getDeviceId = ({
+  deviceId
+}) => deviceId;
+function useEnhancedTypography(value) {
+  var _a, _b, _c;
+  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
+  const source = (_b = typography == null ? void 0 : typography.style.filter(isDeviceOverride)) != null ? _b : [];
+  const override = (_c = value == null ? void 0 : value.style.filter(isDeviceOverride)) != null ? _c : [];
+  const swatchIds = [...getTypographyStyleSwatchIds(value == null ? void 0 : value.style), ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)];
+  const swatches = useSwatches(swatchIds).filter(isNonNullable);
+  const enhancedSource = source.map(withColor(swatches));
+  const enhancedOverride = override.map(withColor(swatches));
+  const devices = [...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId)))];
+  return devices.map((deviceId) => {
+    var _a2, _b2;
+    const deviceSource = (_a2 = findDeviceOverride(enhancedSource, deviceId)) == null ? void 0 : _a2.value;
+    const deviceOverride = (_b2 = findDeviceOverride(enhancedOverride, deviceId)) == null ? void 0 : _b2.value;
+    if (deviceSource && deviceOverride) {
+      return {
+        deviceId,
+        value: __spreadValues(__spreadValues({}, deviceSource), deviceOverride)
+      };
+    } else if (deviceOverride) {
+      return {
+        deviceId,
+        value: deviceOverride
+      };
+    } else if (deviceSource) {
+      return {
+        deviceId,
+        value: deviceSource
+      };
+    }
+    return null;
+  }).filter(isNonNullable);
+}
+function useTypographyClassName(value) {
+  return useStyle(responsiveStyle([value], ([value2]) => {
+    if (value2 === void 0)
+      return {};
+    let styles = {};
+    if (value2.color != null)
+      styles.color = colorToString(value2.color);
+    if (value2.fontFamily != null)
+      styles.fontFamily = value2.fontFamily;
+    if (value2.fontSize != null && value2.fontSize.value != null && value2.fontSize.unit != null)
+      styles.fontSize = `${value2.fontSize.value}${value2.fontSize.unit}`;
+    if (value2.fontWeight != null)
+      styles.fontWeight = value2.fontWeight;
+    if (value2.lineHeight != null)
+      styles.lineHeight = value2.lineHeight;
+    if (value2.letterSpacing != null)
+      styles.letterSpacing = `${value2.letterSpacing / 10}em`;
+    if (value2.uppercase != null)
+      styles.textTransform = value2.uppercase === true ? "uppercase" : "initial";
+    if (value2.underline != null || value2.strikethrough != null)
+      styles.textDecoration = [Boolean(value2.underline) && "underline", Boolean(value2.strikethrough) && "line-through"].filter(Boolean).join(" ");
+    if (value2.italic != null)
+      styles.fontStyle = value2.italic === true ? "italic" : "initial";
+    return styles;
+  }, shallowMergeFallbacks));
+}
+function TypographyLeaf({
+  leaf,
+  children,
+  attributes
+}) {
+  const enhancedTypography = useEnhancedTypography(leaf.typography);
+  const typographyClassName = useTypographyClassName(enhancedTypography);
+  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+    className: typographyClassName,
+    children
+  }));
+}
+export { TypographyLeaf as T, useTypographyClassName as a, useEnhancedTypography as u };
+//# sourceMappingURL=typography.es.js.map

package/dist/typography.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.es.js","sources":["../src/components/builtin/Text/components/Leaf/typography.tsx"],"sourcesContent":["import { CSSObject } from '@emotion/serialize'\nimport { RenderLeafProps } from 'slate-react'\nimport { Swatch, Typography } from '../../../../../api'\nimport { TypographyText } from '../../../../../controls'\nimport { DeviceOverride, ResponsiveValue } from '../../../../../prop-controllers'\nimport { getTypographyStyleSwatchIds } from '../../../../../prop-controllers/introspection'\nimport { useTypography, useSwatches } from '../../../../../runtimes/react/hooks/makeswift-api'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { findDeviceOverride, shallowMergeFallbacks } from '../../../../utils/devices'\nimport { isNonNullable } from '../../../../utils/isNonNullable'\nimport { responsiveStyle } from '../../../../utils/responsive-style'\nimport { ColorValue } from '../../../../utils/types'\n\nexport type TypographyValue = Typography['style'][number]['value']\n\ntype EnhancedColor = {\n  color?: ColorValue\n}\n\ntype EnhancedTypographyValue = Omit<TypographyValue, keyof EnhancedColor> & EnhancedColor\n\nexport type EnhancedTypography = Array<DeviceOverride<EnhancedTypographyValue>>\n\nexport function isDeviceOverride(value: {\n  deviceId: string\n  value: TypographyValue\n}): value is DeviceOverride<TypographyValue> {\n  return value.deviceId === 'desktop' || value.deviceId === 'tablet' || value.deviceId === 'mobile'\n}\n\nconst withColor =\n  (swatches: Swatch[]) =>\n  (\n    deviceRawTypographyValue: DeviceOverride<TypographyValue>,\n  ): DeviceOverride<EnhancedTypographyValue> => {\n    const { value, deviceId } = deviceRawTypographyValue\n\n    if (value.color == null) {\n      const { color, ...nextValue } = value\n      return {\n        deviceId,\n        value: nextValue,\n      }\n    }\n    return {\n      deviceId,\n      value: {\n        ...value,\n        color: {\n          swatch: swatches.find(s => s && s.id === value.color?.swatchId),\n          alpha: value.color?.alpha ?? undefined,\n        },\n      },\n    }\n  }\n\nconst getDeviceId = ({ deviceId }: DeviceOverride<unknown>) => deviceId\n\n/**\n * `enhanced` here just means typography ids have been replaced with the related entity.\n */\nexport default function useEnhancedTypography(value: Typography): EnhancedTypography {\n  const typography = useTypography(value?.id ?? null)\n  const source = typography?.style.filter(isDeviceOverride) ?? []\n  const override = value?.style.filter(isDeviceOverride) ?? []\n\n  const swatchIds = [\n    ...getTypographyStyleSwatchIds(value?.style),\n    ...getTypographyStyleSwatchIds(typography?.style),\n  ]\n  const swatches = useSwatches(swatchIds).filter(isNonNullable)\n\n  const enhancedSource = source.map(withColor(swatches))\n  const enhancedOverride = override.map(withColor(swatches))\n\n  const devices = [\n    ...new Set(enhancedSource.map(getDeviceId).concat(enhancedOverride.map(getDeviceId))),\n  ]\n\n  return devices\n    .map(deviceId => {\n      const deviceSource = findDeviceOverride(enhancedSource, deviceId)?.value\n      const deviceOverride = findDeviceOverride(enhancedOverride, deviceId)?.value\n\n      if (deviceSource && deviceOverride) {\n        return {\n          deviceId,\n          value: { ...deviceSource, ...deviceOverride },\n        }\n      } else if (deviceOverride) {\n        return {\n          deviceId,\n          value: deviceOverride,\n        }\n      } else if (deviceSource) {\n        return {\n          deviceId,\n          value: deviceSource,\n        }\n      }\n      return null\n    })\n    .filter(isNonNullable)\n}\n\nexport function useTypographyClassName(value: EnhancedTypography): string {\n  return useStyle(\n    responsiveStyle<\n      EnhancedTypographyValue,\n      [ResponsiveValue<EnhancedTypographyValue> | null | undefined]\n    >(\n      [value],\n      ([value]) => {\n        if (value === undefined) return {}\n\n        let styles: CSSObject = {}\n        if (value.color != null) styles.color = colorToString(value.color)\n        if (value.fontFamily != null) styles.fontFamily = value.fontFamily\n        if (value.fontSize != null && value.fontSize.value != null && value.fontSize.unit != null)\n          styles.fontSize = `${value.fontSize.value}${value.fontSize.unit}`\n        if (value.fontWeight != null) styles.fontWeight = value.fontWeight\n        if (value.lineHeight != null) styles.lineHeight = value.lineHeight\n        if (value.letterSpacing != null) styles.letterSpacing = `${value.letterSpacing / 10}em`\n        if (value.uppercase != null)\n          styles.textTransform = value.uppercase === true ? 'uppercase' : 'initial'\n        if (value.underline != null || value.strikethrough != null)\n          styles.textDecoration = [\n            Boolean(value.underline) && 'underline',\n            Boolean(value.strikethrough) && 'line-through',\n          ]\n            .filter(Boolean)\n            .join(' ')\n        if (value.italic != null) styles.fontStyle = value.italic === true ? 'italic' : 'initial'\n\n        return styles\n      },\n      shallowMergeFallbacks,\n    ),\n  )\n}\n\nexport interface TypographyRenderLeafProps extends RenderLeafProps {\n  leaf: TypographyText\n}\n\nexport function TypographyLeaf({ leaf, children, attributes }: TypographyRenderLeafProps) {\n  const enhancedTypography = useEnhancedTypography(leaf.typography)\n  const typographyClassName = useTypographyClassName(enhancedTypography)\n  return (\n    <span {...attributes} className={typographyClassName}>\n      {children}\n    </span>\n  )\n}\n"],"names":["value","deviceId","withColor","swatches","deviceRawTypographyValue","color","nextValue","swatch","find","s","id","swatchId","alpha","undefined","getDeviceId","typography","useTypography","source","style","filter","isDeviceOverride","override","swatchIds","getTypographyStyleSwatchIds","useSwatches","isNonNullable","enhancedSource","map","enhancedOverride","devices","Set","concat","deviceSource","findDeviceOverride","deviceOverride","useStyle","responsiveStyle","styles","colorToString","fontFamily","fontSize","unit","fontWeight","lineHeight","letterSpacing","uppercase","textTransform","underline","strikethrough","textDecoration","Boolean","join","italic","fontStyle","shallowMergeFallbacks","leaf","children","attributes","enhancedTypography","useEnhancedTypography","typographyClassName","useTypographyClassName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,0BAA0BA,OAGY;AAC3C,SAAOA,MAAMC,aAAa,aAAaD,MAAMC,aAAa,YAAYD,MAAMC,aAAa;AAC1F;AAED,MAAMC,YACJ,CAACC,aACD,CACEC,6BAC4C;;AACtC,QAAA;AAAA,IAAEJ;AAAAA,IAAOC;AAAAA,MAAaG;AAExBJ,MAAAA,MAAMK,SAAS,MAAM;AACjB,UAA0BL,YAAxBK;AAAAA;AAAAA,QAAwBL,IAAdM,sBAAcN,IAAdM;AAAAA,MAAVD;AAAAA;AACD,WAAA;AAAA,MACLJ;AAAAA,MACAD,OAAOM;AAAAA,IAAAA;AAAAA,EAEV;AACM,SAAA;AAAA,IACLL;AAAAA,IACAD,OAAO,iCACFA,QADE;AAAA,MAELK,OAAO;AAAA,QACLE,QAAQJ,SAASK,KAAKC,CAAAA,MAAKA;;AAAAA,sBAAKA,EAAEC,OAAOV,cAAMK,UAANL,oBAAaW;AAAAA,SAA9C;AAAA,QACRC,OAAOZ,kBAAMK,UAANL,mBAAaY,UAAbZ,YAAsBa;AAAAA,MAFxB;AAAA,IAFF;AAAA,EAAA;AAQV;AAEH,MAAMC,cAAc,CAAC;AAAA,EAAEb;AAAAA,MAAwCA;AAK/D,+BAA8CD,OAAuC;;AAC7Ee,QAAAA,aAAaC,cAAchB,qCAAOU,OAAPV,YAAa,IAAd;AAC1BiB,QAAAA,SAASF,+CAAYG,MAAMC,OAAOC,sBAAzBL,YAA8C;AACvDM,QAAAA,WAAWrB,qCAAOkB,MAAMC,OAAOC,sBAApBpB,YAAyC;AAEpDsB,QAAAA,YAAY,CAChB,GAAGC,4BAA4BvB,+BAAOkB,KAAR,GAC9B,GAAGK,4BAA4BR,yCAAYG,KAAb,CAFd;AAIZf,QAAAA,WAAWqB,YAAYF,SAAD,EAAYH,OAAOM,aAA9B;AAEXC,QAAAA,iBAAiBT,OAAOU,IAAIzB,UAAUC,QAAD,CAApB;AACjByB,QAAAA,mBAAmBP,SAASM,IAAIzB,UAAUC,QAAD,CAAtB;AAEnB0B,QAAAA,UAAU,CACd,GAAG,IAAIC,IAAIJ,eAAeC,IAAIb,WAAnB,EAAgCiB,OAAOH,iBAAiBD,IAAIb,WAArB,CAAvC,CAAR,CADW;AAITe,SAAAA,QACJF,IAAI1B,CAAY,aAAA;;AACT+B,UAAAA,eAAeC,0BAAmBP,gBAAgBzB,QAAjB,MAAlBgC,oBAA8CjC;AAC7DkC,UAAAA,iBAAiBD,0BAAmBL,kBAAkB3B,QAAnB,MAAlBgC,oBAAgDjC;AAEnEgC,QAAAA,gBAAgBE,gBAAgB;AAC3B,aAAA;AAAA,QACLjC;AAAAA,QACAD,OAAO,kCAAKgC,eAAiBE;AAAAA,MAAtB;AAAA,eAEAA,gBAAgB;AAClB,aAAA;AAAA,QACLjC;AAAAA,QACAD,OAAOkC;AAAAA,MAAAA;AAAAA,eAEAF,cAAc;AAChB,aAAA;AAAA,QACL/B;AAAAA,QACAD,OAAOgC;AAAAA,MAAAA;AAAAA,IAEV;AACM,WAAA;AAAA,EAAA,CArBJ,EAuBJb,OAAOM,aAvBH;AAwBR;AAEM,gCAAgCzB,OAAmC;AACjEmC,SAAAA,SACLC,gBAIE,CAACpC,KAAD,GACA,CAAC,CAACA,YAAW;AACX,QAAIA,WAAUa;AAAW,aAAO;AAEhC,QAAIwB,SAAoB,CAAA;AACxB,QAAIrC,OAAMK,SAAS;AAAaA,aAAAA,QAAQiC,cAActC,OAAMK,KAAP;AACrD,QAAIL,OAAMuC,cAAc;AAAMF,aAAOE,aAAavC,OAAMuC;AACpDvC,QAAAA,OAAMwC,YAAY,QAAQxC,OAAMwC,SAASxC,SAAS,QAAQA,OAAMwC,SAASC,QAAQ;AACnFJ,aAAOG,WAAY,GAAExC,OAAMwC,SAASxC,QAAQA,OAAMwC,SAASC;AAC7D,QAAIzC,OAAM0C,cAAc;AAAML,aAAOK,aAAa1C,OAAM0C;AACxD,QAAI1C,OAAM2C,cAAc;AAAMN,aAAOM,aAAa3C,OAAM2C;AACxD,QAAI3C,OAAM4C,iBAAiB;AAAaA,aAAAA,gBAAiB,GAAE5C,OAAM4C,gBAAgB;AACjF,QAAI5C,OAAM6C,aAAa;AACrBR,aAAOS,gBAAgB9C,OAAM6C,cAAc,OAAO,cAAc;AAClE,QAAI7C,OAAM+C,aAAa,QAAQ/C,OAAMgD,iBAAiB;AACpDX,aAAOY,iBAAiB,CACtBC,QAAQlD,OAAM+C,SAAP,KAAqB,aAC5BG,QAAQlD,OAAMgD,aAAP,KAAyB,cAFV,EAIrB7B,OAAO+B,OAJc,EAKrBC,KAAK,GALgB;AAM1B,QAAInD,OAAMoD,UAAU;AAAMf,aAAOgB,YAAYrD,OAAMoD,WAAW,OAAO,WAAW;AAEzEf,WAAAA;AAAAA,EAAAA,GAETiB,qBA7Ba,CADF;AAiChB;AAM8B,wBAAA;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAUC;AAAAA,GAAyC;AAClFC,QAAAA,qBAAqBC,sBAAsBJ,KAAKxC,UAAN;AAC1C6C,QAAAA,sBAAsBC,uBAAuBH,kBAAD;AAClD,sEACYD;IAAY,WAAWG;AAAAA,IAC9BJ;AAAAA,EAAAA,EAFL;AAKD;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "license": "MIT",
   "main": "dist/main.cjs",
   "module": "dist/main.es",
@@ -91,7 +91,7 @@
     "preview": "vite preview",
     "prepare": "yarn build",
     "generate": "graphql-codegen --config codegen.yml",
-    "test": "vitest"
+    "test": "vitest --config vite.test.config.ts"
   },
   "peerDependencies": {
     "next": ">=12.2.0 <13.0.0 || ^13.0.0",
@@ -99,7 +99,6 @@
     "react-dom": "^17.0.1 || ^18.0.0"
   },
   "dependencies": {
-    "@convertkit/slate-lists": "^0.2.4",
     "@emotion/css": "^11.9.0",
     "@emotion/serialize": "^1.0.3",
     "@emotion/server": "^11.4.0",
@@ -113,8 +112,6 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "@types/set-cookie-parser": "^2.4.2",
-    "@types/slate": "0.47.11",
-    "@types/slate-react": "^0.22.9",
     "@types/use-sync-external-store": "^0.0.3",
     "@types/uuid": "^7.0.3",
     "color": "^3.1.3",
@@ -138,9 +135,8 @@
     "redux-thunk": "^2.3.0",
     "scroll-into-view-if-needed": "^2.2.20",
     "set-cookie-parser": "^2.5.1",
-    "slate": "^0.47.8",
-    "slate-hotkeys": "^0.2.9",
-    "slate-react": "^0.22.9",
+    "slate": "^0.91.4",
+    "slate-react": "^0.91.7",
     "use-sync-external-store": "^1.0.0-rc.0",
     "uuid": "^3.3.3"
   },
@@ -159,8 +155,9 @@
     "prettier": "^2.5.1",
     "react": "18.0.0",
     "react-dom": "18.0.0",
-    "slate": "^0.47.8",
-    "slate-react": "^0.22.9",
+    "slate": "^0.91.4",
+    "slate-hyperscript": "^0.77.0",
+    "slate-react": "^0.91.7",
     "typescript": "^4.5.5",
     "vite": "^2.8.6",
     "vitest": "^0.7.4"

package/dist/EditableText.cjs.js

@@ -1,381 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var React = require("react");
-var slate = require("slate");
-var Hotkeys = require("slate-hotkeys");
-var isHotkey = require("is-hotkey");
-var boxModels = require("./box-models.cjs.js");
-var slateReact = require("slate-react");
-var Lists = require("@convertkit/slate-lists");
-var index = require("./index.cjs6.js");
-var jsxRuntime = require("react/jsx-runtime");
-var css = require("@emotion/css");
-var next = require("./index.cjs.js");
-var index$1 = require("./index.cjs3.js");
-require("use-sync-external-store/shim");
-var richText = require("./rich-text.cjs.js");
-require("css-box-model");
-require("./actions.cjs.js");
-require("./constants.cjs.js");
-require("redux");
-require("redux-thunk");
-require("./control.cjs.js");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
-require("@emotion/serialize");
-require("@emotion/utils");
-require("./text-input.cjs.js");
-require("./combobox.cjs.js");
-require("./types.cjs.js");
-require("color");
-require("scroll-into-view-if-needed");
-require("react-dom");
-require("html-react-parser");
-require("next/head");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cookie");
-require("cors");
-require("http-proxy");
-require("set-cookie-parser");
-require("uuid/v4");
-require("corporate-ipsum");
-require("next/link");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var Hotkeys__default = /* @__PURE__ */ _interopDefaultLegacy(Hotkeys);
-var Lists__default = /* @__PURE__ */ _interopDefaultLegacy(Lists);
-const TYPOGRAPHY_TYPE = "typography";
-function DeviceOverridesMarksPlugin() {
-  return {
-    renderMark({
-      mark,
-      children
-    }, _editor, next2) {
-      if (mark.type === TYPOGRAPHY_TYPE) {
-        return /* @__PURE__ */ jsxRuntime.jsx(index.Mark, {
-          value: mark.data.get("value"),
-          children
-        });
-      }
-      return next2();
-    }
-  };
-}
-function DeviceOverridesBlockPlugin() {
-  return {
-    renderBlock(props, _editor, next2) {
-      const {
-        node,
-        attributes,
-        children
-      } = props;
-      const blockProps = {
-        textAlign: node.data.get("textAlign")
-      };
-      switch (node.type) {
-        case "paragraph":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "p",
-            children
-          }));
-        case "heading-one":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h1",
-            children
-          }));
-        case "heading-two":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h2",
-            children
-          }));
-        case "heading-three":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h3",
-            children
-          }));
-        case "heading-four":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h4",
-            children
-          }));
-        case "heading-five":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h5",
-            children
-          }));
-        case "heading-six":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "h6",
-            children
-          }));
-        case "blockquote":
-          return /* @__PURE__ */ jsxRuntime.jsx(index.DeviceOverrideBlock, __spreadProps(__spreadValues(__spreadValues({}, attributes), blockProps), {
-            as: "blockquote",
-            children
-          }));
-        default:
-          return next2();
-      }
-    }
-  };
-}
-function StyledLink(_a) {
-  var _b = _a, {
-    className
-  } = _b, restOfProps = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Link, __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(next.useStyle({
-      textDecoration: "none"
-    }), className)
-  }));
-}
-function LinkPlugin() {
-  return {
-    renderInline(props, _editor, next2) {
-      const {
-        attributes,
-        children,
-        node
-      } = props;
-      switch (node.type) {
-        case "link": {
-          const {
-            data
-          } = node;
-          return /* @__PURE__ */ jsxRuntime.jsx(StyledLink, __spreadProps(__spreadValues({}, attributes), {
-            link: data.toJS(),
-            children
-          }));
-        }
-        default: {
-          return next2();
-        }
-      }
-    }
-  };
-}
-function Inlines() {
-  return {
-    renderInline(props, _editor, next2) {
-      const {
-        attributes,
-        children,
-        node
-      } = props;
-      switch (node.type) {
-        case "code": {
-          return /* @__PURE__ */ jsxRuntime.jsx("code", __spreadProps(__spreadValues({}, attributes), {
-            children
-          }));
-        }
-        case "superscript": {
-          return /* @__PURE__ */ jsxRuntime.jsx("sup", __spreadProps(__spreadValues({}, attributes), {
-            children
-          }));
-        }
-        case "subscript": {
-          return /* @__PURE__ */ jsxRuntime.jsx("sub", __spreadProps(__spreadValues({}, attributes), {
-            children
-          }));
-        }
-        default: {
-          return next2();
-        }
-      }
-    }
-  };
-}
-const RichTextEditor = React.forwardRef(function RichTextEditor2(_c, ref) {
-  var _d = _c, {
-    placeholder = "Write some text...",
-    className
-  } = _d, restOfProps = __objRest(_d, [
-    "placeholder",
-    "className"
-  ]);
-  const plugins = React.useMemo(() => [Lists__default["default"](), LinkPlugin(), Inlines(), DeviceOverridesBlockPlugin(), DeviceOverridesMarksPlugin()], []);
-  return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editor, __spreadProps(__spreadValues({}, restOfProps), {
-    style: {
-      WebkitUserModify: void 0
-    },
-    className: css.cx(next.useStyle({
-      "ul, ol": {
-        margin: 0
-      }
-    }), className),
-    ref,
-    autoFocus: false,
-    plugins,
-    placeholder
-  }));
-});
-const defaultText = {
-  document: {
-    nodes: [{
-      object: "block",
-      type: "paragraph",
-      nodes: []
-    }]
-  },
-  data: {}
-};
-const COMMIT_DEBOUNCE_DELAY = 500;
-const EditableText = React.forwardRef(function EditableText2({
-  id,
-  text,
-  width,
-  margin
-}, ref) {
-  const [editor, setEditor] = React.useState(null);
-  const [propControllers, setPropControllers] = React.useState(null);
-  const controller = propControllers == null ? void 0 : propControllers.text;
-  const editMode = next.useBuilderEditMode();
-  React.useEffect(() => {
-    const element = editor == null ? void 0 : editor.findDOMNode([]);
-    if (element == null || !(element instanceof HTMLElement) || controller == null)
-      return;
-    return next.pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => controller.changeBoxModel(boxModel)
-    });
-  }, [editor, controller]);
-  React.useImperativeHandle(ref, () => ({
-    getDomNode() {
-      const el = editor == null ? void 0 : editor.findDOMNode([]);
-      return el instanceof Element ? el : null;
-    },
-    getBoxModel() {
-      const el = editor == null ? void 0 : editor.findDOMNode([]);
-      return el instanceof Element ? boxModels.getBox(el) : null;
-    },
-    setPropControllers
-  }), [editor, setPropControllers]);
-  React.useEffect(() => {
-    if (editor)
-      controller == null ? void 0 : controller.setSlateEditor(editor);
-  }, [controller, editor]);
-  const [value, setValue] = React.useState(() => {
-    const _a = text != null ? text : defaultText, {
-      selection
-    } = _a, textWithoutSelection = __objRest(_a, [
-      "selection"
-    ]);
-    return slate.Value.fromJSON(textWithoutSelection);
-  });
-  const [shouldCommit, setShouldCommit] = React.useState(true);
-  React.useEffect(() => {
-    if (shouldCommit) {
-      const nextValue = slate.Value.fromJSON(text != null ? text : defaultText);
-      setValue((currentValue) => currentValue.selection.isBlurred ? slate.Value.fromJSON(nextValue.toJSON({
-        preserveSelection: false
-      })) : nextValue);
-    }
-  }, [shouldCommit, text]);
-  React.useEffect(() => {
-    if (shouldCommit)
-      return;
-    const timeoutId = window.setTimeout(() => {
-      setShouldCommit(true);
-    }, COMMIT_DEBOUNCE_DELAY);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [shouldCommit]);
-  function handleChange(change) {
-    setValue(change.value);
-    if (change.value !== value) {
-      setShouldCommit(false);
-      controller == null ? void 0 : controller.onChange(change);
-    }
-  }
-  const lastController = React.useRef(controller);
-  if (lastController.current !== controller)
-    lastController.current = controller;
-  const handleFocus = React.useCallback(() => {
-    var _a;
-    (_a = lastController.current) == null ? void 0 : _a.focus();
-  }, []);
-  const handleKeyDown = React.useCallback((event, _editor, next2) => {
-    var _a, _b, _c;
-    if (Hotkeys__default["default"].isUndo(event)) {
-      (_a = lastController.current) == null ? void 0 : _a.undo();
-      return true;
-    }
-    if (Hotkeys__default["default"].isRedo(event)) {
-      (_b = lastController.current) == null ? void 0 : _b.redo();
-      return true;
-    }
-    if (isHotkey.isHotkey("escape")(event)) {
-      (_c = lastController.current) == null ? void 0 : _c.blur();
-      return true;
-    }
-    return next2();
-  }, []);
-  const handleBlur = React.useCallback((event, editor2, next2) => {
-    const selection = editor2.value.selection;
-    next2();
-    if (event.relatedTarget == null)
-      editor2.select(selection);
-  }, []);
-  const lastEditMode = React.useRef(editMode);
-  if (lastEditMode.current !== editMode)
-    lastEditMode.current = editMode;
-  const handleClick = (event, _editor, next2) => {
-    next2();
-    if (lastEditMode.current === richText.BuilderEditMode.CONTENT)
-      event.stopPropagation();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(RichTextEditor, {
-    id,
-    ref: setEditor,
-    className: css.cx(next.useStyle({
-      "ul, ol": {
-        margin: 0
-      }
-    }), width, margin),
-    value,
-    onChange: handleChange,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    onBlur: handleBlur,
-    onClick: handleClick,
-    readOnly: editMode !== richText.BuilderEditMode.CONTENT
-  });
-});
-exports["default"] = EditableText;
-//# sourceMappingURL=EditableText.cjs.js.map

package/dist/EditableText.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableText.cjs.js","sources":["../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesMarks.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/DeviceOverridesBlocks.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Link.tsx","../src/components/builtin/Text/components/RichTextEditor/plugins/Inlines.tsx","../src/components/builtin/Text/components/RichTextEditor/index.tsx","../src/components/builtin/Text/EditableText.tsx"],"sourcesContent":["import type { Plugin } from 'slate-react'\n\nimport Mark from '../components/Mark'\n\nconst TYPOGRAPHY_TYPE = 'typography'\n\nexport default function DeviceOverridesMarksPlugin(): Plugin {\n  return {\n    renderMark({ mark, children }, _editor, next) {\n      if (mark.type === TYPOGRAPHY_TYPE) {\n        return <Mark value={mark.data.get('value')}>{children}</Mark>\n      }\n\n      return next()\n    },\n  }\n}\n","import { Plugin } from 'slate-react'\n\nimport Block from '../components/Block'\n\nexport default function DeviceOverridesBlockPlugin(): Plugin {\n  return {\n    renderBlock(props, _editor, next): JSX.Element {\n      const { node, attributes, children } = props\n      const blockProps = { textAlign: node.data.get('textAlign') }\n\n      switch (node.type) {\n        case 'paragraph':\n          return (\n            <Block {...attributes} {...blockProps} as=\"p\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-one':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h1\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-two':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h2\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-three':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h3\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-four':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h4\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-five':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h5\">\n              {children}\n            </Block>\n          )\n\n        case 'heading-six':\n          return (\n            <Block {...attributes} {...blockProps} as=\"h6\">\n              {children}\n            </Block>\n          )\n\n        case 'blockquote':\n          return (\n            <Block {...attributes} {...blockProps} as=\"blockquote\">\n              {children}\n            </Block>\n          )\n\n        default:\n          return next()\n      }\n    },\n  }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef } from 'react'\nimport { Plugin } from 'slate-react'\nimport { useStyle } from '../../../../../../runtimes/react/use-style'\n\nimport { Link } from '../../../../../shared/Link'\n\nfunction StyledLink({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Link>) {\n  return <Link {...restOfProps} className={cx(useStyle({ textDecoration: 'none' }), className)} />\n}\n\nexport default function LinkPlugin(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'link': {\n          const { data } = node\n\n          return (\n            <StyledLink {...attributes} link={data.toJS()}>\n              {children}\n            </StyledLink>\n          )\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { Plugin } from 'slate-react'\n\nexport default function Inlines(): Plugin {\n  return {\n    renderInline(props, _editor, next) {\n      const { attributes, children, node } = props\n\n      switch (node.type) {\n        case 'code': {\n          return <code {...attributes}>{children}</code>\n        }\n\n        case 'superscript': {\n          return <sup {...attributes}>{children}</sup>\n        }\n\n        case 'subscript': {\n          return <sub {...attributes}>{children}</sub>\n        }\n\n        default: {\n          return next()\n        }\n      }\n    },\n  }\n}\n","import { ComponentPropsWithoutRef, forwardRef, useMemo } from 'react'\n\nimport { Editor as SlateEditor } from 'slate-react'\n\n// @ts-expect-error: no types for '@convertkit/slate-lists'\nimport Lists from '@convertkit/slate-lists'\n\nimport DeviceOverridesMarks from './plugins/DeviceOverridesMarks'\nimport DeviceOverridesBlocks from './plugins/DeviceOverridesBlocks'\nimport Link from './plugins/Link'\nimport Inlines from './plugins/Inlines'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\n\nexport { overrideTypographyStyle } from './components/Mark'\n\ntype Props = ComponentPropsWithoutRef<typeof SlateEditor>\n\nexport const RichTextEditor = forwardRef<SlateEditor, Props>(function RichTextEditor(\n  { placeholder = 'Write some text...', className, ...restOfProps }: Props,\n  ref,\n) {\n  const plugins = useMemo(\n    () => [Lists(), Link(), Inlines(), DeviceOverridesBlocks(), DeviceOverridesMarks()],\n    [],\n  )\n\n  return (\n    <SlateEditor\n      {...restOfProps}\n      // Workaround because our Slate editor is broken on Chrome 105\n      // Problem: https://linear.app/makeswift/issue/PRD-434/our-rich-text-component-breaks-in-the-latest-version-of-chrome\n      // Workaround: https://github.com/ianstormtaylor/slate/issues/5110#issuecomment-1234951122\n      style={{ WebkitUserModify: undefined }}\n      className={cx(useStyle({ 'ul, ol': { margin: 0 } }), className)}\n      ref={ref}\n      autoFocus={false}\n      plugins={plugins}\n      placeholder={placeholder}\n    />\n  )\n})\n","import {\n  useState,\n  Ref,\n  useImperativeHandle,\n  forwardRef,\n  useEffect,\n  useCallback,\n  useRef,\n  KeyboardEvent as ReactKeyboardEvent,\n  FocusEvent as ReactFocusEvent,\n  MouseEvent as ReactMouseEvent,\n} from 'react'\nimport { Editor, OnChangeParam } from 'slate-react'\nimport { Value, ValueJSON } from 'slate'\n// @ts-expect-error: no types for 'slate-hotkeys'\nimport Hotkeys from 'slate-hotkeys'\nimport { isHotkey } from 'is-hotkey'\n\nimport {\n  ElementIDValue,\n  RichTextDescriptor,\n  RichTextValue,\n} from '../../../prop-controllers/descriptors'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { RichTextEditor } from './components/RichTextEditor'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { pollBoxModel } from '../../../runtimes/react/poll-box-model'\nimport { useBuilderEditMode } from '../../../runtimes/react'\nimport { BuilderEditMode } from '../../../state/modules/builder-edit-mode'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: ValueJSON = {\n  document: { nodes: [{ object: 'block' as const, type: 'paragraph' as const, nodes: [] }] },\n  data: {},\n}\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\ntype Descriptors = { text?: RichTextDescriptor }\n\nconst EditableText = forwardRef(function EditableText(\n  { id, text, width, margin }: Props,\n  ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n  const [editor, setEditor] = useState<Editor | null>(null)\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    const element = editor?.findDOMNode([])\n    if (element == null || !(element instanceof HTMLElement) || controller == null) return\n    return pollBoxModel({\n      element: element,\n      onBoxModelChange: boxModel => controller.changeBoxModel(boxModel),\n    })\n  }, [editor, controller])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        const el = editor?.findDOMNode([])\n\n        return el instanceof Element ? el : null\n      },\n      getBoxModel() {\n        const el = editor?.findDOMNode([])\n\n        return el instanceof Element ? getBox(el) : null\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  useEffect(() => {\n    if (editor) controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  /**\n   * We must keep local state so that we can reflect the user's typed changes immediately. At the\n   * same time, though, the source of truth for the data is the prop data. This presents a\n   * challenge: how do we keep local state in sync with the prop data without mangling user input as\n   * data comes in?\n   *\n   * Consider, for example, that the user types \"Hello\". If at a later time, when the user is trying\n   * to type \", world\" the component re-renders with prop data \"H\", \"He\", \"Hel\", \"Hell\", \"Hello\", it\n   * will disrupt the user's typing. This could also happen as a result of the prop data changing\n   * for other reasons, like collaborators changing the prop data concurrently. We want to avoid to\n   * disrupt the user's typing, while at the same time display the \"true\" value as quickly as\n   * possible.\n   *\n   * The approach we take here is to commit the prop data at an opportune time: as the user is\n   * typing we avoid to commit prop data. But once they've stopped typing, we commit it as soon as\n   * possible. This is known as a debounce.\n   */\n  const [value, setValue] = useState(() => {\n    const { selection, ...textWithoutSelection } = text ?? defaultText\n\n    return Value.fromJSON(textWithoutSelection)\n  })\n  const [shouldCommit, setShouldCommit] = useState(true)\n\n  useEffect(() => {\n    if (shouldCommit) {\n      const nextValue = Value.fromJSON(text ?? defaultText)\n\n      setValue(currentValue =>\n        currentValue.selection.isBlurred\n          ? Value.fromJSON(nextValue.toJSON({ preserveSelection: false }))\n          : nextValue,\n      )\n    }\n  }, [shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  function handleChange(change: OnChangeParam) {\n    setValue(change.value as Value)\n\n    if (change.value !== value) {\n      setShouldCommit(false)\n\n      controller?.onChange(change)\n    }\n  }\n\n  // HACK: Slate holds on to the very first DOM event handlers passed in and doesn't update them\n  // even if they change. Since `controller` is first `undefined` then we must use a ref.\n  const lastController = useRef(controller)\n  if (lastController.current !== controller) lastController.current = controller\n  const handleFocus = useCallback(() => {\n    lastController.current?.focus()\n  }, [])\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent, _editor: Editor, next: () => any) => {\n      if (Hotkeys.isUndo(event)) {\n        lastController.current?.undo()\n\n        return true\n      }\n\n      if (Hotkeys.isRedo(event)) {\n        lastController.current?.redo()\n\n        return true\n      }\n\n      if (isHotkey('escape')(event)) {\n        lastController.current?.blur()\n\n        return true\n      }\n\n      return next()\n    },\n    [],\n  )\n  const handleBlur = useCallback((event: ReactFocusEvent, editor: Editor, next: () => any) => {\n    const selection = editor.value.selection\n\n    next()\n\n    // Normally, after a user highlight a text, clicking on the panel will remove the text selection.\n    // This line is a workaround for that. Because the panel is not in the iframe, relatedTarget\n    // would be null, and we select the previous text selection to maintain the text highlight.\n    // Inspiration: https://github.com/ianstormtaylor/slate/issues/3412#issuecomment-663906003\n    if (event.relatedTarget == null) editor.select(selection)\n  }, [])\n\n  // HACK: Slate holds on to the very first DOM event handlers passed in and doesn't update them\n  // even if they change.\n  const lastEditMode = useRef(editMode)\n  if (lastEditMode.current !== editMode) lastEditMode.current = editMode\n\n  const handleClick = (event: ReactMouseEvent, _editor: Editor, next: () => any) => {\n    next()\n\n    // This is needed to prevent clicks from propagating in content mode.\n    // This is not ideal because it might break if we implement a plugin in the future that depends on click.\n    // Also, we might also want to stop hover/mousedown event\n    if (lastEditMode.current === BuilderEditMode.CONTENT) event.stopPropagation()\n  }\n\n  return (\n    <RichTextEditor\n      // @ts-expect-error: types don't allow for 'id' prop even though it's used.\n      id={id}\n      ref={setEditor}\n      className={cx(useStyle({ 'ul, ol': { margin: 0 } }), width, margin)}\n      value={value}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onClick={handleClick}\n      readOnly={editMode !== BuilderEditMode.CONTENT}\n    />\n  )\n})\n\nexport default EditableText\n"],"names":["TYPOGRAPHY_TYPE","renderMark","mark","children","_editor","next","type","Mark","data","get","renderBlock","props","node","attributes","blockProps","textAlign","Block","className","restOfProps","Link","cx","useStyle","textDecoration","renderInline","toJS","RichTextEditor","forwardRef","ref","placeholder","plugins","useMemo","Lists","Inlines","DeviceOverridesBlocks","DeviceOverridesMarks","SlateEditor","WebkitUserModify","undefined","margin","defaultText","document","nodes","object","COMMIT_DEBOUNCE_DELAY","EditableText","id","text","width","editor","setEditor","useState","propControllers","setPropControllers","controller","editMode","useBuilderEditMode","useEffect","element","findDOMNode","HTMLElement","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","useImperativeHandle","getDomNode","el","Element","getBoxModel","getBox","setSlateEditor","value","setValue","selection","textWithoutSelection","Value","fromJSON","shouldCommit","setShouldCommit","nextValue","currentValue","isBlurred","toJSON","preserveSelection","timeoutId","window","setTimeout","clearTimeout","change","onChange","lastController","useRef","current","handleFocus","useCallback","focus","handleKeyDown","event","Hotkeys","isUndo","undo","isRedo","redo","isHotkey","blur","handleBlur","relatedTarget","select","lastEditMode","handleClick","BuilderEditMode","CONTENT","stopPropagation","handleChange"],"mappings":"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"}