@makeswift/runtime 0.7.6 → 0.7.8

package/dist/index.es6.js

@@ -29,111 +29,673 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-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 { T as getTypographyStyleSwatchIds, l as isNonNullable } from "./constants.es.js";
+import { useCallback, useState, useEffect, forwardRef, useImperativeHandle, useMemo } from "react";
+import { Element as Element$1, Text, Editor, Transforms, Path, Range, Point, Node, createEditor } from "slate";
+import { withReact, ReactEditor, Slate, Editable } from "slate-react";
 import { cx } from "@emotion/css";
+import { g as getBox } from "./box-models.es.js";
+import { au as TextType, av as BlockType, aw as InlineType, ar as richTextDTOtoDAO, aq as richTextDTOtoSelection, ax as BuilderEditMode } from "./rich-text.es.js";
+import { T as TypographyLeaf } from "./typography.es.js";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const getDeviceId = ({ deviceId }) => deviceId;
-const withColor = (swatches) => (_a) => {
+import "use-sync-external-store/shim";
+import { o as useStyle, r as responsiveStyle, V as useBuilderEditMode } from "./index.es.js";
+import "@emotion/serialize";
+import "@emotion/utils";
+import { L as Link } from "./index.es3.js";
+import { c as compareRichTextDAO, a as compareRichTextSelection } from "./compare.es.js";
+import isHotkey from "is-hotkey";
+import "css-box-model";
+import "./actions.es.js";
+import "./constants.es.js";
+import "redux";
+import "redux-thunk";
+import "use-sync-external-store/shim/with-selector";
+import "next/dynamic";
+import "./text-input.es.js";
+import "./combobox.es.js";
+import "./types.es.js";
+import "color";
+import "scroll-into-view-if-needed";
+import "react-dom";
+import "html-react-parser";
+import "next/head";
+import "@emotion/server/create-instance";
+import "next/document";
+import "cookie";
+import "cors";
+import "http-proxy";
+import "set-cookie-parser";
+import "uuid/v4";
+import "corporate-ipsum";
+import "next/link";
+function Leaf(_a) {
   var _b = _a, {
-    value: _c
-  } = _b, _d = _c, { color } = _d, restOfValue = __objRest(_d, ["color"]), rest = __objRest(_b, [
-    "value"
+    leaf
+  } = _b, props = __objRest(_b, [
+    "leaf"
   ]);
-  return __spreadProps(__spreadValues({}, rest), {
-    value: __spreadValues(__spreadValues({}, restOfValue), color ? {
-      color: {
-        swatch: swatches.find((s) => s && s.id === color.swatchId),
-        alpha: color.alpha
-      }
-    } : {})
-  });
-};
-const overrideTypographyStyle = (source, override) => {
-  const devices = [...new Set(source.map(getDeviceId).concat(override.map(getDeviceId)))];
-  return devices.map((deviceId) => ({
-    deviceId,
-    value: __spreadValues(__spreadValues({}, (findDeviceOverride(source, deviceId) || { value: {} }).value), (findDeviceOverride(override, deviceId, (v) => v) || { value: {} }).value)
-  }));
-};
-function useTypographyMark(value) {
-  var _a, _b, _c;
-  const typography = useTypography((_a = value == null ? void 0 : value.id) != null ? _a : null);
-  const swatchIds = [
-    ...getTypographyStyleSwatchIds(value == null ? void 0 : value.style),
-    ...getTypographyStyleSwatchIds(typography == null ? void 0 : typography.style)
-  ];
-  const swatches = useSwatches(swatchIds);
-  return overrideTypographyStyle((_b = typography == null ? void 0 : typography.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _b : [], (_c = value == null ? void 0 : value.style.map(withColor(swatches.filter(isNonNullable)))) != null ? _c : []);
-}
-function Mark(_a) {
-  var _b = _a, {
-    value,
+  switch (leaf.type) {
+    case TextType.Typography:
+      return /* @__PURE__ */ jsx(TypographyLeaf, __spreadValues({
+        leaf
+      }, props));
+    default:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+        children: props.children
+      }));
+  }
+}
+function BlockElement({
+  element,
+  attributes,
+  children
+}) {
+  const blockStyles = [useStyle({
+    margin: 0
+  }), useStyle(responsiveStyle([element.textAlign], ([textAlign = "left"]) => ({
+    textAlign
+  })))];
+  switch (element.type) {
+    case BlockType.Paragraph:
+      return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading1:
+      return /* @__PURE__ */ jsx("h1", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading2:
+      return /* @__PURE__ */ jsx("h2", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading3:
+      return /* @__PURE__ */ jsx("h3", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading4:
+      return /* @__PURE__ */ jsx("h4", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading5:
+      return /* @__PURE__ */ jsx("h5", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.Heading6:
+      return /* @__PURE__ */ jsx("h6", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.BlockQuote:
+      return /* @__PURE__ */ jsx("blockquote", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles, useStyle({
+          padding: "0.5em 10px",
+          fontSize: "1.25em",
+          fontWeight: "300",
+          borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+        })),
+        children
+      }));
+    case BlockType.OrderedList:
+      return /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.UnorderedList:
+      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        style: {
+          listStylePosition: "inside"
+        },
+        children
+      }));
+    case BlockType.ListItem:
+      return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, attributes), {
+        className: cx(...blockStyles),
+        children
+      }));
+  }
+}
+function StyledLink(_c) {
+  var _d = _c, {
     className
-  } = _b, restOfProps = __objRest(_b, [
-    "value",
+  } = _d, restOfProps = __objRest(_d, [
     "className"
   ]);
-  const typographyStyle = useTypographyMark(value);
-  const typographyClassName = useStyle(responsiveStyle([typographyStyle], ([{
-    color,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    lineHeight,
-    letterSpacing,
-    uppercase,
-    underline,
-    strikethrough,
-    italic
-  } = {}]) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, color == null ? {} : {
-    color: colorToString(color)
-  }), fontFamily == null ? {} : {
-    fontFamily: `"${fontFamily}"`
-  }), fontSize == null || fontSize.value == null || fontSize.unit == null ? {} : {
-    fontSize: `${fontSize.value}${fontSize.unit}`
-  }), fontWeight == null ? {} : {
-    fontWeight
-  }), lineHeight == null ? {} : {
-    lineHeight
-  }), letterSpacing == null ? {} : {
-    letterSpacing: `${letterSpacing / 10}em`
-  }), uppercase == null ? {} : {
-    textTransform: uppercase === true ? "uppercase" : "initial"
-  }), underline == null && strikethrough == null ? {} : {
-    textDecoration: [Boolean(underline) && "underline", Boolean(strikethrough) && "line-through"].filter(Boolean).join(" ")
-  }), italic == null ? {} : {
-    fontStyle: italic === true ? "italic" : "initial"
-  }), shallowMergeFallbacks));
-  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, restOfProps), {
-    className: cx(typographyClassName, className)
+  return /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, restOfProps), {
+    className: cx(useStyle({
+      textDecoration: "none"
+    }), className)
   }));
 }
-var DeviceOverrideBlock = forwardRef(function Block(_c, ref) {
-  var _d = _c, {
-    textAlign,
-    className,
-    as
-  } = _d, restOfProps = __objRest(_d, [
-    "textAlign",
-    "className",
-    "as"
+function InlineElement({
+  element,
+  attributes,
+  children
+}) {
+  switch (element.type) {
+    case InlineType.Code:
+      return /* @__PURE__ */ jsx("code", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.SuperScript:
+      return /* @__PURE__ */ jsx("sup", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.SubScript:
+      return /* @__PURE__ */ jsx("sub", __spreadProps(__spreadValues({}, attributes), {
+        children
+      }));
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(StyledLink, __spreadProps(__spreadValues({}, attributes), {
+        link: element.link,
+        children
+      }));
+  }
+}
+function Element(_e) {
+  var _f = _e, {
+    element
+  } = _f, props = __objRest(_f, [
+    "element"
   ]);
-  const Component = as != null ? as : "div";
-  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    className: cx(useStyle({
-      margin: 0
-    }), useStyle(responsiveStyle([textAlign], ([textAlign2 = "left"]) => ({
-      textAlign: textAlign2
-    }))), useStyle(as === "blockquote" ? {
-      padding: "0.5em 10px",
-      fontSize: "1.25em",
-      fontWeight: "300",
-      borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
-    } : {}), className)
+  switch (element.type) {
+    case InlineType.Code:
+    case InlineType.SuperScript:
+    case InlineType.SubScript:
+    case InlineType.Link:
+      return /* @__PURE__ */ jsx(InlineElement, __spreadValues({
+        element
+      }, props));
+    case BlockType.Paragraph:
+    case BlockType.Heading1:
+    case BlockType.Heading2:
+    case BlockType.Heading3:
+    case BlockType.BlockQuote:
+    case BlockType.OrderedList:
+    case BlockType.UnorderedList:
+    case BlockType.ListItem:
+    case BlockType.ListItemChild:
+      return /* @__PURE__ */ jsx(BlockElement, __spreadValues({
+        element
+      }, props));
+    default:
+      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props.attributes), {
+        children: props.children
+      }));
+  }
+}
+const COMMIT_DEBOUNCE_DELAY = 500;
+function useSyncWithBuilder(editor, text) {
+  const [shouldCommit, setShouldCommit] = useState(true);
+  useEffect(() => {
+    if (shouldCommit && text) {
+      const nextValue = richTextDTOtoDAO(text);
+      const nextSelection = richTextDTOtoSelection(text);
+      if (!compareRichTextDAO(editor.children, nextValue) || !compareRichTextSelection(editor.selection, nextSelection)) {
+        editor.children = nextValue;
+        editor.selection = nextSelection;
+        editor.onChange();
+      }
+    }
+  }, [editor, shouldCommit, text]);
+  useEffect(() => {
+    if (shouldCommit)
+      return;
+    const timeoutId = window.setTimeout(() => {
+      setShouldCommit(true);
+    }, COMMIT_DEBOUNCE_DELAY);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [shouldCommit]);
+  return useCallback(() => setShouldCommit(false), []);
+}
+const ElementUtils = {
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node) && !this.isText(node) && !this.isTypography(node);
+  },
+  isText(node) {
+    return Element$1.isElementType(node, TextType.Text) || Text.isText(node);
+  },
+  isTypography(node) {
+    return Element$1.isElementType(node, TextType.Typography);
+  },
+  isParagraph(node) {
+    return Element$1.isElementType(node, BlockType.Paragraph);
+  },
+  isList(node) {
+    return Element$1.isElementType(node, BlockType.OrderedList) || Element$1.isElementType(node, BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return Element$1.isElementType(node, BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return Element$1.isElementType(node, BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "", type: TextType.Text };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: BlockType.Paragraph
+    };
+  },
+  createList(type = BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: BlockType.ListItemChild
+    };
+  }
+};
+function wrapList(editor, options = { type: BlockType.UnorderedList }) {
+  if (!editor.selection)
+    return;
+  const nonListEntries = Array.from(Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => {
+      return Element$1.isElement(node) && ElementUtils.isConvertibleToListTextNode(node);
+    }
+  }));
+  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    const path = ref.current;
+    if (path) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {
+          at: path
+        });
+      });
+    }
+    ref.unref();
+  });
+}
+const LIST_ITEM_CHILD_POSITION = 0;
+const LIST_ITEM_LIST_POSITION = 1;
+const EditorUtils = {
+  getFirstAncestorList(editor, path) {
+    const parentList = Editor.above(editor, {
+      at: path,
+      match: (node) => ElementUtils.isList(node)
+    });
+    return parentList != null ? parentList : null;
+  },
+  getFirstAncestorListItem(editor, path) {
+    const parentListItem = Editor.above(editor, {
+      at: path,
+      match: (node) => ElementUtils.isListItem(node)
+    });
+    return parentListItem != null ? parentListItem : null;
+  }
+};
+function filterForSubtreeRoots(entries) {
+  return entries.filter(([, nodePath]) => !Path.ancestors(nodePath).some((ancestor) => {
+    return entries.some(([, path]) => Path.equals(path, ancestor));
   }));
+}
+const LocationUtils = {
+  getStartPath(location) {
+    if (Range.isRange(location))
+      return Range.start(location).path;
+    if (Point.isPoint(location))
+      return location.path;
+    return location;
+  }
+};
+function getSelectedListItems(editor) {
+  var _a, _b;
+  if (!editor.selection)
+    return [];
+  const start = LocationUtils.getStartPath(editor.selection);
+  const listItems = Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => ElementUtils.isListItem(node)
+  });
+  const firstAncestorPath = (_b = (_a = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a[1]) != null ? _b : [];
+  return Array.from(listItems).filter((node) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
+}
+function unwrapPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || listItemContainingParentList)
+    return;
+  Editor.withoutNormalizing(editor, () => {
+    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION];
+    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION];
+    if (Node.has(editor, listItemNestedListPath)) {
+      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: Path.next(listItemPath) });
+    }
+    if (Node.has(editor, listItemTextPath)) {
+      Transforms.setNodes(editor, { type: BlockType.Paragraph }, {
+        at: listItemTextPath
+      });
+      Transforms.liftNodes(editor, { at: listItemTextPath });
+      Transforms.liftNodes(editor, { at: listItemPath });
+    }
+  });
+}
+function unwrapList(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      unwrapPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function toggleList(editor, options = { type: BlockType.UnorderedList }) {
+  if (!editor.selection)
+    return;
+  const start = LocationUtils.getStartPath(editor.selection);
+  const ancestorPath = Path.ancestors(start).at(1);
+  if (!ancestorPath || !Node.has(editor, ancestorPath))
+    return;
+  const ancestor = Node.get(editor, ancestorPath);
+  if (!ElementUtils.isList(ancestor)) {
+    return wrapList(editor, { type: options.type });
+  }
+  if (ancestor.type === options.type) {
+    unwrapList(editor);
+  } else {
+    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
+  }
+}
+function indentPath(editor, path) {
+  const parent = Node.parent(editor, path);
+  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent))
+    return;
+  const previosPath = Path.previous(path);
+  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION];
+  const previousHasChildList = Node.has(editor, previousChildListPath);
+  Editor.withoutNormalizing(editor, () => {
+    if (!previousHasChildList) {
+      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {
+        at: previousChildListPath
+      });
+    }
+    const previousChildList = Node.get(editor, previousChildListPath);
+    if (ElementUtils.isList(previousChildList)) {
+      const index = previousHasChildList ? previousChildList.children.length : 0;
+      Transforms.moveNodes(editor, {
+        at: path,
+        to: [...previousChildListPath, index]
+      });
+    }
+  });
+}
+function indent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      indentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function dedentPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || !listItemContainingParentList)
+    return;
+  const [parentListNode, parentListPath] = parentList;
+  const [_, listItemContainingParentListPath] = listItemContainingParentList;
+  const listItemPosition = listItemPath[listItemPath.length - 1];
+  const previousSiblings = parentListNode.children.slice(0, listItemPosition);
+  const nextSiblings = parentListNode.children.slice(listItemPosition + 1);
+  Editor.withoutNormalizing(editor, () => {
+    nextSiblings.forEach(() => {
+      const nextSiblingPath = [...parentListPath, listItemPosition + 1];
+      indentPath(editor, nextSiblingPath);
+    });
+    Transforms.moveNodes(editor, {
+      at: listItemPath,
+      to: Path.next(listItemContainingParentListPath)
+    });
+    if (previousSiblings.length === 0) {
+      Transforms.removeNodes(editor, { at: parentListPath });
+    }
+  });
+}
+function dedent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      dedentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+const List = {
+  unwrapList,
+  wrapList,
+  indent,
+  dedent,
+  toggleList
+};
+function onKeyDown(e, editor) {
+  if (!editor.selection || Array.from(Editor.nodes(editor, { match: (node) => ElementUtils.isListItem(node) })).length === 0)
+    return;
+  if (isHotkey("shift+tab", e)) {
+    e.preventDefault();
+    List.dedent(editor);
+  }
+  if (isHotkey("tab", e)) {
+    e.preventDefault();
+    List.indent(editor);
+  }
+  if (isHotkey("backspace", e)) {
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection))
+      return;
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem) {
+      e.preventDefault();
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      const list = EditorUtils.getFirstAncestorList(editor, listItem[1]);
+      if (parentListItem) {
+        List.dedent(editor);
+      } else if (list) {
+        List.unwrapList(editor);
+      }
+      return;
+    }
+  }
+  if (isHotkey("enter", e)) {
+    e.preventDefault();
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection)) {
+      Transforms.delete(editor);
+      return;
+    }
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem && Editor.string(editor, listItem[1]) === "") {
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      if (parentListItem) {
+        List.dedent(editor);
+      } else {
+        List.unwrapList(editor);
+      }
+      return;
+    }
+    Transforms.splitNodes(editor, {
+      at: editor.selection,
+      always: true,
+      match: (node) => ElementUtils.isListItem(node)
+    });
+  }
+  if (isHotkey("shift+enter", e)) {
+    e.preventDefault();
+    editor.insertText("\n");
+  }
+}
+function withList(editor) {
+  editor.normalizeNode = (entry) => {
+    const [normalizationNode, normalizationPath] = entry;
+    if (ElementUtils.isListItem(normalizationNode)) {
+      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION];
+      if (Node.has(editor, pathToListItemText)) {
+        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
+        if (ElementUtils.isParagraph(nodeInListItemTextPosition)) {
+          Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+            at: pathToListItemText
+          });
+          return;
+        }
+      } else {
+        Transforms.insertNodes(editor, ElementUtils.createListItem(), {
+          at: pathToListItemText
+        });
+        return;
+      }
+    }
+    if (ElementUtils.isList(normalizationNode)) {
+      Array.from(Node.children(editor, normalizationPath)).forEach(([node, path]) => {
+        if (ElementUtils.isText(node)) {
+          Transforms.removeNodes(editor, { at: path });
+          return;
+        }
+      });
+    }
+    if (!ElementUtils.isText(normalizationNode) && !ElementUtils.isTypography(normalizationNode)) {
+      const mergeableChildren = Array.from(Node.children(editor, normalizationPath)).map((child, index, children) => {
+        const potentialNodeToBeMerged = children.at(index + 1);
+        if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
+          return null;
+        }
+        return [
+          Editor.pathRef(editor, child[1]),
+          Editor.pathRef(editor, potentialNodeToBeMerged[1])
+        ];
+      }).filter((mergeableNodes) => Boolean(mergeableNodes));
+      if (mergeableChildren.length !== 0) {
+        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
+          const nodePath = nodePathRef.current;
+          const nodeToBeMergedPath = nodeToBeMergedPathRef.current;
+          if (nodePath == null || nodeToBeMergedPath == null)
+            return;
+          const nodeChildren = Array.from(Node.children(editor, nodePath));
+          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath));
+          Editor.withoutNormalizing(editor, () => {
+            childrenToBeMerged.forEach(([_, childPath], index) => {
+              Transforms.moveNodes(editor, {
+                at: childPath,
+                to: [...nodePath, nodeChildren.length + index]
+              });
+            });
+            Transforms.removeNodes(editor, { at: nodeToBeMergedPath });
+          });
+          nodePathRef.unref();
+          nodeToBeMergedPathRef.unref();
+        });
+        return;
+      }
+    }
+  };
+  return editor;
+}
+const defaultText = [{
+  type: BlockType.Paragraph,
+  children: [{
+    type: TextType.Text,
+    text: ""
+  }]
+}];
+const EditableText = forwardRef(function EditableText2({
+  id,
+  text,
+  width,
+  margin
+}, ref) {
+  const [editor] = useState(() => withList(withReact(createEditor())));
+  const delaySync = useSyncWithBuilder(editor, text);
+  const editMode = useBuilderEditMode();
+  const [propControllers, setPropControllers] = useState(null);
+  const controller = propControllers == null ? void 0 : propControllers.text;
+  useImperativeHandle(ref, () => ({
+    getDomNode() {
+      return ReactEditor.toDOMNode(editor, editor);
+    },
+    getBoxModel() {
+      return getBox(ReactEditor.toDOMNode(editor, editor));
+    },
+    setPropControllers
+  }), [editor, setPropControllers]);
+  const initialValue = useMemo(() => text ? richTextDTOtoDAO(text) : defaultText, [text]);
+  useEffect(() => {
+    controller == null ? void 0 : controller.setSlateEditor(editor);
+  }, [controller, editor]);
+  const handleFocus = useCallback(() => {
+    controller == null ? void 0 : controller.focus();
+  }, [controller]);
+  const handleKeyDown = useCallback((e) => {
+    if (isHotkey("mod+shift+z", e))
+      return controller == null ? void 0 : controller.redo();
+    if (isHotkey("mod+z", e))
+      return controller == null ? void 0 : controller.undo();
+    if (isHotkey("escape")(e))
+      return controller == null ? void 0 : controller.blur();
+    onKeyDown(e, editor);
+  }, [controller, editor]);
+  return /* @__PURE__ */ jsx(Slate, {
+    editor,
+    value: initialValue,
+    onChange: delaySync,
+    children: /* @__PURE__ */ jsx(Editable, {
+      id,
+      renderLeaf: Leaf,
+      renderElement: Element,
+      onKeyDown: handleKeyDown,
+      onFocus: handleFocus,
+      className: cx(width, margin),
+      readOnly: editMode === BuilderEditMode.INTERACT
+    })
+  });
 });
-export { DeviceOverrideBlock as D, Mark as M };
+var EditableText$1 = EditableText;
+export { EditableText, EditableText$1 as default };
 //# sourceMappingURL=index.es6.js.map