@contember/react-slate-editor-base 2.0.0-alpha.1

package/dist/production/plugins/element/lists/transforms/toggleListElement.js

@@ -0,0 +1,93 @@
+import { Element, Editor, Transforms, Text } from "slate";
+import { ContemberEditor } from "../../../../editor/index.js";
+import { listItemElementType } from "../ListItemElement.js";
+import { isListElement } from "../ListElement.js";
+const toggleListElement = (editor, elementType, suchThat, otherKindOfList) => {
+  if (editor.isElementActive(elementType, suchThat)) {
+    const closestListEntry = ContemberEditor.closest(editor, {
+      match: (node) => Element.isElement(node) && node.type === elementType
+    });
+    if (!closestListEntry) {
+      return;
+    }
+    return Editor.withoutNormalizing(editor, () => {
+      const [closestList, closestListPath] = closestListEntry;
+      for (let i = closestList.children.length - 1; i >= 0; i--) {
+        const currentItemPath = [...closestListPath, i];
+        if (Editor.hasInlines(editor, closestList.children[i])) {
+          Transforms.wrapNodes(editor, editor.createDefaultElement([]), {
+            at: currentItemPath
+          });
+          Transforms.unwrapNodes(editor, {
+            at: [...currentItemPath, 0]
+          });
+        } else {
+          Transforms.unwrapNodes(editor, { at: currentItemPath });
+        }
+      }
+      Transforms.unwrapNodes(editor, { at: closestListPath });
+    });
+  }
+  if (editor.isElementActive(elementType) || editor.isElementActive(otherKindOfList)) {
+    const closestListEntry = ContemberEditor.closest(editor, {
+      match: (node) => isListElement(node)
+    });
+    if (!closestListEntry) {
+      return;
+    }
+    return Editor.withoutNormalizing(editor, () => {
+      const [, closestListPath] = closestListEntry;
+      ContemberEditor.ejectElement(editor, closestListPath);
+      Transforms.setNodes(editor, { ...suchThat, type: elementType }, { at: closestListPath });
+    });
+  }
+  const selection = editor.selection;
+  if (!selection) {
+    return;
+  }
+  const closestViableParentEntry = ContemberEditor.closestViableBlockContainerEntry(editor);
+  if (!closestViableParentEntry) {
+    return;
+  }
+  Editor.withoutNormalizing(editor, () => {
+    const [targetParent, targetParentPath] = closestViableParentEntry;
+    if (Element.isElement(targetParent) && Editor.hasInlines(editor, targetParent)) {
+      const listItemPath = [...targetParentPath, 0];
+      Transforms.insertNodes(editor, { type: listItemElementType, children: [] }, { at: listItemPath });
+      Transforms.moveNodes(editor, {
+        to: [...listItemPath, 0],
+        match: (node) => Text.isText(node) || Element.isElement(node) && Editor.isInline(editor, node),
+        at: {
+          anchor: Editor.start(editor, [...targetParentPath, 1]),
+          focus: Editor.end(editor, [...targetParentPath, targetParent.children.length])
+        }
+      });
+      Transforms.wrapNodes(editor, { type: elementType, children: [] }, { at: listItemPath });
+    } else {
+      const [selectionStart, selectionEnd] = Editor.edges(editor, selection);
+      const relativeStartIndex = selectionStart.path[targetParentPath.length];
+      const relativeEndIndex = selectionEnd.path[targetParentPath.length];
+      for (let i = relativeStartIndex; i <= relativeEndIndex; i++) {
+        Transforms.wrapNodes(editor, { type: listItemElementType, children: [] }, { at: [...targetParentPath, i] });
+      }
+      const emptyList = {
+        ...suchThat,
+        type: elementType,
+        children: []
+      };
+      const listPath = [...targetParentPath, relativeStartIndex];
+      Transforms.insertNodes(editor, emptyList, { at: listPath });
+      for (let i = relativeStartIndex; i <= relativeEndIndex; i++) {
+        Transforms.moveNodes(editor, {
+          to: [...listPath, i - relativeStartIndex],
+          // The path doesn't depend on i because we keep moving the siblings away.
+          at: [...targetParentPath, relativeStartIndex + 1]
+        });
+      }
+    }
+  });
+};
+export {
+  toggleListElement
+};
+//# sourceMappingURL=toggleListElement.js.map

package/dist/production/plugins/element/lists/transforms/toggleListElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleListElement.js","sources":["../../../../../../src/plugins/element/lists/transforms/toggleListElement.ts"],"sourcesContent":["import { OrderedListElement, orderedListElementType } from '../OrderedListElement'\nimport { UnorderedListElement, unorderedListElementType } from '../UnorderedListElement'\nimport { Editor, Element as SlateElement, NodeEntry, Text, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../../editor'\nimport { listItemElementType } from '../ListItemElement'\nimport { isListElement } from '../ListElement'\n\nexport const toggleListElement = <T extends OrderedListElement | UnorderedListElement>(\n\teditor: Editor,\n\telementType: T['type'],\n\tsuchThat: Partial<T> | undefined,\n\totherKindOfList: typeof orderedListElementType | typeof unorderedListElementType,\n) => {\n\tif (editor.isElementActive(elementType, suchThat)) {\n\t\tconst closestListEntry = ContemberEditor.closest(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && node.type === elementType,\n\t\t}) as NodeEntry<UnorderedListElement | OrderedListElement>\n\t\tif (!closestListEntry) {\n\t\t\treturn\n\t\t}\n\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\tconst [closestList, closestListPath] = closestListEntry\n\n\t\t\t// It's important that we iterate backwards because otherwise we'd mangle the paths.\n\t\t\t// We unwrap elements which may have more than one child.\n\t\t\tfor (let i = closestList.children.length - 1; i >= 0; i--) {\n\t\t\t\tconst currentItemPath = [...closestListPath, i]\n\t\t\t\tif (Editor.hasInlines(editor, closestList.children[i] as SlateElement)) {\n\t\t\t\t\tTransforms.wrapNodes(editor, editor.createDefaultElement([]), {\n\t\t\t\t\t\tat: currentItemPath,\n\t\t\t\t\t})\n\t\t\t\t\tTransforms.unwrapNodes(editor, {\n\t\t\t\t\t\tat: [...currentItemPath, 0],\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tTransforms.unwrapNodes(editor, { at: currentItemPath })\n\t\t\t\t}\n\t\t\t}\n\t\t\tTransforms.unwrapNodes(editor, { at: closestListPath })\n\t\t})\n\t}\n\tif (editor.isElementActive(elementType) || editor.isElementActive(otherKindOfList)) {\n\t\t// We're in a list but a different one. Note the lack of 'suchThat'\n\t\tconst closestListEntry = ContemberEditor.closest(editor, {\n\t\t\tmatch: node => isListElement(node),\n\t\t}) as NodeEntry<UnorderedListElement | OrderedListElement>\n\t\tif (!closestListEntry) {\n\t\t\treturn\n\t\t}\n\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\tconst [, closestListPath] = closestListEntry\n\t\t\tContemberEditor.ejectElement(editor, closestListPath)\n\t\t\tTransforms.setNodes(editor, { ...suchThat, type: elementType }, { at: closestListPath })\n\t\t})\n\t}\n\n\tconst selection = editor.selection\n\n\tif (!selection) {\n\t\treturn\n\t}\n\n\tconst closestViableParentEntry = ContemberEditor.closestViableBlockContainerEntry(editor)\n\n\tif (!closestViableParentEntry) {\n\t\treturn\n\t}\n\n\tEditor.withoutNormalizing(editor, () => {\n\t\tconst [targetParent, targetParentPath] = closestViableParentEntry\n\n\t\tif (SlateElement.isElement(targetParent) && Editor.hasInlines(editor, targetParent)) {\n\t\t\t// We're deliberately widening the selection to include all the inlines.\n\t\t\tconst listItemPath = [...targetParentPath, 0]\n\n\t\t\t// Not using wrapNodes because it appears to exhibit rather unpredictable treatment of text nodes.\n\t\t\tTransforms.insertNodes(editor, { type: listItemElementType, children: [] }, { at: listItemPath })\n\t\t\tTransforms.moveNodes(editor, {\n\t\t\t\tto: [...listItemPath, 0],\n\t\t\t\tmatch: node => Text.isText(node) || SlateElement.isElement(node) && Editor.isInline(editor, node),\n\t\t\t\tat: {\n\t\t\t\t\tanchor: Editor.start(editor, [...targetParentPath, 1]),\n\t\t\t\t\tfocus: Editor.end(editor, [...targetParentPath, targetParent.children.length]),\n\t\t\t\t},\n\t\t\t})\n\t\t\tTransforms.wrapNodes(editor, { type: elementType, children: [] }, { at: listItemPath })\n\t\t} else {\n\t\t\tconst [selectionStart, selectionEnd] = Editor.edges(editor, selection)\n\t\t\tconst relativeStartIndex = selectionStart.path[targetParentPath.length]\n\t\t\tconst relativeEndIndex = selectionEnd.path[targetParentPath.length]\n\n\t\t\tfor (let i = relativeStartIndex; i <= relativeEndIndex; i++) {\n\t\t\t\tTransforms.wrapNodes(editor, { type: listItemElementType, children: [] }, { at: [...targetParentPath, i] })\n\t\t\t}\n\n\t\t\tconst emptyList: UnorderedListElement | OrderedListElement = {\n\t\t\t\t...suchThat,\n\t\t\t\ttype: elementType as (UnorderedListElement | OrderedListElement)['type'],\n\t\t\t\tchildren: [],\n\t\t\t}\n\t\t\tconst listPath = [...targetParentPath, relativeStartIndex]\n\t\t\tTransforms.insertNodes(editor, emptyList, { at: listPath })\n\n\t\t\tfor (let i = relativeStartIndex; i <= relativeEndIndex; i++) {\n\t\t\t\tTransforms.moveNodes(editor, {\n\t\t\t\t\tto: [...listPath, i - relativeStartIndex],\n\t\t\t\t\t// The path doesn't depend on i because we keep moving the siblings away.\n\t\t\t\t\tat: [...targetParentPath, relativeStartIndex + 1],\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t})\n}\n"],"names":["SlateElement"],"mappings":"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"}

package/dist/production/plugins/element/lists/withLists.cjs

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const index = require("../../../editor/index.cjs");
+const ListItemElement = require("./ListItemElement.cjs");
+const OrderedListElement = require("./OrderedListElement.cjs");
+const UnorderedListElement = require("./UnorderedListElement.cjs");
+const ListElement = require("./ListElement.cjs");
+const ListHtmlDeserializer = require("./ListHtmlDeserializer.cjs");
+const dedentListItem = require("./transforms/dedentListItem.cjs");
+const indentListItem = require("./transforms/indentListItem.cjs");
+const withLists = ({ renderListItem, renderUnorderedList, renderOrderedList }) => (editor) => {
+  const {
+    insertBreak,
+    onKeyDown
+  } = editor;
+  editor.registerElement(ListItemElement.listItemElementPlugin({ render: renderListItem }));
+  editor.registerElement(OrderedListElement.orderedListElementPlugin({ render: renderOrderedList }));
+  editor.registerElement(UnorderedListElement.unorderedListElementPlugin({ render: renderUnorderedList }));
+  editor.htmlDeserializer.registerPlugin(ListHtmlDeserializer.listHtmlDeserializerFactory());
+  Object.assign(editor, {
+    insertBreak: () => {
+      const { selection } = editor;
+      if (!selection || !Slate.Range.isCollapsed(selection)) {
+        return insertBreak();
+      }
+      const closestBlockEntry = index.ContemberEditor.closestBlockEntry(editor);
+      if (closestBlockEntry === void 0) {
+        return insertBreak();
+      }
+      const [closestBlock, closestBlockPath] = closestBlockEntry;
+      let containingListItem;
+      let containingListItemPath;
+      if (!ListItemElement.isListItemElement(closestBlock)) {
+        if (closestBlockPath.length < 2) {
+          return insertBreak();
+        }
+        containingListItemPath = Slate.Path.parent(closestBlockPath);
+        const closestListItem = Slate.Node.get(editor, containingListItemPath);
+        if (!ListItemElement.isListItemElement(closestListItem)) {
+          return insertBreak();
+        }
+        containingListItem = closestListItem;
+      } else {
+        containingListItem = closestBlock;
+        containingListItemPath = closestBlockPath;
+      }
+      if (Slate.Node.string(containingListItem) !== "") {
+        return Slate.Transforms.splitNodes(editor, {
+          always: true,
+          at: selection.focus,
+          match: (node) => ListItemElement.isListItemElement(node)
+        });
+      }
+      const containingListPath = Slate.Path.parent(containingListItemPath);
+      const containingList = Slate.Node.get(editor, containingListPath);
+      if (!ListElement.isListElement(containingList)) {
+        return insertBreak();
+      }
+      const followingListItemPath = Slate.Path.next(containingListItemPath);
+      const hasFollowingListItem = Slate.Node.has(editor, followingListItemPath);
+      if (hasFollowingListItem) {
+        const followingListItemNode = Slate.Node.get(editor, followingListItemPath);
+        if (!ListItemElement.isListItemElement(followingListItemNode)) {
+          return insertBreak();
+        }
+        if (containingListItemPath[containingListItemPath.length - 1] === 0) {
+          Slate.Editor.withoutNormalizing(editor, () => {
+            Slate.Transforms.removeNodes(editor, { at: containingListItemPath });
+            Slate.Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: containingListPath, select: true });
+          });
+        } else {
+          Slate.Editor.withoutNormalizing(editor, () => {
+            Slate.Transforms.removeNodes(editor, { at: containingListItemPath });
+            Slate.Transforms.splitNodes(editor, { at: containingListItemPath });
+            const afterListParent = Slate.Path.next(containingListPath);
+            Slate.Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: afterListParent, select: true });
+          });
+        }
+      } else {
+        Slate.Editor.withoutNormalizing(editor, () => {
+          const afterListParent = Slate.Path.next(containingListPath);
+          Slate.Transforms.removeNodes(editor, { at: containingListItemPath });
+          Slate.Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: afterListParent, select: true });
+        });
+      }
+    },
+    onKeyDown: (event) => {
+      if (event.key !== "Tab" && event.key !== "Enter" || !editor.selection || !Slate.Range.isCollapsed(editor.selection)) {
+        return onKeyDown(event);
+      }
+      const selection = editor.selection;
+      const closestBlockEntry = index.ContemberEditor.closestBlockEntry(editor, { at: selection.focus });
+      if (closestBlockEntry === void 0) {
+        return onKeyDown(event);
+      }
+      let [closestBlockElement, closestBlockPath] = closestBlockEntry;
+      if (!Slate.Element.isElement(closestBlockElement)) {
+        return onKeyDown(event);
+      }
+      if (event.key === "Tab") {
+        if (editor.isDefaultElement(closestBlockElement)) {
+          [closestBlockElement, closestBlockPath] = Slate.Editor.parent(editor, closestBlockPath);
+        }
+        if (!ListItemElement.isListItemElement(closestBlockElement)) {
+          return onKeyDown(event);
+        }
+        const succeeded = event.shiftKey ? dedentListItem.dedentListItem(editor, closestBlockElement, closestBlockPath) : indentListItem.indentListItem(editor, closestBlockElement, closestBlockPath);
+        if (succeeded) {
+          return event.preventDefault();
+        }
+      } else if (event.key === "Enter" && event.shiftKey) {
+        if (editor.isDefaultElement(closestBlockElement)) {
+          const [listItem] = Slate.Editor.parent(editor, closestBlockPath);
+          if (!ListItemElement.isListItemElement(listItem)) {
+            return onKeyDown(event);
+          }
+          event.preventDefault();
+          return Slate.Transforms.splitNodes(editor, {
+            always: true,
+            at: selection.focus,
+            match: (node) => Slate.Element.isElement(node) && Slate.Editor.isBlock(editor, node) && editor.isDefaultElement(node)
+          });
+        } else if (ListItemElement.isListItemElement(closestBlockElement)) {
+          const [listItemStart, listItemEnd] = Slate.Editor.edges(editor, closestBlockPath);
+          event.preventDefault();
+          return Slate.Editor.withoutNormalizing(editor, () => {
+            Slate.Transforms.wrapNodes(editor, editor.createDefaultElement([]), {
+              match: (node) => Slate.Text.isText(node) || Slate.Element.isElement(node) && editor.isInline(node),
+              at: {
+                anchor: listItemStart,
+                focus: listItemEnd
+              }
+            });
+            const relative = Slate.Path.relative(selection.focus.path, closestBlockPath);
+            Slate.Transforms.splitNodes(editor, {
+              // The zero should be the newly created default element.
+              at: {
+                path: [...closestBlockPath, 0, ...relative],
+                offset: selection.focus.offset
+              },
+              always: true
+            });
+          });
+        }
+      }
+      return onKeyDown(event);
+    }
+  });
+  return editor;
+};
+exports.withLists = withLists;
+//# sourceMappingURL=withLists.cjs.map

package/dist/production/plugins/element/lists/withLists.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLists.cjs","sources":["../../../../../src/plugins/element/lists/withLists.ts"],"sourcesContent":["import {\n\tEditor,\n\tElement as SlateElement,\n\tNode as SlateNode,\n\tPath as SlatePath,\n\tRange as SlateRange,\n\tText,\n\tTransforms,\n} from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isListItemElement, ListItemElement, listItemElementPlugin } from './ListItemElement'\nimport { OrderedListElement, orderedListElementPlugin } from './OrderedListElement'\nimport { dedentListItem, indentListItem } from './transforms'\nimport { UnorderedListElement, unorderedListElementPlugin } from './UnorderedListElement'\nimport { isListElement } from './ListElement'\nimport { listHtmlDeserializerFactory } from './ListHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withLists = ({ renderListItem, renderUnorderedList, renderOrderedList }: {\n\trenderListItem: ElementRenderer<ListItemElement>\n\trenderOrderedList: ElementRenderer<OrderedListElement>\n\trenderUnorderedList: ElementRenderer<UnorderedListElement>\n}) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tinsertBreak,\n\t\tonKeyDown,\n\t} = editor\n\n\teditor.registerElement(listItemElementPlugin({ render: renderListItem }))\n\teditor.registerElement(orderedListElementPlugin({ render: renderOrderedList }))\n\teditor.registerElement(unorderedListElementPlugin({ render: renderUnorderedList }))\n\n\teditor.htmlDeserializer.registerPlugin(listHtmlDeserializerFactory())\n\n\tObject.assign<Editor, Partial<Editor>>(editor, {\n\t\tinsertBreak: () => {\n\t\t\tconst { selection } = editor\n\n\t\t\tif (!selection || !SlateRange.isCollapsed(selection)) {\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\t\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\t\tif (closestBlockEntry === undefined) {\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\t\t\tconst [closestBlock, closestBlockPath] = closestBlockEntry\n\n\t\t\tlet containingListItem: ListItemElement\n\t\t\tlet containingListItemPath: SlatePath\n\n\t\t\tif (!isListItemElement(closestBlock)) {\n\t\t\t\tif (closestBlockPath.length < 2) {\n\t\t\t\t\t// This block cannot be inside a list\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\n\t\t\t\tcontainingListItemPath = SlatePath.parent(closestBlockPath)\n\t\t\t\tconst closestListItem = SlateNode.get(editor, containingListItemPath)\n\n\t\t\t\tif (!isListItemElement(closestListItem)) {\n\t\t\t\t\t// The block is not inside a list\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\t\t\t\tcontainingListItem = closestListItem\n\t\t\t} else {\n\t\t\t\tcontainingListItem = closestBlock\n\t\t\t\tcontainingListItemPath = closestBlockPath\n\t\t\t}\n\n\t\t\tif (SlateNode.string(containingListItem) !== '') {\n\t\t\t\treturn Transforms.splitNodes(editor, {\n\t\t\t\t\talways: true,\n\t\t\t\t\tat: selection.focus,\n\t\t\t\t\tmatch: node => isListItemElement(node),\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// We're in a list and want to leave this list.\n\n\t\t\tconst containingListPath = SlatePath.parent(containingListItemPath)\n\t\t\tconst containingList = SlateNode.get(editor, containingListPath)\n\n\t\t\tif (!isListElement(containingList)) {\n\t\t\t\t// This shouldn't really happen. It's more of a sanity check.\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\n\t\t\tconst followingListItemPath = SlatePath.next(containingListItemPath)\n\t\t\tconst hasFollowingListItem = SlateNode.has(editor, followingListItemPath)\n\n\t\t\tif (hasFollowingListItem) {\n\t\t\t\tconst followingListItemNode = SlateNode.get(editor, followingListItemPath)\n\t\t\t\tif (!isListItemElement(followingListItemNode)) {\n\t\t\t\t\t// This shouldn't really happen. It's more of a sanity check.\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\t\t\t\tif (containingListItemPath[containingListItemPath.length - 1] === 0) {\n\t\t\t\t\t// We're at the beginning of a list\n\t\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t// Remove the trailing empty listItem\n\t\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: containingListPath, select: true })\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t// We're in the middle of a list.\n\t\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tTransforms.splitNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tconst afterListParent = SlatePath.next(containingListPath)\n\t\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: afterListParent, select: true })\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// We're at the end of a list.\n\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\tconst afterListParent = SlatePath.next(containingListPath)\n\t\t\t\t\t// Remove the trailing empty listItem\n\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: afterListParent, select: true })\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\tonKeyDown: event => {\n\t\t\t// TODO this should also work for expanded selections\n\t\t\tif (\n\t\t\t\t(event.key !== 'Tab' && event.key !== 'Enter') ||\n\t\t\t\t!editor.selection ||\n\t\t\t\t!SlateRange.isCollapsed(editor.selection)\n\t\t\t) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\t\t\tconst selection = editor.selection\n\t\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor, { at: selection.focus })\n\n\t\t\tif (closestBlockEntry === undefined) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\t\t\tlet [closestBlockElement, closestBlockPath] = closestBlockEntry\n\t\t\tif (!SlateElement.isElement(closestBlockElement)) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\n\t\t\tif (event.key === 'Tab') {\n\t\t\t\tif (editor.isDefaultElement(closestBlockElement)) {\n\t\t\t\t\t[closestBlockElement, closestBlockPath] = Editor.parent(editor, closestBlockPath)\n\t\t\t\t}\n\t\t\t\tif (!isListItemElement(closestBlockElement)) {\n\t\t\t\t\treturn onKeyDown(event)\n\t\t\t\t}\n\t\t\t\tconst succeeded = event.shiftKey\n\t\t\t\t\t? dedentListItem(editor, closestBlockElement, closestBlockPath)\n\t\t\t\t\t: indentListItem(editor, closestBlockElement, closestBlockPath)\n\n\t\t\t\tif (succeeded) {\n\t\t\t\t\treturn event.preventDefault()\n\t\t\t\t}\n\t\t\t} else if (event.key === 'Enter' && event.shiftKey) {\n\t\t\t\tif (editor.isDefaultElement(closestBlockElement)) {\n\t\t\t\t\tconst [listItem] = Editor.parent(editor, closestBlockPath)\n\t\t\t\t\tif (!isListItemElement(listItem)) {\n\t\t\t\t\t\treturn onKeyDown(event)\n\t\t\t\t\t}\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\treturn Transforms.splitNodes(editor, {\n\t\t\t\t\t\talways: true,\n\t\t\t\t\t\tat: selection.focus,\n\t\t\t\t\t\tmatch: node => SlateElement.isElement(node) && Editor.isBlock(editor, node) && editor.isDefaultElement(node),\n\t\t\t\t\t})\n\t\t\t\t} else if (isListItemElement(closestBlockElement)) {\n\t\t\t\t\t// We want to create a newline but the closest block is the list item.\n\t\t\t\t\t// This should mean that it only contains inlines. Hence we wrap them in a default element\n\t\t\t\t\t// and then split it.\n\t\t\t\t\tconst [listItemStart, listItemEnd] = Editor.edges(editor, closestBlockPath)\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\tTransforms.wrapNodes(editor, editor.createDefaultElement([]), {\n\t\t\t\t\t\t\tmatch: node => Text.isText(node) || (SlateElement.isElement(node) && editor.isInline(node)),\n\t\t\t\t\t\t\tat: {\n\t\t\t\t\t\t\t\tanchor: listItemStart,\n\t\t\t\t\t\t\t\tfocus: listItemEnd,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t\t\tconst relative = SlatePath.relative(selection.focus.path, closestBlockPath)\n\t\t\t\t\t\tTransforms.splitNodes(editor, {\n\t\t\t\t\t\t\t// The zero should be the newly created default element.\n\t\t\t\t\t\t\tat: {\n\t\t\t\t\t\t\t\tpath: [...closestBlockPath, 0, ...relative],\n\t\t\t\t\t\t\t\toffset: selection.focus.offset,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\talways: true,\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn onKeyDown(event)\n\t\t},\n\t})\n\n\n\n\treturn editor\n}\n"],"names":["listItemElementPlugin","orderedListElementPlugin","unorderedListElementPlugin","listHtmlDeserializerFactory","SlateRange","ContemberEditor","isListItemElement","SlatePath","SlateNode","Transforms","isListElement","Editor","SlateElement","dedentListItem","indentListItem","Text"],"mappings":"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"}

package/dist/production/plugins/element/lists/withLists.js

@@ -0,0 +1,153 @@
+import { Range, Path, Node, Transforms, Editor, Element, Text } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+import { listItemElementPlugin, isListItemElement } from "./ListItemElement.js";
+import { orderedListElementPlugin } from "./OrderedListElement.js";
+import { unorderedListElementPlugin } from "./UnorderedListElement.js";
+import { isListElement } from "./ListElement.js";
+import { listHtmlDeserializerFactory } from "./ListHtmlDeserializer.js";
+import { dedentListItem } from "./transforms/dedentListItem.js";
+import { indentListItem } from "./transforms/indentListItem.js";
+const withLists = ({ renderListItem, renderUnorderedList, renderOrderedList }) => (editor) => {
+  const {
+    insertBreak,
+    onKeyDown
+  } = editor;
+  editor.registerElement(listItemElementPlugin({ render: renderListItem }));
+  editor.registerElement(orderedListElementPlugin({ render: renderOrderedList }));
+  editor.registerElement(unorderedListElementPlugin({ render: renderUnorderedList }));
+  editor.htmlDeserializer.registerPlugin(listHtmlDeserializerFactory());
+  Object.assign(editor, {
+    insertBreak: () => {
+      const { selection } = editor;
+      if (!selection || !Range.isCollapsed(selection)) {
+        return insertBreak();
+      }
+      const closestBlockEntry = ContemberEditor.closestBlockEntry(editor);
+      if (closestBlockEntry === void 0) {
+        return insertBreak();
+      }
+      const [closestBlock, closestBlockPath] = closestBlockEntry;
+      let containingListItem;
+      let containingListItemPath;
+      if (!isListItemElement(closestBlock)) {
+        if (closestBlockPath.length < 2) {
+          return insertBreak();
+        }
+        containingListItemPath = Path.parent(closestBlockPath);
+        const closestListItem = Node.get(editor, containingListItemPath);
+        if (!isListItemElement(closestListItem)) {
+          return insertBreak();
+        }
+        containingListItem = closestListItem;
+      } else {
+        containingListItem = closestBlock;
+        containingListItemPath = closestBlockPath;
+      }
+      if (Node.string(containingListItem) !== "") {
+        return Transforms.splitNodes(editor, {
+          always: true,
+          at: selection.focus,
+          match: (node) => isListItemElement(node)
+        });
+      }
+      const containingListPath = Path.parent(containingListItemPath);
+      const containingList = Node.get(editor, containingListPath);
+      if (!isListElement(containingList)) {
+        return insertBreak();
+      }
+      const followingListItemPath = Path.next(containingListItemPath);
+      const hasFollowingListItem = Node.has(editor, followingListItemPath);
+      if (hasFollowingListItem) {
+        const followingListItemNode = Node.get(editor, followingListItemPath);
+        if (!isListItemElement(followingListItemNode)) {
+          return insertBreak();
+        }
+        if (containingListItemPath[containingListItemPath.length - 1] === 0) {
+          Editor.withoutNormalizing(editor, () => {
+            Transforms.removeNodes(editor, { at: containingListItemPath });
+            Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: containingListPath, select: true });
+          });
+        } else {
+          Editor.withoutNormalizing(editor, () => {
+            Transforms.removeNodes(editor, { at: containingListItemPath });
+            Transforms.splitNodes(editor, { at: containingListItemPath });
+            const afterListParent = Path.next(containingListPath);
+            Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: afterListParent, select: true });
+          });
+        }
+      } else {
+        Editor.withoutNormalizing(editor, () => {
+          const afterListParent = Path.next(containingListPath);
+          Transforms.removeNodes(editor, { at: containingListItemPath });
+          Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), { at: afterListParent, select: true });
+        });
+      }
+    },
+    onKeyDown: (event) => {
+      if (event.key !== "Tab" && event.key !== "Enter" || !editor.selection || !Range.isCollapsed(editor.selection)) {
+        return onKeyDown(event);
+      }
+      const selection = editor.selection;
+      const closestBlockEntry = ContemberEditor.closestBlockEntry(editor, { at: selection.focus });
+      if (closestBlockEntry === void 0) {
+        return onKeyDown(event);
+      }
+      let [closestBlockElement, closestBlockPath] = closestBlockEntry;
+      if (!Element.isElement(closestBlockElement)) {
+        return onKeyDown(event);
+      }
+      if (event.key === "Tab") {
+        if (editor.isDefaultElement(closestBlockElement)) {
+          [closestBlockElement, closestBlockPath] = Editor.parent(editor, closestBlockPath);
+        }
+        if (!isListItemElement(closestBlockElement)) {
+          return onKeyDown(event);
+        }
+        const succeeded = event.shiftKey ? dedentListItem(editor, closestBlockElement, closestBlockPath) : indentListItem(editor, closestBlockElement, closestBlockPath);
+        if (succeeded) {
+          return event.preventDefault();
+        }
+      } else if (event.key === "Enter" && event.shiftKey) {
+        if (editor.isDefaultElement(closestBlockElement)) {
+          const [listItem] = Editor.parent(editor, closestBlockPath);
+          if (!isListItemElement(listItem)) {
+            return onKeyDown(event);
+          }
+          event.preventDefault();
+          return Transforms.splitNodes(editor, {
+            always: true,
+            at: selection.focus,
+            match: (node) => Element.isElement(node) && Editor.isBlock(editor, node) && editor.isDefaultElement(node)
+          });
+        } else if (isListItemElement(closestBlockElement)) {
+          const [listItemStart, listItemEnd] = Editor.edges(editor, closestBlockPath);
+          event.preventDefault();
+          return Editor.withoutNormalizing(editor, () => {
+            Transforms.wrapNodes(editor, editor.createDefaultElement([]), {
+              match: (node) => Text.isText(node) || Element.isElement(node) && editor.isInline(node),
+              at: {
+                anchor: listItemStart,
+                focus: listItemEnd
+              }
+            });
+            const relative = Path.relative(selection.focus.path, closestBlockPath);
+            Transforms.splitNodes(editor, {
+              // The zero should be the newly created default element.
+              at: {
+                path: [...closestBlockPath, 0, ...relative],
+                offset: selection.focus.offset
+              },
+              always: true
+            });
+          });
+        }
+      }
+      return onKeyDown(event);
+    }
+  });
+  return editor;
+};
+export {
+  withLists
+};
+//# sourceMappingURL=withLists.js.map

package/dist/production/plugins/element/lists/withLists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLists.js","sources":["../../../../../src/plugins/element/lists/withLists.ts"],"sourcesContent":["import {\n\tEditor,\n\tElement as SlateElement,\n\tNode as SlateNode,\n\tPath as SlatePath,\n\tRange as SlateRange,\n\tText,\n\tTransforms,\n} from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isListItemElement, ListItemElement, listItemElementPlugin } from './ListItemElement'\nimport { OrderedListElement, orderedListElementPlugin } from './OrderedListElement'\nimport { dedentListItem, indentListItem } from './transforms'\nimport { UnorderedListElement, unorderedListElementPlugin } from './UnorderedListElement'\nimport { isListElement } from './ListElement'\nimport { listHtmlDeserializerFactory } from './ListHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withLists = ({ renderListItem, renderUnorderedList, renderOrderedList }: {\n\trenderListItem: ElementRenderer<ListItemElement>\n\trenderOrderedList: ElementRenderer<OrderedListElement>\n\trenderUnorderedList: ElementRenderer<UnorderedListElement>\n}) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tinsertBreak,\n\t\tonKeyDown,\n\t} = editor\n\n\teditor.registerElement(listItemElementPlugin({ render: renderListItem }))\n\teditor.registerElement(orderedListElementPlugin({ render: renderOrderedList }))\n\teditor.registerElement(unorderedListElementPlugin({ render: renderUnorderedList }))\n\n\teditor.htmlDeserializer.registerPlugin(listHtmlDeserializerFactory())\n\n\tObject.assign<Editor, Partial<Editor>>(editor, {\n\t\tinsertBreak: () => {\n\t\t\tconst { selection } = editor\n\n\t\t\tif (!selection || !SlateRange.isCollapsed(selection)) {\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\t\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\t\tif (closestBlockEntry === undefined) {\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\t\t\tconst [closestBlock, closestBlockPath] = closestBlockEntry\n\n\t\t\tlet containingListItem: ListItemElement\n\t\t\tlet containingListItemPath: SlatePath\n\n\t\t\tif (!isListItemElement(closestBlock)) {\n\t\t\t\tif (closestBlockPath.length < 2) {\n\t\t\t\t\t// This block cannot be inside a list\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\n\t\t\t\tcontainingListItemPath = SlatePath.parent(closestBlockPath)\n\t\t\t\tconst closestListItem = SlateNode.get(editor, containingListItemPath)\n\n\t\t\t\tif (!isListItemElement(closestListItem)) {\n\t\t\t\t\t// The block is not inside a list\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\t\t\t\tcontainingListItem = closestListItem\n\t\t\t} else {\n\t\t\t\tcontainingListItem = closestBlock\n\t\t\t\tcontainingListItemPath = closestBlockPath\n\t\t\t}\n\n\t\t\tif (SlateNode.string(containingListItem) !== '') {\n\t\t\t\treturn Transforms.splitNodes(editor, {\n\t\t\t\t\talways: true,\n\t\t\t\t\tat: selection.focus,\n\t\t\t\t\tmatch: node => isListItemElement(node),\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// We're in a list and want to leave this list.\n\n\t\t\tconst containingListPath = SlatePath.parent(containingListItemPath)\n\t\t\tconst containingList = SlateNode.get(editor, containingListPath)\n\n\t\t\tif (!isListElement(containingList)) {\n\t\t\t\t// This shouldn't really happen. It's more of a sanity check.\n\t\t\t\treturn insertBreak()\n\t\t\t}\n\n\t\t\tconst followingListItemPath = SlatePath.next(containingListItemPath)\n\t\t\tconst hasFollowingListItem = SlateNode.has(editor, followingListItemPath)\n\n\t\t\tif (hasFollowingListItem) {\n\t\t\t\tconst followingListItemNode = SlateNode.get(editor, followingListItemPath)\n\t\t\t\tif (!isListItemElement(followingListItemNode)) {\n\t\t\t\t\t// This shouldn't really happen. It's more of a sanity check.\n\t\t\t\t\treturn insertBreak()\n\t\t\t\t}\n\t\t\t\tif (containingListItemPath[containingListItemPath.length - 1] === 0) {\n\t\t\t\t\t// We're at the beginning of a list\n\t\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\t// Remove the trailing empty listItem\n\t\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: containingListPath, select: true })\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t// We're in the middle of a list.\n\t\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tTransforms.splitNodes(editor, { at: containingListItemPath })\n\t\t\t\t\t\tconst afterListParent = SlatePath.next(containingListPath)\n\t\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: afterListParent, select: true })\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// We're at the end of a list.\n\t\t\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\t\t\tconst afterListParent = SlatePath.next(containingListPath)\n\t\t\t\t\t// Remove the trailing empty listItem\n\t\t\t\t\tTransforms.removeNodes(editor, { at: containingListItemPath })\n\t\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), { at: afterListParent, select: true })\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\tonKeyDown: event => {\n\t\t\t// TODO this should also work for expanded selections\n\t\t\tif (\n\t\t\t\t(event.key !== 'Tab' && event.key !== 'Enter') ||\n\t\t\t\t!editor.selection ||\n\t\t\t\t!SlateRange.isCollapsed(editor.selection)\n\t\t\t) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\t\t\tconst selection = editor.selection\n\t\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor, { at: selection.focus })\n\n\t\t\tif (closestBlockEntry === undefined) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\t\t\tlet [closestBlockElement, closestBlockPath] = closestBlockEntry\n\t\t\tif (!SlateElement.isElement(closestBlockElement)) {\n\t\t\t\treturn onKeyDown(event)\n\t\t\t}\n\n\t\t\tif (event.key === 'Tab') {\n\t\t\t\tif (editor.isDefaultElement(closestBlockElement)) {\n\t\t\t\t\t[closestBlockElement, closestBlockPath] = Editor.parent(editor, closestBlockPath)\n\t\t\t\t}\n\t\t\t\tif (!isListItemElement(closestBlockElement)) {\n\t\t\t\t\treturn onKeyDown(event)\n\t\t\t\t}\n\t\t\t\tconst succeeded = event.shiftKey\n\t\t\t\t\t? dedentListItem(editor, closestBlockElement, closestBlockPath)\n\t\t\t\t\t: indentListItem(editor, closestBlockElement, closestBlockPath)\n\n\t\t\t\tif (succeeded) {\n\t\t\t\t\treturn event.preventDefault()\n\t\t\t\t}\n\t\t\t} else if (event.key === 'Enter' && event.shiftKey) {\n\t\t\t\tif (editor.isDefaultElement(closestBlockElement)) {\n\t\t\t\t\tconst [listItem] = Editor.parent(editor, closestBlockPath)\n\t\t\t\t\tif (!isListItemElement(listItem)) {\n\t\t\t\t\t\treturn onKeyDown(event)\n\t\t\t\t\t}\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\treturn Transforms.splitNodes(editor, {\n\t\t\t\t\t\talways: true,\n\t\t\t\t\t\tat: selection.focus,\n\t\t\t\t\t\tmatch: node => SlateElement.isElement(node) && Editor.isBlock(editor, node) && editor.isDefaultElement(node),\n\t\t\t\t\t})\n\t\t\t\t} else if (isListItemElement(closestBlockElement)) {\n\t\t\t\t\t// We want to create a newline but the closest block is the list item.\n\t\t\t\t\t// This should mean that it only contains inlines. Hence we wrap them in a default element\n\t\t\t\t\t// and then split it.\n\t\t\t\t\tconst [listItemStart, listItemEnd] = Editor.edges(editor, closestBlockPath)\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\treturn Editor.withoutNormalizing(editor, () => {\n\t\t\t\t\t\tTransforms.wrapNodes(editor, editor.createDefaultElement([]), {\n\t\t\t\t\t\t\tmatch: node => Text.isText(node) || (SlateElement.isElement(node) && editor.isInline(node)),\n\t\t\t\t\t\t\tat: {\n\t\t\t\t\t\t\t\tanchor: listItemStart,\n\t\t\t\t\t\t\t\tfocus: listItemEnd,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t\t\tconst relative = SlatePath.relative(selection.focus.path, closestBlockPath)\n\t\t\t\t\t\tTransforms.splitNodes(editor, {\n\t\t\t\t\t\t\t// The zero should be the newly created default element.\n\t\t\t\t\t\t\tat: {\n\t\t\t\t\t\t\t\tpath: [...closestBlockPath, 0, ...relative],\n\t\t\t\t\t\t\t\toffset: selection.focus.offset,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\talways: true,\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn onKeyDown(event)\n\t\t},\n\t})\n\n\n\n\treturn editor\n}\n"],"names":["SlateRange","SlatePath","SlateNode","SlateElement"],"mappings":"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"}

package/dist/production/plugins/element/paragraphs/ParagraphElement.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const index = require("../../../editor/index.cjs");
+const paragraphElementType = "paragraph";
+const isParagraphElement = (element, suchThat) => index.ContemberEditor.isElementType(element, paragraphElementType, suchThat);
+const paragraphElementPlugin = ({ render }) => ({
+  type: paragraphElementType,
+  render,
+  canContainAnyBlocks: false,
+  acceptsAttributes: ({ editor, suchThat }) => {
+    return "align" in suchThat;
+  },
+  toggleElement: ({ editor, suchThat }) => {
+    Slate.Editor.withoutNormalizing(editor, () => {
+      const topLevelNodes = Array.from(index.ContemberEditor.topLevelNodes(editor));
+      if (topLevelNodes.every(([node]) => isParagraphElement(node, suchThat))) {
+        for (const [, path] of topLevelNodes) {
+          index.ContemberEditor.ejectElement(editor, path);
+          Slate.Transforms.setNodes(editor, { type: editor.defaultElementType }, { at: path });
+        }
+      } else {
+        for (const [node, path] of topLevelNodes) {
+          if (isParagraphElement(node, suchThat)) {
+            continue;
+          }
+          index.ContemberEditor.ejectElement(editor, path);
+          const newProps = {
+            ...suchThat,
+            type: paragraphElementType
+          };
+          Slate.Transforms.setNodes(editor, newProps, { at: path });
+        }
+      }
+    });
+  },
+  normalizeNode: ({ editor, element, path, preventDefault }) => {
+    for (const [i, child] of element.children.entries()) {
+      if (Slate.Element.isElement(child) && Slate.Editor.isBlock(editor, child)) {
+        Slate.Transforms.unwrapNodes(editor, { at: [...path, i] });
+        return preventDefault();
+      }
+    }
+  }
+});
+exports.isParagraphElement = isParagraphElement;
+exports.paragraphElementPlugin = paragraphElementPlugin;
+exports.paragraphElementType = paragraphElementType;
+//# sourceMappingURL=ParagraphElement.cjs.map

package/dist/production/plugins/element/paragraphs/ParagraphElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphElement.cjs","sources":["../../../../../src/plugins/element/paragraphs/ParagraphElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Editor, Element as SlateElement, Node as SlateNode, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { AlignDirection } from '../../attributes'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const paragraphElementType = 'paragraph' as const\n\nexport interface ParagraphElement extends SlateElement {\n\ttype: typeof paragraphElementType\n\tisNumbered?: boolean\n\tchildren: SlateEditor['children']\n\talign?: AlignDirection\n}\n\nexport const isParagraphElement = (\n\telement: SlateNode,\n\tsuchThat?: Partial<ParagraphElement>,\n): element is ParagraphElement => ContemberEditor.isElementType(element, paragraphElementType, suchThat)\n\nexport const paragraphElementPlugin = ({ render }: {render: ElementRenderer<ParagraphElement>}): EditorElementPlugin<ParagraphElement> => ({\n\ttype: paragraphElementType,\n\trender,\n\tcanContainAnyBlocks: false,\n\tacceptsAttributes: ({ editor, suchThat }) => {\n\t\treturn 'align' in suchThat\n\t},\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\tconst topLevelNodes = Array.from(ContemberEditor.topLevelNodes(editor))\n\n\t\t\tif (topLevelNodes.every(([node]) => isParagraphElement(node, suchThat))) {\n\t\t\t\tfor (const [, path] of topLevelNodes) {\n\t\t\t\t\tContemberEditor.ejectElement(editor, path)\n\t\t\t\t\tTransforms.setNodes(editor, { type: editor.defaultElementType }, { at: path })\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const [node, path] of topLevelNodes) {\n\t\t\t\t\tif (isParagraphElement(node, suchThat)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tContemberEditor.ejectElement(editor, path)\n\t\t\t\t\tconst newProps: Partial<ParagraphElement> = {\n\t\t\t\t\t\t...suchThat,\n\t\t\t\t\t\ttype: paragraphElementType,\n\t\t\t\t\t}\n\t\t\t\t\tTransforms.setNodes(editor, newProps, { at: path })\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t},\n\tnormalizeNode: ({ editor, element, path, preventDefault }) => {\n\t\tfor (const [i, child] of element.children.entries()) {\n\t\t\tif (SlateElement.isElement(child) && Editor.isBlock(editor, child)) {\n\t\t\t\tTransforms.unwrapNodes(editor, { at: [...path, i] })\n\t\t\t\treturn preventDefault()\n\t\t\t}\n\t\t}\n\t},\n})\n"],"names":["ContemberEditor","Editor","Transforms","SlateElement"],"mappings":";;;;AAKO,MAAM,uBAAuB;AASvB,MAAA,qBAAqB,CACjC,SACA,aACiCA,MAAAA,gBAAgB,cAAc,SAAS,sBAAsB,QAAQ;AAEhG,MAAM,yBAAyB,CAAC,EAAE,cAAkG;AAAA,EAC1I,MAAM;AAAA,EACN;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB,CAAC,EAAE,QAAQ,eAAe;AAC5C,WAAO,WAAW;AAAA,EACnB;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,eAAe;AACjCC,iBAAA,mBAAmB,QAAQ,MAAM;AACvC,YAAM,gBAAgB,MAAM,KAAKD,MAAgB,gBAAA,cAAc,MAAM,CAAC;AAElE,UAAA,cAAc,MAAM,CAAC,CAAC,IAAI,MAAM,mBAAmB,MAAM,QAAQ,CAAC,GAAG;AACxE,mBAAW,CAAA,EAAG,IAAI,KAAK,eAAe;AACrBA,gBAAAA,gBAAA,aAAa,QAAQ,IAAI;AAC9BE,gBAAAA,WAAA,SAAS,QAAQ,EAAE,MAAM,OAAO,sBAAsB,EAAE,IAAI,KAAA,CAAM;AAAA,QAC9E;AAAA,MAAA,OACM;AACN,mBAAW,CAAC,MAAM,IAAI,KAAK,eAAe;AACrC,cAAA,mBAAmB,MAAM,QAAQ,GAAG;AACvC;AAAA,UACD;AACgBF,gBAAAA,gBAAA,aAAa,QAAQ,IAAI;AACzC,gBAAM,WAAsC;AAAA,YAC3C,GAAG;AAAA,YACH,MAAM;AAAA,UAAA;AAEPE,gBAAA,WAAW,SAAS,QAAQ,UAAU,EAAE,IAAI,MAAM;AAAA,QACnD;AAAA,MACD;AAAA,IAAA,CACA;AAAA,EACF;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,SAAS,MAAM,qBAAqB;AAC7D,eAAW,CAAC,GAAG,KAAK,KAAK,QAAQ,SAAS,WAAW;AAChD,UAAAC,MAAA,QAAa,UAAU,KAAK,KAAKF,aAAO,QAAQ,QAAQ,KAAK,GAAG;AACxDC,yBAAA,YAAY,QAAQ,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,EAAA,CAAG;AACnD,eAAO,eAAe;AAAA,MACvB;AAAA,IACD;AAAA,EACD;AACD;;;;"}

package/dist/production/plugins/element/paragraphs/ParagraphElement.js

@@ -0,0 +1,49 @@
+import { Editor, Transforms, Element } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+const paragraphElementType = "paragraph";
+const isParagraphElement = (element, suchThat) => ContemberEditor.isElementType(element, paragraphElementType, suchThat);
+const paragraphElementPlugin = ({ render }) => ({
+  type: paragraphElementType,
+  render,
+  canContainAnyBlocks: false,
+  acceptsAttributes: ({ editor, suchThat }) => {
+    return "align" in suchThat;
+  },
+  toggleElement: ({ editor, suchThat }) => {
+    Editor.withoutNormalizing(editor, () => {
+      const topLevelNodes = Array.from(ContemberEditor.topLevelNodes(editor));
+      if (topLevelNodes.every(([node]) => isParagraphElement(node, suchThat))) {
+        for (const [, path] of topLevelNodes) {
+          ContemberEditor.ejectElement(editor, path);
+          Transforms.setNodes(editor, { type: editor.defaultElementType }, { at: path });
+        }
+      } else {
+        for (const [node, path] of topLevelNodes) {
+          if (isParagraphElement(node, suchThat)) {
+            continue;
+          }
+          ContemberEditor.ejectElement(editor, path);
+          const newProps = {
+            ...suchThat,
+            type: paragraphElementType
+          };
+          Transforms.setNodes(editor, newProps, { at: path });
+        }
+      }
+    });
+  },
+  normalizeNode: ({ editor, element, path, preventDefault }) => {
+    for (const [i, child] of element.children.entries()) {
+      if (Element.isElement(child) && Editor.isBlock(editor, child)) {
+        Transforms.unwrapNodes(editor, { at: [...path, i] });
+        return preventDefault();
+      }
+    }
+  }
+});
+export {
+  isParagraphElement,
+  paragraphElementPlugin,
+  paragraphElementType
+};
+//# sourceMappingURL=ParagraphElement.js.map

package/dist/production/plugins/element/paragraphs/ParagraphElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphElement.js","sources":["../../../../../src/plugins/element/paragraphs/ParagraphElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Editor, Element as SlateElement, Node as SlateNode, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { AlignDirection } from '../../attributes'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const paragraphElementType = 'paragraph' as const\n\nexport interface ParagraphElement extends SlateElement {\n\ttype: typeof paragraphElementType\n\tisNumbered?: boolean\n\tchildren: SlateEditor['children']\n\talign?: AlignDirection\n}\n\nexport const isParagraphElement = (\n\telement: SlateNode,\n\tsuchThat?: Partial<ParagraphElement>,\n): element is ParagraphElement => ContemberEditor.isElementType(element, paragraphElementType, suchThat)\n\nexport const paragraphElementPlugin = ({ render }: {render: ElementRenderer<ParagraphElement>}): EditorElementPlugin<ParagraphElement> => ({\n\ttype: paragraphElementType,\n\trender,\n\tcanContainAnyBlocks: false,\n\tacceptsAttributes: ({ editor, suchThat }) => {\n\t\treturn 'align' in suchThat\n\t},\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\tconst topLevelNodes = Array.from(ContemberEditor.topLevelNodes(editor))\n\n\t\t\tif (topLevelNodes.every(([node]) => isParagraphElement(node, suchThat))) {\n\t\t\t\tfor (const [, path] of topLevelNodes) {\n\t\t\t\t\tContemberEditor.ejectElement(editor, path)\n\t\t\t\t\tTransforms.setNodes(editor, { type: editor.defaultElementType }, { at: path })\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const [node, path] of topLevelNodes) {\n\t\t\t\t\tif (isParagraphElement(node, suchThat)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tContemberEditor.ejectElement(editor, path)\n\t\t\t\t\tconst newProps: Partial<ParagraphElement> = {\n\t\t\t\t\t\t...suchThat,\n\t\t\t\t\t\ttype: paragraphElementType,\n\t\t\t\t\t}\n\t\t\t\t\tTransforms.setNodes(editor, newProps, { at: path })\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t},\n\tnormalizeNode: ({ editor, element, path, preventDefault }) => {\n\t\tfor (const [i, child] of element.children.entries()) {\n\t\t\tif (SlateElement.isElement(child) && Editor.isBlock(editor, child)) {\n\t\t\t\tTransforms.unwrapNodes(editor, { at: [...path, i] })\n\t\t\t\treturn preventDefault()\n\t\t\t}\n\t\t}\n\t},\n})\n"],"names":["SlateElement"],"mappings":";;AAKO,MAAM,uBAAuB;AASvB,MAAA,qBAAqB,CACjC,SACA,aACiC,gBAAgB,cAAc,SAAS,sBAAsB,QAAQ;AAEhG,MAAM,yBAAyB,CAAC,EAAE,cAAkG;AAAA,EAC1I,MAAM;AAAA,EACN;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB,CAAC,EAAE,QAAQ,eAAe;AAC5C,WAAO,WAAW;AAAA,EACnB;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,eAAe;AACjC,WAAA,mBAAmB,QAAQ,MAAM;AACvC,YAAM,gBAAgB,MAAM,KAAK,gBAAgB,cAAc,MAAM,CAAC;AAElE,UAAA,cAAc,MAAM,CAAC,CAAC,IAAI,MAAM,mBAAmB,MAAM,QAAQ,CAAC,GAAG;AACxE,mBAAW,CAAA,EAAG,IAAI,KAAK,eAAe;AACrB,0BAAA,aAAa,QAAQ,IAAI;AAC9B,qBAAA,SAAS,QAAQ,EAAE,MAAM,OAAO,sBAAsB,EAAE,IAAI,KAAA,CAAM;AAAA,QAC9E;AAAA,MAAA,OACM;AACN,mBAAW,CAAC,MAAM,IAAI,KAAK,eAAe;AACrC,cAAA,mBAAmB,MAAM,QAAQ,GAAG;AACvC;AAAA,UACD;AACgB,0BAAA,aAAa,QAAQ,IAAI;AACzC,gBAAM,WAAsC;AAAA,YAC3C,GAAG;AAAA,YACH,MAAM;AAAA,UAAA;AAEP,qBAAW,SAAS,QAAQ,UAAU,EAAE,IAAI,MAAM;AAAA,QACnD;AAAA,MACD;AAAA,IAAA,CACA;AAAA,EACF;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,SAAS,MAAM,qBAAqB;AAC7D,eAAW,CAAC,GAAG,KAAK,KAAK,QAAQ,SAAS,WAAW;AAChD,UAAAA,QAAa,UAAU,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAK,GAAG;AACxD,mBAAA,YAAY,QAAQ,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,EAAA,CAAG;AACnD,eAAO,eAAe;AAAA,MACvB;AAAA,IACD;AAAA,EACD;AACD;"}

package/dist/production/plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ParagraphElement = require("./ParagraphElement.cjs");
+const paragraphHtmlDeserializer = {
+  processBlockPaste: ({ element, next, cumulativeTextAttrs }) => element.nodeName === "P" ? {
+    type: ParagraphElement.paragraphElementType,
+    children: next(element.childNodes, cumulativeTextAttrs)
+  } : null
+};
+exports.paragraphHtmlDeserializer = paragraphHtmlDeserializer;
+//# sourceMappingURL=ParagraphHtmlDeserializer.cjs.map

package/dist/production/plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphHtmlDeserializer.cjs","sources":["../../../../../src/plugins/element/paragraphs/ParagraphHtmlDeserializer.ts"],"sourcesContent":["import { paragraphElementType } from './ParagraphElement'\nimport { HtmlDeserializerPlugin } from '../../../types'\n\nexport const paragraphHtmlDeserializer: HtmlDeserializerPlugin = {\n\tprocessBlockPaste: ({ element, next, cumulativeTextAttrs }) => element.nodeName === 'P' ? {\n\t\ttype: paragraphElementType,\n\t\tchildren: next(element.childNodes, cumulativeTextAttrs),\n\t} : null,\n}\n"],"names":["paragraphElementType"],"mappings":";;;AAGO,MAAM,4BAAoD;AAAA,EAChE,mBAAmB,CAAC,EAAE,SAAS,MAAM,oBAAoB,MAAM,QAAQ,aAAa,MAAM;AAAA,IACzF,MAAMA,iBAAA;AAAA,IACN,UAAU,KAAK,QAAQ,YAAY,mBAAmB;AAAA,EAAA,IACnD;AACL;;"}

package/dist/production/plugins/element/paragraphs/ParagraphHtmlDeserializer.js

@@ -0,0 +1,11 @@
+import { paragraphElementType } from "./ParagraphElement.js";
+const paragraphHtmlDeserializer = {
+  processBlockPaste: ({ element, next, cumulativeTextAttrs }) => element.nodeName === "P" ? {
+    type: paragraphElementType,
+    children: next(element.childNodes, cumulativeTextAttrs)
+  } : null
+};
+export {
+  paragraphHtmlDeserializer
+};
+//# sourceMappingURL=ParagraphHtmlDeserializer.js.map

package/dist/production/plugins/element/paragraphs/ParagraphHtmlDeserializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphHtmlDeserializer.js","sources":["../../../../../src/plugins/element/paragraphs/ParagraphHtmlDeserializer.ts"],"sourcesContent":["import { paragraphElementType } from './ParagraphElement'\nimport { HtmlDeserializerPlugin } from '../../../types'\n\nexport const paragraphHtmlDeserializer: HtmlDeserializerPlugin = {\n\tprocessBlockPaste: ({ element, next, cumulativeTextAttrs }) => element.nodeName === 'P' ? {\n\t\ttype: paragraphElementType,\n\t\tchildren: next(element.childNodes, cumulativeTextAttrs),\n\t} : null,\n}\n"],"names":[],"mappings":";AAGO,MAAM,4BAAoD;AAAA,EAChE,mBAAmB,CAAC,EAAE,SAAS,MAAM,oBAAoB,MAAM,QAAQ,aAAa,MAAM;AAAA,IACzF,MAAM;AAAA,IACN,UAAU,KAAK,QAAQ,YAAY,mBAAmB;AAAA,EAAA,IACnD;AACL;"}