@makeswift/runtime 0.8.10 → 0.9.0

package/dist/index.cjs6.js

@@ -1,8 +1,7 @@
 "use strict";
 var slate = require("slate");
 var isHotkey = require("is-hotkey");
-var element = require("./element.cjs.js");
-var slate$1 = require("./slate.cjs2.js");
+var reactPage = require("./react-page.cjs.js");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -17,27 +16,27 @@ function withInlineMode(editor) {
       slate.Transforms.mergeNodes(editor, { at: BLOCK_TWO_PATH });
       return;
     }
-    if (slate.Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) && element.ElementUtils.isBlock(normalizationNode)) {
+    if (slate.Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) && reactPage.ElementUtils.isBlock(normalizationNode)) {
       slate.Transforms.unwrapNodes(editor, {
         at: normalizationPath
       });
       return;
     }
     if (slate.Path.equals(BLOCK_ONE_PATH, normalizationPath)) {
-      slate.Transforms.setNodes(editor, { type: slate$1.BlockType.Text }, { at: normalizationPath });
+      slate.Transforms.setNodes(editor, { type: reactPage.BlockType.Text }, { at: normalizationPath });
       return;
     }
     normalizeNode(entry);
   };
   return editor;
 }
-const InlineMode = {
+const InlineModePlugin = reactPage.createRichTextV2Plugin({
   onKeyDown: (e) => {
     if (isHotkey__default["default"]("enter", e))
       e.preventDefault();
   },
   withPlugin: withInlineMode
-};
-exports.InlineMode = InlineMode;
+});
+exports.InlineModePlugin = InlineModePlugin;
 exports.withInlineMode = withInlineMode;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs6.js","sources":["../src/slate/InlineModePlugin/index.ts"],"sourcesContent":["import { Editor, Path, Transforms } from 'slate'\nimport { KeyboardEvent } from 'react'\nimport isHotkey from 'is-hotkey'\nimport { RichTextV2Plugin } from '../../controls/rich-text-v2'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../../../types/slate'\n\nconst BLOCK_ONE_PATH = [0]\nconst BLOCK_TWO_PATH = [1]\n\nexport function withInlineMode(editor: Editor): Editor {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    /**\n     * Merge root nodes past the first one\n     */\n    if (Path.equals(BLOCK_TWO_PATH, normalizationPath)) {\n      Transforms.mergeNodes(editor, { at: BLOCK_TWO_PATH })\n      return\n    }\n    /**\n     * Unwrap non text nodes of first root node\n     */\n    if (\n      Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) &&\n      ElementUtils.isBlock(normalizationNode)\n    ) {\n      Transforms.unwrapNodes(editor, {\n        at: normalizationPath,\n      })\n      return\n    }\n    /**\n     * Update type of root nodes to be `text-block`\n     */\n    if (Path.equals(BLOCK_ONE_PATH, normalizationPath)) {\n      Transforms.setNodes(editor, { type: BlockType.Text }, { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport const InlineMode: RichTextV2Plugin = {\n  onKeyDown: (e: KeyboardEvent) => {\n    if (isHotkey('enter', e)) e.preventDefault()\n  },\n  withPlugin: withInlineMode,\n}\n"],"names":["Path","Transforms","ElementUtils","BlockType","isHotkey"],"mappings":";;;;;;;;;AAOA,MAAM,iBAAiB,CAAC,CAAC;AACzB,MAAM,iBAAiB,CAAC,CAAC;AAElB,wBAAwB,QAAwB;AACrD,QAAM,EAAE,kBAAkB;AAC1B,SAAO,gBAAgB,CAAS,UAAA;AACxB,UAAA,CAAC,mBAAmB,qBAAqB;AAK/C,QAAIA,WAAK,OAAO,gBAAgB,iBAAiB,GAAG;AAClDC,YAAA,WAAW,WAAW,QAAQ,EAAE,IAAI,eAAgB,CAAA;AACpD;AAAA,IACF;AAKE,QAAAD,MAAA,KAAK,WAAW,gBAAgB,iBAAiB,KACjDE,qBAAa,QAAQ,iBAAiB,GACtC;AACAD,YAAA,WAAW,YAAY,QAAQ;AAAA,QAC7B,IAAI;AAAA,MAAA,CACL;AACD;AAAA,IACF;AAIA,QAAID,WAAK,OAAO,gBAAgB,iBAAiB,GAAG;AACvCC,YAAAA,WAAA,SAAS,QAAQ,EAAE,MAAME,QAAAA,UAAU,QAAQ,EAAE,IAAI,kBAAA,CAAmB;AAC/E;AAAA,IACF;AAEA,kBAAc,KAAK;AAAA,EAAA;AAGd,SAAA;AACT;AAEO,MAAM,aAA+B;AAAA,EAC1C,WAAW,CAAC,MAAqB;AAC3B,QAAAC,kBAAA,WAAS,SAAS,CAAC;AAAG,QAAE,eAAe;AAAA,EAC7C;AAAA,EACA,YAAY;AACd;;;"}
+{"version":3,"file":"index.cjs6.js","sources":["../src/slate/InlineModePlugin/index.ts"],"sourcesContent":["import { Editor, Path, Transforms } from 'slate'\nimport { KeyboardEvent } from 'react'\nimport isHotkey from 'is-hotkey'\nimport { createRichTextV2Plugin } from '../../controls/rich-text-v2'\nimport { ElementUtils } from '../utils/element'\nimport { BlockType } from '../types'\n\nconst BLOCK_ONE_PATH = [0]\nconst BLOCK_TWO_PATH = [1]\n\nexport function withInlineMode(editor: Editor): Editor {\n  const { normalizeNode } = editor\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n\n    /**\n     * Merge root nodes past the first one\n     */\n    if (Path.equals(BLOCK_TWO_PATH, normalizationPath)) {\n      Transforms.mergeNodes(editor, { at: BLOCK_TWO_PATH })\n      return\n    }\n    /**\n     * Unwrap non text nodes of first root node\n     */\n    if (\n      Path.isAncestor(BLOCK_ONE_PATH, normalizationPath) &&\n      ElementUtils.isBlock(normalizationNode)\n    ) {\n      Transforms.unwrapNodes(editor, {\n        at: normalizationPath,\n      })\n      return\n    }\n    /**\n     * Update type of root nodes to be `text-block`\n     */\n    if (Path.equals(BLOCK_ONE_PATH, normalizationPath)) {\n      Transforms.setNodes(editor, { type: BlockType.Text }, { at: normalizationPath })\n      return\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nexport const InlineModePlugin = createRichTextV2Plugin({\n  onKeyDown: (e: KeyboardEvent) => {\n    if (isHotkey('enter', e)) e.preventDefault()\n  },\n  withPlugin: withInlineMode,\n})\n"],"names":["Path","Transforms","ElementUtils","BlockType","createRichTextV2Plugin","isHotkey"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,CAAC,CAAC;AACzB,MAAM,iBAAiB,CAAC,CAAC;AAElB,wBAAwB,QAAwB;AACrD,QAAM,EAAE,kBAAkB;AAC1B,SAAO,gBAAgB,CAAS,UAAA;AACxB,UAAA,CAAC,mBAAmB,qBAAqB;AAK/C,QAAIA,WAAK,OAAO,gBAAgB,iBAAiB,GAAG;AAClDC,YAAA,WAAW,WAAW,QAAQ,EAAE,IAAI,eAAgB,CAAA;AACpD;AAAA,IACF;AAKE,QAAAD,MAAA,KAAK,WAAW,gBAAgB,iBAAiB,KACjDE,uBAAa,QAAQ,iBAAiB,GACtC;AACAD,YAAA,WAAW,YAAY,QAAQ;AAAA,QAC7B,IAAI;AAAA,MAAA,CACL;AACD;AAAA,IACF;AAIA,QAAID,WAAK,OAAO,gBAAgB,iBAAiB,GAAG;AACvCC,YAAAA,WAAA,SAAS,QAAQ,EAAE,MAAME,UAAAA,UAAU,QAAQ,EAAE,IAAI,kBAAA,CAAmB;AAC/E;AAAA,IACF;AAEA,kBAAc,KAAK;AAAA,EAAA;AAGd,SAAA;AACT;AAEO,MAAM,mBAAmBC,UAAAA,uBAAuB;AAAA,EACrD,WAAW,CAAC,MAAqB;AAC3B,QAAAC,kBAAA,WAAS,SAAS,CAAC;AAAG,QAAE,eAAe;AAAA,EAC7C;AAAA,EACA,YAAY;AACd,CAAC;;;"}

package/dist/index.cjs7.js

@@ -1,41 +1,19 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var Text = require("./Text.cjs.js");
-require("next/dynamic");
-require("react");
-require("./index.cjs.js");
-require("use-sync-external-store/shim/with-selector");
-require("./constants.cjs.js");
-require("redux");
-require("redux-thunk");
-require("./actions.cjs.js");
-require("./descriptors.cjs.js");
-require("./slate.cjs2.js");
-require("./state/breakpoints.cjs.js");
-require("./introspection.cjs.js");
-require("@emotion/css");
-require("@emotion/serialize");
-require("@emotion/utils");
-require("react/jsx-runtime");
-require("./text-input.cjs.js");
-require("./combobox.cjs.js");
-require("use-sync-external-store/shim");
-require("./types.cjs.js");
-require("./box-models.cjs.js");
-require("css-box-model");
-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("cors");
-require("path-to-regexp");
-require("cookie");
-require("http-proxy");
-require("set-cookie-parser");
-require("uuid");
-require("corporate-ipsum");
-exports["default"] = Text["default"];
+var slate = require("slate");
+var slateReact = require("slate-react");
+function withBuilder(editor) {
+  editor.deselectAndBlur = function() {
+    slateReact.ReactEditor.deselect(editor);
+    slateReact.ReactEditor.blur(editor);
+  };
+  editor.focusAndSelectAll = function() {
+    slateReact.ReactEditor.focus(editor);
+    slate.Transforms.select(editor, {
+      anchor: slate.Editor.start(editor, []),
+      focus: slate.Editor.end(editor, [])
+    });
+  };
+  return editor;
+}
+exports.withBuilder = withBuilder;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs7.js","sources":["../src/slate/BuilderPlugin/index.ts"],"sourcesContent":["import { BaseEditor, Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nexport interface BuilderEditor extends BaseEditor {\n  focusAndSelectAll: () => void\n  deselectAndBlur: () => void\n}\n\nexport function withBuilder(editor: Editor) {\n  editor.deselectAndBlur = function () {\n    ReactEditor.deselect(editor)\n    ReactEditor.blur(editor)\n  }\n\n  editor.focusAndSelectAll = function () {\n    ReactEditor.focus(editor)\n    Transforms.select(editor, {\n      anchor: Editor.start(editor, []),\n      focus: Editor.end(editor, []),\n    })\n  }\n\n  return editor\n}\n"],"names":["ReactEditor","Transforms","Editor"],"mappings":";;;AAQO,qBAAqB,QAAgB;AAC1C,SAAO,kBAAkB,WAAY;AACnCA,2BAAY,SAAS,MAAM;AAC3BA,2BAAY,KAAK,MAAM;AAAA,EAAA;AAGzB,SAAO,oBAAoB,WAAY;AACrCA,2BAAY,MAAM,MAAM;AACxBC,UAAA,WAAW,OAAO,QAAQ;AAAA,MACxB,QAAQC,MAAA,OAAO,MAAM,QAAQ,CAAA,CAAE;AAAA,MAC/B,OAAOA,MAAA,OAAO,IAAI,QAAQ,CAAA,CAAE;AAAA,IAAA,CAC7B;AAAA,EAAA;AAGI,SAAA;AACT;;"}

package/dist/index.cjs8.js

@@ -1,46 +1,22 @@
 "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));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var React = require("react");
-var slate = require("slate");
-var isHotkey = require("is-hotkey");
-var slateHistory = require("slate-history");
-var slateReact = require("slate-react");
-var descriptors = require("./descriptors.cjs.js");
-var slate$1 = require("./slate.cjs2.js");
-var next = require("./index.cjs.js");
-require("./state/breakpoints.cjs.js");
-var index = require("./index.cjs6.js");
-var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-require("./actions.cjs.js");
-require("use-sync-external-store/shim/with-selector");
+var Text = require("./Text.cjs.js");
 require("next/dynamic");
-require("./constants.cjs.js");
+require("react");
+require("./index.cjs.js");
+require("use-sync-external-store/shim/with-selector");
+require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
-require("./introspection.cjs.js");
+require("./actions.cjs.js");
+require("./state/breakpoints.cjs.js");
+require("slate");
+require("is-hotkey");
+require("slate-react");
 require("@emotion/css");
 require("@emotion/serialize");
 require("@emotion/utils");
+require("react/jsx-runtime");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
@@ -52,6 +28,7 @@ require("scroll-into-view-if-needed");
 require("react-dom");
 require("html-react-parser");
 require("next/head");
+require("zod");
 require("@emotion/server/create-instance");
 require("next/document");
 require("cors");
@@ -59,151 +36,8 @@ require("path-to-regexp");
 require("cookie");
 require("http-proxy");
 require("set-cookie-parser");
+require("./constants.cjs.js");
 require("uuid");
 require("corporate-ipsum");
-require("./element.cjs.js");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var isHotkey__default = /* @__PURE__ */ _interopDefaultLegacy(isHotkey);
-function useSyncDOMSelection(editor, isEnabled) {
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    if (!isEnabled.current || editor.selection == null || slateReact.ReactEditor.isFocused(editor))
-      return;
-    try {
-      const root = slateReact.ReactEditor.findDocumentOrShadowRoot(editor);
-      const domSelection = root.getSelection();
-      const newDomRange = slateReact.ReactEditor.toDOMRange(editor, editor.selection);
-      if (newDomRange) {
-        if (slate.Range.isBackward(editor.selection)) {
-          domSelection == null ? void 0 : domSelection.setBaseAndExtent(newDomRange.endContainer, newDomRange.endOffset, newDomRange.startContainer, newDomRange.startOffset);
-        } else {
-          domSelection == null ? void 0 : domSelection.setBaseAndExtent(newDomRange.startContainer, newDomRange.startOffset, newDomRange.endContainer, newDomRange.endOffset);
-        }
-      } else {
-        domSelection == null ? void 0 : domSelection.removeAllRanges();
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  });
-}
-const defaultText = [{
-  type: slate$1.BlockType.Text,
-  children: [{
-    text: ""
-  }]
-}];
-function EditableTextV2({
-  text,
-  control
-}) {
-  const plugins = React.useMemo(() => {
-    var _a, _b, _c, _d, _e;
-    const plugins2 = [...(_c = (_b = (_a = control == null ? void 0 : control.descriptor) == null ? void 0 : _a.config) == null ? void 0 : _b.plugins) != null ? _c : [], ...((_e = (_d = control == null ? void 0 : control.descriptor) == null ? void 0 : _d.config) == null ? void 0 : _e.mode) === descriptors.RichTextV2Mode.Inline ? [index.InlineMode] : []];
-    return plugins2;
-  }, [control == null ? void 0 : control.descriptor.config]);
-  const [editor] = React.useState(() => plugins.reduceRight((editor2, plugin) => {
-    var _a, _b;
-    return (_b = (_a = plugin == null ? void 0 : plugin.withPlugin) == null ? void 0 : _a.call(plugin, editor2)) != null ? _b : editor2;
-  }, slateHistory.withHistory(slateReact.withReact(slate.createEditor()))));
-  const isPreservingFocus = React.useRef(false);
-  useSyncDOMSelection(editor, isPreservingFocus);
-  const editMode = next.useBuilderEditMode();
-  React.useEffect(() => {
-    if (control == null)
-      return;
-    const element = slateReact.ReactEditor.toDOMNode(editor, editor);
-    return next.pollBoxModel({
-      element,
-      onBoxModelChange: (boxModel) => control.changeBoxModel(boxModel)
-    });
-  }, [editor, control]);
-  const renderElement = React.useCallback(({
-    attributes,
-    children,
-    element
-  }) => {
-    switch (element.type) {
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, attributes), {
-          children
-        }));
-    }
-  }, []);
-  const renderLeaf = React.useCallback(({
-    attributes,
-    children
-  }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, attributes), {
-      children
-    }));
-  }, []);
-  const initialValue = React.useMemo(() => text != null ? text : defaultText, [text]);
-  React.useEffect(() => {
-    if (editMode !== descriptors.BuilderEditMode.CONTENT) {
-      isPreservingFocus.current = false;
-      slateReact.ReactEditor.deselect(editor);
-    }
-  }, [editMode]);
-  React.useEffect(() => {
-    control == null ? void 0 : control.setEditor(editor);
-    control == null ? void 0 : control.setDefaultValue(defaultText);
-  }, [control, editor, defaultText]);
-  const handleFocus = React.useCallback(() => {
-    isPreservingFocus.current = true;
-    control == null ? void 0 : control.select();
-  }, [control]);
-  const handleKeyDown = React.useCallback((e) => {
-    if (isHotkey__default["default"]("mod+shift+z", e))
-      return slateHistory.HistoryEditor.redo(editor);
-    if (isHotkey__default["default"]("mod+z", e))
-      return slateHistory.HistoryEditor.undo(editor);
-    if (isHotkey__default["default"]("escape")(e)) {
-      isPreservingFocus.current = false;
-      slateReact.ReactEditor.blur(editor);
-      control == null ? void 0 : control.switchToBuildMode();
-    }
-    plugins.forEach((plugin) => {
-      var _a;
-      return (_a = plugin == null ? void 0 : plugin.onKeyDown) == null ? void 0 : _a.call(plugin, e);
-    });
-  }, [control, plugins, editor]);
-  const handleKeyUp = React.useCallback((e) => {
-    if (editMode === descriptors.BuilderEditMode.CONTENT)
-      e.preventDefault();
-  }, [control, editor, editMode]);
-  const handleClick = React.useCallback((e) => {
-    if (editMode === descriptors.BuilderEditMode.CONTENT)
-      e.stopPropagation();
-  }, [editMode]);
-  const handleBlur = React.useCallback((e) => {
-    var _a;
-    if (e.relatedTarget == null)
-      return;
-    if (((_a = e.relatedTarget) == null ? void 0 : _a.getAttribute("contenteditable")) === "true")
-      isPreservingFocus.current = false;
-  }, []);
-  const handleOnChange = React.useCallback((value) => {
-    control == null ? void 0 : control.onChange(value);
-  }, [control]);
-  return /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, {
-    editor,
-    onChange: handleOnChange,
-    value: initialValue,
-    children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Editable, {
-      renderLeaf,
-      renderElement,
-      onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
-      onKeyUp: handleKeyUp,
-      onClick: handleClick,
-      onBlur: handleBlur,
-      readOnly: editMode !== descriptors.BuilderEditMode.CONTENT,
-      placeholder: "Write some text..."
-    })
-  });
-}
-exports.EditableTextV2 = EditableTextV2;
-exports["default"] = EditableTextV2;
+exports["default"] = Text["default"];
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs8.js","sources":["../src/runtimes/react/controls/rich-text-v2/EditableTextV2/useSyncDOMSelection.tsx","../src/runtimes/react/controls/rich-text-v2/EditableTextV2/editable-text-v2.tsx"],"sourcesContent":["import { Editor, Range as SlateRange } from 'slate'\nimport { useIsomorphicLayoutEffect } from '../../../../../components/hooks/useIsomorphicLayoutEffect'\nimport { MutableRefObject } from 'react'\nimport { ReactEditor } from 'slate-react'\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: MutableRefObject<boolean>) {\n  useIsomorphicLayoutEffect(() => {\n    if (!isEnabled.current || 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","import {\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Descendant, createEditor } from 'slate'\nimport isHotkey from 'is-hotkey'\nimport { withHistory, HistoryEditor } from 'slate-history'\nimport {\n  withReact,\n  ReactEditor,\n  RenderElementProps,\n  RenderLeafProps,\n  Slate,\n  Editable,\n} from 'slate-react'\n\nimport {\n  RichTextV2Control,\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2Mode,\n} from '../../../../../controls'\nimport { useBuilderEditMode } from '../../..'\nimport { BuilderEditMode } from '../../../../../state/modules/builder-edit-mode'\nimport { pollBoxModel } from '../../../poll-box-model'\nimport { InlineMode } from '../../../../../slate'\nimport { useSyncDOMSelection } from './useSyncDOMSelection'\nimport { BlockType } from '../../../../../../types/slate'\n\nexport type RichTextV2ControlValue = ReactNode\n\nexport type Descriptors = { text?: RichTextV2ControlDefinition }\n\nconst defaultText: Descendant[] = [{ type: BlockType.Text, children: [{ text: '' }] }]\n\ntype Props = {\n  text: RichTextV2ControlData\n  control: RichTextV2Control | null\n}\n\nexport function EditableTextV2({ text, control }: Props) {\n  const plugins = useMemo(() => {\n    const plugins = [\n      ...(control?.descriptor?.config?.plugins ?? []),\n      ...(control?.descriptor?.config?.mode === RichTextV2Mode.Inline ? [InlineMode] : []),\n    ]\n    return plugins\n  }, [control?.descriptor.config])\n\n  const [editor] = useState(() =>\n    plugins.reduceRight(\n      (editor, plugin) => plugin?.withPlugin?.(editor) ?? editor,\n      withHistory(withReact(createEditor())),\n    ),\n  )\n\n  const isPreservingFocus = useRef(false)\n  useSyncDOMSelection(editor, isPreservingFocus)\n\n  const editMode = useBuilderEditMode()\n\n  useEffect(() => {\n    if (control == null) return\n\n    const element = ReactEditor.toDOMNode(editor, editor)\n    return pollBoxModel({\n      element,\n      onBoxModelChange: boxModel => control.changeBoxModel(boxModel),\n    })\n  }, [editor, control])\n\n  const renderElement = useCallback(({ attributes, children, element }: RenderElementProps) => {\n    switch (element.type) {\n      default:\n        return <p {...attributes}>{children}</p>\n    }\n  }, [])\n\n  const renderLeaf = useCallback(({ attributes, children }: RenderLeafProps) => {\n    return <span {...attributes}>{children}</span>\n  }, [])\n\n  const initialValue = useMemo(() => text ?? defaultText, [text])\n\n  useEffect(() => {\n    /**\n     * This is required because clicking on the overlay has `relatedTarget` null just like the sidebar, but\n     * - in the case of the overlay we switch to BUILD mode\n     * - in the case of the sidebar we preserve the selection\n     */\n    if (editMode !== BuilderEditMode.CONTENT) {\n      isPreservingFocus.current = false\n      ReactEditor.deselect(editor)\n    }\n  }, [editMode])\n\n  useEffect(() => {\n    control?.setEditor(editor)\n    control?.setDefaultValue(defaultText)\n  }, [control, editor, defaultText])\n\n  const handleFocus = useCallback(() => {\n    isPreservingFocus.current = true\n    control?.select()\n  }, [control])\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (isHotkey('mod+shift+z', e)) return HistoryEditor.redo(editor)\n      if (isHotkey('mod+z', e)) return HistoryEditor.undo(editor)\n      if (isHotkey('escape')(e)) {\n        isPreservingFocus.current = false\n        ReactEditor.blur(editor)\n        control?.switchToBuildMode()\n      }\n\n      plugins.forEach(plugin => plugin?.onKeyDown?.(e))\n    },\n    [control, plugins, editor],\n  )\n\n  const handleKeyUp = useCallback(\n    (e: KeyboardEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.preventDefault()\n    },\n    [control, editor, editMode],\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent) => {\n      if (editMode === BuilderEditMode.CONTENT) e.stopPropagation()\n    },\n    [editMode],\n  )\n\n  const handleBlur = useCallback((e: FocusEvent) => {\n    // outside of iframe (overlay, sidebar, etc)\n    if (e.relatedTarget == null) return\n    // another text\n    if (e.relatedTarget?.getAttribute('contenteditable') === 'true')\n      isPreservingFocus.current = false\n  }, [])\n\n  const handleOnChange = useCallback(\n    (value: Descendant[]) => {\n      control?.onChange(value)\n    },\n    [control],\n  )\n\n  return (\n    <Slate editor={editor} onChange={handleOnChange} value={initialValue}>\n      <Editable\n        renderLeaf={renderLeaf}\n        renderElement={renderElement}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onClick={handleClick}\n        onBlur={handleBlur}\n        readOnly={editMode !== BuilderEditMode.CONTENT}\n        placeholder=\"Write some text...\"\n      />\n    </Slate>\n  )\n}\n\nexport default EditableTextV2\n"],"names":["editor","isEnabled","useIsomorphicLayoutEffect","current","selection","ReactEditor","isFocused","root","findDocumentOrShadowRoot","domSelection","getSelection","newDomRange","toDOMRange","SlateRange","isBackward","setBaseAndExtent","endContainer","endOffset","startContainer","startOffset","removeAllRanges","e","console","error","defaultText","type","BlockType","Text","children","text","control","plugins","useMemo","descriptor","config","mode","RichTextV2Mode","Inline","InlineMode","useState","reduceRight","plugin","withPlugin","withHistory","withReact","createEditor","isPreservingFocus","useRef","useSyncDOMSelection","editMode","useBuilderEditMode","useEffect","element","toDOMNode","pollBoxModel","onBoxModelChange","boxModel","changeBoxModel","renderElement","useCallback","attributes","renderLeaf","initialValue","BuilderEditMode","CONTENT","deselect","setEditor","setDefaultValue","handleFocus","select","handleKeyDown","isHotkey","HistoryEditor","redo","undo","blur","switchToBuildMode","forEach","onKeyDown","handleKeyUp","preventDefault","handleClick","stopPropagation","handleBlur","relatedTarget","getAttribute","handleOnChange","value","onChange","Slate","Editable"],"mappings":"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"}
+{"version":3,"file":"index.cjs8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}