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

package/dist/development/src/plugins/element/headings/withHeadings.js

@@ -0,0 +1,70 @@
+import { Element, Editor, Range, Point, Transforms } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+import { headingElementPlugin, headingElementType, isHeadingElement, ejectHeadingElement } from "./HeadingElement.js";
+import { headingHtmlDeserializer } from "./HeadingHtmlDeserializer.js";
+const withHeadings = ({ render }) => (editor) => {
+  const {
+    canToggleElement,
+    insertBreak,
+    deleteBackward
+  } = editor;
+  editor.registerElement(headingElementPlugin({ render }));
+  editor.htmlDeserializer.registerPlugin(headingHtmlDeserializer);
+  editor.canToggleElement = (elementType, suchThat) => {
+    if (elementType !== headingElementType) {
+      return canToggleElement(elementType, suchThat);
+    }
+    if (!editor.selection) {
+      return false;
+    }
+    const closestBlockEntry = ContemberEditor.closestBlockEntry(editor);
+    if (closestBlockEntry === void 0) {
+      return true;
+    }
+    const [closestBlockElement] = closestBlockEntry;
+    return Element.isElement(closestBlockElement) && (editor.isDefaultElement(closestBlockElement) || isHeadingElement(closestBlockElement));
+  };
+  editor.insertBreak = () => {
+    Editor.withoutNormalizing(editor, () => {
+      insertBreak();
+      const { selection } = editor;
+      if (selection === null || Range.isExpanded(selection)) {
+        return;
+      }
+      const [topLevelElement, path] = Editor.node(editor, selection, {
+        depth: 1
+      });
+      if (isHeadingElement(topLevelElement) && Editor.isEmpty(editor, topLevelElement)) {
+        ejectHeadingElement(editor, path);
+      }
+    });
+  };
+  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) && isHeadingElement(node, { isNumbered: true })
+    });
+    if (closestNumberedEntry === void 0) {
+      return deleteBackward(unit);
+    }
+    const [, headingPath] = closestNumberedEntry;
+    const headingStartPoint = Editor.start(editor, headingPath);
+    if (!Point.equals(headingStartPoint, selection.focus)) {
+      return deleteBackward(unit);
+    }
+    Transforms.setNodes(
+      editor,
+      { isNumbered: null },
+      // null removes the key altogether
+      { at: headingPath }
+    );
+  };
+  return editor;
+};
+export {
+  withHeadings
+};
+//# sourceMappingURL=withHeadings.js.map

package/dist/development/src/plugins/element/headings/withHeadings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withHeadings.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/headings/withHeadings.ts"],"sourcesContent":["import { Editor, Editor as SlateEditor, Element as SlateElement, Point, Range as SlateRange, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { ejectHeadingElement, HeadingElement, headingElementPlugin, headingElementType, isHeadingElement } from './HeadingElement'\nimport { headingHtmlDeserializer } from './HeadingHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withHeadings = ({ render }: { render: ElementRenderer<HeadingElement> }) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tcanToggleElement,\n\t\tinsertBreak,\n\t\tdeleteBackward,\n\t} = editor\n\n\teditor.registerElement(headingElementPlugin({ render }))\n\teditor.htmlDeserializer.registerPlugin(headingHtmlDeserializer)\n\n\t// T O D O cache this\n\t// e.getNumberedHeadingSection = function recurse(element): number[] {\n\t// \tconst [topLevelIndex] = ReactEditor.findPath(e, element)\n\t// \tlet previousNumberedHeadingIndex: number = topLevelIndex - 1\n\t//\n\t// \tlet previousNumberedHeading: SlateNode\n\t// \tdo {\n\t// \t\tpreviousNumberedHeading = e.children[previousNumberedHeadingIndex--]\n\t// \t} while (\n\t// \t\tpreviousNumberedHeadingIndex >= 0 &&\n\t// \t\t!(isHeading(previousNumberedHeading) && previousNumberedHeading.isNumbered)\n\t// \t)\n\t//\n\t// \tif (previousNumberedHeadingIndex < 0) {\n\t// \t\treturn Array(element.level).fill(1)\n\t// \t}\n\t// \tconst previousHeadingSection = recurse(previousNumberedHeading as HeadingElement)\n\t//\n\t// \t// Ensures the correct length - this is essentially padRight with zeros\n\t// \tconst normalizedPrevious = previousHeadingSection.concat(Array(element.level).fill(0)).slice(0, element.level)\n\t//\n\t// \tnormalizedPrevious[normalizedPrevious.length - 1]++\n\t//\n\t// \t// The map isn't really necessary for now but would be if we introduced deeper levels\n\t// \treturn normalizedPrevious.map(level => Math.max(level, 1))\n\t// }\n\n\teditor.canToggleElement = (elementType, suchThat) => {\n\t\tif (elementType !== headingElementType) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\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] = closestBlockEntry\n\n\t\treturn (\n\t\t\tSlateElement.isElement(closestBlockElement) && (\n\t\t\t\teditor.isDefaultElement(closestBlockElement)\n\t\t\t\t|| isHeadingElement(closestBlockElement)\n\t\t\t)\n\t\t)\n\t}\n\n\teditor.insertBreak = () => {\n\t\tSlateEditor.withoutNormalizing(editor, () => {\n\t\t\tinsertBreak()\n\n\t\t\tconst { selection } = editor\n\n\t\t\tif (selection === null || SlateRange.isExpanded(selection)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst [topLevelElement, path] = SlateEditor.node(editor, selection, {\n\t\t\t\tdepth: 1,\n\t\t\t})\n\t\t\tif (isHeadingElement(topLevelElement) && SlateEditor.isEmpty(editor, topLevelElement)) {\n\t\t\t\tejectHeadingElement(editor, path)\n\t\t\t}\n\t\t})\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 heading.\n\t\t// It's just a way to early-exit.\n\n\t\tconst closestNumberedEntry = Editor.above<HeadingElement>(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && isHeadingElement(node, { isNumbered: true }),\n\t\t})\n\t\tif (closestNumberedEntry === undefined) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tconst [, headingPath] = closestNumberedEntry\n\t\tconst headingStartPoint = Editor.start(editor, headingPath)\n\n\t\tif (!Point.equals(headingStartPoint, 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: headingPath },\n\t\t)\n\t}\n\n\treturn editor\n}\n"],"names":["SlateElement","SlateEditor","SlateRange"],"mappings":";;;;AAMO,MAAM,eAAe,CAAC,EAAE,OAAA,MAA0D,CAAmB,WAAiB;AAC5H,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACG;AAEJ,SAAO,gBAAgB,qBAAqB,EAAE,OAAA,CAAQ,CAAC;AACvD,SAAO,iBAAiB,eAAe,uBAAuB;AA6B9D,SAAO,mBAAmB,CAAC,aAAa,aAAa;AACpD,QAAI,gBAAgB,oBAAoB;AACvC,aAAO,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AACA,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,mBAAmB,IAAI;AAE9B,WACCA,QAAa,UAAU,mBAAmB,MACzC,OAAO,iBAAiB,mBAAmB,KACxC,iBAAiB,mBAAmB;AAAA,EAG1C;AAEA,SAAO,cAAc,MAAM;AAC1BC,WAAY,mBAAmB,QAAQ,MAAM;AAC5C,kBAAA;AAEA,YAAM,EAAE,cAAc;AAEtB,UAAI,cAAc,QAAQC,MAAW,WAAW,SAAS,GAAG;AAC3D;AAAA,MACD;AACA,YAAM,CAAC,iBAAiB,IAAI,IAAID,OAAY,KAAK,QAAQ,WAAW;AAAA,QACnE,OAAO;AAAA,MAAA,CACP;AACD,UAAI,iBAAiB,eAAe,KAAKA,OAAY,QAAQ,QAAQ,eAAe,GAAG;AACtF,4BAAoB,QAAQ,IAAI;AAAA,MACjC;AAAA,IACD,CAAC;AAAA,EACF;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,MAAsB,QAAQ;AAAA,MACjE,OAAO,CAAA,SAAQF,QAAa,UAAU,IAAI,KAAK,iBAAiB,MAAM,EAAE,YAAY,KAAA,CAAM;AAAA,IAAA,CAC1F;AACD,QAAI,yBAAyB,QAAW;AACvC,aAAO,eAAe,IAAI;AAAA,IAC3B;AACA,UAAM,CAAA,EAAG,WAAW,IAAI;AACxB,UAAM,oBAAoB,OAAO,MAAM,QAAQ,WAAW;AAE1D,QAAI,CAAC,MAAM,OAAO,mBAAmB,UAAU,KAAK,GAAG;AACtD,aAAO,eAAe,IAAI;AAAA,IAC3B;AACA,eAAW;AAAA,MACV;AAAA,MACA,EAAE,YAAY,KAAA;AAAA;AAAA,MACd,EAAE,IAAI,YAAA;AAAA,IAAY;AAAA,EAEpB;AAEA,SAAO;AACR;"}

package/dist/development/src/plugins/element/horizonalRules/HorizontalRuleElement.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const horizontalRuleElementType = "horizontalRule";
+const isHorizontalRuleElement = (element) => Slate.Element.isElement(element) && element.type === horizontalRuleElementType;
+const isHorizontalRuleElementActive = (editor) => {
+  const [hr] = Slate.Editor.nodes(editor, { match: isHorizontalRuleElement });
+  return !!hr;
+};
+const horizontalRuleElementPlugin = ({ render }) => ({
+  type: horizontalRuleElementType,
+  render,
+  isVoid: true,
+  toggleElement: ({ editor }) => {
+    if (isHorizontalRuleElementActive(editor)) {
+      removeHorizontalRule(editor);
+    } else {
+      insertHorizontalRule(editor);
+    }
+  }
+});
+const removeHorizontalRule = (editor) => {
+  Slate.Transforms.removeNodes(editor, { match: isHorizontalRuleElement });
+};
+const insertHorizontalRule = (editor) => {
+  const selection = editor.selection;
+  const isCollapsed = selection ? Slate.Range.isCollapsed(selection) : false;
+  if (!isCollapsed || isHorizontalRuleElementActive(editor)) {
+    return;
+  }
+  const horizontalRule = {
+    type: horizontalRuleElementType,
+    children: [{ text: "" }]
+  };
+  Slate.Transforms.insertNodes(editor, horizontalRule);
+};
+exports.horizontalRuleElementPlugin = horizontalRuleElementPlugin;
+exports.horizontalRuleElementType = horizontalRuleElementType;
+exports.isHorizontalRuleElement = isHorizontalRuleElement;
+exports.isHorizontalRuleElementActive = isHorizontalRuleElementActive;
+//# sourceMappingURL=HorizontalRuleElement.cjs.map

package/dist/development/src/plugins/element/horizonalRules/HorizontalRuleElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRuleElement.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/horizonalRules/HorizontalRuleElement.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 horizontalRuleElementType = 'horizontalRule' as const\n\nexport interface HorizontalRuleElement extends SlateElement {\n\ttype: typeof horizontalRuleElementType\n\tchildren: SlateEditor['children']\n}\n\nexport const isHorizontalRuleElement = (element: SlateNode): element is HorizontalRuleElement =>\n\tSlateElement.isElement(element) && element.type === horizontalRuleElementType\n\nexport const isHorizontalRuleElementActive = (editor: Editor) => {\n\tconst [hr] = Editor.nodes(editor, { match: isHorizontalRuleElement })\n\treturn !!hr\n}\n\nexport const horizontalRuleElementPlugin = (\n\t{ render }: { render: ElementRenderer<HorizontalRuleElement> },\n): EditorElementPlugin<HorizontalRuleElement> => ({\n\ttype: horizontalRuleElementType,\n\trender,\n\tisVoid: true,\n\ttoggleElement: ({ editor }) => {\n\t\tif (isHorizontalRuleElementActive(editor)) {\n\t\t\tremoveHorizontalRule(editor)\n\t\t} else {\n\t\t\tinsertHorizontalRule(editor)\n\t\t}\n\t},\n})\n\nconst removeHorizontalRule = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isHorizontalRuleElement })\n}\n\nconst insertHorizontalRule = (editor: Editor) => {\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\n\tif (!isCollapsed || isHorizontalRuleElementActive(editor)) {\n\t\treturn\n\t}\n\tconst horizontalRule: HorizontalRuleElement = {\n\t\ttype: horizontalRuleElementType,\n\t\tchildren: [{ text: '' }],\n\t}\n\tTransforms.insertNodes(editor, horizontalRule)\n}\n"],"names":["SlateElement","Editor","Transforms","SlateRange"],"mappings":";;;AAGO,MAAM,4BAA4B;AAOlC,MAAM,0BAA0B,CAAC,YACvCA,MAAAA,QAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE9C,MAAM,gCAAgC,CAAC,WAAmB;AAChE,QAAM,CAAC,EAAE,IAAIC,aAAO,MAAM,QAAQ,EAAE,OAAO,yBAAyB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,8BAA8B,CAC1C,EAAE,cAC+C;AAAA,EACjD,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,aAAa;AAC9B,QAAI,8BAA8B,MAAM,GAAG;AAC1C,2BAAqB,MAAM;AAAA,IAC5B,OAAO;AACN,2BAAqB,MAAM;AAAA,IAC5B;AAAA,EACD;AACD;AAEA,MAAM,uBAAuB,CAAC,WAAmB;AAChDC,QAAAA,WAAW,YAAY,QAAQ,EAAE,OAAO,yBAAyB;AAClE;AAEA,MAAM,uBAAuB,CAAC,WAAmB;AAChD,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAAA,MAAW,YAAY,SAAU,IAAI;AAErE,MAAI,CAAC,eAAe,8BAA8B,MAAM,GAAG;AAC1D;AAAA,EACD;AACA,QAAM,iBAAwC;AAAA,IAC7C,MAAM;AAAA,IACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAExBD,mBAAW,YAAY,QAAQ,cAAc;AAC9C;;;;;"}

package/dist/development/src/plugins/element/horizonalRules/HorizontalRuleElement.js

@@ -0,0 +1,41 @@
+import { Element, Editor, Transforms, Range } from "slate";
+const horizontalRuleElementType = "horizontalRule";
+const isHorizontalRuleElement = (element) => Element.isElement(element) && element.type === horizontalRuleElementType;
+const isHorizontalRuleElementActive = (editor) => {
+  const [hr] = Editor.nodes(editor, { match: isHorizontalRuleElement });
+  return !!hr;
+};
+const horizontalRuleElementPlugin = ({ render }) => ({
+  type: horizontalRuleElementType,
+  render,
+  isVoid: true,
+  toggleElement: ({ editor }) => {
+    if (isHorizontalRuleElementActive(editor)) {
+      removeHorizontalRule(editor);
+    } else {
+      insertHorizontalRule(editor);
+    }
+  }
+});
+const removeHorizontalRule = (editor) => {
+  Transforms.removeNodes(editor, { match: isHorizontalRuleElement });
+};
+const insertHorizontalRule = (editor) => {
+  const selection = editor.selection;
+  const isCollapsed = selection ? Range.isCollapsed(selection) : false;
+  if (!isCollapsed || isHorizontalRuleElementActive(editor)) {
+    return;
+  }
+  const horizontalRule = {
+    type: horizontalRuleElementType,
+    children: [{ text: "" }]
+  };
+  Transforms.insertNodes(editor, horizontalRule);
+};
+export {
+  horizontalRuleElementPlugin,
+  horizontalRuleElementType,
+  isHorizontalRuleElement,
+  isHorizontalRuleElementActive
+};
+//# sourceMappingURL=HorizontalRuleElement.js.map

package/dist/development/src/plugins/element/horizonalRules/HorizontalRuleElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRuleElement.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/horizonalRules/HorizontalRuleElement.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 horizontalRuleElementType = 'horizontalRule' as const\n\nexport interface HorizontalRuleElement extends SlateElement {\n\ttype: typeof horizontalRuleElementType\n\tchildren: SlateEditor['children']\n}\n\nexport const isHorizontalRuleElement = (element: SlateNode): element is HorizontalRuleElement =>\n\tSlateElement.isElement(element) && element.type === horizontalRuleElementType\n\nexport const isHorizontalRuleElementActive = (editor: Editor) => {\n\tconst [hr] = Editor.nodes(editor, { match: isHorizontalRuleElement })\n\treturn !!hr\n}\n\nexport const horizontalRuleElementPlugin = (\n\t{ render }: { render: ElementRenderer<HorizontalRuleElement> },\n): EditorElementPlugin<HorizontalRuleElement> => ({\n\ttype: horizontalRuleElementType,\n\trender,\n\tisVoid: true,\n\ttoggleElement: ({ editor }) => {\n\t\tif (isHorizontalRuleElementActive(editor)) {\n\t\t\tremoveHorizontalRule(editor)\n\t\t} else {\n\t\t\tinsertHorizontalRule(editor)\n\t\t}\n\t},\n})\n\nconst removeHorizontalRule = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isHorizontalRuleElement })\n}\n\nconst insertHorizontalRule = (editor: Editor) => {\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\n\tif (!isCollapsed || isHorizontalRuleElementActive(editor)) {\n\t\treturn\n\t}\n\tconst horizontalRule: HorizontalRuleElement = {\n\t\ttype: horizontalRuleElementType,\n\t\tchildren: [{ text: '' }],\n\t}\n\tTransforms.insertNodes(editor, horizontalRule)\n}\n"],"names":["SlateElement","SlateRange"],"mappings":";AAGO,MAAM,4BAA4B;AAOlC,MAAM,0BAA0B,CAAC,YACvCA,QAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE9C,MAAM,gCAAgC,CAAC,WAAmB;AAChE,QAAM,CAAC,EAAE,IAAI,OAAO,MAAM,QAAQ,EAAE,OAAO,yBAAyB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,8BAA8B,CAC1C,EAAE,cAC+C;AAAA,EACjD,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,aAAa;AAC9B,QAAI,8BAA8B,MAAM,GAAG;AAC1C,2BAAqB,MAAM;AAAA,IAC5B,OAAO;AACN,2BAAqB,MAAM;AAAA,IAC5B;AAAA,EACD;AACD;AAEA,MAAM,uBAAuB,CAAC,WAAmB;AAChD,aAAW,YAAY,QAAQ,EAAE,OAAO,yBAAyB;AAClE;AAEA,MAAM,uBAAuB,CAAC,WAAmB;AAChD,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAW,YAAY,SAAU,IAAI;AAErE,MAAI,CAAC,eAAe,8BAA8B,MAAM,GAAG;AAC1D;AAAA,EACD;AACA,QAAM,iBAAwC;AAAA,IAC7C,MAAM;AAAA,IACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAExB,aAAW,YAAY,QAAQ,cAAc;AAC9C;"}

package/dist/development/src/plugins/element/horizonalRules/withHorizontalRules.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const HorizontalRuleElement = require("./HorizontalRuleElement.cjs");
+const withHorizontalRules = ({ render }) => (editor) => {
+  const { insertText } = editor;
+  editor.registerElement(HorizontalRuleElement.horizontalRuleElementPlugin({ render }));
+  editor.insertText = (text) => {
+    insertText(text);
+    if (text !== "-") {
+      return;
+    }
+    const selection = editor.selection;
+    if (!selection || !Slate.Range.isCollapsed(selection)) {
+      return;
+    }
+    const focusPoint = selection.focus;
+    if (focusPoint.offset < 3) {
+      return;
+    }
+    const [targetTextNode, targetPath] = Slate.Editor.node(editor, focusPoint);
+    if (!Slate.Text.isText(targetTextNode)) {
+      return;
+    }
+    const slice = targetTextNode.text.slice(focusPoint.offset - 3, focusPoint.offset);
+    if (slice !== "---") {
+      return;
+    }
+    Slate.Editor.withoutNormalizing(editor, () => {
+      let closestBlockEntry = Slate.Editor.above(editor, {
+        at: focusPoint,
+        mode: "lowest",
+        match: (matchedNode) => Slate.Element.isElement(matchedNode) && !editor.isInline(matchedNode) && editor.isDefaultElement(matchedNode)
+      });
+      if (!closestBlockEntry) {
+        return;
+      }
+      const [closestBlock, closestBlockPath] = closestBlockEntry;
+      if (closestBlockPath.length !== 1 || Slate.Node.string(closestBlock) !== "---") {
+        return;
+      }
+      const horizontalRule = {
+        type: HorizontalRuleElement.horizontalRuleElementType,
+        children: [{ text: "" }]
+      };
+      const newHrPath = [...closestBlockPath.slice(0, -1), closestBlockPath[closestBlockPath.length - 1] + 1];
+      Slate.Transforms.insertNodes(editor, horizontalRule, {
+        at: newHrPath
+      });
+      editor.deleteBackward("character");
+      editor.deleteBackward("character");
+      editor.deleteBackward("character");
+      const pointAfter = Slate.Editor.after(editor, newHrPath);
+      if (pointAfter) {
+        Slate.Transforms.select(editor, pointAfter);
+      } else {
+        const targetPath2 = [...newHrPath.slice(0, -1), newHrPath[newHrPath.length - 1] + 1];
+        Slate.Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), {
+          at: targetPath2,
+          select: true
+        });
+      }
+      closestBlockEntry = Slate.Editor.node(editor, closestBlockPath);
+      if (!closestBlockEntry) {
+        return;
+      }
+      Slate.Transforms.removeNodes(editor, {
+        at: closestBlockEntry[1]
+      });
+    });
+  };
+  return editor;
+};
+exports.withHorizontalRules = withHorizontalRules;
+//# sourceMappingURL=withHorizontalRules.cjs.map

package/dist/development/src/plugins/element/horizonalRules/withHorizontalRules.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withHorizontalRules.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/horizonalRules/withHorizontalRules.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Node as SlateNode, NodeEntry, Range as SlateRange, Text, Transforms } from 'slate'\nimport { HorizontalRuleElement, horizontalRuleElementPlugin, horizontalRuleElementType } from './HorizontalRuleElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withHorizontalRules = ({ render }: { render: ElementRenderer<HorizontalRuleElement> }) => <E extends Editor>(editor: E): E => {\n\tconst { insertText } = editor\n\n\teditor.registerElement(horizontalRuleElementPlugin({ render }))\n\n\teditor.insertText = text => {\n\t\tinsertText(text)\n\t\tif (text !== '-') {\n\t\t\treturn\n\t\t}\n\t\tconst selection = editor.selection\n\t\tif (!selection || !SlateRange.isCollapsed(selection)) {\n\t\t\treturn\n\t\t}\n\t\tconst focusPoint = selection.focus\n\n\t\tif (focusPoint.offset < 3) {\n\t\t\treturn\n\t\t}\n\t\tconst [targetTextNode, targetPath] = Editor.node(editor, focusPoint)\n\t\tif (!Text.isText(targetTextNode)) {\n\t\t\treturn\n\t\t}\n\t\tconst slice = targetTextNode.text.slice(focusPoint.offset - 3, focusPoint.offset)\n\t\tif (slice !== '---') {\n\t\t\treturn\n\t\t}\n\n\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\tlet closestBlockEntry: NodeEntry | undefined = Editor.above(editor, {\n\t\t\t\tat: focusPoint,\n\t\t\t\tmode: 'lowest',\n\t\t\t\tmatch: matchedNode => SlateElement.isElement(matchedNode) && !editor.isInline(matchedNode) && editor.isDefaultElement(matchedNode),\n\t\t\t})\n\t\t\tif (!closestBlockEntry) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst [closestBlock, closestBlockPath] = closestBlockEntry\n\t\t\tif (closestBlockPath.length !== 1 || SlateNode.string(closestBlock) !== '---') {\n\t\t\t\treturn // We only support horizontal rules at the very top level.\n\t\t\t}\n\n\t\t\t// First insert the rule after the closest block\n\t\t\tconst horizontalRule: HorizontalRuleElement = {\n\t\t\t\ttype: horizontalRuleElementType,\n\t\t\t\tchildren: [{ text: '' }],\n\t\t\t}\n\t\t\tconst newHrPath = [...closestBlockPath.slice(0, -1), closestBlockPath[closestBlockPath.length - 1] + 1]\n\t\t\tTransforms.insertNodes(editor, horizontalRule, {\n\t\t\t\tat: newHrPath,\n\t\t\t})\n\n\t\t\t// Remove the '---'\n\t\t\teditor.deleteBackward('character')\n\t\t\teditor.deleteBackward('character')\n\t\t\teditor.deleteBackward('character')\n\n\t\t\tconst pointAfter = Editor.after(editor, newHrPath)\n\t\t\tif (pointAfter) {\n\t\t\t\tTransforms.select(editor, pointAfter)\n\t\t\t} else {\n\t\t\t\t// There's nothing to select so we're likely at the end. Insert a new default element then.\n\t\t\t\tconst targetPath = [...newHrPath.slice(0, -1), newHrPath[newHrPath.length - 1] + 1]\n\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), {\n\t\t\t\t\tat: targetPath,\n\t\t\t\t\tselect: true,\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Lastly, if remove the closest block. Need to update the entry though.\n\t\t\tclosestBlockEntry = Editor.node(editor, closestBlockPath)\n\t\t\tif (!closestBlockEntry) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tTransforms.removeNodes(editor, {\n\t\t\t\tat: closestBlockEntry[1],\n\t\t\t})\n\t\t})\n\t}\n\n\treturn editor\n}\n"],"names":["horizontalRuleElementPlugin","SlateRange","Editor","Text","SlateElement","SlateNode","horizontalRuleElementType","Transforms","targetPath"],"mappings":";;;;AAIO,MAAM,sBAAsB,CAAC,EAAE,OAAA,MAAiE,CAAmB,WAAiB;AAC1I,QAAM,EAAE,eAAe;AAEvB,SAAO,gBAAgBA,sBAAAA,4BAA4B,EAAE,OAAA,CAAQ,CAAC;AAE9D,SAAO,aAAa,CAAA,SAAQ;AAC3B,eAAW,IAAI;AACf,QAAI,SAAS,KAAK;AACjB;AAAA,IACD;AACA,UAAM,YAAY,OAAO;AACzB,QAAI,CAAC,aAAa,CAACC,MAAAA,MAAW,YAAY,SAAS,GAAG;AACrD;AAAA,IACD;AACA,UAAM,aAAa,UAAU;AAE7B,QAAI,WAAW,SAAS,GAAG;AAC1B;AAAA,IACD;AACA,UAAM,CAAC,gBAAgB,UAAU,IAAIC,MAAAA,OAAO,KAAK,QAAQ,UAAU;AACnE,QAAI,CAACC,MAAAA,KAAK,OAAO,cAAc,GAAG;AACjC;AAAA,IACD;AACA,UAAM,QAAQ,eAAe,KAAK,MAAM,WAAW,SAAS,GAAG,WAAW,MAAM;AAChF,QAAI,UAAU,OAAO;AACpB;AAAA,IACD;AAEAD,iBAAO,mBAAmB,QAAQ,MAAM;AACvC,UAAI,oBAA2CA,MAAAA,OAAO,MAAM,QAAQ;AAAA,QACnE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,CAAA,gBAAeE,cAAa,UAAU,WAAW,KAAK,CAAC,OAAO,SAAS,WAAW,KAAK,OAAO,iBAAiB,WAAW;AAAA,MAAA,CACjI;AACD,UAAI,CAAC,mBAAmB;AACvB;AAAA,MACD;AACA,YAAM,CAAC,cAAc,gBAAgB,IAAI;AACzC,UAAI,iBAAiB,WAAW,KAAKC,MAAAA,KAAU,OAAO,YAAY,MAAM,OAAO;AAC9E;AAAA,MACD;AAGA,YAAM,iBAAwC;AAAA,QAC7C,MAAMC,sBAAAA;AAAAA,QACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,MAAA;AAExB,YAAM,YAAY,CAAC,GAAG,iBAAiB,MAAM,GAAG,EAAE,GAAG,iBAAiB,iBAAiB,SAAS,CAAC,IAAI,CAAC;AACtGC,uBAAW,YAAY,QAAQ,gBAAgB;AAAA,QAC9C,IAAI;AAAA,MAAA,CACJ;AAGD,aAAO,eAAe,WAAW;AACjC,aAAO,eAAe,WAAW;AACjC,aAAO,eAAe,WAAW;AAEjC,YAAM,aAAaL,MAAAA,OAAO,MAAM,QAAQ,SAAS;AACjD,UAAI,YAAY;AACfK,yBAAW,OAAO,QAAQ,UAAU;AAAA,MACrC,OAAO;AAEN,cAAMC,cAAa,CAAC,GAAG,UAAU,MAAM,GAAG,EAAE,GAAG,UAAU,UAAU,SAAS,CAAC,IAAI,CAAC;AAClFD,yBAAW,YAAY,QAAQ,OAAO,qBAAqB,CAAC,EAAE,MAAM,GAAA,CAAI,CAAC,GAAG;AAAA,UAC3E,IAAIC;AAAAA,UACJ,QAAQ;AAAA,QAAA,CACR;AAAA,MACF;AAGA,0BAAoBN,MAAAA,OAAO,KAAK,QAAQ,gBAAgB;AACxD,UAAI,CAAC,mBAAmB;AACvB;AAAA,MACD;AACAK,YAAAA,WAAW,YAAY,QAAQ;AAAA,QAC9B,IAAI,kBAAkB,CAAC;AAAA,MAAA,CACvB;AAAA,IACF,CAAC;AAAA,EACF;AAEA,SAAO;AACR;;"}

package/dist/development/src/plugins/element/horizonalRules/withHorizontalRules.js

@@ -0,0 +1,75 @@
+import { Range, Editor, Text, Element, Node, Transforms } from "slate";
+import { horizontalRuleElementPlugin, horizontalRuleElementType } from "./HorizontalRuleElement.js";
+const withHorizontalRules = ({ render }) => (editor) => {
+  const { insertText } = editor;
+  editor.registerElement(horizontalRuleElementPlugin({ render }));
+  editor.insertText = (text) => {
+    insertText(text);
+    if (text !== "-") {
+      return;
+    }
+    const selection = editor.selection;
+    if (!selection || !Range.isCollapsed(selection)) {
+      return;
+    }
+    const focusPoint = selection.focus;
+    if (focusPoint.offset < 3) {
+      return;
+    }
+    const [targetTextNode, targetPath] = Editor.node(editor, focusPoint);
+    if (!Text.isText(targetTextNode)) {
+      return;
+    }
+    const slice = targetTextNode.text.slice(focusPoint.offset - 3, focusPoint.offset);
+    if (slice !== "---") {
+      return;
+    }
+    Editor.withoutNormalizing(editor, () => {
+      let closestBlockEntry = Editor.above(editor, {
+        at: focusPoint,
+        mode: "lowest",
+        match: (matchedNode) => Element.isElement(matchedNode) && !editor.isInline(matchedNode) && editor.isDefaultElement(matchedNode)
+      });
+      if (!closestBlockEntry) {
+        return;
+      }
+      const [closestBlock, closestBlockPath] = closestBlockEntry;
+      if (closestBlockPath.length !== 1 || Node.string(closestBlock) !== "---") {
+        return;
+      }
+      const horizontalRule = {
+        type: horizontalRuleElementType,
+        children: [{ text: "" }]
+      };
+      const newHrPath = [...closestBlockPath.slice(0, -1), closestBlockPath[closestBlockPath.length - 1] + 1];
+      Transforms.insertNodes(editor, horizontalRule, {
+        at: newHrPath
+      });
+      editor.deleteBackward("character");
+      editor.deleteBackward("character");
+      editor.deleteBackward("character");
+      const pointAfter = Editor.after(editor, newHrPath);
+      if (pointAfter) {
+        Transforms.select(editor, pointAfter);
+      } else {
+        const targetPath2 = [...newHrPath.slice(0, -1), newHrPath[newHrPath.length - 1] + 1];
+        Transforms.insertNodes(editor, editor.createDefaultElement([{ text: "" }]), {
+          at: targetPath2,
+          select: true
+        });
+      }
+      closestBlockEntry = Editor.node(editor, closestBlockPath);
+      if (!closestBlockEntry) {
+        return;
+      }
+      Transforms.removeNodes(editor, {
+        at: closestBlockEntry[1]
+      });
+    });
+  };
+  return editor;
+};
+export {
+  withHorizontalRules
+};
+//# sourceMappingURL=withHorizontalRules.js.map

package/dist/development/src/plugins/element/horizonalRules/withHorizontalRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withHorizontalRules.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/horizonalRules/withHorizontalRules.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Node as SlateNode, NodeEntry, Range as SlateRange, Text, Transforms } from 'slate'\nimport { HorizontalRuleElement, horizontalRuleElementPlugin, horizontalRuleElementType } from './HorizontalRuleElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withHorizontalRules = ({ render }: { render: ElementRenderer<HorizontalRuleElement> }) => <E extends Editor>(editor: E): E => {\n\tconst { insertText } = editor\n\n\teditor.registerElement(horizontalRuleElementPlugin({ render }))\n\n\teditor.insertText = text => {\n\t\tinsertText(text)\n\t\tif (text !== '-') {\n\t\t\treturn\n\t\t}\n\t\tconst selection = editor.selection\n\t\tif (!selection || !SlateRange.isCollapsed(selection)) {\n\t\t\treturn\n\t\t}\n\t\tconst focusPoint = selection.focus\n\n\t\tif (focusPoint.offset < 3) {\n\t\t\treturn\n\t\t}\n\t\tconst [targetTextNode, targetPath] = Editor.node(editor, focusPoint)\n\t\tif (!Text.isText(targetTextNode)) {\n\t\t\treturn\n\t\t}\n\t\tconst slice = targetTextNode.text.slice(focusPoint.offset - 3, focusPoint.offset)\n\t\tif (slice !== '---') {\n\t\t\treturn\n\t\t}\n\n\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\tlet closestBlockEntry: NodeEntry | undefined = Editor.above(editor, {\n\t\t\t\tat: focusPoint,\n\t\t\t\tmode: 'lowest',\n\t\t\t\tmatch: matchedNode => SlateElement.isElement(matchedNode) && !editor.isInline(matchedNode) && editor.isDefaultElement(matchedNode),\n\t\t\t})\n\t\t\tif (!closestBlockEntry) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst [closestBlock, closestBlockPath] = closestBlockEntry\n\t\t\tif (closestBlockPath.length !== 1 || SlateNode.string(closestBlock) !== '---') {\n\t\t\t\treturn // We only support horizontal rules at the very top level.\n\t\t\t}\n\n\t\t\t// First insert the rule after the closest block\n\t\t\tconst horizontalRule: HorizontalRuleElement = {\n\t\t\t\ttype: horizontalRuleElementType,\n\t\t\t\tchildren: [{ text: '' }],\n\t\t\t}\n\t\t\tconst newHrPath = [...closestBlockPath.slice(0, -1), closestBlockPath[closestBlockPath.length - 1] + 1]\n\t\t\tTransforms.insertNodes(editor, horizontalRule, {\n\t\t\t\tat: newHrPath,\n\t\t\t})\n\n\t\t\t// Remove the '---'\n\t\t\teditor.deleteBackward('character')\n\t\t\teditor.deleteBackward('character')\n\t\t\teditor.deleteBackward('character')\n\n\t\t\tconst pointAfter = Editor.after(editor, newHrPath)\n\t\t\tif (pointAfter) {\n\t\t\t\tTransforms.select(editor, pointAfter)\n\t\t\t} else {\n\t\t\t\t// There's nothing to select so we're likely at the end. Insert a new default element then.\n\t\t\t\tconst targetPath = [...newHrPath.slice(0, -1), newHrPath[newHrPath.length - 1] + 1]\n\t\t\t\tTransforms.insertNodes(editor, editor.createDefaultElement([{ text: '' }]), {\n\t\t\t\t\tat: targetPath,\n\t\t\t\t\tselect: true,\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Lastly, if remove the closest block. Need to update the entry though.\n\t\t\tclosestBlockEntry = Editor.node(editor, closestBlockPath)\n\t\t\tif (!closestBlockEntry) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tTransforms.removeNodes(editor, {\n\t\t\t\tat: closestBlockEntry[1],\n\t\t\t})\n\t\t})\n\t}\n\n\treturn editor\n}\n"],"names":["SlateRange","SlateElement","SlateNode","targetPath"],"mappings":";;AAIO,MAAM,sBAAsB,CAAC,EAAE,OAAA,MAAiE,CAAmB,WAAiB;AAC1I,QAAM,EAAE,eAAe;AAEvB,SAAO,gBAAgB,4BAA4B,EAAE,OAAA,CAAQ,CAAC;AAE9D,SAAO,aAAa,CAAA,SAAQ;AAC3B,eAAW,IAAI;AACf,QAAI,SAAS,KAAK;AACjB;AAAA,IACD;AACA,UAAM,YAAY,OAAO;AACzB,QAAI,CAAC,aAAa,CAACA,MAAW,YAAY,SAAS,GAAG;AACrD;AAAA,IACD;AACA,UAAM,aAAa,UAAU;AAE7B,QAAI,WAAW,SAAS,GAAG;AAC1B;AAAA,IACD;AACA,UAAM,CAAC,gBAAgB,UAAU,IAAI,OAAO,KAAK,QAAQ,UAAU;AACnE,QAAI,CAAC,KAAK,OAAO,cAAc,GAAG;AACjC;AAAA,IACD;AACA,UAAM,QAAQ,eAAe,KAAK,MAAM,WAAW,SAAS,GAAG,WAAW,MAAM;AAChF,QAAI,UAAU,OAAO;AACpB;AAAA,IACD;AAEA,WAAO,mBAAmB,QAAQ,MAAM;AACvC,UAAI,oBAA2C,OAAO,MAAM,QAAQ;AAAA,QACnE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,CAAA,gBAAeC,QAAa,UAAU,WAAW,KAAK,CAAC,OAAO,SAAS,WAAW,KAAK,OAAO,iBAAiB,WAAW;AAAA,MAAA,CACjI;AACD,UAAI,CAAC,mBAAmB;AACvB;AAAA,MACD;AACA,YAAM,CAAC,cAAc,gBAAgB,IAAI;AACzC,UAAI,iBAAiB,WAAW,KAAKC,KAAU,OAAO,YAAY,MAAM,OAAO;AAC9E;AAAA,MACD;AAGA,YAAM,iBAAwC;AAAA,QAC7C,MAAM;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,MAAA;AAExB,YAAM,YAAY,CAAC,GAAG,iBAAiB,MAAM,GAAG,EAAE,GAAG,iBAAiB,iBAAiB,SAAS,CAAC,IAAI,CAAC;AACtG,iBAAW,YAAY,QAAQ,gBAAgB;AAAA,QAC9C,IAAI;AAAA,MAAA,CACJ;AAGD,aAAO,eAAe,WAAW;AACjC,aAAO,eAAe,WAAW;AACjC,aAAO,eAAe,WAAW;AAEjC,YAAM,aAAa,OAAO,MAAM,QAAQ,SAAS;AACjD,UAAI,YAAY;AACf,mBAAW,OAAO,QAAQ,UAAU;AAAA,MACrC,OAAO;AAEN,cAAMC,cAAa,CAAC,GAAG,UAAU,MAAM,GAAG,EAAE,GAAG,UAAU,UAAU,SAAS,CAAC,IAAI,CAAC;AAClF,mBAAW,YAAY,QAAQ,OAAO,qBAAqB,CAAC,EAAE,MAAM,GAAA,CAAI,CAAC,GAAG;AAAA,UAC3E,IAAIA;AAAAA,UACJ,QAAQ;AAAA,QAAA,CACR;AAAA,MACF;AAGA,0BAAoB,OAAO,KAAK,QAAQ,gBAAgB;AACxD,UAAI,CAAC,mBAAmB;AACvB;AAAA,MACD;AACA,iBAAW,YAAY,QAAQ;AAAA,QAC9B,IAAI,kBAAkB,CAAC;AAAA,MAAA,CACvB;AAAA,IACF,CAAC;AAAA,EACF;AAEA,SAAO;AACR;"}

package/dist/development/src/plugins/element/lists/ListElement.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const UnorderedListElement = require("./UnorderedListElement.cjs");
+const OrderedListElement = require("./OrderedListElement.cjs");
+const index = require("../../../editor/index.cjs");
+const ListItemElement = require("./ListItemElement.cjs");
+const isListElement = (element, suchThat) => OrderedListElement.isOrderedListElement(element, suchThat) || UnorderedListElement.isUnorderedListElement(element, suchThat);
+const getParentListElement = (editor) => {
+  const closestNonDefaultEntry = index.ContemberEditor.closest(editor, {
+    match: (node) => Slate.Element.isElement(node) && Slate.Editor.isBlock(editor, node) && !editor.isDefaultElement(node)
+  });
+  if (!closestNonDefaultEntry) {
+    return void 0;
+  }
+  const [closestNonDefaultElement, closestNonDefaultPath] = closestNonDefaultEntry;
+  if (ListItemElement.isListItemElement(closestNonDefaultElement)) {
+    return Slate.Editor.node(editor, Slate.Path.parent(closestNonDefaultPath))[0];
+  } else if (isListElement(closestNonDefaultElement)) {
+    return closestNonDefaultElement;
+  }
+  return void 0;
+};
+exports.getParentListElement = getParentListElement;
+exports.isListElement = isListElement;
+//# sourceMappingURL=ListElement.cjs.map

package/dist/development/src/plugins/element/lists/ListElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListElement.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/lists/ListElement.ts"],"sourcesContent":["import { Editor, Element, Element as SlateElement, Node, Path as SlatePath } from 'slate'\nimport { isUnorderedListElement, UnorderedListElement } from './UnorderedListElement'\nimport { isOrderedListElement, OrderedListElement } from './OrderedListElement'\nimport { ContemberEditor } from '../../../editor'\nimport { isListItemElement } from './ListItemElement'\n\nexport const isListElement = <T extends UnorderedListElement | OrderedListElement>(\n\telement: Node,\n\tsuchThat?: Partial<T>,\n): element is T =>\n\tisOrderedListElement(element, suchThat as Partial<OrderedListElement>) || isUnorderedListElement(element, suchThat as Partial<UnorderedListElement>)\n\nexport const getParentListElement = (editor: Editor): Element | undefined => {\n\tconst closestNonDefaultEntry = ContemberEditor.closest(editor, {\n\t\tmatch: node => SlateElement.isElement(node) && Editor.isBlock(editor, node) && !editor.isDefaultElement(node),\n\t})\n\tif (!closestNonDefaultEntry) {\n\t\treturn undefined\n\t}\n\tconst [closestNonDefaultElement, closestNonDefaultPath] = closestNonDefaultEntry\n\tif (isListItemElement(closestNonDefaultElement)) {\n\t\treturn Editor.node(editor, SlatePath.parent(closestNonDefaultPath))[0] as SlateElement\n\t} else if (isListElement(closestNonDefaultElement)) {\n\t\treturn closestNonDefaultElement\n\t}\n\treturn undefined\n}\n"],"names":["isOrderedListElement","isUnorderedListElement","ContemberEditor","SlateElement","Editor","isListItemElement","SlatePath"],"mappings":";;;;;;;AAMO,MAAM,gBAAgB,CAC5B,SACA,aAEAA,mBAAAA,qBAAqB,SAAS,QAAuC,KAAKC,4CAAuB,SAAS,QAAyC;AAE7I,MAAM,uBAAuB,CAAC,WAAwC;AAC5E,QAAM,yBAAyBC,MAAAA,gBAAgB,QAAQ,QAAQ;AAAA,IAC9D,OAAO,CAAA,SAAQC,MAAAA,QAAa,UAAU,IAAI,KAAKC,MAAAA,OAAO,QAAQ,QAAQ,IAAI,KAAK,CAAC,OAAO,iBAAiB,IAAI;AAAA,EAAA,CAC5G;AACD,MAAI,CAAC,wBAAwB;AAC5B,WAAO;AAAA,EACR;AACA,QAAM,CAAC,0BAA0B,qBAAqB,IAAI;AAC1D,MAAIC,gBAAAA,kBAAkB,wBAAwB,GAAG;AAChD,WAAOD,MAAAA,OAAO,KAAK,QAAQE,MAAAA,KAAU,OAAO,qBAAqB,CAAC,EAAE,CAAC;AAAA,EACtE,WAAW,cAAc,wBAAwB,GAAG;AACnD,WAAO;AAAA,EACR;AACA,SAAO;AACR;;;"}

package/dist/development/src/plugins/element/lists/ListElement.js

@@ -0,0 +1,26 @@
+import { Element, Editor, Path } from "slate";
+import { isUnorderedListElement } from "./UnorderedListElement.js";
+import { isOrderedListElement } from "./OrderedListElement.js";
+import { ContemberEditor } from "../../../editor/index.js";
+import { isListItemElement } from "./ListItemElement.js";
+const isListElement = (element, suchThat) => isOrderedListElement(element, suchThat) || isUnorderedListElement(element, suchThat);
+const getParentListElement = (editor) => {
+  const closestNonDefaultEntry = ContemberEditor.closest(editor, {
+    match: (node) => Element.isElement(node) && Editor.isBlock(editor, node) && !editor.isDefaultElement(node)
+  });
+  if (!closestNonDefaultEntry) {
+    return void 0;
+  }
+  const [closestNonDefaultElement, closestNonDefaultPath] = closestNonDefaultEntry;
+  if (isListItemElement(closestNonDefaultElement)) {
+    return Editor.node(editor, Path.parent(closestNonDefaultPath))[0];
+  } else if (isListElement(closestNonDefaultElement)) {
+    return closestNonDefaultElement;
+  }
+  return void 0;
+};
+export {
+  getParentListElement,
+  isListElement
+};
+//# sourceMappingURL=ListElement.js.map

package/dist/development/src/plugins/element/lists/ListElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListElement.js","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/lists/ListElement.ts"],"sourcesContent":["import { Editor, Element, Element as SlateElement, Node, Path as SlatePath } from 'slate'\nimport { isUnorderedListElement, UnorderedListElement } from './UnorderedListElement'\nimport { isOrderedListElement, OrderedListElement } from './OrderedListElement'\nimport { ContemberEditor } from '../../../editor'\nimport { isListItemElement } from './ListItemElement'\n\nexport const isListElement = <T extends UnorderedListElement | OrderedListElement>(\n\telement: Node,\n\tsuchThat?: Partial<T>,\n): element is T =>\n\tisOrderedListElement(element, suchThat as Partial<OrderedListElement>) || isUnorderedListElement(element, suchThat as Partial<UnorderedListElement>)\n\nexport const getParentListElement = (editor: Editor): Element | undefined => {\n\tconst closestNonDefaultEntry = ContemberEditor.closest(editor, {\n\t\tmatch: node => SlateElement.isElement(node) && Editor.isBlock(editor, node) && !editor.isDefaultElement(node),\n\t})\n\tif (!closestNonDefaultEntry) {\n\t\treturn undefined\n\t}\n\tconst [closestNonDefaultElement, closestNonDefaultPath] = closestNonDefaultEntry\n\tif (isListItemElement(closestNonDefaultElement)) {\n\t\treturn Editor.node(editor, SlatePath.parent(closestNonDefaultPath))[0] as SlateElement\n\t} else if (isListElement(closestNonDefaultElement)) {\n\t\treturn closestNonDefaultElement\n\t}\n\treturn undefined\n}\n"],"names":["SlateElement","SlatePath"],"mappings":";;;;;AAMO,MAAM,gBAAgB,CAC5B,SACA,aAEA,qBAAqB,SAAS,QAAuC,KAAK,uBAAuB,SAAS,QAAyC;AAE7I,MAAM,uBAAuB,CAAC,WAAwC;AAC5E,QAAM,yBAAyB,gBAAgB,QAAQ,QAAQ;AAAA,IAC9D,OAAO,CAAA,SAAQA,QAAa,UAAU,IAAI,KAAK,OAAO,QAAQ,QAAQ,IAAI,KAAK,CAAC,OAAO,iBAAiB,IAAI;AAAA,EAAA,CAC5G;AACD,MAAI,CAAC,wBAAwB;AAC5B,WAAO;AAAA,EACR;AACA,QAAM,CAAC,0BAA0B,qBAAqB,IAAI;AAC1D,MAAI,kBAAkB,wBAAwB,GAAG;AAChD,WAAO,OAAO,KAAK,QAAQC,KAAU,OAAO,qBAAqB,CAAC,EAAE,CAAC;AAAA,EACtE,WAAW,cAAc,wBAAwB,GAAG;AACnD,WAAO;AAAA,EACR;AACA,SAAO;AACR;"}

package/dist/development/src/plugins/element/lists/ListHtmlDeserializer.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const UnorderedListElement = require("./UnorderedListElement.cjs");
+const OrderedListElement = require("./OrderedListElement.cjs");
+const ListItemElement = require("./ListItemElement.cjs");
+const EditorPasteUtils = require("../../../internal/utils/EditorPasteUtils.cjs");
+const defaultGetListElementProperties = (text) => {
+  const firstChar = text[0];
+  return {
+    ordered: firstChar === "o" ? false : firstChar.match(/^\w$/) !== null,
+    properties: {}
+  };
+};
+const listHtmlDeserializerFactory = ({ getListElementProperties = defaultGetListElementProperties } = {}) => ({
+  processBlockPaste: ({ element, next, cumulativeTextAttrs }) => {
+    if (element.tagName === "UL") {
+      return [{ type: UnorderedListElement.unorderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    if (element.tagName === "OL") {
+      return [{ type: OrderedListElement.orderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    if (element.tagName === "LI") {
+      return [{ type: ListItemElement.listItemElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    return null;
+  },
+  processNodeListPaste: ({ nodeList, cumulativeTextAttrs, deserializer }) => {
+    const result = [];
+    let group = [];
+    let groupWasList = false;
+    let isOrdered = false;
+    let currentListProperties = {};
+    let includesList = false;
+    let lastListId = null;
+    const processGroup = () => {
+      if (groupWasList) {
+        return {
+          elements: [
+            {
+              type: isOrdered ? OrderedListElement.orderedListElementType : UnorderedListElement.unorderedListElementType,
+              ...currentListProperties,
+              children: group.map((item) => {
+                return {
+                  type: ListItemElement.listItemElementType,
+                  children: deserializer.deserializeBlocks(
+                    EditorPasteUtils.EditorPasteUtils.wordPasteListItemContent(item.childNodes),
+                    cumulativeTextAttrs
+                  )
+                };
+              })
+            }
+          ]
+        };
+      } else {
+        return deserializer.processNodeListPaste(group, cumulativeTextAttrs);
+      }
+    };
+    for (let i = 0; i < nodeList.length; i++) {
+      const curr = nodeList[i];
+      const isWhiteSpace = curr.nodeType === Node.TEXT_NODE && curr.textContent?.match(/^\s*$/) !== null;
+      if (groupWasList && isWhiteSpace) {
+        continue;
+      }
+      let isList = false;
+      let listId = null;
+      if (curr instanceof HTMLElement && curr.nodeName === "P") {
+        const match = curr.getAttribute("style")?.match(/mso-list:(\w+ level\d+ \w+)/) ?? null;
+        if (match !== null) {
+          isList = true;
+          listId = match[1];
+          if (!groupWasList || lastListId === listId) {
+            const textContent = curr.textContent;
+            const specifics = getListElementProperties(textContent);
+            isOrdered = specifics.ordered;
+            currentListProperties = specifics.properties;
+          }
+        }
+      }
+      if (isList !== groupWasList || listId !== lastListId) {
+        includesList = true;
+        if (group.length > 0) {
+          result.push(processGroup());
+          group = [];
+        }
+      }
+      groupWasList = isList;
+      lastListId = listId;
+      group.push(curr);
+    }
+    if (includesList) {
+      result.push(processGroup());
+      return EditorPasteUtils.EditorPasteUtils.flattenNodesWithType(result, deserializer.createDefaultElement);
+    }
+    return null;
+  }
+});
+exports.listHtmlDeserializerFactory = listHtmlDeserializerFactory;
+//# sourceMappingURL=ListHtmlDeserializer.cjs.map

package/dist/development/src/plugins/element/lists/ListHtmlDeserializer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHtmlDeserializer.cjs","sources":["../../../../../../../packages/react-slate-editor-base/src/plugins/element/lists/ListHtmlDeserializer.ts"],"sourcesContent":["import { unorderedListElementType } from './UnorderedListElement'\nimport { orderedListElementType } from './OrderedListElement'\nimport { listItemElementType } from './ListItemElement'\nimport { Element as SlateElement } from 'slate'\nimport { HtmlDeserializerPlugin } from '../../../types'\nimport { NodesWithType } from '../../behaviour/paste/HtmlDeserializer'\nimport { EditorPasteUtils } from '../../../internal/utils/EditorPasteUtils'\n\nexport interface ListElementProperties {\n\tordered: boolean\n\tproperties: Record<string, unknown>\n}\n\nexport interface ListHtmlDeserializerOptions {\n\tgetListElementProperties?: (text: string) => ListElementProperties\n}\n\nconst defaultGetListElementProperties = (text: string): ListElementProperties => {\n\tconst firstChar = text[0]\n\treturn {\n\t\tordered: firstChar === 'o' ? false : firstChar.match(/^\\w$/) !== null,\n\t\tproperties: {},\n\t}\n}\n\nexport const listHtmlDeserializerFactory = (\n\t{ getListElementProperties = defaultGetListElementProperties }: ListHtmlDeserializerOptions = {},\n): HtmlDeserializerPlugin => ({\n\tprocessBlockPaste: ({ element, next, cumulativeTextAttrs }) => {\n\t\tif (element.tagName === 'UL') {\n\t\t\treturn [{ type: unorderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }]\n\t\t}\n\t\tif (element.tagName === 'OL') {\n\t\t\treturn [{ type: orderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }]\n\t\t}\n\t\tif (element.tagName === 'LI') {\n\t\t\treturn [{ type: listItemElementType, children: next(element.childNodes, cumulativeTextAttrs) }]\n\t\t}\n\t\treturn null\n\t},\n\tprocessNodeListPaste: ({ nodeList, cumulativeTextAttrs, deserializer }) => {\n\t\tconst result: NodesWithType[] = []\n\t\tlet group: Node[] = []\n\t\tlet groupWasList = false\n\t\tlet isOrdered: boolean = false\n\t\tlet currentListProperties: Record<string, unknown> = {}\n\t\tlet includesList = false\n\t\tlet lastListId: string | null = null\n\n\t\tconst processGroup = (): NodesWithType => {\n\t\t\tif (groupWasList) {\n\t\t\t\treturn {\n\t\t\t\t\telements: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: isOrdered ? orderedListElementType : unorderedListElementType,\n\t\t\t\t\t\t\t...currentListProperties,\n\t\t\t\t\t\t\tchildren: group.map(item => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\ttype: listItemElementType,\n\t\t\t\t\t\t\t\t\tchildren: deserializer.deserializeBlocks(\n\t\t\t\t\t\t\t\t\t\tEditorPasteUtils.wordPasteListItemContent(item.childNodes),\n\t\t\t\t\t\t\t\t\t\tcumulativeTextAttrs,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t} as SlateElement,\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn deserializer.processNodeListPaste(group, cumulativeTextAttrs)\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = 0; i < nodeList.length; i++) {\n\t\t\tconst curr = nodeList[i]\n\t\t\tconst isWhiteSpace = curr.nodeType === Node.TEXT_NODE && curr.textContent?.match(/^\\s*$/) !== null\n\t\t\tif (groupWasList && isWhiteSpace) {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tlet isList = false\n\t\t\tlet listId: string | null = null\n\t\t\tif (curr instanceof HTMLElement && curr.nodeName === 'P') {\n\t\t\t\tconst match = curr.getAttribute('style')?.match(/mso-list:(\\w+ level\\d+ \\w+)/) ?? null\n\t\t\t\tif (match !== null) {\n\t\t\t\t\tisList = true\n\t\t\t\t\tlistId = match[1]\n\n\t\t\t\t\tif (!groupWasList || lastListId === listId) {\n\t\t\t\t\t\tconst textContent = (curr as HTMLElement).textContent!\n\t\t\t\t\t\tconst specifics: ListElementProperties = getListElementProperties(textContent)\n\t\t\t\t\t\tisOrdered = specifics.ordered\n\t\t\t\t\t\tcurrentListProperties = specifics.properties\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (isList !== groupWasList || listId !== lastListId) {\n\t\t\t\tincludesList = true\n\t\t\t\tif (group.length > 0) {\n\t\t\t\t\tresult.push(processGroup())\n\t\t\t\t\tgroup = []\n\t\t\t\t}\n\t\t\t}\n\t\t\tgroupWasList = isList\n\t\t\tlastListId = listId\n\t\t\tgroup.push(curr)\n\t\t}\n\n\t\tif (includesList) {\n\t\t\tresult.push(processGroup())\n\t\t\treturn EditorPasteUtils.flattenNodesWithType(result, deserializer.createDefaultElement)\n\t\t}\n\t\treturn null\n\t},\n})\n"],"names":["unorderedListElementType","orderedListElementType","listItemElementType","EditorPasteUtils"],"mappings":";;;;;;AAiBA,MAAM,kCAAkC,CAAC,SAAwC;AAChF,QAAM,YAAY,KAAK,CAAC;AACxB,SAAO;AAAA,IACN,SAAS,cAAc,MAAM,QAAQ,UAAU,MAAM,MAAM,MAAM;AAAA,IACjE,YAAY,CAAA;AAAA,EAAC;AAEf;AAEO,MAAM,8BAA8B,CAC1C,EAAE,2BAA2B,gCAAA,IAAiE,CAAA,OACjE;AAAA,EAC7B,mBAAmB,CAAC,EAAE,SAAS,MAAM,0BAA0B;AAC9D,QAAI,QAAQ,YAAY,MAAM;AAC7B,aAAO,CAAC,EAAE,MAAMA,qBAAAA,0BAA0B,UAAU,KAAK,QAAQ,YAAY,mBAAmB,GAAG;AAAA,IACpG;AACA,QAAI,QAAQ,YAAY,MAAM;AAC7B,aAAO,CAAC,EAAE,MAAMC,mBAAAA,wBAAwB,UAAU,KAAK,QAAQ,YAAY,mBAAmB,GAAG;AAAA,IAClG;AACA,QAAI,QAAQ,YAAY,MAAM;AAC7B,aAAO,CAAC,EAAE,MAAMC,gBAAAA,qBAAqB,UAAU,KAAK,QAAQ,YAAY,mBAAmB,GAAG;AAAA,IAC/F;AACA,WAAO;AAAA,EACR;AAAA,EACA,sBAAsB,CAAC,EAAE,UAAU,qBAAqB,mBAAmB;AAC1E,UAAM,SAA0B,CAAA;AAChC,QAAI,QAAgB,CAAA;AACpB,QAAI,eAAe;AACnB,QAAI,YAAqB;AACzB,QAAI,wBAAiD,CAAA;AACrD,QAAI,eAAe;AACnB,QAAI,aAA4B;AAEhC,UAAM,eAAe,MAAqB;AACzC,UAAI,cAAc;AACjB,eAAO;AAAA,UACN,UAAU;AAAA,YACT;AAAA,cACC,MAAM,YAAYD,mBAAAA,yBAAyBD,qBAAAA;AAAAA,cAC3C,GAAG;AAAA,cACH,UAAU,MAAM,IAAI,CAAA,SAAQ;AAC3B,uBAAO;AAAA,kBACN,MAAME,gBAAAA;AAAAA,kBACN,UAAU,aAAa;AAAA,oBACtBC,kCAAiB,yBAAyB,KAAK,UAAU;AAAA,oBACzD;AAAA,kBAAA;AAAA,gBACD;AAAA,cAEF,CAAC;AAAA,YAAA;AAAA,UACF;AAAA,QACD;AAAA,MAEF,OAAO;AACN,eAAO,aAAa,qBAAqB,OAAO,mBAAmB;AAAA,MACpE;AAAA,IACD;AAEA,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACzC,YAAM,OAAO,SAAS,CAAC;AACvB,YAAM,eAAe,KAAK,aAAa,KAAK,aAAa,KAAK,aAAa,MAAM,OAAO,MAAM;AAC9F,UAAI,gBAAgB,cAAc;AACjC;AAAA,MACD;AACA,UAAI,SAAS;AACb,UAAI,SAAwB;AAC5B,UAAI,gBAAgB,eAAe,KAAK,aAAa,KAAK;AACzD,cAAM,QAAQ,KAAK,aAAa,OAAO,GAAG,MAAM,6BAA6B,KAAK;AAClF,YAAI,UAAU,MAAM;AACnB,mBAAS;AACT,mBAAS,MAAM,CAAC;AAEhB,cAAI,CAAC,gBAAgB,eAAe,QAAQ;AAC3C,kBAAM,cAAe,KAAqB;AAC1C,kBAAM,YAAmC,yBAAyB,WAAW;AAC7E,wBAAY,UAAU;AACtB,oCAAwB,UAAU;AAAA,UACnC;AAAA,QACD;AAAA,MACD;AAEA,UAAI,WAAW,gBAAgB,WAAW,YAAY;AACrD,uBAAe;AACf,YAAI,MAAM,SAAS,GAAG;AACrB,iBAAO,KAAK,cAAc;AAC1B,kBAAQ,CAAA;AAAA,QACT;AAAA,MACD;AACA,qBAAe;AACf,mBAAa;AACb,YAAM,KAAK,IAAI;AAAA,IAChB;AAEA,QAAI,cAAc;AACjB,aAAO,KAAK,cAAc;AAC1B,aAAOA,iBAAAA,iBAAiB,qBAAqB,QAAQ,aAAa,oBAAoB;AAAA,IACvF;AACA,WAAO;AAAA,EACR;AACD;;"}

package/dist/development/src/plugins/element/lists/ListHtmlDeserializer.js

@@ -0,0 +1,98 @@
+import { unorderedListElementType } from "./UnorderedListElement.js";
+import { orderedListElementType } from "./OrderedListElement.js";
+import { listItemElementType } from "./ListItemElement.js";
+import { EditorPasteUtils } from "../../../internal/utils/EditorPasteUtils.js";
+const defaultGetListElementProperties = (text) => {
+  const firstChar = text[0];
+  return {
+    ordered: firstChar === "o" ? false : firstChar.match(/^\w$/) !== null,
+    properties: {}
+  };
+};
+const listHtmlDeserializerFactory = ({ getListElementProperties = defaultGetListElementProperties } = {}) => ({
+  processBlockPaste: ({ element, next, cumulativeTextAttrs }) => {
+    if (element.tagName === "UL") {
+      return [{ type: unorderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    if (element.tagName === "OL") {
+      return [{ type: orderedListElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    if (element.tagName === "LI") {
+      return [{ type: listItemElementType, children: next(element.childNodes, cumulativeTextAttrs) }];
+    }
+    return null;
+  },
+  processNodeListPaste: ({ nodeList, cumulativeTextAttrs, deserializer }) => {
+    const result = [];
+    let group = [];
+    let groupWasList = false;
+    let isOrdered = false;
+    let currentListProperties = {};
+    let includesList = false;
+    let lastListId = null;
+    const processGroup = () => {
+      if (groupWasList) {
+        return {
+          elements: [
+            {
+              type: isOrdered ? orderedListElementType : unorderedListElementType,
+              ...currentListProperties,
+              children: group.map((item) => {
+                return {
+                  type: listItemElementType,
+                  children: deserializer.deserializeBlocks(
+                    EditorPasteUtils.wordPasteListItemContent(item.childNodes),
+                    cumulativeTextAttrs
+                  )
+                };
+              })
+            }
+          ]
+        };
+      } else {
+        return deserializer.processNodeListPaste(group, cumulativeTextAttrs);
+      }
+    };
+    for (let i = 0; i < nodeList.length; i++) {
+      const curr = nodeList[i];
+      const isWhiteSpace = curr.nodeType === Node.TEXT_NODE && curr.textContent?.match(/^\s*$/) !== null;
+      if (groupWasList && isWhiteSpace) {
+        continue;
+      }
+      let isList = false;
+      let listId = null;
+      if (curr instanceof HTMLElement && curr.nodeName === "P") {
+        const match = curr.getAttribute("style")?.match(/mso-list:(\w+ level\d+ \w+)/) ?? null;
+        if (match !== null) {
+          isList = true;
+          listId = match[1];
+          if (!groupWasList || lastListId === listId) {
+            const textContent = curr.textContent;
+            const specifics = getListElementProperties(textContent);
+            isOrdered = specifics.ordered;
+            currentListProperties = specifics.properties;
+          }
+        }
+      }
+      if (isList !== groupWasList || listId !== lastListId) {
+        includesList = true;
+        if (group.length > 0) {
+          result.push(processGroup());
+          group = [];
+        }
+      }
+      groupWasList = isList;
+      lastListId = listId;
+      group.push(curr);
+    }
+    if (includesList) {
+      result.push(processGroup());
+      return EditorPasteUtils.flattenNodesWithType(result, deserializer.createDefaultElement);
+    }
+    return null;
+  }
+});
+export {
+  listHtmlDeserializerFactory
+};
+//# sourceMappingURL=ListHtmlDeserializer.js.map