@makeswift/runtime 0.13.1 → 0.14.1

package/dist/cjs/runtimes/react/controls/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/list.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { ListControl, ListControlData, ListControlDefinition } from '../../../controls'\nimport { AnyPropController } from '../../../prop-controllers/instances'\nimport { ControlDefinitionValue, ControlValue } from './control'\n\ntype ListControlItemValue<T extends ListControlDefinition> = ControlDefinitionValue<\n  T['config']['type']\n>\n\nexport type ListControlValue<T extends ListControlDefinition> = ListControlItemValue<T>[]\n\ntype ListControlValueProps<T extends ListControlDefinition> = {\n  definition: T\n  data: ListControlData<T> | undefined\n  children(value: ListControlValue<T>): JSX.Element\n  control: ListControl\n}\n\nexport function ListControlValue<T extends ListControlDefinition>({\n  definition,\n  data,\n  children,\n  control,\n}: ListControlValueProps<T>): JSX.Element {\n  const [controls, setControls] = useState<Map<string, AnyPropController> | undefined>(new Map())\n\n  useEffect(() => {\n    if (control == null || data == null) return\n\n    // This is not ideal because we're setting the itemsControl from the ListControlValue.\n    // This is because right now we don't have a subscribeToValue function inside the control.\n    // We can improve this by adding the subscribeToValue to createPropController and by\n    // moving the setItemsControl to the control itself.\n    setControls(control.setItemsControl(data))\n  }, [data, control])\n\n  return (data ?? []).reduce(\n    (renderFn, item) => listControlValue =>\n      (\n        <ControlValue\n          definition={definition.config.type}\n          data={item.value}\n          control={controls?.get(item.id)}\n        >\n          {value => renderFn([value as ListControlItemValue<T>, ...listControlValue])}\n        </ControlValue>\n      ),\n    children,\n  )([])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AAvCR,mBAAoC;AAGpC,qBAAqD;AAe9C,SAAS,iBAAkD;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAqD,oBAAI,IAAI,CAAC;AAE9F,8BAAU,MAAM;AACd,QAAI,WAAW,QAAQ,QAAQ;AAAM;AAMrC,gBAAY,QAAQ,gBAAgB,IAAI,CAAC;AAAA,EAC3C,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,UAAQ,QAAQ,CAAC,GAAG;AAAA,IAClB,CAAC,UAAU,SAAS,sBAEhB;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,WAAW,OAAO;AAAA,QAC9B,MAAM,KAAK;AAAA,QACX,SAAS,UAAU,IAAI,KAAK,EAAE;AAAA,QAE7B,qBAAS,SAAS,CAAC,OAAkC,GAAG,gBAAgB,CAAC;AAAA;AAAA,IAC5E;AAAA,IAEJ;AAAA,EACF,EAAE,CAAC,CAAC;AACN;","names":[]}

package/dist/cjs/runtimes/react/controls/number.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var number_exports = {};
+__export(number_exports, {
+  useNumber: () => useNumber
+});
+module.exports = __toCommonJS(number_exports);
+var import_ts_pattern = require("ts-pattern");
+var import_controls = require("../../../controls");
+function useNumber(data, definition) {
+  const value = (0, import_ts_pattern.match)(data).with({ [import_controls.NumberControlDataTypeKey]: import_controls.NumberControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val) ?? definition.config.defaultValue;
+  return value;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNumber
+});
+//# sourceMappingURL=number.js.map

package/dist/cjs/runtimes/react/controls/number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/number.ts"],"sourcesContent":["import { match } from 'ts-pattern'\nimport {\n  NumberControlData,\n  NumberControlDataTypeKey,\n  NumberControlDataTypeValueV1,\n  NumberControlDefinition,\n} from '../../../controls'\n\nexport type NumberControlValue<T extends NumberControlDefinition> =\n  undefined extends T['config']['defaultValue'] ? number | undefined : number\n\nexport function useNumber<T extends NumberControlDefinition>(\n  data: NumberControlData | undefined,\n  definition: T,\n): NumberControlValue<T> {\n  const value: number | undefined =\n    match(data)\n      .with({ [NumberControlDataTypeKey]: NumberControlDataTypeValueV1 }, val => val.value)\n      .otherwise(val => val) ?? definition.config.defaultValue\n\n  return value as NumberControlValue<T>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAsB;AACtB,sBAKO;AAKA,SAAS,UACd,MACA,YACuB;AACvB,QAAM,YACJ,yBAAM,IAAI,EACP,KAAK,EAAE,CAAC,wCAAwB,GAAG,6CAA6B,GAAG,SAAO,IAAI,KAAK,EACnF,UAAU,SAAO,GAAG,KAAK,WAAW,OAAO;AAEhD,SAAO;AACT;","names":[]}

package/dist/cjs/runtimes/react/controls/rich-text/EditableText/editable-text.js

@@ -0,0 +1,127 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_text_exports = {};
+__export(editable_text_exports, {
+  EditableText: () => EditableText,
+  default: () => editable_text_default
+});
+module.exports = __toCommonJS(editable_text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_css = require("@emotion/css");
+var import_css_box_model = require("css-box-model");
+var import_is_hotkey = __toESM(require("is-hotkey"));
+var import_react = require("react");
+var import_slate = require("slate");
+var import_slate_react = require("slate-react");
+var import__ = require("../../..");
+var import_controls = require("../../../../../controls");
+var import_slate2 = require("../../../../../slate");
+var import_builder_edit_mode = require("../../../../../state/modules/builder-edit-mode");
+var import_poll_box_model = require("../../../poll-box-model");
+var import_components = require("../components");
+var import_useSyncDOMSelection = require("./useSyncDOMSelection");
+var import_useSyncWithBuilder = require("./useSyncWithBuilder");
+const defaultText = [{ type: import_slate2.BlockType.Paragraph, children: [{ text: "" }] }];
+const EditableText = (0, import_react.forwardRef)(function EditableText2({ id, text, width, margin }, ref) {
+  const [editor] = (0, import_react.useState)(() => (0, import_slate2.withBlock)((0, import_slate2.withTypography)((0, import_slate2.withBuilder)((0, import_slate_react.withReact)((0, import_slate.createEditor)())))));
+  const [isPreservingDOMSElection, setIsPreservingDOMSelection] = (0, import_react.useState)(false);
+  (0, import_useSyncDOMSelection.useSyncDOMSelection)(editor, isPreservingDOMSElection);
+  const delaySync = (0, import_useSyncWithBuilder.useSyncWithBuilder)(editor, text);
+  const editMode = (0, import__.useBuilderEditMode)();
+  const [propControllers, setPropControllers] = (0, import_react.useState)(null);
+  const controller = propControllers?.text;
+  (0, import_react.useEffect)(() => {
+    if (controller == null)
+      return;
+    const element = import_slate_react.ReactEditor.toDOMNode(editor, editor);
+    return (0, import_poll_box_model.pollBoxModel)({
+      element,
+      onBoxModelChange: (boxModel) => controller.changeBoxModel(boxModel)
+    });
+  }, [editor, controller]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      getDomNode() {
+        return import_slate_react.ReactEditor.toDOMNode(editor, editor);
+      },
+      getBoxModel() {
+        return (0, import_css_box_model.getBox)(import_slate_react.ReactEditor.toDOMNode(editor, editor));
+      },
+      setPropControllers
+    }),
+    [editor, setPropControllers]
+  );
+  const initialValue = (0, import_react.useMemo)(() => text ? (0, import_controls.richTextDTOtoDAO)(text) : defaultText, [text]);
+  (0, import_react.useEffect)(() => {
+    controller?.setSlateEditor(editor);
+  }, [controller, editor]);
+  const handleFocus = (0, import_react.useCallback)(() => {
+    controller?.focus();
+    setIsPreservingDOMSelection(true);
+  }, [controller]);
+  const handleKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if ((0, import_is_hotkey.default)("mod+shift+z", e))
+        return controller?.redo();
+      if ((0, import_is_hotkey.default)("mod+z", e))
+        return controller?.undo();
+      if ((0, import_is_hotkey.default)("escape")(e))
+        return controller?.blur();
+      (0, import_slate2.onKeyDown)(e, editor);
+    },
+    [controller, editor]
+  );
+  const handleBlur = (0, import_react.useCallback)((e) => {
+    if (e.relatedTarget == null)
+      return;
+    setIsPreservingDOMSelection(false);
+    import_slate_react.ReactEditor.deselect(editor);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slate_react.Slate, { editor, value: initialValue, onChange: delaySync, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_slate_react.Editable,
+    {
+      id,
+      renderLeaf: import_components.Leaf,
+      renderElement: import_components.Element,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      className: (0, import_css.cx)(width, margin),
+      readOnly: editMode !== import_builder_edit_mode.BuilderEditMode.CONTENT,
+      placeholder: "Write some text..."
+    }
+  ) });
+});
+var editable_text_default = EditableText;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditableText
+});
+//# sourceMappingURL=editable-text.js.map

package/dist/cjs/runtimes/react/controls/rich-text/EditableText/editable-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/editable-text.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { getBox } from 'css-box-model'\nimport isHotkey from 'is-hotkey'\nimport {\n  FocusEvent,\n  forwardRef,\n  KeyboardEvent,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { createEditor } from 'slate'\nimport { Slate, Editable, withReact, ReactEditor } from 'slate-react'\nimport { useBuilderEditMode } from '../../..'\nimport { richTextDTOtoDAO } from '../../../../../controls'\nimport { RichTextValue } from '../../../../../prop-controllers'\nimport { ElementIDValue } from '../../../../../prop-controllers/descriptors'\nimport { DescriptorsPropControllers } from '../../../../../prop-controllers/instances'\nimport {\n  RichTextDAO,\n  BlockType,\n  withBlock,\n  withTypography,\n  withBuilder,\n  onKeyDown,\n} from '../../../../../slate'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { PropControllersHandle } from '../../../../../state/modules/prop-controller-handles'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { Element, Leaf } from '../components'\nimport { Descriptors } from '../rich-text'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { useSyncWithBuilder } from './useSyncWithBuilder'\n\ntype Props = {\n  id?: ElementIDValue\n  text?: RichTextValue\n  width?: string\n  margin?: string\n}\n\nconst defaultText: RichTextDAO = [{ type: BlockType.Paragraph, children: [{ text: '' }] }]\n\nexport const EditableText = forwardRef(function EditableText(\n  { id, text, width, margin }: Props,\n  ref: Ref<PropControllersHandle<Descriptors>>,\n) {\n  const [editor] = useState(() => withBlock(withTypography(withBuilder(withReact(createEditor())))))\n  const [isPreservingDOMSElection, setIsPreservingDOMSelection] = useState(false)\n  useSyncDOMSelection(editor, isPreservingDOMSElection)\n  const delaySync = useSyncWithBuilder(editor, text)\n  const editMode = useBuilderEditMode()\n\n  const [propControllers, setPropControllers] =\n    useState<DescriptorsPropControllers<Descriptors> | null>(null)\n  const controller = propControllers?.text\n\n  useEffect(() => {\n    if (controller == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => controller.changeBoxModel(boxModel),\n    })\n  }, [editor, controller])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      getDomNode() {\n        return ReactEditor.toDOMNode(editor, editor)\n      },\n      getBoxModel() {\n        return getBox(ReactEditor.toDOMNode(editor, editor))\n      },\n      setPropControllers,\n    }),\n    [editor, setPropControllers],\n  )\n\n  const initialValue = useMemo(() => (text ? richTextDTOtoDAO(text) : defaultText), [text])\n\n  useEffect(() => {\n    controller?.setSlateEditor(editor)\n  }, [controller, editor])\n\n  const handleFocus = useCallback(() => {\n    controller?.focus()\n    setIsPreservingDOMSelection(true)\n  }, [controller])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return controller?.redo()\n      if (isHotkey('mod+z', e)) return controller?.undo()\n      if (isHotkey('escape')(e)) return controller?.blur()\n      onKeyDown(e, editor)\n    },\n    [controller, editor],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // When clicking outside of the iframe (`relatedTarget` is null) we want to preserve the DOM selection.\n    if (e.relatedTarget == null) return\n    // Otherwise we want to deselect on blur and stop preserving selection.\n    setIsPreservingDOMSelection(false)\n    ReactEditor.deselect(editor)\n  }, [])\n\n  return (\n    <Slate editor={editor} value={initialValue} onChange={delaySync}>\n      <Editable\n        id={id}\n        renderLeaf={Leaf}\n        renderElement={Element}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        className={cx(width, margin)}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n})\n\nexport default EditableText\n"],"mappings":"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","names":["import_slate","EditableText","isHotkey"]}

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

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EditableText_exports = {};
+__export(EditableText_exports, {
+  default: () => EditableText_default
+});
+module.exports = __toCommonJS(EditableText_exports);
+var import_editable_text = __toESM(require("./editable-text"));
+__reExport(EditableText_exports, require("./editable-text"), module.exports);
+var EditableText_default = import_editable_text.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./editable-text")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/index.ts"],"sourcesContent":["import EditableText from './editable-text'\nexport * from './editable-text'\nexport default EditableText\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAyB;AACzB,iCAAc,4BADd;AAEA,IAAO,uBAAQ,qBAAAA;","names":["EditableText"]}

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

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSyncDOMSelection_exports = {};
+__export(useSyncDOMSelection_exports, {
+  useSyncDOMSelection: () => useSyncDOMSelection
+});
+module.exports = __toCommonJS(useSyncDOMSelection_exports);
+var import_slate_react = require("slate-react");
+var import_slate = require("slate");
+var import_useIsomorphicLayoutEffect = require("../../../../../components/hooks/useIsomorphicLayoutEffect");
+function useSyncDOMSelection(editor, isEnabled) {
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    if (!isEnabled || editor.selection == null || import_slate_react.ReactEditor.isFocused(editor))
+      return;
+    try {
+      const root = import_slate_react.ReactEditor.findDocumentOrShadowRoot(editor);
+      const domSelection = root.getSelection();
+      const newDomRange = import_slate_react.ReactEditor.toDOMRange(editor, editor.selection);
+      if (newDomRange) {
+        if (import_slate.Range.isBackward(editor.selection)) {
+          domSelection?.setBaseAndExtent(
+            newDomRange.endContainer,
+            newDomRange.endOffset,
+            newDomRange.startContainer,
+            newDomRange.startOffset
+          );
+        } else {
+          domSelection?.setBaseAndExtent(
+            newDomRange.startContainer,
+            newDomRange.startOffset,
+            newDomRange.endContainer,
+            newDomRange.endOffset
+          );
+        }
+      } else {
+        domSelection?.removeAllRanges();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSyncDOMSelection
+});
+//# sourceMappingURL=useSyncDOMSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/useSyncDOMSelection.tsx"],"sourcesContent":["import { ReactEditor } from 'slate-react'\nimport { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\n\n/**\n * Clicking outside of the host blurs our `<Editable />`.\n * `<Editable />` only updates the DOM's selection to match slate when it is focused.\n * In the case of a panel being clicked this hook updates the DOM selection to match slate.\n */\nexport function useSyncDOMSelection(editor: Editor, isEnabled: boolean) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled || editor.selection == null || ReactEditor.isFocused(editor)) return\n    try {\n      const root = ReactEditor.findDocumentOrShadowRoot(editor) as Document\n      const domSelection = root.getSelection()\n      const newDomRange: Range | null = ReactEditor.toDOMRange(editor, editor.selection)\n\n      if (newDomRange) {\n        if (SlateRange.isBackward(editor.selection!)) {\n          domSelection?.setBaseAndExtent(\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n          )\n        } else {\n          domSelection?.setBaseAndExtent(\n            newDomRange.startContainer,\n            newDomRange.startOffset,\n            newDomRange.endContainer,\n            newDomRange.endOffset,\n          )\n        }\n      } else {\n        domSelection?.removeAllRanges()\n      }\n    } catch (e) {\n      console.error(e)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,mBAA4C;AAC5C,uCAA0C;AAOnC,SAAS,oBAAoB,QAAgB,WAAoB;AACtE,kEAA0B,MAAM;AAC9B,QAAI,CAAC,aAAa,OAAO,aAAa,QAAQ,+BAAY,UAAU,MAAM;AAAG;AAC7E,QAAI;AACF,YAAM,OAAO,+BAAY,yBAAyB,MAAM;AACxD,YAAM,eAAe,KAAK,aAAa;AACvC,YAAM,cAA4B,+BAAY,WAAW,QAAQ,OAAO,SAAS;AAEjF,UAAI,aAAa;AACf,YAAI,aAAAA,MAAW,WAAW,OAAO,SAAU,GAAG;AAC5C,wBAAc;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,UACd;AAAA,QACF,OAAO;AACL,wBAAc;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF,OAAO;AACL,sBAAc,gBAAgB;AAAA,MAChC;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,CAAC;AAAA,IACjB;AAAA,EACF,CAAC;AACH;","names":["SlateRange"]}

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

@@ -0,0 +1,69 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSyncWithBuilder_exports = {};
+__export(useSyncWithBuilder_exports, {
+  useSyncWithBuilder: () => useSyncWithBuilder
+});
+module.exports = __toCommonJS(useSyncWithBuilder_exports);
+var import_react = require("react");
+var import_react2 = require("../../../../../react");
+var import_controls = require("../../../../../controls");
+var import_deepEqual = __toESM(require("../../../../../utils/deepEqual"));
+const COMMIT_DEBOUNCE_DELAY = 500;
+function useSyncWithBuilder(editor, text) {
+  const [shouldCommit, setShouldCommit] = (0, import_react.useState)(true);
+  const isInBuilder = (0, import_react2.useIsInBuilder)();
+  (0, import_react.useEffect)(() => {
+    if (shouldCommit && text && isInBuilder) {
+      const nextValue = (0, import_controls.richTextDTOtoDAO)(text);
+      const nextSelection = (0, import_controls.richTextDTOtoSelection)(text);
+      if (!(0, import_deepEqual.default)(editor.children, nextValue) || !(0, import_deepEqual.default)(editor.selection, nextSelection)) {
+        editor.children = nextValue;
+        editor.selection = nextSelection;
+        editor.onChange();
+      }
+    }
+  }, [editor, shouldCommit, text]);
+  (0, import_react.useEffect)(() => {
+    if (shouldCommit)
+      return;
+    const timeoutId = window.setTimeout(() => {
+      setShouldCommit(true);
+    }, COMMIT_DEBOUNCE_DELAY);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [shouldCommit]);
+  return (0, import_react.useCallback)(() => setShouldCommit(false), []);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSyncWithBuilder
+});
+//# sourceMappingURL=useSyncWithBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/runtimes/react/controls/rich-text/EditableText/useSyncWithBuilder.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\nimport { Editor } from 'slate'\nimport { useIsInBuilder } from '../../../../../react'\nimport { richTextDTOtoDAO, richTextDTOtoSelection } from '../../../../../controls'\nimport { RichTextValue } from '../../../../../prop-controllers'\nimport deepEqual from '../../../../../utils/deepEqual'\n\nconst COMMIT_DEBOUNCE_DELAY = 500\n\n/**\n * Compare new prop value with current editor and update editor\n * if the values are not equal.\n */\nexport function useSyncWithBuilder(editor: Editor, text?: RichTextValue) {\n  const [shouldCommit, setShouldCommit] = useState(true)\n  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (shouldCommit && text && isInBuilder) {\n      const nextValue = richTextDTOtoDAO(text)\n      const nextSelection = richTextDTOtoSelection(text)\n      if (!deepEqual(editor.children, nextValue) || !deepEqual(editor.selection, nextSelection)) {\n        editor.children = nextValue\n        editor.selection = nextSelection\n        editor.onChange()\n      }\n    }\n  }, [editor, shouldCommit, text])\n\n  useEffect(() => {\n    if (shouldCommit) return\n\n    const timeoutId = window.setTimeout(() => {\n      setShouldCommit(true)\n    }, COMMIT_DEBOUNCE_DELAY)\n\n    return () => {\n      window.clearTimeout(timeoutId)\n    }\n  }, [shouldCommit])\n\n  return useCallback(() => setShouldCommit(false), [])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD;AAEjD,IAAAA,gBAA+B;AAC/B,sBAAyD;AAEzD,uBAAsB;AAEtB,MAAM,wBAAwB;AAMvB,SAAS,mBAAmB,QAAgB,MAAsB;AACvE,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,kBAAc,8BAAe;AAEnC,8BAAU,MAAM;AACd,QAAI,gBAAgB,QAAQ,aAAa;AACvC,YAAM,gBAAY,kCAAiB,IAAI;AACvC,YAAM,oBAAgB,wCAAuB,IAAI;AACjD,UAAI,KAAC,iBAAAC,SAAU,OAAO,UAAU,SAAS,KAAK,KAAC,iBAAAA,SAAU,OAAO,WAAW,aAAa,GAAG;AACzF,eAAO,WAAW;AAClB,eAAO,YAAY;AACnB,eAAO,SAAS;AAAA,MAClB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,IAAI,CAAC;AAE/B,8BAAU,MAAM;AACd,QAAI;AAAc;AAElB,UAAM,YAAY,OAAO,WAAW,MAAM;AACxC,sBAAgB,IAAI;AAAA,IACtB,GAAG,qBAAqB;AAExB,WAAO,MAAM;AACX,aAAO,aAAa,SAAS;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,aAAO,0BAAY,MAAM,gBAAgB,KAAK,GAAG,CAAC,CAAC;AACrD;","names":["import_react","deepEqual"]}

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

@@ -0,0 +1,237 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReadOnlyText_exports = {};
+__export(ReadOnlyText_exports, {
+  BlockElement: () => BlockElement,
+  TextElement: () => TextElement,
+  default: () => ReadOnlyText_default
+});
+module.exports = __toCommonJS(ReadOnlyText_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_css = require("@emotion/css");
+var import_react = require("react");
+var import_responsive_style = require("../../../../components/utils/responsive-style");
+var import_controls = require("../../../../controls");
+var import_slate2 = require("../../../../slate");
+var import_use_style = require("../../use-style");
+var import_typography = __toESM(require("../typography"));
+var import_Link = require("../../../../components/shared/Link");
+const ReadOnlyText = (0, import_react.forwardRef)(function ReadOnlyText2({ id, text, width, margin }, ref) {
+  const descendants = text == null ? [] : (0, import_controls.richTextDTOtoDAO)(text);
+  const descendantsAsString = getText(descendants);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      id,
+      style: {
+        /**
+         * These are the default styles that Slate uses for its editable div.
+         * https://github.com/ianstormtaylor/slate/blob/4bd15ed3950e3a0871f5d0ecb391bb637c05e59d/packages/slate-react/src/components/editable.tsx
+         * Search for `disableDefaultStyles`
+         */
+        position: "relative",
+        whiteSpace: "pre-wrap",
+        wordWrap: "break-word"
+      },
+      className: (0, import_css.cx)(width, margin),
+      children: descendantsAsString === "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Placeholder, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants })
+    }
+  );
+});
+var ReadOnlyText_default = ReadOnlyText;
+function Placeholder({ text = "Write some text..." }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_use_style.useStyle)({
+        display: "inline-block",
+        width: 0,
+        maxWidth: "100%",
+        whiteSpace: "nowrap",
+        opacity: 0.333,
+        verticalAlign: "text-top"
+      }),
+      children: text
+    }
+  );
+}
+function TextElement({ descendant }) {
+  const enhancedTypography = (0, import_typography.default)(descendant.typography);
+  const typographyClassName = (0, import_typography.useTypographyClassName)(enhancedTypography);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: typographyClassName, children: descendant.text === "" ? "\uFEFF" : descendant.text });
+}
+function InlineElement({ descendant }) {
+  const linkClassName = (0, import_use_style.useStyle)({ textDecoration: "none" });
+  switch (descendant.type) {
+    case import_slate2.InlineType.Code:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.InlineType.SuperScript:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sup", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.InlineType.SubScript:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sub", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.InlineType.Link:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Link.Link, { className: linkClassName, link: descendant.link ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+  }
+}
+function BlockElement({ descendant }) {
+  const blockStyles = [
+    (0, import_use_style.useStyle)({ margin: 0 }),
+    (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveStyle)([descendant.textAlign], ([textAlign = "left"]) => ({ textAlign })))
+  ];
+  const quoteStyle = (0, import_use_style.useStyle)({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  switch (descendant.type) {
+    case import_slate2.BlockType.Default:
+    case import_slate2.BlockType.Paragraph:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading1:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading2:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading3:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading4:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading5:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.Heading6:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.BlockQuote:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { className: (0, import_css.cx)(...blockStyles, quoteStyle), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.OrderedList:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: (0, import_css.cx)(...blockStyles), style: { listStylePosition: "inside" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.UnorderedList:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: (0, import_css.cx)(...blockStyles), style: { listStylePosition: "inside" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.ListItem:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    case import_slate2.BlockType.ListItemChild:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_css.cx)(...blockStyles), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Descendants, { descendants: descendant.children }) });
+    default:
+      return null;
+  }
+}
+function isText(node) {
+  if (typeof node === "object" && "text" in node)
+    return true;
+  return false;
+}
+function Descendants({ descendants }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: descendants.map((descendant, index) => {
+    if (isText(descendant)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextElement, { descendant }, index);
+    }
+    switch (descendant.type) {
+      case import_slate2.InlineType.Link:
+      case import_slate2.InlineType.Code:
+      case import_slate2.InlineType.SubScript:
+      case import_slate2.InlineType.SuperScript:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InlineElement, { descendant }, index);
+      case import_slate2.BlockType.Heading1:
+      case import_slate2.BlockType.Heading2:
+      case import_slate2.BlockType.Heading3:
+      case import_slate2.BlockType.Heading4:
+      case import_slate2.BlockType.Heading5:
+      case import_slate2.BlockType.Heading6:
+      case import_slate2.BlockType.BlockQuote:
+      case import_slate2.BlockType.Paragraph:
+      case import_slate2.BlockType.Default:
+      case import_slate2.BlockType.OrderedList:
+      case import_slate2.BlockType.UnorderedList:
+      case import_slate2.BlockType.ListItem:
+      case import_slate2.BlockType.ListItemChild:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockElement, { descendant }, index);
+      default:
+        return null;
+    }
+  }) });
+}
+function isBlock(descendant) {
+  if ("text" in descendant)
+    return false;
+  switch (descendant.type) {
+    case import_slate2.BlockType.Heading1:
+    case import_slate2.BlockType.Heading2:
+    case import_slate2.BlockType.Heading3:
+    case import_slate2.BlockType.Heading4:
+    case import_slate2.BlockType.Heading5:
+    case import_slate2.BlockType.Heading6:
+    case import_slate2.BlockType.BlockQuote:
+    case import_slate2.BlockType.Paragraph:
+    case import_slate2.BlockType.Default:
+    case import_slate2.BlockType.OrderedList:
+    case import_slate2.BlockType.UnorderedList:
+    case import_slate2.BlockType.ListItem:
+    case import_slate2.BlockType.ListItemChild:
+      return true;
+    default:
+      return false;
+  }
+}
+function getTextByDescendant(descendant) {
+  if ("text" in descendant) {
+    return descendant.text ?? "";
+  }
+  switch (descendant.type) {
+    case import_slate2.InlineType.Link:
+    case import_slate2.InlineType.Code:
+    case import_slate2.InlineType.SubScript:
+    case import_slate2.InlineType.SuperScript:
+      return descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join("") ?? "";
+    case import_slate2.BlockType.Heading1:
+    case import_slate2.BlockType.Heading2:
+    case import_slate2.BlockType.Heading3:
+    case import_slate2.BlockType.Heading4:
+    case import_slate2.BlockType.Heading5:
+    case import_slate2.BlockType.Heading6:
+    case import_slate2.BlockType.BlockQuote:
+    case import_slate2.BlockType.Paragraph:
+    case import_slate2.BlockType.Default:
+    case import_slate2.BlockType.OrderedList:
+    case import_slate2.BlockType.UnorderedList:
+    case import_slate2.BlockType.ListItem:
+    case import_slate2.BlockType.ListItemChild:
+      return descendant.children.map((descendant2) => getTextByDescendant(descendant2)).join(descendant.children.every(isBlock) ? "\n" : "") ?? "";
+    default:
+      return "";
+  }
+}
+function getText(descendant) {
+  return descendant.map(getTextByDescendant).join("\n");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlockElement,
+  TextElement
+});
+//# sourceMappingURL=ReadOnlyText.js.map