@makeswift/runtime 0.13.1 → 0.14.0

package/dist/cjs/slate/BlockPlugin/index.js

@@ -0,0 +1,364 @@
+"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 BlockPlugin_exports = {};
+__export(BlockPlugin_exports, {
+  BlockActions: () => BlockActions,
+  BlockPlugin: () => BlockPlugin,
+  ListActions: () => ListActions,
+  onKeyDown: () => onKeyDown,
+  withBlock: () => withBlock
+});
+module.exports = __toCommonJS(BlockPlugin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_slate = require("slate");
+var import_setBlockKeyForDevice = require("./setBlockKeyForDevice");
+var import_clearBlockKeyForDevice = require("./clearBlockKeyForDevice");
+var import_wrapInline = require("./wrapInline");
+var import_unwrapInline = require("./unwrapInline");
+var import_selectors = require("../selectors");
+var import_element = require("../utils/element");
+var import_select = require("../../controls/select");
+var import_selectors2 = require("../selectors");
+var import_types = require("../types");
+var import_unwrapList = require("./unwrapList");
+var import_wrapList = require("./wrapList");
+var import_indent = require("./indent");
+var import_dedent = require("./dedent");
+var import_toggleList = require("./toggleList");
+var import_editor = require("../utils/editor");
+var import_is_hotkey = __toESM(require("is-hotkey"));
+var import_constants = require("./constants");
+var import_use_style = require("../../runtimes/react/use-style");
+var import_css = require("@emotion/css");
+var import_plugin = require("../../controls/rich-text-v2/plugin");
+const BlockActions = {
+  setBlockKeyForDevice: import_setBlockKeyForDevice.setBlockKeyForDevice,
+  clearBlockKeyForDevice: import_clearBlockKeyForDevice.clearBlockKeyForDevice,
+  wrapInline: import_wrapInline.wrapInline,
+  unwrapInline: import_unwrapInline.unwrapInline
+};
+const ListActions = {
+  unwrapList: import_unwrapList.unwrapList,
+  wrapList: import_wrapList.wrapList,
+  indent: import_indent.indent,
+  dedent: import_dedent.dedent,
+  toggleList: import_toggleList.toggleList
+};
+function onKeyDown(e, editor) {
+  if (!editor.selection || Array.from(import_slate.Editor.nodes(editor, { match: (node) => import_element.ElementUtils.isListItem(node) })).length === 0)
+    return;
+  if ((0, import_is_hotkey.default)("shift+tab", e)) {
+    e.preventDefault();
+    ListActions.dedent(editor);
+  }
+  if ((0, import_is_hotkey.default)("tab", e)) {
+    e.preventDefault();
+    ListActions.indent(editor);
+  }
+  if ((0, import_is_hotkey.default)("backspace", e)) {
+    if (!editor.selection)
+      return;
+    if (import_slate.Range.isExpanded(editor.selection))
+      return;
+    const listItem = import_editor.EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem) {
+      e.preventDefault();
+      const parentListItem = import_editor.EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      const list = import_editor.EditorUtils.getFirstAncestorList(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else if (list) {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+  }
+  if ((0, import_is_hotkey.default)("enter", e)) {
+    e.preventDefault();
+    if (!editor.selection)
+      return;
+    if (import_slate.Range.isExpanded(editor.selection)) {
+      import_slate.Transforms.delete(editor);
+      return;
+    }
+    const listItem = import_editor.EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem && import_slate.Editor.string(editor, listItem[1]) === "") {
+      const parentListItem = import_editor.EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+    import_slate.Transforms.splitNodes(editor, {
+      at: editor.selection,
+      always: true,
+      match: (node) => import_element.ElementUtils.isListItem(node)
+    });
+  }
+  if ((0, import_is_hotkey.default)("shift+enter", e)) {
+    e.preventDefault();
+    editor.insertText("\n");
+  }
+}
+function withBlock(editor) {
+  const { normalizeNode } = editor;
+  editor.isInline = (entry) => {
+    return import_element.ElementUtils.isInline(entry);
+  };
+  editor.normalizeNode = (entry) => {
+    const [normalizationNode, normalizationPath] = entry;
+    if (import_element.ElementUtils.isBlock(normalizationNode) && normalizationNode?.textAlign?.length == 0) {
+      import_slate.Transforms.unsetNodes(editor, "textAlign", { at: normalizationPath });
+      return;
+    }
+    if (normalizationPath.length === 1 && import_element.ElementUtils.isRootBlock(normalizationNode) && !import_element.ElementUtils.isList(normalizationNode)) {
+      const children = Array.from(import_slate.Node.children(editor, normalizationPath));
+      if (children.findIndex(([child]) => import_element.ElementUtils.isRootBlock(child)) !== -1) {
+        import_slate.Transforms.unwrapNodes(editor, { at: normalizationPath });
+        return;
+      }
+    }
+    if (import_element.ElementUtils.isListItem(normalizationNode)) {
+      const pathToListItemText = [...normalizationPath, import_constants.LIST_ITEM_CHILD_POSITION];
+      if (import_slate.Node.has(editor, pathToListItemText)) {
+        const nodeInListItemTextPosition = import_slate.Node.get(editor, pathToListItemText);
+        if (import_element.ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
+          import_slate.Transforms.setNodes(
+            editor,
+            { type: import_types.BlockType.ListItemChild },
+            {
+              at: pathToListItemText
+            }
+          );
+          return;
+        }
+      } else {
+        import_slate.Transforms.insertNodes(editor, import_element.ElementUtils.createListItem(), {
+          at: pathToListItemText
+        });
+        return;
+      }
+    }
+    if (!import_slate.Text.isText(normalizationNode)) {
+      const mergeableChildren = Array.from(import_slate.Node.children(editor, normalizationPath)).map((child, index, children) => {
+        const potentialNodeToBeMerged = children.at(index + 1);
+        if (!potentialNodeToBeMerged || !import_element.ElementUtils.isList(potentialNodeToBeMerged[0]) || !import_element.ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
+          return null;
+        }
+        return [
+          import_slate.Editor.pathRef(editor, child[1]),
+          import_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(import_slate.Node.children(editor, nodePath));
+          const childrenToBeMerged = Array.from(import_slate.Node.children(editor, nodeToBeMergedPath));
+          import_slate.Editor.withoutNormalizing(editor, () => {
+            childrenToBeMerged.reverse().forEach(([_, childPath]) => {
+              import_slate.Transforms.moveNodes(editor, {
+                at: childPath,
+                to: [...nodePath, nodeChildren.length]
+              });
+            });
+            import_slate.Transforms.removeNodes(editor, { at: nodeToBeMergedPath });
+          });
+          nodePathRef.unref();
+          nodeToBeMergedPathRef.unref();
+        });
+        return;
+      }
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+const definition = (0, import_select.Select)({
+  label: "Block",
+  labelOrientation: "horizontal",
+  options: [
+    {
+      value: import_types.BlockType.Paragraph,
+      label: "Paragraph"
+    },
+    {
+      value: import_types.BlockType.Heading1,
+      label: "Heading 1"
+    },
+    {
+      value: import_types.BlockType.Heading2,
+      label: "Heading 2"
+    },
+    {
+      value: import_types.BlockType.Heading3,
+      label: "Heading 3"
+    },
+    {
+      value: import_types.BlockType.Heading4,
+      label: "Heading 4"
+    },
+    {
+      value: import_types.BlockType.Heading5,
+      label: "Heading 5"
+    },
+    {
+      value: import_types.BlockType.Heading6,
+      label: "Heading 6"
+    },
+    {
+      value: import_types.BlockType.UnorderedList,
+      label: "Bulleted list"
+    },
+    {
+      value: import_types.BlockType.OrderedList,
+      label: "Numbered list"
+    },
+    {
+      value: import_types.BlockType.BlockQuote,
+      label: "Quote"
+    }
+  ],
+  defaultValue: import_types.BlockType.Paragraph
+});
+function BlockPlugin() {
+  return (0, import_plugin.createRichTextV2Plugin)({
+    withPlugin: withBlock,
+    onKeyDown,
+    control: {
+      definition,
+      onChange: (editor, value) => {
+        const activeBlockType = (0, import_selectors2.getActiveBlockType)(editor);
+        if (value === import_types.BlockType.UnorderedList || value === import_types.BlockType.OrderedList) {
+          ListActions.toggleList(editor, {
+            type: value,
+            at: (0, import_selectors.getSelection)(editor)
+          });
+        } else if (activeBlockType === value) {
+          import_slate.Transforms.setNodes(
+            editor,
+            {
+              type: import_types.BlockType.Default
+            },
+            { at: (0, import_selectors.getSelection)(editor) }
+          );
+        } else {
+          ListActions.unwrapList(editor, {
+            at: (0, import_selectors.getSelection)(editor)
+          });
+          import_slate.Transforms.setNodes(
+            editor,
+            {
+              type: value ?? import_types.BlockType.Default
+            },
+            { at: (0, import_selectors.getSelection)(editor) }
+          );
+        }
+      },
+      getValue: (editor) => {
+        const activeBlock = (0, import_selectors2.getActiveBlockType)(editor);
+        if (activeBlock === import_types.RootBlockType.Default)
+          return void 0;
+        return activeBlock;
+      }
+    },
+    renderElement: (renderElement) => (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockPluginComponent, { ...props, renderElement })
+  });
+}
+function BlockPluginComponent({
+  renderElement,
+  ...props
+}) {
+  const blockStyles = [(0, import_use_style.useStyle)({ margin: 0 }), props.element.className];
+  const quoteStyles = (0, import_use_style.useStyle)({
+    padding: "0.5em 10px",
+    fontSize: "1.25em",
+    fontWeight: "300",
+    borderLeft: "5px solid rgba(0, 0, 0, 0.1)"
+  });
+  const unorderedListStyles = (0, import_use_style.useStyle)({
+    listStylePosition: "inside",
+    paddingInlineStart: "20px",
+    listStyleType: "disc",
+    ul: {
+      listStyleType: "circle"
+    },
+    "ul ul": {
+      listStyleType: "square"
+    }
+  });
+  const orderedListStyles = (0, import_use_style.useStyle)({
+    listStylePosition: "inside",
+    paddingInlineStart: "20px",
+    listStyleType: "decimal"
+  });
+  switch (props.element.type) {
+    case import_types.BlockType.Default:
+    case import_types.BlockType.Paragraph:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading1:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading2:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading3:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading4:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading5:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.Heading6:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.BlockQuote:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, quoteStyles), children: renderElement(props) });
+    case import_types.BlockType.OrderedList:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, orderedListStyles), children: renderElement(props) });
+    case import_types.BlockType.UnorderedList:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { ...props.attributes, className: (0, import_css.cx)(...blockStyles, unorderedListStyles), children: renderElement(props) });
+    case import_types.BlockType.ListItem:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    case import_types.BlockType.ListItemChild:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ...props.attributes, className: (0, import_css.cx)(...blockStyles), children: renderElement(props) });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: renderElement(props) });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlockActions,
+  BlockPlugin,
+  ListActions,
+  onKeyDown,
+  withBlock
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/slate/BlockPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/BlockPlugin/index.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { Editor, Transforms, Range, Node, PathRef, Text } from 'slate'\nimport { setBlockKeyForDevice } from './setBlockKeyForDevice'\nimport { clearBlockKeyForDevice } from './clearBlockKeyForDevice'\nimport { wrapInline } from './wrapInline'\nimport { unwrapInline } from './unwrapInline'\nimport { getSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { Select } from '../../controls/select'\nimport { getActiveBlockType } from '../selectors'\nimport { BlockType, RootBlockType } from '../types'\nimport { unwrapList } from './unwrapList'\nimport { wrapList } from './wrapList'\nimport { indent } from './indent'\nimport { dedent } from './dedent'\nimport { toggleList } from './toggleList'\nimport { EditorUtils } from '../utils/editor'\nimport isHotkey from 'is-hotkey'\nimport { LIST_ITEM_CHILD_POSITION } from './constants'\nimport { useStyle } from '../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\nimport { RenderElementProps } from 'slate-react'\nimport { RenderElement, createRichTextV2Plugin } from '../../controls/rich-text-v2/plugin'\n\nexport const BlockActions = {\n  setBlockKeyForDevice,\n  clearBlockKeyForDevice,\n  wrapInline,\n  unwrapInline,\n}\n\n// TODO: This API is still litered with artifacts from the list plugin being seperated out.\n// This plugin needs to be rewritten to be assumptionless.\nexport const ListActions = {\n  unwrapList,\n  wrapList,\n  indent,\n  dedent,\n  toggleList,\n}\n\nexport function onKeyDown(e: KeyboardEvent, editor: Editor) {\n  if (\n    !editor.selection ||\n    Array.from(Editor.nodes(editor, { match: node => ElementUtils.isListItem(node) })).length === 0\n  )\n    return\n\n  if (isHotkey('shift+tab', e)) {\n    e.preventDefault()\n    ListActions.dedent(editor)\n  }\n\n  if (isHotkey('tab', e)) {\n    e.preventDefault()\n    ListActions.indent(editor)\n  }\n\n  if (isHotkey('backspace', e)) {\n    if (!editor.selection) return\n    if (Range.isExpanded(editor.selection)) return\n    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n    if (editor.selection.anchor.offset === 0 && listItem) {\n      e.preventDefault()\n      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n      const list = EditorUtils.getFirstAncestorList(editor, listItem[1])\n\n      if (parentListItem) {\n        ListActions.dedent(editor)\n      } else if (list) {\n        ListActions.unwrapList(editor)\n      }\n      return\n    }\n  }\n\n  if (isHotkey('enter', e)) {\n    e.preventDefault()\n\n    if (!editor.selection) return\n\n    if (Range.isExpanded(editor.selection)) {\n      Transforms.delete(editor)\n      return\n    }\n\n    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path)\n    if (\n      editor.selection.anchor.offset === 0 &&\n      listItem &&\n      Editor.string(editor, listItem[1]) === ''\n    ) {\n      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1])\n\n      if (parentListItem) {\n        ListActions.dedent(editor)\n      } else {\n        ListActions.unwrapList(editor)\n      }\n      return\n    }\n\n    Transforms.splitNodes(editor, {\n      at: editor.selection,\n      always: true,\n      match: node => ElementUtils.isListItem(node),\n    })\n  }\n\n  if (isHotkey('shift+enter', e)) {\n    e.preventDefault()\n    editor.insertText('\\n')\n  }\n}\n\nexport function withBlock(editor: Editor) {\n  const { normalizeNode } = editor\n\n  editor.isInline = entry => {\n    return ElementUtils.isInline(entry)\n  }\n\n  editor.normalizeNode = entry => {\n    const [normalizationNode, normalizationPath] = entry\n    // Normalization textAlign with empty array of values\n    if (ElementUtils.isBlock(normalizationNode) && normalizationNode?.textAlign?.length == 0) {\n      Transforms.unsetNodes(editor, 'textAlign', { at: normalizationPath })\n      return\n    }\n\n    // Normalization for preventing non-list root blocks from being nested.\n    if (\n      normalizationPath.length === 1 &&\n      ElementUtils.isRootBlock(normalizationNode) &&\n      !ElementUtils.isList(normalizationNode)\n    ) {\n      const children = Array.from(Node.children(editor, normalizationPath))\n      if (children.findIndex(([child]) => ElementUtils.isRootBlock(child)) !== -1) {\n        Transforms.unwrapNodes(editor, { at: normalizationPath })\n        return\n      }\n    }\n\n    // Normalization for converting children of list items to list item children\n    // In the case of backspace from position 0 of node into a list this converts the node into a list item.\n    if (ElementUtils.isListItem(normalizationNode)) {\n      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION]\n\n      if (Node.has(editor, pathToListItemText)) {\n        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText)\n        if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {\n          Transforms.setNodes(\n            editor,\n            { type: BlockType.ListItemChild },\n            {\n              at: pathToListItemText,\n            },\n          )\n          return\n        }\n      } else {\n        Transforms.insertNodes(editor, ElementUtils.createListItem(), {\n          at: pathToListItemText,\n        })\n        return\n      }\n    }\n\n    // Normalization for merging adjacent lists of the same type\n    if (!Text.isText(normalizationNode)) {\n      const mergeableChildren = Array.from(Node.children(editor, normalizationPath))\n        .map((child, index, children) => {\n          const potentialNodeToBeMerged = children.at(index + 1)\n          if (\n            !potentialNodeToBeMerged ||\n            !ElementUtils.isList(potentialNodeToBeMerged[0]) ||\n            !ElementUtils.isList(child[0]) ||\n            potentialNodeToBeMerged[0].type !== child[0].type\n          ) {\n            return null\n          }\n          return [\n            Editor.pathRef(editor, child[1]),\n            Editor.pathRef(editor, potentialNodeToBeMerged[1]),\n          ]\n        })\n        .filter((mergeableNodes): mergeableNodes is PathRef[] => Boolean(mergeableNodes))\n\n      if (mergeableChildren.length !== 0) {\n        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {\n          const nodePath = nodePathRef.current\n          const nodeToBeMergedPath = nodeToBeMergedPathRef.current\n          if (nodePath == null || nodeToBeMergedPath == null) return\n          const nodeChildren = Array.from(Node.children(editor, nodePath))\n          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath))\n          Editor.withoutNormalizing(editor, () => {\n            childrenToBeMerged.reverse().forEach(([_, childPath]) => {\n              Transforms.moveNodes(editor, {\n                at: childPath,\n                to: [...nodePath, nodeChildren.length],\n              })\n            })\n            Transforms.removeNodes(editor, { at: nodeToBeMergedPath })\n          })\n          nodePathRef.unref()\n          nodeToBeMergedPathRef.unref()\n        })\n        return\n      }\n    }\n\n    normalizeNode(entry)\n  }\n\n  return editor\n}\n\nconst definition = Select({\n  label: 'Block',\n  labelOrientation: 'horizontal',\n  options: [\n    {\n      value: BlockType.Paragraph,\n      label: 'Paragraph',\n    },\n    {\n      value: BlockType.Heading1,\n      label: 'Heading 1',\n    },\n    {\n      value: BlockType.Heading2,\n      label: 'Heading 2',\n    },\n    {\n      value: BlockType.Heading3,\n      label: 'Heading 3',\n    },\n    {\n      value: BlockType.Heading4,\n      label: 'Heading 4',\n    },\n    {\n      value: BlockType.Heading5,\n      label: 'Heading 5',\n    },\n    {\n      value: BlockType.Heading6,\n      label: 'Heading 6',\n    },\n    {\n      value: BlockType.UnorderedList,\n      label: 'Bulleted list',\n    },\n    {\n      value: BlockType.OrderedList,\n      label: 'Numbered list',\n    },\n    {\n      value: BlockType.BlockQuote,\n      label: 'Quote',\n    },\n  ],\n  defaultValue: BlockType.Paragraph,\n})\n\nexport function BlockPlugin() {\n  return createRichTextV2Plugin({\n    withPlugin: withBlock,\n    onKeyDown: onKeyDown,\n    control: {\n      definition,\n      onChange: (editor, value) => {\n        // TODO: This onChange being so complex is an artifact of how the List plugin used to be seperated out from the block plugin.\n        // Would be great to refactor and simplify here.\n\n        const activeBlockType = getActiveBlockType(editor)\n        if (value === BlockType.UnorderedList || value === BlockType.OrderedList) {\n          ListActions.toggleList(editor, {\n            type: value,\n            at: getSelection(editor),\n          })\n        } else if (activeBlockType === value) {\n          Transforms.setNodes(\n            editor,\n            {\n              type: BlockType.Default,\n            },\n            { at: getSelection(editor) },\n          )\n        } else {\n          ListActions.unwrapList(editor, {\n            at: getSelection(editor),\n          })\n          Transforms.setNodes(\n            editor,\n            {\n              type: value ?? BlockType.Default,\n            },\n            { at: getSelection(editor) },\n          )\n        }\n      },\n      getValue: editor => {\n        const activeBlock = getActiveBlockType(editor)\n\n        if (activeBlock === RootBlockType.Default) return undefined\n\n        return activeBlock\n      },\n    },\n    renderElement: renderElement => props =>\n      <BlockPluginComponent {...props} renderElement={renderElement} />,\n  })\n}\n\nfunction BlockPluginComponent({\n  renderElement,\n  ...props\n}: RenderElementProps & { renderElement: RenderElement }) {\n  const blockStyles = [useStyle({ margin: 0 }), props.element.className]\n  const quoteStyles = useStyle({\n    padding: '0.5em 10px',\n    fontSize: '1.25em',\n    fontWeight: '300',\n    borderLeft: '5px solid rgba(0, 0, 0, 0.1)',\n  })\n\n  const unorderedListStyles = useStyle({\n    listStylePosition: 'inside',\n    paddingInlineStart: '20px',\n    listStyleType: 'disc',\n    ul: {\n      listStyleType: 'circle',\n    },\n    'ul ul': {\n      listStyleType: 'square',\n    },\n  })\n\n  const orderedListStyles = useStyle({\n    listStylePosition: 'inside',\n    paddingInlineStart: '20px',\n    listStyleType: 'decimal',\n  })\n\n  switch (props.element.type) {\n    case BlockType.Default:\n    case BlockType.Paragraph:\n      return (\n        <p {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </p>\n      )\n    case BlockType.Heading1:\n      return (\n        <h1 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h1>\n      )\n    case BlockType.Heading2:\n      return (\n        <h2 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h2>\n      )\n    case BlockType.Heading3:\n      return (\n        <h3 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h3>\n      )\n    case BlockType.Heading4:\n      return (\n        <h4 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h4>\n      )\n    case BlockType.Heading5:\n      return (\n        <h5 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h5>\n      )\n    case BlockType.Heading6:\n      return (\n        <h6 {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </h6>\n      )\n    case BlockType.BlockQuote:\n      return (\n        <blockquote {...props.attributes} className={cx(...blockStyles, quoteStyles)}>\n          {renderElement(props)}\n        </blockquote>\n      )\n    case BlockType.OrderedList:\n      return (\n        <ol {...props.attributes} className={cx(...blockStyles, orderedListStyles)}>\n          {renderElement(props)}\n        </ol>\n      )\n    case BlockType.UnorderedList:\n      return (\n        <ul {...props.attributes} className={cx(...blockStyles, unorderedListStyles)}>\n          {renderElement(props)}\n        </ul>\n      )\n    case BlockType.ListItem:\n      return (\n        <li {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </li>\n      )\n    case BlockType.ListItemChild:\n      return (\n        <span {...props.attributes} className={cx(...blockStyles)}>\n          {renderElement(props)}\n        </span>\n      )\n    default:\n      return <>{renderElement(props)}</>\n  }\n}\n"],"mappings":"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","names":["import_selectors","isHotkey"]}

package/dist/cjs/slate/BlockPlugin/setBlockKeyForDevice.js

@@ -0,0 +1,56 @@
+"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 setBlockKeyForDevice_exports = {};
+__export(setBlockKeyForDevice_exports, {
+  setBlockKeyForDevice: () => setBlockKeyForDevice
+});
+module.exports = __toCommonJS(setBlockKeyForDevice_exports);
+var import_slate = require("slate");
+var import_selectors = require("../selectors");
+var import_element = require("../utils/element");
+var import_breakpoints = require("../../state/modules/breakpoints");
+function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
+  const at = options?.at ?? editor.selection;
+  if (!at)
+    return;
+  const rootElements = (0, import_selectors.getBlocksInSelection)(editor);
+  for (const [node, path] of rootElements) {
+    if (import_element.ElementUtils.isBlock(node)) {
+      const deviceValues = node[key] ?? [];
+      const currentDeviceValue = (0, import_breakpoints.findBreakpointOverride)(breakpoints, deviceValues, deviceId, (v) => v);
+      const nextDeviceValue = {
+        ...currentDeviceValue,
+        deviceId,
+        value
+      };
+      import_slate.Transforms.setNodes(
+        editor,
+        {
+          [key]: [...deviceValues.filter((v) => v.deviceId !== deviceId), nextDeviceValue]
+        },
+        { at: path }
+      );
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  setBlockKeyForDevice
+});
+//# sourceMappingURL=setBlockKeyForDevice.js.map

package/dist/cjs/slate/BlockPlugin/setBlockKeyForDevice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/BlockPlugin/setBlockKeyForDevice.ts"],"sourcesContent":["import { Editor, Transforms, Location } from 'slate'\nimport { getBlocksInSelection } from '../selectors'\nimport { ElementUtils } from '../utils/element'\nimport { EditableBlockKey, EditableBlockValue } from './types'\nimport { Breakpoints, BreakpointId, findBreakpointOverride } from '../../state/modules/breakpoints'\n\ntype SetBlockKeyForDeviceOptions = {\n  at?: Location\n}\n\nexport function setBlockKeyForDevice(\n  editor: Editor,\n  breakpoints: Breakpoints,\n  deviceId: BreakpointId,\n  key: EditableBlockKey,\n  value: EditableBlockValue[number]['value'],\n  options?: SetBlockKeyForDeviceOptions,\n) {\n  const at = options?.at ?? editor.selection\n  if (!at) return\n\n  const rootElements = getBlocksInSelection(editor)\n\n  for (const [node, path] of rootElements) {\n    if (ElementUtils.isBlock(node)) {\n      const deviceValues = node[key] ?? []\n      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, v => v)\n      const nextDeviceValue = {\n        ...currentDeviceValue,\n        deviceId,\n        value,\n      }\n      Transforms.setNodes(\n        editor,\n        {\n          [key]: [...deviceValues.filter(v => v.deviceId !== deviceId), nextDeviceValue],\n        },\n        { at: path },\n      )\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAC7C,uBAAqC;AACrC,qBAA6B;AAE7B,yBAAkE;AAM3D,SAAS,qBACd,QACA,aACA,UACA,KACA,OACA,SACA;AACA,QAAM,KAAK,SAAS,MAAM,OAAO;AACjC,MAAI,CAAC;AAAI;AAET,QAAM,mBAAe,uCAAqB,MAAM;AAEhD,aAAW,CAAC,MAAM,IAAI,KAAK,cAAc;AACvC,QAAI,4BAAa,QAAQ,IAAI,GAAG;AAC9B,YAAM,eAAe,KAAK,GAAG,KAAK,CAAC;AACnC,YAAM,yBAAqB,2CAAuB,aAAa,cAAc,UAAU,OAAK,CAAC;AAC7F,YAAM,kBAAkB;AAAA,QACtB,GAAG;AAAA,QACH;AAAA,QACA;AAAA,MACF;AACA,8BAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,OAAO,OAAK,EAAE,aAAa,QAAQ,GAAG,eAAe;AAAA,QAC/E;AAAA,QACA,EAAE,IAAI,KAAK;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/slate/BlockPlugin/toggleList.js

@@ -0,0 +1,52 @@
+"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 toggleList_exports = {};
+__export(toggleList_exports, {
+  toggleList: () => toggleList
+});
+module.exports = __toCommonJS(toggleList_exports);
+var import_slate = require("slate");
+var import_element = require("../utils/element");
+var import_unwrapList = require("./unwrapList");
+var import_location = require("./utils/location");
+var import_wrapList = require("./wrapList");
+var import_types = require("../types");
+function toggleList(editor, options = { type: import_types.BlockType.UnorderedList }) {
+  const at = options.at ?? editor.selection;
+  if (at == null)
+    return;
+  const start = import_location.LocationUtils.getStartPath(at);
+  const ancestorPath = import_slate.Path.ancestors(start).at(1);
+  if (!ancestorPath || !import_slate.Node.has(editor, ancestorPath))
+    return;
+  const ancestor = import_slate.Node.get(editor, ancestorPath);
+  if (!import_element.ElementUtils.isList(ancestor)) {
+    return (0, import_wrapList.wrapList)(editor, { type: options.type, at });
+  }
+  if (ancestor.type === options.type) {
+    (0, import_unwrapList.unwrapList)(editor, { at });
+  } else {
+    import_slate.Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toggleList
+});
+//# sourceMappingURL=toggleList.js.map

package/dist/cjs/slate/BlockPlugin/toggleList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/BlockPlugin/toggleList.ts"],"sourcesContent":["import { Editor, Location, Node, Path, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { unwrapList } from './unwrapList'\nimport { LocationUtils } from './utils/location'\nimport { wrapList } from './wrapList'\nimport { BlockType } from '../types'\n\ntype ToggleListOptions = {\n  type: typeof BlockType.UnorderedList | typeof BlockType.OrderedList\n  at?: Location\n}\n\nexport function toggleList(\n  editor: Editor,\n  options: ToggleListOptions = { type: BlockType.UnorderedList },\n) {\n  const at = options.at ?? editor.selection\n  if (at == null) return\n  const start = LocationUtils.getStartPath(at)\n  const ancestorPath = Path.ancestors(start).at(1)\n  if (!ancestorPath || !Node.has(editor, ancestorPath)) return\n  const ancestor = Node.get(editor, ancestorPath)\n\n  if (!ElementUtils.isList(ancestor)) {\n    return wrapList(editor, { type: options.type, at })\n  }\n\n  if (ancestor.type === options.type) {\n    unwrapList(editor, { at })\n  } else {\n    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyD;AACzD,qBAA6B;AAC7B,wBAA2B;AAC3B,sBAA8B;AAC9B,sBAAyB;AACzB,mBAA0B;AAOnB,SAAS,WACd,QACA,UAA6B,EAAE,MAAM,uBAAU,cAAc,GAC7D;AACA,QAAM,KAAK,QAAQ,MAAM,OAAO;AAChC,MAAI,MAAM;AAAM;AAChB,QAAM,QAAQ,8BAAc,aAAa,EAAE;AAC3C,QAAM,eAAe,kBAAK,UAAU,KAAK,EAAE,GAAG,CAAC;AAC/C,MAAI,CAAC,gBAAgB,CAAC,kBAAK,IAAI,QAAQ,YAAY;AAAG;AACtD,QAAM,WAAW,kBAAK,IAAI,QAAQ,YAAY;AAE9C,MAAI,CAAC,4BAAa,OAAO,QAAQ,GAAG;AAClC,eAAO,0BAAS,QAAQ,EAAE,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,EACpD;AAEA,MAAI,SAAS,SAAS,QAAQ,MAAM;AAClC,sCAAW,QAAQ,EAAE,GAAG,CAAC;AAAA,EAC3B,OAAO;AACL,4BAAW,SAAS,QAAQ,EAAE,MAAM,QAAQ,KAAK,GAAG,EAAE,IAAI,aAAa,CAAC;AAAA,EAC1E;AACF;","names":[]}

package/dist/cjs/slate/BlockPlugin/types.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/slate/BlockPlugin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/BlockPlugin/types.ts"],"sourcesContent":["import { ResponsiveBlockTextAlignment } from '../types'\n\nexport type EditableBlockKey = 'textAlign'\nexport type EditableBlockValue = ResponsiveBlockTextAlignment\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/slate/BlockPlugin/unwrapInline.js

@@ -0,0 +1,37 @@
+"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 unwrapInline_exports = {};
+__export(unwrapInline_exports, {
+  unwrapInline: () => unwrapInline
+});
+module.exports = __toCommonJS(unwrapInline_exports);
+var import_slate = require("slate");
+var import_element = require("../utils/element");
+var import_selectors = require("../selectors");
+function unwrapInline(editor, type) {
+  import_slate.Transforms.unwrapNodes(editor, {
+    match: (node) => import_element.ElementUtils.isInline(node) && node.type === type,
+    at: (0, import_selectors.getSelection)(editor)
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  unwrapInline
+});
+//# sourceMappingURL=unwrapInline.js.map

package/dist/cjs/slate/BlockPlugin/unwrapInline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/slate/BlockPlugin/unwrapInline.ts"],"sourcesContent":["import { Editor, Transforms } from 'slate'\nimport { ElementUtils } from '../utils/element'\nimport { getSelection } from '../selectors'\nimport { InlineType } from '../types'\n\nexport function unwrapInline(editor: Editor, type: InlineType) {\n  Transforms.unwrapNodes(editor, {\n    match: node => ElementUtils.isInline(node) && node.type === type,\n    at: getSelection(editor),\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,qBAA6B;AAC7B,uBAA6B;AAGtB,SAAS,aAAa,QAAgB,MAAkB;AAC7D,0BAAW,YAAY,QAAQ;AAAA,IAC7B,OAAO,UAAQ,4BAAa,SAAS,IAAI,KAAK,KAAK,SAAS;AAAA,IAC5D,QAAI,+BAAa,MAAM;AAAA,EACzB,CAAC;AACH;","names":[]}