@contember/react-slate-editor-base 2.1.0-alpha.37 → 2.1.0-alpha.39

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

@@ -0,0 +1,153 @@
+import { Range, Element, Editor, Transforms, Text, Path, Node } 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/src/plugins/element/lists/withLists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLists.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/lists/withLists.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Node as SlateNode, Path as SlatePath, Range as SlateRange, Text, Transforms } 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}) =>\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\treturn editor\n}\n"],"names":["SlateRange","SlatePath","SlateNode","SlateElement"],"mappings":"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"}

package/dist/production/src/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/src/plugins/element/paragraphs/ParagraphElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphElement.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/paragraphs/ParagraphElement.ts"],"sourcesContent":["import { Editor, Editor as SlateEditor, 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;AAS7B,MAAM,qBAAqB,CACjC,SACA,aACiCA,MAAAA,gBAAgB,cAAc,SAAS,sBAAsB,QAAQ;AAEhG,MAAM,yBAAyB,CAAC,EAAE,cAAoG;AAAA,EAC5I,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;AACxCC,iBAAO,mBAAmB,QAAQ,MAAM;AACvC,YAAM,gBAAgB,MAAM,KAAKD,MAAAA,gBAAgB,cAAc,MAAM,CAAC;AAEtE,UAAI,cAAc,MAAM,CAAC,CAAC,IAAI,MAAM,mBAAmB,MAAM,QAAQ,CAAC,GAAG;AACxE,mBAAW,CAAA,EAAG,IAAI,KAAK,eAAe;AACrCA,gCAAgB,aAAa,QAAQ,IAAI;AACzCE,2BAAW,SAAS,QAAQ,EAAE,MAAM,OAAO,sBAAsB,EAAE,IAAI,MAAM;AAAA,QAC9E;AAAA,MACD,OAAO;AACN,mBAAW,CAAC,MAAM,IAAI,KAAK,eAAe;AACzC,cAAI,mBAAmB,MAAM,QAAQ,GAAG;AACvC;AAAA,UACD;AACAF,gCAAgB,aAAa,QAAQ,IAAI;AACzC,gBAAM,WAAsC;AAAA,YAC3C,GAAG;AAAA,YACH,MAAM;AAAA,UAAA;AAEPE,gBAAAA,WAAW,SAAS,QAAQ,UAAU,EAAE,IAAI,MAAM;AAAA,QACnD;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,SAAS,MAAM,qBAAqB;AAC7D,eAAW,CAAC,GAAG,KAAK,KAAK,QAAQ,SAAS,WAAW;AACpD,UAAIC,MAAAA,QAAa,UAAU,KAAK,KAAKF,MAAAA,OAAO,QAAQ,QAAQ,KAAK,GAAG;AACnEC,yBAAW,YAAY,QAAQ,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG;AACnD,eAAO,eAAA;AAAA,MACR;AAAA,IACD;AAAA,EACD;AACD;;;;"}

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

@@ -0,0 +1,49 @@
+import { Element, Editor, Transforms } 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/src/plugins/element/paragraphs/ParagraphElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphElement.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/paragraphs/ParagraphElement.ts"],"sourcesContent":["import { Editor, Editor as SlateEditor, 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;AAS7B,MAAM,qBAAqB,CACjC,SACA,aACiC,gBAAgB,cAAc,SAAS,sBAAsB,QAAQ;AAEhG,MAAM,yBAAyB,CAAC,EAAE,cAAoG;AAAA,EAC5I,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;AACxC,WAAO,mBAAmB,QAAQ,MAAM;AACvC,YAAM,gBAAgB,MAAM,KAAK,gBAAgB,cAAc,MAAM,CAAC;AAEtE,UAAI,cAAc,MAAM,CAAC,CAAC,IAAI,MAAM,mBAAmB,MAAM,QAAQ,CAAC,GAAG;AACxE,mBAAW,CAAA,EAAG,IAAI,KAAK,eAAe;AACrC,0BAAgB,aAAa,QAAQ,IAAI;AACzC,qBAAW,SAAS,QAAQ,EAAE,MAAM,OAAO,sBAAsB,EAAE,IAAI,MAAM;AAAA,QAC9E;AAAA,MACD,OAAO;AACN,mBAAW,CAAC,MAAM,IAAI,KAAK,eAAe;AACzC,cAAI,mBAAmB,MAAM,QAAQ,GAAG;AACvC;AAAA,UACD;AACA,0BAAgB,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,IACD,CAAC;AAAA,EACF;AAAA,EACA,eAAe,CAAC,EAAE,QAAQ,SAAS,MAAM,qBAAqB;AAC7D,eAAW,CAAC,GAAG,KAAK,KAAK,QAAQ,SAAS,WAAW;AACpD,UAAIA,QAAa,UAAU,KAAK,KAAK,OAAO,QAAQ,QAAQ,KAAK,GAAG;AACnE,mBAAW,YAAY,QAAQ,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG;AACnD,eAAO,eAAA;AAAA,MACR;AAAA,IACD;AAAA,EACD;AACD;"}

package/dist/production/src/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/src/plugins/element/paragraphs/ParagraphHtmlDeserializer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphHtmlDeserializer.cjs","sources":["../../../../../../../packages/react-slate-editor-base/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 }) =>\n\t\telement.nodeName === 'P'\n\t\t\t? {\n\t\t\t\ttype: paragraphElementType,\n\t\t\t\tchildren: next(element.childNodes, cumulativeTextAttrs),\n\t\t\t}\n\t\t\t: null,\n}\n"],"names":["paragraphElementType"],"mappings":";;;AAGO,MAAM,4BAAoD;AAAA,EAChE,mBAAmB,CAAC,EAAE,SAAS,MAAM,oBAAA,MACpC,QAAQ,aAAa,MAClB;AAAA,IACD,MAAMA,iBAAAA;AAAAA,IACN,UAAU,KAAK,QAAQ,YAAY,mBAAmB;AAAA,EAAA,IAErD;AACL;;"}

package/dist/production/src/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/src/plugins/element/paragraphs/ParagraphHtmlDeserializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphHtmlDeserializer.js","sources":["../../../../../../../packages/react-slate-editor-base/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 }) =>\n\t\telement.nodeName === 'P'\n\t\t\t? {\n\t\t\t\ttype: paragraphElementType,\n\t\t\t\tchildren: next(element.childNodes, cumulativeTextAttrs),\n\t\t\t}\n\t\t\t: null,\n}\n"],"names":[],"mappings":";AAGO,MAAM,4BAAoD;AAAA,EAChE,mBAAmB,CAAC,EAAE,SAAS,MAAM,oBAAA,MACpC,QAAQ,aAAa,MAClB;AAAA,IACD,MAAM;AAAA,IACN,UAAU,KAAK,QAAQ,YAAY,mBAAmB;AAAA,EAAA,IAErD;AACL;"}

package/dist/production/src/plugins/element/paragraphs/withParagraphs.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const index = require("../../../editor/index.cjs");
+const ParagraphElement = require("./ParagraphElement.cjs");
+const ParagraphHtmlDeserializer = require("./ParagraphHtmlDeserializer.cjs");
+const withParagraphs = ({ render }) => (editor) => {
+  const {
+    canToggleElement,
+    deleteBackward
+  } = editor;
+  editor.registerElement(ParagraphElement.paragraphElementPlugin({ render }));
+  editor.canToggleElement = (elementType, suchThat) => {
+    if (elementType !== ParagraphElement.paragraphElementType || suchThat === void 0) {
+      return canToggleElement(elementType, suchThat);
+    }
+    const isNumbered = suchThat.isNumbered;
+    if (isNumbered !== true) {
+      return canToggleElement(elementType, suchThat);
+    }
+    if (!editor.selection) {
+      return false;
+    }
+    const closestBlockEntry = index.ContemberEditor.closestBlockEntry(editor);
+    if (closestBlockEntry === void 0) {
+      return true;
+    }
+    const [closestBlockElement, closestBlockPath] = closestBlockEntry;
+    return closestBlockPath.length === 1 && Slate.Element.isElement(closestBlockElement) && closestBlockElement.type === ParagraphElement.paragraphElementType;
+  };
+  editor.deleteBackward = (unit) => {
+    const selection = editor.selection;
+    if (unit !== "character" || !selection || !Slate.Range.isCollapsed(selection) || selection.focus.offset !== 0) {
+      return deleteBackward(unit);
+    }
+    const closestNumberedEntry = Slate.Editor.above(editor, {
+      match: (node) => Slate.Element.isElement(node) && ParagraphElement.isParagraphElement(node, { isNumbered: true })
+    });
+    if (closestNumberedEntry === void 0) {
+      return deleteBackward(unit);
+    }
+    const [, paragraphPath] = closestNumberedEntry;
+    const paragraphStartPoint = Slate.Editor.start(editor, paragraphPath);
+    if (!Slate.Point.equals(paragraphStartPoint, selection.focus)) {
+      return deleteBackward(unit);
+    }
+    Slate.Transforms.setNodes(
+      editor,
+      { isNumbered: null },
+      // null removes the key altogether
+      { at: paragraphPath }
+    );
+  };
+  editor.htmlDeserializer.registerPlugin(ParagraphHtmlDeserializer.paragraphHtmlDeserializer);
+  return editor;
+};
+exports.withParagraphs = withParagraphs;
+//# sourceMappingURL=withParagraphs.cjs.map

package/dist/production/src/plugins/element/paragraphs/withParagraphs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withParagraphs.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/paragraphs/withParagraphs.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Point, Range as SlateRange, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isParagraphElement, ParagraphElement, paragraphElementPlugin, paragraphElementType } from './ParagraphElement'\nimport { paragraphHtmlDeserializer } from './ParagraphHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphElement> }) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tcanToggleElement,\n\t\tdeleteBackward,\n\t} = editor\n\n\teditor.registerElement(paragraphElementPlugin({ render }))\n\n\teditor.canToggleElement = (elementType, suchThat) => {\n\t\t// This only allows numbered paragraphs at the top level.\n\t\t// TODO this is pretty bad but in order to fix this, we'd also have to fix toggleElement and there's no time now.\n\n\t\tif (elementType !== paragraphElementType || suchThat === undefined) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\t\tconst isNumbered = suchThat.isNumbered\n\n\t\tif (isNumbered !== true) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\n\t\tif (!editor.selection) {\n\t\t\treturn false\n\t\t}\n\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\tif (closestBlockEntry === undefined) {\n\t\t\treturn true\n\t\t}\n\t\tconst [closestBlockElement, closestBlockPath] = closestBlockEntry\n\n\t\treturn closestBlockPath.length === 1 && SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType\n\t}\n\n\teditor.deleteBackward = unit => {\n\t\tconst selection = editor.selection\n\t\tif (unit !== 'character' || !selection || !SlateRange.isCollapsed(selection) || selection.focus.offset !== 0) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\t// The offset being zero doesn't necessarily imply that selection refers to the start of a paragraph.\n\t\t// It's just a way to early-exit.\n\n\t\tconst closestNumberedEntry = Editor.above<ParagraphElement>(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && isParagraphElement(node, { isNumbered: true }),\n\t\t})\n\t\tif (closestNumberedEntry === undefined) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tconst [, paragraphPath] = closestNumberedEntry\n\t\tconst paragraphStartPoint = Editor.start(editor, paragraphPath)\n\n\t\tif (!Point.equals(paragraphStartPoint, selection.focus)) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tTransforms.setNodes(\n\t\t\teditor,\n\t\t\t{ isNumbered: null }, // null removes the key altogether\n\t\t\t{ at: paragraphPath },\n\t\t)\n\t}\n\teditor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer)\n\n\treturn editor\n}\n"],"names":["paragraphElementPlugin","paragraphElementType","ContemberEditor","SlateElement","SlateRange","Editor","isParagraphElement","Point","Transforms","paragraphHtmlDeserializer"],"mappings":";;;;;;AAMO,MAAM,iBAAiB,CAAC,EAAE,OAAA,MAA4D,CAAmB,WAAiB;AAChI,QAAM;AAAA,IACL;AAAA,IACA;AAAA,EAAA,IACG;AAEJ,SAAO,gBAAgBA,iBAAAA,uBAAuB,EAAE,OAAA,CAAQ,CAAC;AAEzD,SAAO,mBAAmB,CAAC,aAAa,aAAa;AAIpD,QAAI,gBAAgBC,iBAAAA,wBAAwB,aAAa,QAAW;AACnE,aAAO,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AACA,UAAM,aAAa,SAAS;AAE5B,QAAI,eAAe,MAAM;AACxB,aAAO,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AAEA,QAAI,CAAC,OAAO,WAAW;AACtB,aAAO;AAAA,IACR;AACA,UAAM,oBAAoBC,MAAAA,gBAAgB,kBAAkB,MAAM;AAClE,QAAI,sBAAsB,QAAW;AACpC,aAAO;AAAA,IACR;AACA,UAAM,CAAC,qBAAqB,gBAAgB,IAAI;AAEhD,WAAO,iBAAiB,WAAW,KAAKC,MAAAA,QAAa,UAAU,mBAAmB,KAAK,oBAAoB,SAASF,iBAAAA;AAAAA,EACrH;AAEA,SAAO,iBAAiB,CAAA,SAAQ;AAC/B,UAAM,YAAY,OAAO;AACzB,QAAI,SAAS,eAAe,CAAC,aAAa,CAACG,MAAAA,MAAW,YAAY,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG;AAC7G,aAAO,eAAe,IAAI;AAAA,IAC3B;AAIA,UAAM,uBAAuBC,MAAAA,OAAO,MAAwB,QAAQ;AAAA,MACnE,OAAO,CAAA,SAAQF,MAAAA,QAAa,UAAU,IAAI,KAAKG,iBAAAA,mBAAmB,MAAM,EAAE,YAAY,KAAA,CAAM;AAAA,IAAA,CAC5F;AACD,QAAI,yBAAyB,QAAW;AACvC,aAAO,eAAe,IAAI;AAAA,IAC3B;AACA,UAAM,CAAA,EAAG,aAAa,IAAI;AAC1B,UAAM,sBAAsBD,MAAAA,OAAO,MAAM,QAAQ,aAAa;AAE9D,QAAI,CAACE,MAAAA,MAAM,OAAO,qBAAqB,UAAU,KAAK,GAAG;AACxD,aAAO,eAAe,IAAI;AAAA,IAC3B;AACAC,UAAAA,WAAW;AAAA,MACV;AAAA,MACA,EAAE,YAAY,KAAA;AAAA;AAAA,MACd,EAAE,IAAI,cAAA;AAAA,IAAc;AAAA,EAEtB;AACA,SAAO,iBAAiB,eAAeC,mDAAyB;AAEhE,SAAO;AACR;;"}

package/dist/production/src/plugins/element/paragraphs/withParagraphs.js

@@ -0,0 +1,58 @@
+import { Element, Range, Editor, Point, Transforms } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+import { paragraphElementPlugin, paragraphElementType, isParagraphElement } from "./ParagraphElement.js";
+import { paragraphHtmlDeserializer } from "./ParagraphHtmlDeserializer.js";
+const withParagraphs = ({ render }) => (editor) => {
+  const {
+    canToggleElement,
+    deleteBackward
+  } = editor;
+  editor.registerElement(paragraphElementPlugin({ render }));
+  editor.canToggleElement = (elementType, suchThat) => {
+    if (elementType !== paragraphElementType || suchThat === void 0) {
+      return canToggleElement(elementType, suchThat);
+    }
+    const isNumbered = suchThat.isNumbered;
+    if (isNumbered !== true) {
+      return canToggleElement(elementType, suchThat);
+    }
+    if (!editor.selection) {
+      return false;
+    }
+    const closestBlockEntry = ContemberEditor.closestBlockEntry(editor);
+    if (closestBlockEntry === void 0) {
+      return true;
+    }
+    const [closestBlockElement, closestBlockPath] = closestBlockEntry;
+    return closestBlockPath.length === 1 && Element.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType;
+  };
+  editor.deleteBackward = (unit) => {
+    const selection = editor.selection;
+    if (unit !== "character" || !selection || !Range.isCollapsed(selection) || selection.focus.offset !== 0) {
+      return deleteBackward(unit);
+    }
+    const closestNumberedEntry = Editor.above(editor, {
+      match: (node) => Element.isElement(node) && isParagraphElement(node, { isNumbered: true })
+    });
+    if (closestNumberedEntry === void 0) {
+      return deleteBackward(unit);
+    }
+    const [, paragraphPath] = closestNumberedEntry;
+    const paragraphStartPoint = Editor.start(editor, paragraphPath);
+    if (!Point.equals(paragraphStartPoint, selection.focus)) {
+      return deleteBackward(unit);
+    }
+    Transforms.setNodes(
+      editor,
+      { isNumbered: null },
+      // null removes the key altogether
+      { at: paragraphPath }
+    );
+  };
+  editor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer);
+  return editor;
+};
+export {
+  withParagraphs
+};
+//# sourceMappingURL=withParagraphs.js.map

package/dist/production/src/plugins/element/paragraphs/withParagraphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withParagraphs.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/paragraphs/withParagraphs.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Point, Range as SlateRange, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isParagraphElement, ParagraphElement, paragraphElementPlugin, paragraphElementType } from './ParagraphElement'\nimport { paragraphHtmlDeserializer } from './ParagraphHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphElement> }) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tcanToggleElement,\n\t\tdeleteBackward,\n\t} = editor\n\n\teditor.registerElement(paragraphElementPlugin({ render }))\n\n\teditor.canToggleElement = (elementType, suchThat) => {\n\t\t// This only allows numbered paragraphs at the top level.\n\t\t// TODO this is pretty bad but in order to fix this, we'd also have to fix toggleElement and there's no time now.\n\n\t\tif (elementType !== paragraphElementType || suchThat === undefined) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\t\tconst isNumbered = suchThat.isNumbered\n\n\t\tif (isNumbered !== true) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\n\t\tif (!editor.selection) {\n\t\t\treturn false\n\t\t}\n\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\tif (closestBlockEntry === undefined) {\n\t\t\treturn true\n\t\t}\n\t\tconst [closestBlockElement, closestBlockPath] = closestBlockEntry\n\n\t\treturn closestBlockPath.length === 1 && SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType\n\t}\n\n\teditor.deleteBackward = unit => {\n\t\tconst selection = editor.selection\n\t\tif (unit !== 'character' || !selection || !SlateRange.isCollapsed(selection) || selection.focus.offset !== 0) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\t// The offset being zero doesn't necessarily imply that selection refers to the start of a paragraph.\n\t\t// It's just a way to early-exit.\n\n\t\tconst closestNumberedEntry = Editor.above<ParagraphElement>(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && isParagraphElement(node, { isNumbered: true }),\n\t\t})\n\t\tif (closestNumberedEntry === undefined) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tconst [, paragraphPath] = closestNumberedEntry\n\t\tconst paragraphStartPoint = Editor.start(editor, paragraphPath)\n\n\t\tif (!Point.equals(paragraphStartPoint, selection.focus)) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tTransforms.setNodes(\n\t\t\teditor,\n\t\t\t{ isNumbered: null }, // null removes the key altogether\n\t\t\t{ at: paragraphPath },\n\t\t)\n\t}\n\teditor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer)\n\n\treturn editor\n}\n"],"names":["SlateElement","SlateRange"],"mappings":";;;;AAMO,MAAM,iBAAiB,CAAC,EAAE,OAAA,MAA4D,CAAmB,WAAiB;AAChI,QAAM;AAAA,IACL;AAAA,IACA;AAAA,EAAA,IACG;AAEJ,SAAO,gBAAgB,uBAAuB,EAAE,OAAA,CAAQ,CAAC;AAEzD,SAAO,mBAAmB,CAAC,aAAa,aAAa;AAIpD,QAAI,gBAAgB,wBAAwB,aAAa,QAAW;AACnE,aAAO,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AACA,UAAM,aAAa,SAAS;AAE5B,QAAI,eAAe,MAAM;AACxB,aAAO,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AAEA,QAAI,CAAC,OAAO,WAAW;AACtB,aAAO;AAAA,IACR;AACA,UAAM,oBAAoB,gBAAgB,kBAAkB,MAAM;AAClE,QAAI,sBAAsB,QAAW;AACpC,aAAO;AAAA,IACR;AACA,UAAM,CAAC,qBAAqB,gBAAgB,IAAI;AAEhD,WAAO,iBAAiB,WAAW,KAAKA,QAAa,UAAU,mBAAmB,KAAK,oBAAoB,SAAS;AAAA,EACrH;AAEA,SAAO,iBAAiB,CAAA,SAAQ;AAC/B,UAAM,YAAY,OAAO;AACzB,QAAI,SAAS,eAAe,CAAC,aAAa,CAACC,MAAW,YAAY,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG;AAC7G,aAAO,eAAe,IAAI;AAAA,IAC3B;AAIA,UAAM,uBAAuB,OAAO,MAAwB,QAAQ;AAAA,MACnE,OAAO,CAAA,SAAQD,QAAa,UAAU,IAAI,KAAK,mBAAmB,MAAM,EAAE,YAAY,KAAA,CAAM;AAAA,IAAA,CAC5F;AACD,QAAI,yBAAyB,QAAW;AACvC,aAAO,eAAe,IAAI;AAAA,IAC3B;AACA,UAAM,CAAA,EAAG,aAAa,IAAI;AAC1B,UAAM,sBAAsB,OAAO,MAAM,QAAQ,aAAa;AAE9D,QAAI,CAAC,MAAM,OAAO,qBAAqB,UAAU,KAAK,GAAG;AACxD,aAAO,eAAe,IAAI;AAAA,IAC3B;AACA,eAAW;AAAA,MACV;AAAA,MACA,EAAE,YAAY,KAAA;AAAA;AAAA,MACd,EAAE,IAAI,cAAA;AAAA,IAAc;AAAA,EAEtB;AACA,SAAO,iBAAiB,eAAe,yBAAyB;AAEhE,SAAO;AACR;"}

package/dist/production/src/plugins/element/scrollTargets/ScrollTargetElement.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const scrollTargetElementType = "scrollTarget";
+const isScrollTargetElement = (element) => Slate.Element.isElement(element) && element.type === scrollTargetElementType;
+const isScrollTargetElementActive = (editor) => {
+  const [link] = Slate.Editor.nodes(editor, { match: isScrollTargetElement });
+  return !!link;
+};
+const scrollTargetElementPlugin = ({ render }) => ({
+  type: scrollTargetElementType,
+  render,
+  isActive: ({ editor }) => isScrollTargetElementActive(editor),
+  isInline: true,
+  isVoid: true,
+  toggleElement: ({ editor, suchThat }) => {
+    if (isScrollTargetElementActive(editor)) {
+      unwrapScrollTarget(editor);
+    } else {
+      let identifier = suchThat?.identifier ?? prompt("Insert the identifier:");
+      if (!identifier) {
+        return;
+      }
+      wrapScrollTarget(editor, identifier);
+    }
+  }
+});
+const unwrapScrollTarget = (editor) => {
+  Slate.Transforms.removeNodes(editor, { match: isScrollTargetElement });
+};
+const wrapScrollTarget = (editor, identifier) => {
+  if (isScrollTargetElementActive(editor)) {
+    unwrapScrollTarget(editor);
+  }
+  const selection = editor.selection;
+  const isCollapsed = selection ? Slate.Range.isCollapsed(selection) : false;
+  const ScrollTarget = {
+    type: scrollTargetElementType,
+    identifier,
+    children: [{ text: "" }]
+  };
+  if (!isCollapsed) {
+    Slate.Transforms.collapse(editor, { edge: "start" });
+  }
+  Slate.Transforms.insertNodes(editor, ScrollTarget);
+};
+exports.isScrollTargetElement = isScrollTargetElement;
+exports.isScrollTargetElementActive = isScrollTargetElementActive;
+exports.scrollTargetElementPlugin = scrollTargetElementPlugin;
+exports.scrollTargetElementType = scrollTargetElementType;
+//# sourceMappingURL=ScrollTargetElement.cjs.map

package/dist/production/src/plugins/element/scrollTargets/ScrollTargetElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTargetElement.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/scrollTargets/ScrollTargetElement.ts"],"sourcesContent":["import { Editor, Editor as SlateEditor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const scrollTargetElementType = 'scrollTarget' as const\n\nexport interface ScrollTargetElement extends SlateElement {\n\ttype: typeof scrollTargetElementType\n\tidentifier: string\n\tchildren: SlateEditor['children']\n}\n\nexport const isScrollTargetElement = (element: SlateNode): element is ScrollTargetElement =>\n\tSlateElement.isElement(element) && element.type === scrollTargetElementType\n\nexport const isScrollTargetElementActive = (editor: Editor) => {\n\tconst [link] = Editor.nodes(editor, { match: isScrollTargetElement })\n\treturn !!link\n}\n\nexport const scrollTargetElementPlugin = (\n\t{ render }: { render: ElementRenderer<ScrollTargetElement> },\n): EditorElementPlugin<ScrollTargetElement> => ({\n\ttype: scrollTargetElementType,\n\trender,\n\tisActive: ({ editor }) => isScrollTargetElementActive(editor),\n\tisInline: true,\n\tisVoid: true,\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tif (isScrollTargetElementActive(editor)) {\n\t\t\tunwrapScrollTarget(editor)\n\t\t} else {\n\t\t\tlet identifier = suchThat?.identifier\n\t\t\t\t?? prompt('Insert the identifier:')\n\n\t\t\tif (!identifier) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\twrapScrollTarget(editor, identifier)\n\t\t}\n\t},\n})\nconst unwrapScrollTarget = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isScrollTargetElement })\n}\nconst wrapScrollTarget = (editor: Editor, identifier: string) => {\n\tif (isScrollTargetElementActive(editor)) {\n\t\tunwrapScrollTarget(editor)\n\t}\n\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\tconst ScrollTarget: ScrollTargetElement = {\n\t\ttype: scrollTargetElementType,\n\t\tidentifier,\n\t\tchildren: [{ text: '' }],\n\t}\n\n\tif (!isCollapsed) {\n\t\tTransforms.collapse(editor, { edge: 'start' })\n\t}\n\tTransforms.insertNodes(editor, ScrollTarget)\n}\n"],"names":["SlateElement","Editor","Transforms","SlateRange"],"mappings":";;;AAGO,MAAM,0BAA0B;AAQhC,MAAM,wBAAwB,CAAC,YACrCA,MAAAA,QAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE9C,MAAM,8BAA8B,CAAC,WAAmB;AAC9D,QAAM,CAAC,IAAI,IAAIC,aAAO,MAAM,QAAQ,EAAE,OAAO,uBAAuB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,4BAA4B,CACxC,EAAE,cAC6C;AAAA,EAC/C,MAAM;AAAA,EACN;AAAA,EACA,UAAU,CAAC,EAAE,aAAa,4BAA4B,MAAM;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,QAAQ,eAAe;AACxC,QAAI,4BAA4B,MAAM,GAAG;AACxC,yBAAmB,MAAM;AAAA,IAC1B,OAAO;AACN,UAAI,aAAa,UAAU,cACvB,OAAO,wBAAwB;AAEnC,UAAI,CAAC,YAAY;AAChB;AAAA,MACD;AACA,uBAAiB,QAAQ,UAAU;AAAA,IACpC;AAAA,EACD;AACD;AACA,MAAM,qBAAqB,CAAC,WAAmB;AAC9CC,QAAAA,WAAW,YAAY,QAAQ,EAAE,OAAO,uBAAuB;AAChE;AACA,MAAM,mBAAmB,CAAC,QAAgB,eAAuB;AAChE,MAAI,4BAA4B,MAAM,GAAG;AACxC,uBAAmB,MAAM;AAAA,EAC1B;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAAA,MAAW,YAAY,SAAU,IAAI;AACrE,QAAM,eAAoC;AAAA,IACzC,MAAM;AAAA,IACN;AAAA,IACA,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAGxB,MAAI,CAAC,aAAa;AACjBD,UAAAA,WAAW,SAAS,QAAQ,EAAE,MAAM,SAAS;AAAA,EAC9C;AACAA,mBAAW,YAAY,QAAQ,YAAY;AAC5C;;;;;"}

package/dist/production/src/plugins/element/scrollTargets/ScrollTargetElement.js

@@ -0,0 +1,51 @@
+import { Element, Editor, Transforms, Range } from "slate";
+const scrollTargetElementType = "scrollTarget";
+const isScrollTargetElement = (element) => Element.isElement(element) && element.type === scrollTargetElementType;
+const isScrollTargetElementActive = (editor) => {
+  const [link] = Editor.nodes(editor, { match: isScrollTargetElement });
+  return !!link;
+};
+const scrollTargetElementPlugin = ({ render }) => ({
+  type: scrollTargetElementType,
+  render,
+  isActive: ({ editor }) => isScrollTargetElementActive(editor),
+  isInline: true,
+  isVoid: true,
+  toggleElement: ({ editor, suchThat }) => {
+    if (isScrollTargetElementActive(editor)) {
+      unwrapScrollTarget(editor);
+    } else {
+      let identifier = suchThat?.identifier ?? prompt("Insert the identifier:");
+      if (!identifier) {
+        return;
+      }
+      wrapScrollTarget(editor, identifier);
+    }
+  }
+});
+const unwrapScrollTarget = (editor) => {
+  Transforms.removeNodes(editor, { match: isScrollTargetElement });
+};
+const wrapScrollTarget = (editor, identifier) => {
+  if (isScrollTargetElementActive(editor)) {
+    unwrapScrollTarget(editor);
+  }
+  const selection = editor.selection;
+  const isCollapsed = selection ? Range.isCollapsed(selection) : false;
+  const ScrollTarget = {
+    type: scrollTargetElementType,
+    identifier,
+    children: [{ text: "" }]
+  };
+  if (!isCollapsed) {
+    Transforms.collapse(editor, { edge: "start" });
+  }
+  Transforms.insertNodes(editor, ScrollTarget);
+};
+export {
+  isScrollTargetElement,
+  isScrollTargetElementActive,
+  scrollTargetElementPlugin,
+  scrollTargetElementType
+};
+//# sourceMappingURL=ScrollTargetElement.js.map

package/dist/production/src/plugins/element/scrollTargets/ScrollTargetElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTargetElement.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/scrollTargets/ScrollTargetElement.ts"],"sourcesContent":["import { Editor, Editor as SlateEditor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const scrollTargetElementType = 'scrollTarget' as const\n\nexport interface ScrollTargetElement extends SlateElement {\n\ttype: typeof scrollTargetElementType\n\tidentifier: string\n\tchildren: SlateEditor['children']\n}\n\nexport const isScrollTargetElement = (element: SlateNode): element is ScrollTargetElement =>\n\tSlateElement.isElement(element) && element.type === scrollTargetElementType\n\nexport const isScrollTargetElementActive = (editor: Editor) => {\n\tconst [link] = Editor.nodes(editor, { match: isScrollTargetElement })\n\treturn !!link\n}\n\nexport const scrollTargetElementPlugin = (\n\t{ render }: { render: ElementRenderer<ScrollTargetElement> },\n): EditorElementPlugin<ScrollTargetElement> => ({\n\ttype: scrollTargetElementType,\n\trender,\n\tisActive: ({ editor }) => isScrollTargetElementActive(editor),\n\tisInline: true,\n\tisVoid: true,\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tif (isScrollTargetElementActive(editor)) {\n\t\t\tunwrapScrollTarget(editor)\n\t\t} else {\n\t\t\tlet identifier = suchThat?.identifier\n\t\t\t\t?? prompt('Insert the identifier:')\n\n\t\t\tif (!identifier) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\twrapScrollTarget(editor, identifier)\n\t\t}\n\t},\n})\nconst unwrapScrollTarget = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isScrollTargetElement })\n}\nconst wrapScrollTarget = (editor: Editor, identifier: string) => {\n\tif (isScrollTargetElementActive(editor)) {\n\t\tunwrapScrollTarget(editor)\n\t}\n\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\tconst ScrollTarget: ScrollTargetElement = {\n\t\ttype: scrollTargetElementType,\n\t\tidentifier,\n\t\tchildren: [{ text: '' }],\n\t}\n\n\tif (!isCollapsed) {\n\t\tTransforms.collapse(editor, { edge: 'start' })\n\t}\n\tTransforms.insertNodes(editor, ScrollTarget)\n}\n"],"names":["SlateElement","SlateRange"],"mappings":";AAGO,MAAM,0BAA0B;AAQhC,MAAM,wBAAwB,CAAC,YACrCA,QAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE9C,MAAM,8BAA8B,CAAC,WAAmB;AAC9D,QAAM,CAAC,IAAI,IAAI,OAAO,MAAM,QAAQ,EAAE,OAAO,uBAAuB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,4BAA4B,CACxC,EAAE,cAC6C;AAAA,EAC/C,MAAM;AAAA,EACN;AAAA,EACA,UAAU,CAAC,EAAE,aAAa,4BAA4B,MAAM;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,QAAQ,eAAe;AACxC,QAAI,4BAA4B,MAAM,GAAG;AACxC,yBAAmB,MAAM;AAAA,IAC1B,OAAO;AACN,UAAI,aAAa,UAAU,cACvB,OAAO,wBAAwB;AAEnC,UAAI,CAAC,YAAY;AAChB;AAAA,MACD;AACA,uBAAiB,QAAQ,UAAU;AAAA,IACpC;AAAA,EACD;AACD;AACA,MAAM,qBAAqB,CAAC,WAAmB;AAC9C,aAAW,YAAY,QAAQ,EAAE,OAAO,uBAAuB;AAChE;AACA,MAAM,mBAAmB,CAAC,QAAgB,eAAuB;AAChE,MAAI,4BAA4B,MAAM,GAAG;AACxC,uBAAmB,MAAM;AAAA,EAC1B;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAW,YAAY,SAAU,IAAI;AACrE,QAAM,eAAoC;AAAA,IACzC,MAAM;AAAA,IACN;AAAA,IACA,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAGxB,MAAI,CAAC,aAAa;AACjB,eAAW,SAAS,QAAQ,EAAE,MAAM,SAAS;AAAA,EAC9C;AACA,aAAW,YAAY,QAAQ,YAAY;AAC5C;"}

package/dist/production/src/plugins/element/scrollTargets/withScrollTargets.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ScrollTargetElement = require("./ScrollTargetElement.cjs");
+const withScrollTargets = ({ render }) => (editor) => {
+  editor.registerElement(ScrollTargetElement.scrollTargetElementPlugin({ render }));
+  return editor;
+};
+exports.withScrollTargets = withScrollTargets;
+//# sourceMappingURL=withScrollTargets.cjs.map

package/dist/production/src/plugins/element/scrollTargets/withScrollTargets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withScrollTargets.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/scrollTargets/withScrollTargets.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { ScrollTargetElement, scrollTargetElementPlugin } from './ScrollTargetElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withScrollTargets = ({ render }: { render: ElementRenderer<ScrollTargetElement> }) => <E extends Editor>(editor: E): E => {\n\teditor.registerElement(scrollTargetElementPlugin({ render }))\n\treturn editor\n}\n"],"names":["scrollTargetElementPlugin"],"mappings":";;;AAIO,MAAM,oBAAoB,CAAC,EAAE,OAAA,MAA+D,CAAmB,WAAiB;AACtI,SAAO,gBAAgBA,oBAAAA,0BAA0B,EAAE,OAAA,CAAQ,CAAC;AAC5D,SAAO;AACR;;"}

package/dist/production/src/plugins/element/scrollTargets/withScrollTargets.js

@@ -0,0 +1,9 @@
+import { scrollTargetElementPlugin } from "./ScrollTargetElement.js";
+const withScrollTargets = ({ render }) => (editor) => {
+  editor.registerElement(scrollTargetElementPlugin({ render }));
+  return editor;
+};
+export {
+  withScrollTargets
+};
+//# sourceMappingURL=withScrollTargets.js.map

package/dist/production/src/plugins/element/scrollTargets/withScrollTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withScrollTargets.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/scrollTargets/withScrollTargets.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { ScrollTargetElement, scrollTargetElementPlugin } from './ScrollTargetElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withScrollTargets = ({ render }: { render: ElementRenderer<ScrollTargetElement> }) => <E extends Editor>(editor: E): E => {\n\teditor.registerElement(scrollTargetElementPlugin({ render }))\n\treturn editor\n}\n"],"names":[],"mappings":";AAIO,MAAM,oBAAoB,CAAC,EAAE,OAAA,MAA+D,CAAmB,WAAiB;AACtI,SAAO,gBAAgB,0BAA0B,EAAE,OAAA,CAAQ,CAAC;AAC5D,SAAO;AACR;"}