@makeswift/runtime 0.7.7 → 0.7.8

package/dist/index.cjs6.js

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