@pega/cosmos-react-rte 2.1.3 → 2.1.6

package/lib/components/RichTextEditor/utils/ListCommands.js

@@ -1,346 +0,0 @@
-import { Editor, Element, Path, Transforms, Text } from 'slate';
-import { createUID } from '@pega/cosmos-react-core';
-import { LIST_TYPES, TEXT_TYPES } from './utils.types';
-const matchList = (n) => Element.isElement(n) && LIST_TYPES.includes(n.type);
-const matchListItem = (n) => Element.isElement(n) && n.type === 'list-item';
-const getNextPathBelow = (path) => {
-    path[path.length - 1] = path[path.length - 1] + 1;
-    return path;
-};
-const commands = {
-    toggleList: (type, editor) => {
-        const [listItemInSelection] = Editor.nodes(editor, {
-            at: editor.selection?.anchor.path || undefined,
-            match: matchListItem
-        });
-        if (!listItemInSelection) {
-            Transforms.wrapNodes(editor, { type, children: [] });
-            Transforms.wrapNodes(editor, {
-                type: 'list-item',
-                order: 1,
-                level: 1,
-                id: createUID(),
-                children: []
-            });
-        }
-        else {
-            Transforms.setNodes(editor, { type }, { match: matchList });
-        }
-    },
-    checkListEnter: (editor, event) => {
-        /* Gets the list item node at your selection in the lowest part of the tree.
-        Your selection could technically be in multiple list items in the tree because
-        the lists can be nested. That is what the mode: 'lowest' arg is for. */
-        const [listItemNodeEntry] = Editor.nodes(editor, {
-            at: editor.selection?.anchor.path || undefined,
-            match: matchListItem,
-            mode: 'lowest'
-        });
-        if (['Backspace', 'Enter'].includes(event.key) && listItemNodeEntry) {
-            const [listItemNode, listItemPath] = listItemNodeEntry;
-            // Getting the text node
-            const [[textNode]] = Editor.nodes(editor, {
-                at: editor.selection?.anchor.path || undefined,
-                match: Text.isText
-            });
-            // Getting the parent list-item node
-            const [[parentNode]] = Editor.nodes(editor, {
-                at: editor.selection || undefined,
-                match: matchListItem,
-                mode: 'highest'
-            });
-            let belowListItemPath;
-            try {
-                belowListItemPath = Path.next(listItemPath);
-            }
-            catch {
-                belowListItemPath = undefined;
-            }
-            if (textNode.text !== '') {
-                // If the text node the selection is in is not empty, and the key that was pressed is Enter
-                if (event.key === 'Enter') {
-                    event.preventDefault();
-                    const newId = createUID();
-                    const copiedChildren = [];
-                    // If this list-item has another list nested inside of it
-                    if (listItemNode.children.length === 2) {
-                        // Copy the list nested inside
-                        const copiedList = { ...listItemNode.children[1] };
-                        // Add a new parentId to all the children in the list
-                        copiedList.children = copiedList.children.map(node => {
-                            return { ...node, parentId: newId };
-                        });
-                        copiedChildren.push(copiedList);
-                        // Remove the list
-                        Transforms.removeNodes(editor, { at: [...listItemPath, 1] });
-                    }
-                    /* Create a new list item with the copied children as it's children,
-                    and insert it into the editor */
-                    Transforms.insertNodes(editor, {
-                        type: 'list-item',
-                        order: listItemNode.order ? listItemNode.order + 1 : 0,
-                        level: listItemNode.level ? listItemNode.level : 1,
-                        id: newId,
-                        parentId: parentNode.id,
-                        children: [{ type: 'paragraph', children: [{ text: '' }] }, ...copiedChildren]
-                    });
-                    /* Nodes needs to be lifted one level higher because it will be inserted
-                    into the list item itself rather than it's parent list */
-                    Transforms.liftNodes(editor, {
-                        match: n => matchListItem(n) && n.id === newId
-                    });
-                    const selectionPoint = { path: [...Path.next(listItemPath), 0, 0], offset: 0 };
-                    // Set the selection to the new list item created
-                    Transforms.setSelection(editor, { focus: selectionPoint, anchor: selectionPoint });
-                }
-                else if (editor.selection?.anchor.offset === 0) {
-                    commands.unNestList(editor);
-                }
-            }
-            else if (parentNode && parentNode.children.length > 1) {
-                // Un nest this list item from it's parent
-                event.preventDefault();
-                commands.unNestList(editor);
-            }
-            else if (belowListItemPath) {
-                // Break out of the list
-                event.preventDefault();
-                Transforms.unwrapNodes(editor, {
-                    at: editor.selection?.anchor.path || undefined,
-                    match: matchListItem
-                });
-                Transforms.liftNodes(editor);
-            }
-        }
-    },
-    nestList: (editor) => {
-        const [listItemNodeEntry] = Editor.nodes(editor, {
-            at: editor.selection?.anchor.path || undefined,
-            match: matchListItem,
-            mode: 'lowest'
-        });
-        let listType = 'unordered-list';
-        const [highestList] = Editor.nodes(editor, {
-            at: editor.selection?.anchor.path || undefined,
-            match: matchList,
-            mode: 'highest'
-        });
-        if (highestList) {
-            listType = highestList[0].type;
-        }
-        const [listItemNode, listItemPath] = listItemNodeEntry || [
-            undefined,
-            undefined
-        ];
-        // Try to find the path to the node above the selected list item
-        let abovePath;
-        try {
-            abovePath = Path.previous(listItemPath);
-        }
-        catch {
-            abovePath = undefined;
-        }
-        // Only nest the list if there is a list item above the list item trying to be nested
-        if (listItemNode && abovePath && listItemNode.level < 3) {
-            // Get the list item and it's path from above the current list item
-            const [[aboveListItemNode, aboveListItemPath]] = Editor.nodes(editor, {
-                at: abovePath,
-                match: n => matchListItem(n) && n.level === listItemNode.level
-            });
-            // Gets the path for the text node above list-item
-            const [[, innerTextNodePath]] = Editor.nodes(editor, {
-                at: abovePath,
-                match: n => Element.isElement(n) && TEXT_TYPES.includes(n.type)
-            });
-            let copiedSubListNodes = [];
-            const newListItemChildren = [listItemNode.children[0]];
-            if (listItemNode.children.length && listItemNode.children.length > 1) {
-                // Copy the item to be nested's sub list if it has one
-                const subList = listItemNode.children[1];
-                if (subList) {
-                    copiedSubListNodes = [...subList.children];
-                }
-            }
-            // If the above list item has a sub list
-            if (aboveListItemNode.children.length > 1) {
-                // Get the list items in the sub list of the above list item
-                const { children } = aboveListItemNode.children[1];
-                // Gets the last list item in the above sub list
-                const [[parentSubListItem, parentSubListItemPath]] = Editor.nodes(editor, {
-                    at: aboveListItemPath,
-                    match: n => matchListItem(n) &&
-                        n.order === children.length &&
-                        n.level - 1 === listItemNode.level
-                });
-                // Gets the path after the last list item in the above sub list
-                const nextParentSubListItemPath = Path.next(parentSubListItemPath);
-                /* Inserts a copy of the list-item you are nesting below the lowest list item
-                in the above sub list, as well as copies of any children the list-item you are
-                nesting had. */
-                let subOrderCount = parentSubListItem.order + 1;
-                Transforms.insertNodes(editor, [
-                    {
-                        ...listItemNode,
-                        level: listItemNode.level + 1,
-                        order: parentSubListItem.order + 1,
-                        parentId: aboveListItemNode.id,
-                        children: newListItemChildren
-                    },
-                    ...copiedSubListNodes.map(n => {
-                        subOrderCount += 1;
-                        return {
-                            ...n,
-                            level: listItemNode.level + 1,
-                            order: subOrderCount,
-                            parentId: aboveListItemNode.id
-                        };
-                    })
-                ], { at: nextParentSubListItemPath });
-            }
-            else {
-                const nextInnerTextNodePath = getNextPathBelow(innerTextNodePath);
-                // Nest the selected list item into a new list and then into the above list item
-                let subOrderCount = 1;
-                Transforms.insertNodes(editor, {
-                    type: listType,
-                    children: [
-                        {
-                            ...listItemNode,
-                            order: 1,
-                            level: listItemNode.level + 1,
-                            parentId: aboveListItemNode.id,
-                            children: newListItemChildren
-                        },
-                        ...copiedSubListNodes.map(n => {
-                            subOrderCount += 1;
-                            return {
-                                ...n,
-                                level: listItemNode.level + 1,
-                                order: subOrderCount,
-                                parentId: aboveListItemNode.id
-                            };
-                        })
-                    ]
-                }, { at: nextInnerTextNodePath, mode: 'lowest' });
-            }
-            // Remove the old list item as we just copied it into the correct place
-            Transforms.removeNodes(editor, { at: listItemPath });
-        }
-    },
-    unNestList: (editor) => {
-        // Get the current node to be un nested
-        const [[node, nodePath]] = Editor.nodes(editor, {
-            at: editor.selection?.anchor.path || undefined,
-            match: matchListItem,
-            mode: 'lowest'
-        });
-        const [singleItemList] = Editor.nodes(editor, {
-            match: n => matchList(n) && n.children.length === 1,
-            mode: 'highest'
-        });
-        if (singleItemList) {
-            Transforms.unwrapNodes(editor, { match: matchListItem });
-            Transforms.unwrapNodes(editor, { match: matchList });
-            return;
-        }
-        // Attempt to get the highest parent in the nested list if it exists
-        const [highestParent] = Editor.nodes(editor, {
-            at: editor.selection || undefined,
-            match: n => matchListItem(n) && node.level - n.level === 2,
-            mode: 'lowest'
-        });
-        // Get the parent list node if it exists (list item)
-        const [[parentNode]] = Editor.nodes(editor, {
-            at: editor.selection || undefined,
-            match: n => matchListItem(n) && node.level - n.level === 1,
-            mode: 'lowest'
-        });
-        // Get the parent list
-        const [[parentList]] = Editor.nodes(editor, {
-            at: editor.selection || undefined,
-            match: matchList,
-            mode: 'lowest'
-        });
-        if (parentNode && parentNode.children.length > 1) {
-            let newParentId;
-            if (highestParent) {
-                const [highestParentNode] = highestParent;
-                newParentId = highestParentNode.id;
-            }
-            // Setting the node to un nests new order and level
-            Transforms.setNodes(editor, {
-                level: node.level - 1,
-                order: parentNode.order + 1
-            }, { at: nodePath, match: n => matchListItem(n) && n.id === node.id });
-            // Set the level of any children under the node we are un nesting
-            Transforms.setNodes(editor, { level: node.level }, {
-                at: nodePath,
-                match: n => matchListItem(n) && n.level > node.level
-            });
-            // If there's a new parent id set it, otherwise unset the parent id entirely
-            if (newParentId) {
-                Transforms.setNodes(editor, { parentId: newParentId }, { at: nodePath, match: n => matchListItem(n) && n.id === node.id });
-            }
-            else {
-                Transforms.unsetNodes(editor, 'parentId', {
-                    at: nodePath,
-                    match: n => matchListItem(n) && n.id === node.id
-                });
-            }
-            const listItemsExistBelow = node.order < parentList.children.length;
-            if (listItemsExistBelow) {
-                // Getting the inner text node inside of the list item in order to get the next path
-                const [[, innerTextNodePath]] = Editor.nodes(editor, {
-                    at: nodePath,
-                    match: matchList
-                });
-                const nextPath = Path.next(innerTextNodePath);
-                const copiedChildren = [];
-                let count = 1;
-                // Copy the children from the parent list that are below the list item we are un nesting
-                for (let i = node.order; i < parentList.children.length; i += 1) {
-                    copiedChildren.push({
-                        ...parentList.children[i],
-                        parentId: node.id,
-                        order: count
-                    });
-                    count += 1;
-                }
-                // Insert a new list with the copied children into the un nested list item
-                Transforms.insertNodes(editor, {
-                    type: parentList.type,
-                    children: [...copiedChildren]
-                }, { at: nextPath });
-                const [[newParentList, newParentListPath]] = Editor.nodes(editor, {
-                    at: editor.selection?.anchor.path || undefined,
-                    match: matchList,
-                    mode: 'lowest'
-                });
-                let order = 0;
-                // Set the nodes below the list item being un nested
-                Transforms.setNodes(editor, {
-                    parentId: node.id,
-                    order
-                }, {
-                    match: n => {
-                        if (!matchListItem(n))
-                            return false;
-                        if (n.parentId === node.id)
-                            order += 1;
-                        return n.parentId === node.id;
-                    }
-                });
-                // Removing all old nodes from that were under the un nested item
-                for (let i = newParentList.children.length - 1; i >= node.order; i -= 1) {
-                    const childPath = [...newParentListPath, i];
-                    Transforms.removeNodes(editor, { at: childPath, match: matchListItem });
-                }
-            }
-            // Lift the current node at the users selection out of it's parent node twice
-            Transforms.liftNodes(editor, { match: matchListItem });
-            Transforms.liftNodes(editor, { match: matchListItem });
-        }
-    }
-};
-export default commands;
-//# sourceMappingURL=ListCommands.js.map

package/lib/components/RichTextEditor/utils/ListCommands.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCommands.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/ListCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import { KeyboardEvent } from 'react';\nimport { Editor, Node, Element, Path, Transforms, CosmosCustom, Text, NodeEntry } from 'slate';\n\nimport { createUID } from '@pega/cosmos-react-core';\n\nimport { LIST_TYPES, TEXT_TYPES } from './utils.types';\n\ntype FullListItemElement = CosmosCustom.ListItemElement & {\n  id: string;\n  parentId: string;\n  order: number;\n  level: number;\n};\n\nconst matchList = (n: Node): n is CosmosCustom.ListElement =>\n  Element.isElement(n) && LIST_TYPES.includes(n.type);\n\nconst matchListItem = (n: Node): n is CosmosCustom.ListItemElement =>\n  Element.isElement(n) && n.type === 'list-item';\n\nconst getNextPathBelow = (path: Path) => {\n  path[path.length - 1] = path[path.length - 1] + 1;\n  return path;\n};\n\nconst commands = {\n  toggleList: (type: 'unordered-list' | 'ordered-list', editor: Editor) => {\n    const [listItemInSelection] = Editor.nodes(editor, {\n      at: editor.selection?.anchor.path || undefined,\n      match: matchListItem\n    });\n\n    if (!listItemInSelection) {\n      Transforms.wrapNodes(editor, { type, children: [] });\n      Transforms.wrapNodes(editor, {\n        type: 'list-item',\n        order: 1,\n        level: 1,\n        id: createUID(),\n        children: []\n      });\n    } else {\n      Transforms.setNodes(editor, { type }, { match: matchList });\n    }\n  },\n  checkListEnter: (editor: Editor, event: KeyboardEvent<any>) => {\n    /* Gets the list item node at your selection in the lowest part of the tree.\n    Your selection could technically be in multiple list items in the tree because\n    the lists can be nested. That is what the mode: 'lowest' arg is for. */\n    const [listItemNodeEntry] = Editor.nodes(editor, {\n      at: editor.selection?.anchor.path || undefined,\n      match: matchListItem,\n      mode: 'lowest'\n    });\n\n    if (['Backspace', 'Enter'].includes(event.key) && listItemNodeEntry) {\n      const [listItemNode, listItemPath] = listItemNodeEntry;\n      // Getting the text node\n      const [[textNode]] = Editor.nodes(editor, {\n        at: editor.selection?.anchor.path || undefined,\n        match: Text.isText\n      });\n      // Getting the parent list-item node\n      const [[parentNode]] = Editor.nodes(editor, {\n        at: editor.selection || undefined,\n        match: matchListItem,\n        mode: 'highest'\n      });\n\n      let belowListItemPath;\n      try {\n        belowListItemPath = Path.next(listItemPath);\n      } catch {\n        belowListItemPath = undefined;\n      }\n\n      if (textNode.text !== '') {\n        // If the text node the selection is in is not empty, and the key that was pressed is Enter\n        if (event.key === 'Enter') {\n          event.preventDefault();\n          const newId = createUID();\n          const copiedChildren: Element[] = [];\n          // If this list-item has another list nested inside of it\n          if (listItemNode.children.length === 2) {\n            // Copy the list nested inside\n            const copiedList = { ...listItemNode.children[1] } as CosmosCustom.ListElement;\n            // Add a new parentId to all the children in the list\n            copiedList.children = copiedList.children.map(node => {\n              return { ...node, parentId: newId };\n            });\n            copiedChildren.push(copiedList);\n            // Remove the list\n            Transforms.removeNodes(editor, { at: [...listItemPath, 1] });\n          }\n          /* Create a new list item with the copied children as it's children,\n          and insert it into the editor */\n          Transforms.insertNodes(editor, {\n            type: 'list-item',\n            order: listItemNode.order ? listItemNode.order + 1 : 0,\n            level: listItemNode.level ? listItemNode.level : 1,\n            id: newId,\n            parentId: parentNode.id,\n            children: [{ type: 'paragraph', children: [{ text: '' }] }, ...copiedChildren]\n          });\n          /* Nodes needs to be lifted one level higher because it will be inserted\n          into the list item itself rather than it's parent list */\n          Transforms.liftNodes<CosmosCustom.ListItemElement>(editor, {\n            match: n => matchListItem(n) && n.id === newId\n          });\n          const selectionPoint = { path: [...Path.next(listItemPath), 0, 0], offset: 0 };\n          // Set the selection to the new list item created\n          Transforms.setSelection(editor, { focus: selectionPoint, anchor: selectionPoint });\n        } else if (editor.selection?.anchor.offset === 0) {\n          commands.unNestList(editor);\n        }\n      } else if (parentNode && parentNode.children.length > 1) {\n        // Un nest this list item from it's parent\n        event.preventDefault();\n        commands.unNestList(editor);\n      } else if (belowListItemPath) {\n        // Break out of the list\n        event.preventDefault();\n        Transforms.unwrapNodes(editor, {\n          at: editor.selection?.anchor.path || undefined,\n          match: matchListItem\n        });\n        Transforms.liftNodes(editor);\n      }\n    }\n  },\n  nestList: (editor: Editor) => {\n    const [listItemNodeEntry] = Editor.nodes(editor, {\n      at: editor.selection?.anchor.path || undefined,\n      match: matchListItem,\n      mode: 'lowest'\n    });\n\n    let listType: `${'un' | ''}ordered-list` = 'unordered-list';\n    const [highestList] = Editor.nodes(editor, {\n      at: editor.selection?.anchor.path || undefined,\n      match: matchList,\n      mode: 'highest'\n    });\n\n    if (highestList) {\n      listType = highestList[0].type;\n    }\n\n    const [listItemNode, listItemPath] = (listItemNodeEntry as NodeEntry<FullListItemElement>) || [\n      undefined,\n      undefined\n    ];\n\n    // Try to find the path to the node above the selected list item\n    let abovePath;\n    try {\n      abovePath = Path.previous(listItemPath);\n    } catch {\n      abovePath = undefined;\n    }\n\n    // Only nest the list if there is a list item above the list item trying to be nested\n    if (listItemNode && abovePath && listItemNode.level < 3) {\n      // Get the list item and it's path from above the current list item\n      const [[aboveListItemNode, aboveListItemPath]] = Editor.nodes<CosmosCustom.ListItemElement>(\n        editor,\n        {\n          at: abovePath,\n          match: n => matchListItem(n) && n.level === listItemNode.level\n        }\n      );\n      // Gets the path for the text node above list-item\n      const [[, innerTextNodePath]] = Editor.nodes<CosmosCustom.TextElement>(editor, {\n        at: abovePath,\n        match: n => Element.isElement(n) && TEXT_TYPES.includes(n.type)\n      });\n\n      let copiedSubListNodes: CosmosCustom.ListItemElement[] = [];\n      const newListItemChildren = [listItemNode.children[0]];\n      if (listItemNode.children.length && listItemNode.children.length > 1) {\n        // Copy the item to be nested's sub list if it has one\n        const subList = listItemNode.children[1] as CosmosCustom.ListElement;\n        if (subList) {\n          copiedSubListNodes = [...subList.children];\n        }\n      }\n\n      // If the above list item has a sub list\n      if (aboveListItemNode.children.length > 1) {\n        // Get the list items in the sub list of the above list item\n        const { children } = aboveListItemNode.children[1] as CosmosCustom.ListElement;\n        // Gets the last list item in the above sub list\n        const [[parentSubListItem, parentSubListItemPath]] = Editor.nodes<FullListItemElement>(\n          editor,\n          {\n            at: aboveListItemPath,\n            match: n =>\n              matchListItem(n) &&\n              n.order === children.length &&\n              (n.level as number) - 1 === listItemNode.level\n          }\n        );\n\n        // Gets the path after the last list item in the above sub list\n        const nextParentSubListItemPath = Path.next(parentSubListItemPath);\n\n        /* Inserts a copy of the list-item you are nesting below the lowest list item\n        in the above sub list, as well as copies of any children the list-item you are\n        nesting had. */\n        let subOrderCount = parentSubListItem.order + 1;\n        Transforms.insertNodes(\n          editor,\n          [\n            {\n              ...listItemNode,\n              level: listItemNode.level + 1,\n              order: parentSubListItem.order + 1,\n              parentId: aboveListItemNode.id,\n              children: newListItemChildren\n            },\n            ...copiedSubListNodes.map(n => {\n              subOrderCount += 1;\n              return {\n                ...n,\n                level: listItemNode.level + 1,\n                order: subOrderCount,\n                parentId: aboveListItemNode.id\n              };\n            })\n          ],\n          { at: nextParentSubListItemPath }\n        );\n      } else {\n        const nextInnerTextNodePath = getNextPathBelow(innerTextNodePath);\n        // Nest the selected list item into a new list and then into the above list item\n        let subOrderCount = 1;\n        Transforms.insertNodes(\n          editor,\n          {\n            type: listType,\n            children: [\n              {\n                ...listItemNode,\n                order: 1,\n                level: listItemNode.level + 1,\n                parentId: aboveListItemNode.id,\n                children: newListItemChildren\n              },\n              ...copiedSubListNodes.map(n => {\n                subOrderCount += 1;\n                return {\n                  ...n,\n                  level: listItemNode.level + 1,\n                  order: subOrderCount,\n                  parentId: aboveListItemNode.id\n                };\n              })\n            ]\n          },\n          { at: nextInnerTextNodePath, mode: 'lowest' }\n        );\n      }\n\n      // Remove the old list item as we just copied it into the correct place\n      Transforms.removeNodes(editor, { at: listItemPath });\n    }\n  },\n  unNestList: (editor: Editor) => {\n    // Get the current node to be un nested\n    const [[node, nodePath]] = Editor.nodes<FullListItemElement>(editor, {\n      at: editor.selection?.anchor.path || undefined,\n      match: matchListItem,\n      mode: 'lowest'\n    });\n    const [singleItemList] = Editor.nodes<CosmosCustom.ListElement>(editor, {\n      match: n => matchList(n) && n.children.length === 1,\n      mode: 'highest'\n    });\n\n    if (singleItemList) {\n      Transforms.unwrapNodes(editor, { match: matchListItem });\n      Transforms.unwrapNodes(editor, { match: matchList });\n      return;\n    }\n    // Attempt to get the highest parent in the nested list if it exists\n    const [highestParent] = Editor.nodes<FullListItemElement>(editor, {\n      at: editor.selection || undefined,\n      match: n => matchListItem(n) && node.level - (n.level as number) === 2,\n      mode: 'lowest'\n    });\n    // Get the parent list node if it exists (list item)\n    const [[parentNode]] = Editor.nodes<FullListItemElement>(editor, {\n      at: editor.selection || undefined,\n      match: n => matchListItem(n) && node.level - (n.level as number) === 1,\n      mode: 'lowest'\n    });\n    // Get the parent list\n    const [[parentList]] = Editor.nodes(editor, {\n      at: editor.selection || undefined,\n      match: matchList,\n      mode: 'lowest'\n    });\n    if (parentNode && parentNode.children.length > 1) {\n      let newParentId;\n      if (highestParent) {\n        const [highestParentNode] = highestParent;\n        newParentId = highestParentNode.id;\n      }\n\n      // Setting the node to un nests new order and level\n      Transforms.setNodes<CosmosCustom.ListItemElement>(\n        editor,\n        {\n          level: node.level - 1,\n          order: parentNode.order + 1\n        },\n        { at: nodePath, match: n => matchListItem(n) && n.id === node.id }\n      );\n\n      // Set the level of any children under the node we are un nesting\n      Transforms.setNodes<CosmosCustom.ListItemElement>(\n        editor,\n        { level: node.level },\n        {\n          at: nodePath,\n          match: n => matchListItem(n) && (n.level as number) > node.level\n        }\n      );\n\n      // If there's a new parent id set it, otherwise unset the parent id entirely\n      if (newParentId) {\n        Transforms.setNodes<CosmosCustom.ListItemElement>(\n          editor,\n          { parentId: newParentId },\n          { at: nodePath, match: n => matchListItem(n) && n.id === node.id }\n        );\n      } else {\n        Transforms.unsetNodes<CosmosCustom.ListItemElement>(editor, 'parentId', {\n          at: nodePath,\n          match: n => matchListItem(n) && n.id === node.id\n        });\n      }\n\n      const listItemsExistBelow = node.order < parentList.children.length;\n\n      if (listItemsExistBelow) {\n        // Getting the inner text node inside of the list item in order to get the next path\n        const [[, innerTextNodePath]] = Editor.nodes(editor, {\n          at: nodePath,\n          match: matchList\n        });\n        const nextPath = Path.next(innerTextNodePath);\n        const copiedChildren = [];\n\n        let count = 1;\n        // Copy the children from the parent list that are below the list item we are un nesting\n        for (let i = node.order; i < parentList.children.length; i += 1) {\n          copiedChildren.push({\n            ...parentList.children[i],\n            parentId: node.id,\n            order: count\n          });\n          count += 1;\n        }\n\n        // Insert a new list with the copied children into the un nested list item\n        Transforms.insertNodes(\n          editor,\n          {\n            type: parentList.type,\n            children: [...copiedChildren]\n          },\n          { at: nextPath }\n        );\n\n        const [[newParentList, newParentListPath]] = Editor.nodes(editor, {\n          at: editor.selection?.anchor.path || undefined,\n          match: matchList,\n          mode: 'lowest'\n        });\n\n        let order = 0;\n        // Set the nodes below the list item being un nested\n        Transforms.setNodes<CosmosCustom.ListItemElement>(\n          editor,\n          {\n            parentId: node.id,\n            order\n          },\n          {\n            match: n => {\n              if (!matchListItem(n)) return false;\n\n              if (n.parentId === node.id) order += 1;\n              return n.parentId === node.id;\n            }\n          }\n        );\n\n        // Removing all old nodes from that were under the un nested item\n        for (let i = newParentList.children.length - 1; i >= node.order; i -= 1) {\n          const childPath = [...newParentListPath, i];\n          Transforms.removeNodes(editor, { at: childPath, match: matchListItem });\n        }\n      }\n\n      // Lift the current node at the users selection out of it's parent node twice\n      Transforms.liftNodes(editor, { match: matchListItem });\n      Transforms.liftNodes(editor, { match: matchListItem });\n    }\n  }\n};\n\nexport default commands;\n"]}

package/lib/components/RichTextEditor/utils/htmlConverter.d.ts

@@ -1,29 +0,0 @@
-import type * as slate from 'slate';
-import { RichTextViewerProps } from '../RichTextViewer.types';
-export declare const htmlToSlateMap: {
-    readonly h1: "heading-1";
-    readonly h2: "heading-2";
-    readonly h3: "heading-3";
-    readonly h4: "heading-4";
-    readonly ul: "unordered-list";
-    readonly ol: "ordered-list";
-    readonly li: "list-item";
-    readonly table: "table";
-    readonly tr: "table-row";
-    readonly td: "table-cell";
-    readonly tbody: "table-body";
-    readonly p: "paragraph";
-    readonly img: "image";
-    readonly b: "skip";
-    readonly del: "skip";
-    readonly i: "skip";
-    readonly a: "skip";
-};
-export declare const inlineHtmlToStyleMap: {
-    readonly b: "bold";
-    readonly del: "line-through";
-    readonly i: "italic";
-    readonly a: "href";
-};
-export declare const convertHtml: (html: string, interactionRenderers?: RichTextViewerProps['interactionRenderers']) => (slate.Element | slate.Text)[];
-//# sourceMappingURL=htmlConverter.d.ts.map

package/lib/components/RichTextEditor/utils/htmlConverter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"htmlConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/htmlConverter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAY9D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAGX,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAgIX,eAAO,MAAM,WAAW,SAChB,MAAM,yBACW,mBAAmB,CAAC,sBAAsB,CAAC,KACjE,CAAC,aAAa,GAAG,UAAU,CAAC,EAe9B,CAAC"}

package/lib/components/RichTextEditor/utils/htmlConverter.js

@@ -1,155 +0,0 @@
-import { parse } from 'parse5';
-import parseTextToCustomSlateNodes from './interactionRenderer';
-const checkElement = (node) => !!node && node.nodeName !== '#text' && node.nodeName !== '#comment';
-const checkTextNode = (node) => !!node && node.nodeName === '#text';
-const checkComment = (node) => !!node && node.nodeName === '#comment';
-// Mapping of HTML tags to slate types. b, del, i, and a tags are labeled as skip because they need special logic
-export const htmlToSlateMap = {
-    h1: 'heading-1',
-    h2: 'heading-2',
-    h3: 'heading-3',
-    h4: 'heading-4',
-    ul: 'unordered-list',
-    ol: 'ordered-list',
-    li: 'list-item',
-    table: 'table',
-    tr: 'table-row',
-    td: 'table-cell',
-    tbody: 'table-body',
-    p: 'paragraph',
-    img: 'image',
-    b: 'skip',
-    del: 'skip',
-    i: 'skip',
-    a: 'skip'
-};
-// Inline HTML tags to slate types
-export const inlineHtmlToStyleMap = {
-    b: 'bold',
-    del: 'line-through',
-    i: 'italic',
-    a: 'href'
-};
-// Maps HTML Attributes to an object. Right now this is specifically used for list items.
-const getAttributes = (node) => {
-    if (checkElement(node) && node.attrs.length) {
-        switch (node.nodeName) {
-            case 'li':
-                return Object.fromEntries(node.attrs.flatMap(attr => {
-                    // eslint-disable-next-line sonarjs/no-nested-switch
-                    switch (attr.name) {
-                        case 'data-id':
-                            return [['id', attr.value]];
-                        case 'data-parent-id':
-                            return [['parentId', attr.value]];
-                        case 'data-level':
-                            return [['level', attr.value]];
-                        case 'data-order':
-                            return [['order', attr.value]];
-                        default:
-                            return [];
-                    }
-                }));
-            case 'img': {
-                const imgAttrs = ['src', 'alt'];
-                const attrsObj = {};
-                for (let i = 0; i < node.attrs.length; i += 1) {
-                    const { name, value } = node.attrs[i];
-                    if (imgAttrs.includes(name)) {
-                        attrsObj[name] = value;
-                    }
-                }
-                return attrsObj;
-            }
-            default:
-                return {};
-        }
-    }
-    return {};
-};
-const getSlateNode = (node, parentNode, interactionRenderers) => {
-    if (checkTextNode(node)) {
-        if (node.parentNode.nodeName === 'body') {
-            return {
-                node: {
-                    type: 'paragraph',
-                    children: [{ text: node.value }]
-                }
-            };
-        }
-        // Make sure to spread any parent style attributes for slates text nodes
-        const children = parseTextToCustomSlateNodes(node.value, interactionRenderers);
-        if (children.length === 1) {
-            return { node: { ...parentNode, ...children[0] } };
-        }
-        return {
-            node: {
-                ...parentNode,
-                children
-            }
-        };
-    }
-    const type = htmlToSlateMap[node.nodeName];
-    /*
-      If the type of the HTML tag is an inline (b, i, del, a) we want to let the recursive function know
-      that it needs to collapse the next node, also we are setting the correct style mark to true
-    */
-    if (type === 'skip') {
-        const style = inlineHtmlToStyleMap[node.nodeName];
-        let value = true;
-        if (node.nodeName === 'a') {
-            const hrefObj = node.attrs?.find(attr => attr.name === 'href');
-            value = hrefObj ? hrefObj.value : value;
-        }
-        return {
-            node: { ...parentNode, [style]: value, text: '' },
-            collapseNext: true
-        };
-    }
-    const attributes = getAttributes(node);
-    const nodeObj = {
-        type: type || 'paragraph',
-        ...attributes,
-        children: [{ text: '' }]
-    };
-    return { node: nodeObj };
-};
-// Recursive function that will convert Parse5Nodes into Slate compatible nodes
-const convertNodes = (nodes, parentNode, interactionRenderers) => {
-    const returnNodes = [];
-    nodes.forEach(node => {
-        const { node: slateNode, collapseNext } = getSlateNode(node, parentNode, interactionRenderers);
-        if (!checkComment(node)) {
-            let returnNode = slateNode;
-            if (checkElement(node) && node.childNodes && node.childNodes.length) {
-                if (collapseNext) {
-                    returnNode = convertNodes(node.childNodes, slateNode, interactionRenderers)[0];
-                }
-                else {
-                    slateNode.children = convertNodes(node.childNodes, undefined, interactionRenderers);
-                    returnNode = slateNode;
-                }
-            }
-            returnNodes.push(returnNode);
-        }
-    });
-    return returnNodes;
-};
-const defaultValue = [{ type: 'paragraph', children: [{ text: '' }] }];
-export const convertHtml = (html, interactionRenderers) => {
-    // Wrap the html in another body in case the value given has no body
-    const doc = parse(`<body>${html.replace('\n', '')}</body>`);
-    let nodesToConvert = doc.childNodes;
-    // If we have a root tag
-    if (doc.childNodes.length === 1) {
-        const root = doc.childNodes[0];
-        if (!checkElement(root))
-            return defaultValue;
-        const body = root.childNodes[1];
-        if (!checkElement(body))
-            return defaultValue;
-        nodesToConvert = body.childNodes;
-    }
-    return convertNodes(nodesToConvert, undefined, interactionRenderers);
-};
-//# sourceMappingURL=htmlConverter.js.map

package/lib/components/RichTextEditor/utils/htmlConverter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"htmlConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/htmlConverter.ts"],"names":[],"mappings":"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","sourcesContent":["import { parse } from 'parse5';\n// Use namespaced types to more easily differentiate between similar types (ie, ChildNode from parse5 and Node from slate).\nimport type * as parse5 from 'parse5';\nimport type * as slate from 'slate';\n\nimport { RichTextViewerProps } from '../RichTextViewer.types';\n\nimport parseTextToCustomSlateNodes from './interactionRenderer';\n\nconst checkElement = (node: parse5.ChildNode | undefined): node is parse5.Element =>\n  !!node && node.nodeName !== '#text' && node.nodeName !== '#comment';\nconst checkTextNode = (node: parse5.ChildNode | undefined): node is parse5.TextNode =>\n  !!node && node.nodeName === '#text';\nconst checkComment = (node: parse5.ChildNode | undefined): node is parse5.TextNode =>\n  !!node && node.nodeName === '#comment';\n\n// Mapping of HTML tags to slate types. b, del, i, and a tags are labeled as skip because they need special logic\nexport const htmlToSlateMap = {\n  h1: 'heading-1',\n  h2: 'heading-2',\n  h3: 'heading-3',\n  h4: 'heading-4',\n  ul: 'unordered-list',\n  ol: 'ordered-list',\n  li: 'list-item',\n  table: 'table',\n  tr: 'table-row',\n  td: 'table-cell',\n  tbody: 'table-body',\n  p: 'paragraph',\n  img: 'image',\n  b: 'skip',\n  del: 'skip',\n  i: 'skip',\n  a: 'skip'\n} as const;\n\n// Inline HTML tags to slate types\nexport const inlineHtmlToStyleMap = {\n  b: 'bold',\n  del: 'line-through',\n  i: 'italic',\n  a: 'href'\n} as const;\n\n// Maps HTML Attributes to an object. Right now this is specifically used for list items.\nconst getAttributes = (node: parse5.ChildNode) => {\n  if (checkElement(node) && node.attrs.length) {\n    switch (node.nodeName) {\n      case 'li':\n        return Object.fromEntries(\n          node.attrs.flatMap(attr => {\n            // eslint-disable-next-line sonarjs/no-nested-switch\n            switch (attr.name) {\n              case 'data-id':\n                return [['id', attr.value]];\n              case 'data-parent-id':\n                return [['parentId', attr.value]];\n              case 'data-level':\n                return [['level', attr.value]];\n              case 'data-order':\n                return [['order', attr.value]];\n              default:\n                return [];\n            }\n          })\n        );\n      case 'img': {\n        const imgAttrs = ['src', 'alt'];\n        const attrsObj: { [key: string]: string } = {};\n        for (let i = 0; i < node.attrs.length; i += 1) {\n          const { name, value } = node.attrs[i];\n          if (imgAttrs.includes(name)) {\n            attrsObj[name] = value;\n          }\n        }\n        return attrsObj;\n      }\n      default:\n        return {};\n    }\n  }\n  return {};\n};\n\nconst getSlateNode = (\n  node: parse5.ChildNode,\n  parentNode?: slate.Element | slate.Text,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers']\n): { node: slate.Element | slate.Text; collapseNext?: boolean } => {\n  if (checkTextNode(node)) {\n    if (node.parentNode.nodeName === 'body') {\n      return {\n        node: {\n          type: 'paragraph',\n          children: [{ text: node.value }]\n        }\n      };\n    }\n    // Make sure to spread any parent style attributes for slates text nodes\n    const children = parseTextToCustomSlateNodes(node.value, interactionRenderers);\n    if (children.length === 1) {\n      return { node: { ...parentNode, ...children[0] } as slate.Text };\n    }\n    return {\n      node: {\n        ...parentNode,\n        children\n      } as slate.Element\n    };\n  }\n\n  const type = htmlToSlateMap[node.nodeName as keyof typeof htmlToSlateMap];\n  /*\n    If the type of the HTML tag is an inline (b, i, del, a) we want to let the recursive function know\n    that it needs to collapse the next node, also we are setting the correct style mark to true\n  */\n  if (type === 'skip') {\n    const style = inlineHtmlToStyleMap[node.nodeName as 'b' | 'i' | 'del' | 'a'];\n    let value: string | boolean = true;\n    if (node.nodeName === 'a') {\n      const hrefObj = node.attrs?.find(attr => attr.name === 'href');\n      value = hrefObj ? hrefObj.value : value;\n    }\n    return {\n      node: { ...parentNode, [style]: value, text: '' } as slate.Text,\n      collapseNext: true\n    };\n  }\n\n  const attributes = getAttributes(node);\n  const nodeObj = {\n    type: type || 'paragraph',\n    ...attributes,\n    children: [{ text: '' }]\n  } as slate.Element;\n  return { node: nodeObj };\n};\n\n// Recursive function that will convert Parse5Nodes into Slate compatible nodes\nconst convertNodes = (\n  nodes: parse5.ChildNode[],\n  parentNode?: slate.Element | slate.Text,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers']\n): (slate.Element | slate.Text)[] => {\n  const returnNodes: (slate.Element | slate.Text)[] = [];\n  nodes.forEach(node => {\n    const { node: slateNode, collapseNext } = getSlateNode(node, parentNode, interactionRenderers);\n    if (!checkComment(node)) {\n      let returnNode = slateNode;\n      if (checkElement(node) && node.childNodes && node.childNodes.length) {\n        if (collapseNext) {\n          returnNode = convertNodes(node.childNodes, slateNode, interactionRenderers)[0];\n        } else {\n          (slateNode as slate.Element).children = convertNodes(\n            node.childNodes,\n            undefined,\n            interactionRenderers\n          );\n          returnNode = slateNode;\n        }\n      }\n\n      returnNodes.push(returnNode);\n    }\n  });\n  return returnNodes;\n};\n\nconst defaultValue = [{ type: 'paragraph', children: [{ text: '' }] } as slate.Element];\n\nexport const convertHtml = (\n  html: string,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers']\n): (slate.Element | slate.Text)[] => {\n  // Wrap the html in another body in case the value given has no body\n  const doc = parse(`<body>${html.replace('\\n', '')}</body>`);\n  let nodesToConvert = doc.childNodes;\n  // If we have a root tag\n  if (doc.childNodes.length === 1) {\n    const root = doc.childNodes[0];\n    if (!checkElement(root)) return defaultValue;\n\n    const body = root.childNodes[1];\n    if (!checkElement(body)) return defaultValue;\n\n    nodesToConvert = body.childNodes;\n  }\n  return convertNodes(nodesToConvert, undefined, interactionRenderers);\n};\n"]}

package/lib/components/RichTextEditor/utils/interactionRenderer.d.ts

@@ -1,12 +0,0 @@
-import type * as slate from 'slate';
-import { SearchRenderers } from '../RichTextEditor.types';
-import { InteractionRenderers } from '../RichTextViewer.types';
-interface Renderers {
-    regexPattern: InteractionRenderers['regexPattern'];
-    type?: InteractionRenderers['type'];
-    component?: InteractionRenderers['component'];
-    getSearchAttributes?: SearchRenderers['getSearchAttributes'];
-}
-declare const parseTextToCustomSlateNodes: (text: string, renderers?: Renderers[] | undefined) => (slate.CosmosCustom.Element | slate.CosmosCustom.Text)[];
-export default parseTextToCustomSlateNodes;
-//# sourceMappingURL=interactionRenderer.d.ts.map

package/lib/components/RichTextEditor/utils/interactionRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"interactionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/interactionRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,UAAU,SAAS;IACjB,YAAY,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAC9D;AA6BD,QAAA,MAAM,2BAA2B,SAAU,MAAM,kGA+FhD,CAAC;AAEF,eAAe,2BAA2B,CAAC"}