@contentful/field-editor-rich-text 3.16.8 → 3.16.10

package/dist/esm/plugins/List/components/List.js

@@ -36,7 +36,7 @@ const styles = {
 };
 function createList(Tag, block) {
     return function List(props) {
-        return /*#__PURE__*/ React.createElement(Tag, {
+        return React.createElement(Tag, {
             ...props.attributes,
             className: cx(baseStyle, styles[block])
         }, props.children);

package/dist/esm/plugins/List/components/ListItem.js

@@ -12,7 +12,7 @@ const style = css`
   }
 `;
 export function ListItem(props) {
-    return /*#__PURE__*/ React.createElement("li", {
+    return React.createElement("li", {
         ...props.attributes,
         className: style
     }, props.children);

package/dist/esm/plugins/List/components/ToolbarListButton.js

@@ -21,17 +21,17 @@ export function ToolbarListButton(props) {
         };
     }
     if (!editor) return null;
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, isNodeTypeEnabled(sdk.field, BLOCKS.UL_LIST) && /*#__PURE__*/ React.createElement(ToolbarButton, {
+    return React.createElement(React.Fragment, null, isNodeTypeEnabled(sdk.field, BLOCKS.UL_LIST) && React.createElement(ToolbarButton, {
         title: "UL",
         testId: "ul-toolbar-button",
         onClick: handleClick(BLOCKS.UL_LIST),
         isActive: isListTypeActive(editor, BLOCKS.UL_LIST),
         isDisabled: props.isDisabled
-    }, /*#__PURE__*/ React.createElement(ListBulletedIcon, null)), isNodeTypeEnabled(sdk.field, BLOCKS.OL_LIST) && /*#__PURE__*/ React.createElement(ToolbarButton, {
+    }, React.createElement(ListBulletedIcon, null)), isNodeTypeEnabled(sdk.field, BLOCKS.OL_LIST) && React.createElement(ToolbarButton, {
         title: "OL",
         testId: "ol-toolbar-button",
         onClick: handleClick(BLOCKS.OL_LIST),
         isActive: isListTypeActive(editor, BLOCKS.OL_LIST),
         isDisabled: props.isDisabled
-    }, /*#__PURE__*/ React.createElement(ListNumberedIcon, null)));
+    }, React.createElement(ListNumberedIcon, null)));
 }

package/dist/esm/plugins/List/createListPlugin.js

@@ -28,8 +28,6 @@ export const createListPlugin = ()=>createPlateListPlugin({
                 handlers: {
                     onKeyDown: onKeyDownList
                 },
-                // The withList is added on ELEMENT_UL plugin in upstream code
-                // so we need to override it here
                 withOverrides: withList
             },
             [ELEMENT_OL]: {
@@ -39,14 +37,12 @@ export const createListPlugin = ()=>createPlateListPlugin({
                     onKeyDown: onKeyDownList
                 }
             },
-            // ELEMENT_LIC is a child of li, Slate does ul > li > lic + ul
             [ELEMENT_LIC]: {
                 type: BLOCKS.PARAGRAPH
             },
             [ELEMENT_LI]: {
                 type: BLOCKS.LIST_ITEM,
                 component: ListItem,
-                // @ts-expect-error
                 normalizer: [
                     {
                         validNode: hasListAsDirectParent,

package/dist/esm/plugins/List/insertListBreak.js

@@ -1,9 +1,4 @@
-/**
- * Credit: Copied & modified version from Plate's list plugin to support
- * list items with multiple children.
- *
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { TEXT_CONTAINERS } from '@contentful/rich-text-types';
+import { TEXT_CONTAINERS } from '@contentful/rich-text-types';
 import { ELEMENT_DEFAULT, getPluginType, isBlockAboveEmpty, mockPlugin } from '@udecode/plate-common';
 import { getListItemEntry, moveListItemUp, unwrapList, ELEMENT_LI } from '@udecode/plate-list';
 import { onKeyDownResetNode, SIMULATE_BACKSPACE } from '@udecode/plate-reset-node';
@@ -12,11 +7,9 @@ const listBreak = (editor)=>{
     if (!editor.selection) return false;
     const res = getListItemEntry(editor, {});
     let moved;
-    // If selection is in a li
     if (res) {
-        const { list, listItem } = res;
+        const { list , listItem  } = res;
         const childNode = listItem[0].children[0];
-        // If selected li is empty, move it up.
         if (isBlockAboveEmpty(editor) && listItem[0].children.length === 1 && TEXT_CONTAINERS.includes(childNode.type)) {
             moved = moveListItemUp(editor, {
                 list,
@@ -42,16 +35,14 @@ const listBreak = (editor)=>{
     if (didReset) {
         return true;
     }
-    /**
-   * If selection is in li > p, insert li.
-   */ if (!moved) {
+    if (!moved) {
         const inserted = insertListItem(editor);
         if (inserted) return true;
     }
     return false;
 };
 export const insertListBreak = (editor)=>{
-    const { insertBreak } = editor;
+    const { insertBreak  } = editor;
     return ()=>{
         if (listBreak(editor)) return;
         insertBreak();

package/dist/esm/plugins/List/insertListFragment.js

@@ -1,7 +1,4 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { TEXT_CONTAINERS, BLOCKS } from '@contentful/rich-text-types';
+import { TEXT_CONTAINERS, BLOCKS } from '@contentful/rich-text-types';
 import { findNode } from '@udecode/plate-common';
 import { isBlockNode, isAncestorPath, getCommonNode, getNodeTexts, getParentPath, getDescendantNodeByPath } from '../../internal/queries';
 import { insertNodes } from '../../internal/transforms';
@@ -19,26 +16,19 @@ const isListRoot = (node)=>[
         BLOCKS.UL_LIST,
         BLOCKS.OL_LIST
     ].includes(node.type);
-/**
- * Removes the "empty" leading lis. Empty in this context means lis only with other lis as children.
- *
- * @returns If argument is not a list root, returns it, otherwise returns ul[] or li[].
- */ const trimList = (listRoot)=>{
+const trimList = (listRoot)=>{
     if (!isListRoot(listRoot)) {
         return [
             listRoot
         ];
     }
     const textEntries = Array.from(getNodeTexts(listRoot));
-    const commonAncestorEntry = textEntries.reduce((commonAncestor, textEntry)=>isAncestorPath(commonAncestor[1], textEntry[1]) ? commonAncestor : getCommonNode(listRoot, textEntry[1], commonAncestor[1]), // any list item would do, we grab the first one
-    getFirstAncestorOfType(listRoot, textEntries[0]));
+    const commonAncestorEntry = textEntries.reduce((commonAncestor, textEntry)=>isAncestorPath(commonAncestor[1], textEntry[1]) ? commonAncestor : getCommonNode(listRoot, textEntry[1], commonAncestor[1]), getFirstAncestorOfType(listRoot, textEntries[0]));
     return isListRoot(commonAncestorEntry[0]) ? commonAncestorEntry[0].children : [
         commonAncestorEntry[0]
     ];
 };
-/**
- * Removes leading li when pasting a single li with a single child.
- */ const trimLiWrapper = (nodes)=>{
+const trimLiWrapper = (nodes)=>{
     if (nodes.length !== 1) {
         return nodes;
     }
@@ -59,7 +49,7 @@ const unwrapTextContainerAtStart = (nodes)=>{
     return nodes;
 };
 export const insertListFragment = (editor)=>{
-    const { insertFragment } = editor;
+    const { insertFragment  } = editor;
     return (fragment)=>{
         if (!editor.selection) {
             return;
@@ -78,9 +68,6 @@ export const insertListFragment = (editor)=>{
             }
             const inlines = nodes.slice(0, firstBlockIndex);
             const blocks = nodes.slice(firstBlockIndex);
-            // Two calls to insertNodes are required here. Otherwise, all blocks
-            // after a text or inline element occurrence will be unwrapped for
-            // some reason.
             insertNodes(editor, inlines, {
                 at: editor.selection,
                 select: true

package/dist/esm/plugins/List/onKeyDownList.js

@@ -1,12 +1,8 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import isHotkey from 'is-hotkey';
-import castArray from 'lodash/castArray';
+import isHotkey from 'is-hotkey';
 import { getAboveNode } from '../../internal/queries';
 import { moveListItems } from './transforms/moveListItems';
 import { toggleList } from './transforms/toggleList';
-export const onKeyDownList = (editor, { type, options: { hotkey } })=>(e)=>{
+export const onKeyDownList = (editor, { type , options: { hotkey  }  })=>(e)=>{
         if (e.key === 'Tab' && editor.selection) {
             const listSelected = getAboveNode(editor, {
                 at: editor.selection,
@@ -23,7 +19,9 @@ export const onKeyDownList = (editor, { type, options: { hotkey } })=>(e)=>{
             }
         }
         if (!hotkey) return;
-        const hotkeys = castArray(hotkey);
+        const hotkeys = Array.isArray(hotkey) ? hotkey : [
+            hotkey
+        ];
         for (const _hotkey of hotkeys){
             if (isHotkey(_hotkey)(e)) {
                 toggleList(editor, {

package/dist/esm/plugins/List/transforms/insertListItem.js

@@ -2,9 +2,7 @@ import { BLOCKS, TEXT_CONTAINERS } from '@contentful/rich-text-types';
 import { withoutNormalizing } from '../../../internal';
 import { getAboveNode, getParentNode, isFirstChildPath, isSelectionAtBlockEnd, isSelectionAtBlockStart, getMarks, getNextPath } from '../../../internal/queries';
 import { select, insertNodes, moveChildren, splitNodes, collapseSelection } from '../../../internal/transforms';
-/**
- * Build a new list item node while preserving marks
- */ const emptyListItemNode = (editor, withChildren = false)=>{
+const emptyListItemNode = (editor, withChildren = false)=>{
     let children = [];
     if (withChildren) {
         const marks = getMarks(editor) || {};
@@ -27,13 +25,10 @@ import { select, insertNodes, moveChildren, splitNodes, collapseSelection } from
         children
     };
 };
-/**
- * Insert list item if selection is in li>p.
- */ export const insertListItem = (editor)=>{
+export const insertListItem = (editor)=>{
     if (!editor.selection) {
         return false;
     }
-    // Naming it paragraph for simplicity but can be a heading as well
     const paragraph = getAboveNode(editor, {
         match: {
             type: TEXT_CONTAINERS
@@ -51,33 +46,23 @@ import { select, insertNodes, moveChildren, splitNodes, collapseSelection } from
     if (listItemNode.type !== BLOCKS.LIST_ITEM) {
         return false;
     }
-    // We are in a li>p (or heading)
     withoutNormalizing(editor, ()=>{
         if (!editor.selection) {
             return;
         }
-        // Check the cursor position in the current paragraph
         const isAtStart = isSelectionAtBlockStart(editor);
         const isAtEnd = isSelectionAtBlockEnd(editor);
         const isAtStartOfListItem = isAtStart && isFirstChildPath(paragraphPath);
         const shouldSplit = !isAtStart && !isAtEnd;
-        // Split the current paragraph content if necessary
         if (shouldSplit) {
             splitNodes(editor);
         }
-        // Insert the new li
         const newListItemPath = isAtStartOfListItem ? listItemPath : getNextPath(listItemPath);
-        insertNodes(editor, // Add an empty paragraph to the new li if We will not move some
-        // paragraphs over there.
-        emptyListItemNode(editor, !shouldSplit), {
+        insertNodes(editor, emptyListItemNode(editor, !shouldSplit), {
             at: newListItemPath
         });
-        // Move children *after* selection to the new li
         const fromPath = isAtStart ? paragraphPath : getNextPath(paragraphPath);
         const fromStartIndex = fromPath[fromPath.length - 1] || 0;
-        // On split we don't add paragraph to the new li so we move
-        // content to the very beginning. Otherwise, account for the empty
-        // paragraph at the beginning by moving the content after
         const toPath = newListItemPath.concat([
             shouldSplit ? 0 : 1
         ]);
@@ -88,12 +73,10 @@ import { select, insertNodes, moveChildren, splitNodes, collapseSelection } from
                 fromStartIndex
             });
         }
-        // Move cursor to the start of the new li
         select(editor, newListItemPath);
         collapseSelection(editor, {
             edge: 'start'
         });
     });
-    // Returning True skips processing other editor.insertBreak handlers
     return true;
 };

package/dist/esm/plugins/List/transforms/moveListItemDown.js

@@ -1,11 +1,8 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { getListTypes } from '@udecode/plate-list';
+import { getListTypes } from '@udecode/plate-list';
 import { withoutNormalizing } from '../../../internal';
 import { getNodeEntry, getNodeChildren, getNextPath, getPreviousPath, getLastChildPath, match } from '../../../internal/queries';
 import { wrapNodes, moveNodes } from '../../../internal/transforms';
-export const moveListItemDown = (editor, { list, listItem })=>{
+export const moveListItemDown = (editor, { list , listItem  })=>{
     const [listNode] = list;
     const [, listItemPath] = listItem;
     let previousListItemPath;
@@ -14,7 +11,6 @@ export const moveListItemDown = (editor, { list, listItem })=>{
     } catch (e) {
         return;
     }
-    // Previous sibling is the new parent
     const previousSiblingItem = getNodeEntry(editor, previousListItemPath);
     if (previousSiblingItem) {
         const [, previousPath] = previousSiblingItem;
@@ -24,7 +20,6 @@ export const moveListItemDown = (editor, { list, listItem })=>{
         const newPath = getNextPath(getLastChildPath(subList ?? previousSiblingItem));
         withoutNormalizing(editor, ()=>{
             if (!subList) {
-                // Create new sub-list
                 wrapNodes(editor, {
                     type: listNode.type,
                     children: [],
@@ -33,7 +28,6 @@ export const moveListItemDown = (editor, { list, listItem })=>{
                     at: listItemPath
                 });
             }
-            // Move the current item to the sub-list
             moveNodes(editor, {
                 at: listItemPath,
                 to: newPath

package/dist/esm/plugins/List/transforms/moveListItems.js

@@ -1,23 +1,18 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { isListNested, ELEMENT_LIC, getListItemEntry, moveListItemUp } from '@udecode/plate-list';
+import { isListNested, ELEMENT_LIC, getListItemEntry, moveListItemUp } from '@udecode/plate-list';
 import { withoutNormalizing } from '../../../internal';
 import { getNodeEntries, getPluginType, createPathRef, getParentPath, isAncestorPath } from '../../../internal/queries';
 import { moveListItemDown } from './moveListItemDown';
-export const moveListItems = (editor, { increase = true, at = editor.selection ?? undefined } = {})=>{
+export const moveListItems = (editor, { increase =true , at =editor.selection ?? undefined  } = {})=>{
     const _nodes = getNodeEntries(editor, {
         at,
         match: {
             type: getPluginType(editor, ELEMENT_LIC)
         }
     });
-    // Get the selected lic
     const lics = Array.from(_nodes);
     if (!lics.length) return;
     const highestLicPaths = [];
     const highestLicPathRefs = [];
-    // Filter out the nested lic, we just need to move the highest ones
     lics.forEach((lic)=>{
         const licPath = lic[1];
         const liPath = getParentPath(licPath);

package/dist/esm/plugins/List/transforms/moveListItems.test.js

@@ -1,13 +1,12 @@
-/** @jsx jsx */ import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
+import { jsx, assertOutput, createTestEditor } from '../../../test-utils';
 import { moveListItems } from './moveListItems';
 describe('moving list items (up/down)', ()=>{
-    const renderEditor = (children)=>/*#__PURE__*/ jsx("editor", null, children, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
+    const renderEditor = (children)=>jsx("editor", null, children, jsx("hp", null, jsx("htext", null)));
     const assertTab = (t, shift = false)=>{
         test(t.title, ()=>{
-            const { editor } = createTestEditor({
+            const { editor  } = createTestEditor({
                 input: renderEditor(t.input)
             });
-            // Equivalent of pressing (SHIFT+)TAB
             moveListItems(editor, {
                 increase: !shift
             });
@@ -20,37 +19,37 @@ describe('moving list items (up/down)', ()=>{
     const tests = [
         {
             title: 'single paragraph',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null))))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1")), jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null))))))
         },
         {
             title: 'multiple paragraphs',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, "p2")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p3", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hp", null, "p2"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p3", /*#__PURE__*/ jsx("cursor", null))))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, "p2")), jsx("hli", null, jsx("hp", null, "p3", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hp", null, "p2"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "p3", jsx("cursor", null))))))
         },
         {
             title: 'multiple elements',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "a"), /*#__PURE__*/ jsx("hp", null, "b"), /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, "quote"))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "c", /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "d"), /*#__PURE__*/ jsx("hembed", {
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "a"), jsx("hp", null, "b"), jsx("hquote", null, jsx("hp", null, "quote"))), jsx("hli", null, jsx("hp", null, "c", jsx("cursor", null)), jsx("hp", null, "d"), jsx("hembed", {
                 type: "Asset",
                 id: "asset-id"
             }))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "a"), /*#__PURE__*/ jsx("hp", null, "b"), /*#__PURE__*/ jsx("hquote", null, /*#__PURE__*/ jsx("hp", null, "quote")), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "c", /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hp", null, "d"), /*#__PURE__*/ jsx("hembed", {
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "a"), jsx("hp", null, "b"), jsx("hquote", null, jsx("hp", null, "quote")), jsx("hul", null, jsx("hli", null, jsx("hp", null, "c", jsx("cursor", null)), jsx("hp", null, "d"), jsx("hembed", {
                 type: "Asset",
                 id: "asset-id"
             })))))
         },
         {
             title: 'with a sub-list',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub p1")))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null))))))
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub p1")))), jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub p1")), jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null))))))
         },
         {
             title: 'with a sub-list as non-last child',
-            input: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub p1"))), /*#__PURE__*/ jsx("hembed", {
+            input: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub p1"))), jsx("hembed", {
                 type: "Entry",
                 id: "entry-id"
-            })), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null)))),
-            expected: /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "sub p1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "p2", /*#__PURE__*/ jsx("cursor", null)))), /*#__PURE__*/ jsx("hembed", {
+            })), jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null)))),
+            expected: jsx("hul", null, jsx("hli", null, jsx("hp", null, "p1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "sub p1")), jsx("hli", null, jsx("hp", null, "p2", jsx("cursor", null)))), jsx("hembed", {
                 type: "Entry",
                 id: "entry-id"
             })))

package/dist/esm/plugins/List/transforms/toggleList.js

@@ -1,7 +1,4 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { BLOCKS } from '@contentful/rich-text-types';
+import { BLOCKS } from '@contentful/rich-text-types';
 import { ELEMENT_LIC } from '@udecode/plate-list';
 import { getListItemEntry } from '@udecode/plate-list';
 import { withoutNormalizing } from '../../../internal';
@@ -13,15 +10,14 @@ const listTypes = [
     BLOCKS.UL_LIST,
     BLOCKS.OL_LIST
 ];
-export const toggleList = (editor, { type })=>withoutNormalizing(editor, ()=>{
+export const toggleList = (editor, { type  })=>withoutNormalizing(editor, ()=>{
         if (!editor.selection) {
             return;
         }
         if (isRangeCollapsed(editor.selection) || !isRangeAcrossBlocks(editor)) {
-            // selection is collapsed
             const res = getListItemEntry(editor);
             if (res) {
-                const { list } = res;
+                const { list  } = res;
                 if (list[0].type !== type) {
                     setNodes(editor, {
                         type
@@ -59,7 +55,6 @@ export const toggleList = (editor, { type })=>withoutNormalizing(editor, ()=>{
                 }
             }
         } else {
-            // selection is a range
             const [startPoint, endPoint] = getRangeEdges(editor.selection);
             const commonEntry = getCommonNode(editor, startPoint.path, endPoint.path);
             if (listTypes.includes(commonEntry[0].type) || commonEntry[0].type === BLOCKS.LIST_ITEM) {

package/dist/esm/plugins/List/transforms/toggleList.spec.js

@@ -1,11 +1,11 @@
-/** @jsx jsx */ import { BLOCKS } from '@contentful/rich-text-types';
+import { BLOCKS } from '@contentful/rich-text-types';
 import { assertOutput, jsx, createTestEditor } from '../../../test-utils';
 import { toggleList } from './toggleList';
 describe('toggle on', ()=>{
     it('should turn a p to list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, "1", /*#__PURE__*/ jsx("cursor", null)));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1", /*#__PURE__*/ jsx("cursor", null)))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hp", null, "1", jsx("cursor", null)));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1", jsx("cursor", null)))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -17,9 +17,9 @@ describe('toggle on', ()=>{
         });
     });
     it('should turn a p with a selection to list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, "Planetas ", /*#__PURE__*/ jsx("anchor", null), "mori in", /*#__PURE__*/ jsx("focus", null), " gandavum!"));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "Planetas ", /*#__PURE__*/ jsx("anchor", null), "mori in", /*#__PURE__*/ jsx("focus", null), " gandavum!"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hp", null, "Planetas ", jsx("anchor", null), "mori in", jsx("focus", null), " gandavum!"));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "Planetas ", jsx("anchor", null), "mori in", jsx("focus", null), " gandavum!"))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -31,9 +31,9 @@ describe('toggle on', ()=>{
         });
     });
     it('should turn multiple p to list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1"), /*#__PURE__*/ jsx("hp", null, "2"), /*#__PURE__*/ jsx("hp", null, "3", /*#__PURE__*/ jsx("focus", null)));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "2")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "3", /*#__PURE__*/ jsx("focus", null)))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hp", null, jsx("anchor", null), "1"), jsx("hp", null, "2"), jsx("hp", null, "3", jsx("focus", null)));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("anchor", null), "1")), jsx("hli", null, jsx("hp", null, "2")), jsx("hli", null, jsx("hp", null, "3", jsx("focus", null)))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -47,9 +47,9 @@ describe('toggle on', ()=>{
 });
 describe('toggle off', ()=>{
     it('should split a simple list to two', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "2", /*#__PURE__*/ jsx("cursor", null))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "3"))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"))), /*#__PURE__*/ jsx("hp", null, "2", /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "3"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1")), jsx("hli", null, jsx("hp", null, "2", jsx("cursor", null))), jsx("hli", null, jsx("hp", null, "3"))));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1"))), jsx("hp", null, "2", jsx("cursor", null)), jsx("hul", null, jsx("hli", null, jsx("hp", null, "3"))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -61,9 +61,9 @@ describe('toggle off', ()=>{
         });
     });
     it('should split a nested list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "12", /*#__PURE__*/ jsx("cursor", null))), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "13"))))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11"))))), /*#__PURE__*/ jsx("hp", null, "12", /*#__PURE__*/ jsx("cursor", null)), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "13"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "11")), jsx("hli", null, jsx("hp", null, "12", jsx("cursor", null))), jsx("hli", null, jsx("hp", null, "13"))))));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "11"))))), jsx("hp", null, "12", jsx("cursor", null)), jsx("hul", null, jsx("hli", null, jsx("hp", null, "13"))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -75,9 +75,9 @@ describe('toggle off', ()=>{
         });
     });
     it('should turn a list to multiple p', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "2")), /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "3", /*#__PURE__*/ jsx("focus", null)))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1"), /*#__PURE__*/ jsx("hp", null, "2"), /*#__PURE__*/ jsx("hp", null, "3", /*#__PURE__*/ jsx("focus", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("anchor", null), "1")), jsx("hli", null, jsx("hp", null, "2")), jsx("hli", null, jsx("hp", null, "3", jsx("focus", null)))));
+        const expected = jsx("editor", null, jsx("hp", null, jsx("anchor", null), "1"), jsx("hp", null, "2"), jsx("hp", null, "3", jsx("focus", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -91,9 +91,9 @@ describe('toggle off', ()=>{
 });
 describe('toggle over', ()=>{
     it('should toggle different list types', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1", /*#__PURE__*/ jsx("cursor", null)))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hol", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1", jsx("cursor", null)))));
+        const expected = jsx("editor", null, jsx("hol", null, jsx("hli", null, jsx("hp", null, "1"))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -105,9 +105,9 @@ describe('toggle over', ()=>{
         });
     });
     it('should only toggle the nested list', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11", /*#__PURE__*/ jsx("cursor", null)))))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "1"), /*#__PURE__*/ jsx("hol", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11", /*#__PURE__*/ jsx("cursor", null)))))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "11", jsx("cursor", null)))))));
+        const expected = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, "1"), jsx("hol", null, jsx("hli", null, jsx("hp", null, "11", jsx("cursor", null)))))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {
@@ -119,9 +119,9 @@ describe('toggle over', ()=>{
         });
     });
     it('should only toggle everything that is selected', ()=>{
-        const input = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1"), /*#__PURE__*/ jsx("hul", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11", /*#__PURE__*/ jsx("focus", null)))))));
-        const expected = /*#__PURE__*/ jsx("editor", null, /*#__PURE__*/ jsx("hol", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("anchor", null), "1"), /*#__PURE__*/ jsx("hol", null, /*#__PURE__*/ jsx("hli", null, /*#__PURE__*/ jsx("hp", null, "11", /*#__PURE__*/ jsx("focus", null)))))), /*#__PURE__*/ jsx("hp", null, /*#__PURE__*/ jsx("htext", null)));
-        const { editor } = createTestEditor({
+        const input = jsx("editor", null, jsx("hul", null, jsx("hli", null, jsx("hp", null, jsx("anchor", null), "1"), jsx("hul", null, jsx("hli", null, jsx("hp", null, "11", jsx("focus", null)))))));
+        const expected = jsx("editor", null, jsx("hol", null, jsx("hli", null, jsx("hp", null, jsx("anchor", null), "1"), jsx("hol", null, jsx("hli", null, jsx("hp", null, "11", jsx("focus", null)))))), jsx("hp", null, jsx("htext", null)));
+        const { editor  } = createTestEditor({
             input
         });
         toggleList(editor, {

package/dist/esm/plugins/List/transforms/unwrapList.js

@@ -1,7 +1,4 @@
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */ import { BLOCKS } from '@contentful/rich-text-types';
+import { BLOCKS } from '@contentful/rich-text-types';
 import { withoutNormalizing } from '../../../internal';
 import { getNodeEntries, isElement } from '../../../internal/queries';
 import { unwrapNodes, liftNodes } from '../../../internal/transforms';
@@ -11,17 +8,15 @@ function hasUnliftedListItems(editor, at) {
         match: (node, path)=>isElement(node) && node.type === BLOCKS.LIST_ITEM && path.length >= 2
     }).next().done;
 }
-export const unwrapList = (editor, { at } = {})=>{
+export const unwrapList = (editor, { at  } = {})=>{
     withoutNormalizing(editor, ()=>{
         do {
-            // lift list items to the root level
             liftNodes(editor, {
                 at,
                 match: (node)=>isElement(node) && node.type === BLOCKS.LIST_ITEM,
                 mode: 'lowest'
             });
         }while (!hasUnliftedListItems(editor, at))
-        // finally unwrap all lifted items
         unwrapNodes(editor, {
             at,
             match: {