@webiny/lexical-editor 5.36.1 → 5.36.2-beta.1

package/nodes/ListNode/formatList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LIST_START_NUMBER","$isSelectingEmptyListItem","anchorNode","nodes","$isListItemNode","length","is","getChildrenSize","$getListItemValue","listItem","list","getParent","value","$isListNode","console","log","getStart","siblings","getPreviousSiblings","i","sibling","getFirstChild","insertList","editor","listType","styleId","update","selection","$getSelection","$isRangeSelection","DEPRECATED_$isGridSelection","getNodes","anchor","getNode","anchorNodeParent","$createListNode","$isRootOrShadowRoot","replace","$createListItemNode","$isElementNode","setFormat","getFormatType","setIndent","getIndent","append","parent","getParentOrThrow","getChildren","handled","Set","node","isEmpty","has","getKey","createListOrMerge","$isLeafNode","parentKey","newListNode","updateChildrenListItemValue","add","nextParent","nodesToAppend","splice","previousSibling","getPreviousSibling","nextSibling","getNextSibling","getListType","remove","getFirstChildOrThrow","insertBefore","removeList","listNodes","$getTopListNode","WebinyListItemNode","$getNearestNodeOfType","ListNode","listNode","insertionPoint","listItems","$getAllListItems","paragraph","$createParagraphNode","insertAfter","__key","key","set","focus","children","childrenOrExisting","undefined","child","prevValue","getValue","nextValue","setValue","$handleIndent","WebinyListItemNodes","removed","forEach","isNestedListNode","innerList","nextInnerList","firstChild","newListItem","newList","getStyleId","$handleOutdent","parentList","grandparentListItem","greatGrandparentList","lastChild","getLastChild","themeStyleId","previousSiblingsListItem","previousSiblingsList","nextSiblingsListItem","nextSiblingsList","getNextSiblings","maybeIndentOrOutdent","direction","selectedNodes","webinyListItemNodes","push","nearestWebinyListItemNode","findNearestWebinyListItemNode","getUniqueWebinyListItemNodes","indentList","outdentList","$handleListInsertParagraph","isCollapsed","getTextContent","topListNode","grandparent","replacementNode","select","nextSiblings","$isParagraphNode","$removeHighestEmptyListParent"],"sources":["formatList.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isElementNode,\n    $isLeafNode,\n    $isParagraphNode,\n    $isRangeSelection,\n    $isRootOrShadowRoot,\n    DEPRECATED_$isGridSelection,\n    ElementNode,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    ParagraphNode as BaseParagraphNode\n} from \"lexical\";\nimport { $createListNode, $isListNode, ListNode } from \"../ListNode\";\nimport {\n    $getAllListItems,\n    $getTopListNode,\n    $removeHighestEmptyListParent,\n    findNearestWebinyListItemNode,\n    getUniqueWebinyListItemNodes,\n    isNestedListNode\n} from \"~/utils/nodes/listNode\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport { $createListItemNode, $isListItemNode, ListItemNode } from \"~/nodes/ListItemNode\";\nimport { ListType } from \"@lexical/list\";\nimport { $createParagraphNode } from \"~/nodes/ParagraphNode\";\n\nconst DEFAULT_LIST_START_NUMBER = 1;\n\nfunction $isSelectingEmptyListItem(\n    anchorNode: ListItemNode | LexicalNode,\n    nodes: Array<LexicalNode>\n): boolean {\n    return (\n        $isListItemNode(anchorNode) &&\n        (nodes.length === 0 ||\n            (nodes.length === 1 && anchorNode.is(nodes[0]) && anchorNode.getChildrenSize() === 0))\n    );\n}\n\nfunction $getListItemValue(listItem: ListItemNode): number {\n    const list = listItem.getParent();\n\n    let value = 1;\n\n    if (list !== null) {\n        if (!$isListNode(list)) {\n            console.log(\n                \"$getListItemValue: webiny list node is not parent of webiny list item node\"\n            );\n            return DEFAULT_LIST_START_NUMBER;\n        } else {\n            value = list.getStart();\n        }\n    }\n\n    const siblings = listItem.getPreviousSiblings();\n    for (let i = 0; i < siblings.length; i++) {\n        const sibling = siblings[i];\n\n        if ($isListItemNode(sibling) && !$isListNode(sibling.getFirstChild())) {\n            value++;\n        }\n    }\n    return value;\n}\n\nexport function insertList(editor: LexicalEditor, listType: ListType, styleId?: string): void {\n    editor.update(() => {\n        const selection = $getSelection();\n\n        if ($isRangeSelection(selection) || DEPRECATED_$isGridSelection(selection)) {\n            const nodes = selection.getNodes();\n            const anchor = selection.anchor;\n            const anchorNode = anchor.getNode();\n            const anchorNodeParent = anchorNode.getParent();\n\n            if ($isSelectingEmptyListItem(anchorNode, nodes)) {\n                const list = $createListNode(listType, styleId);\n\n                if ($isRootOrShadowRoot(anchorNodeParent)) {\n                    anchorNode.replace(list);\n                    const listItem = $createListItemNode();\n                    if ($isElementNode(anchorNode)) {\n                        listItem.setFormat(anchorNode.getFormatType());\n                        listItem.setIndent(anchorNode.getIndent());\n                    }\n                    list.append(listItem);\n                } else if ($isListItemNode(anchorNode)) {\n                    const parent = anchorNode.getParentOrThrow();\n                    append(list, parent.getChildren());\n                    parent.replace(list);\n                }\n\n                return;\n            } else {\n                const handled = new Set();\n                for (let i = 0; i < nodes.length; i++) {\n                    const node = nodes[i];\n\n                    if ($isElementNode(node) && node.isEmpty() && !handled.has(node.getKey())) {\n                        createListOrMerge(node, listType, styleId);\n                        continue;\n                    }\n\n                    if ($isLeafNode(node)) {\n                        let parent = node.getParent();\n                        while (parent != null) {\n                            const parentKey = parent.getKey();\n\n                            if ($isListNode(parent)) {\n                                if (!handled.has(parentKey)) {\n                                    const newListNode = $createListNode(listType, styleId);\n                                    append(newListNode, parent.getChildren());\n                                    parent.replace(newListNode);\n                                    updateChildrenListItemValue(newListNode);\n                                    handled.add(parentKey);\n                                }\n\n                                break;\n                            } else {\n                                const nextParent = parent.getParent();\n\n                                if ($isRootOrShadowRoot(nextParent) && !handled.has(parentKey)) {\n                                    handled.add(parentKey);\n                                    createListOrMerge(parent, listType, styleId);\n                                    break;\n                                }\n\n                                parent = nextParent;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    });\n}\n\nfunction append(node: ElementNode, nodesToAppend: Array<LexicalNode>) {\n    node.splice(node.getChildrenSize(), 0, nodesToAppend);\n}\n\nfunction createListOrMerge(node: ElementNode, listType: ListType, styleId?: string): ListNode {\n    if ($isListNode(node)) {\n        return node;\n    }\n\n    const previousSibling = node.getPreviousSibling();\n    const nextSibling = node.getNextSibling();\n    const listItem = $createListItemNode();\n    listItem.setFormat(node.getFormatType());\n    listItem.setIndent(node.getIndent());\n    append(listItem, node.getChildren());\n\n    if ($isListNode(previousSibling) && listType === previousSibling.getListType()) {\n        previousSibling.append(listItem);\n        node.remove();\n        // if the same type of list is on both sides, merge them.\n\n        if ($isListNode(nextSibling) && listType === nextSibling.getListType()) {\n            append(previousSibling, nextSibling.getChildren());\n            nextSibling.remove();\n        }\n        return previousSibling;\n    } else if ($isListNode(nextSibling) && listType === nextSibling.getListType()) {\n        nextSibling.getFirstChildOrThrow().insertBefore(listItem);\n        node.remove();\n        return nextSibling;\n    } else {\n        const list = $createListNode(listType, styleId);\n        list.append(listItem);\n        node.replace(list);\n        updateChildrenListItemValue(list);\n        return list;\n    }\n}\n\nexport function removeList(editor: LexicalEditor): void {\n    editor.update(() => {\n        const selection = $getSelection();\n\n        if ($isRangeSelection(selection)) {\n            const listNodes = new Set<ListNode>();\n            const nodes = selection.getNodes();\n            const anchorNode = selection.anchor.getNode();\n\n            if ($isSelectingEmptyListItem(anchorNode, nodes)) {\n                listNodes.add($getTopListNode(anchorNode));\n            } else {\n                for (let i = 0; i < nodes.length; i++) {\n                    const node = nodes[i];\n\n                    if ($isLeafNode(node)) {\n                        const WebinyListItemNode = $getNearestNodeOfType(node, ListNode);\n\n                        if (WebinyListItemNode != null) {\n                            listNodes.add($getTopListNode(WebinyListItemNode));\n                        }\n                    }\n                }\n            }\n\n            for (const listNode of listNodes) {\n                let insertionPoint: ListNode | BaseParagraphNode = listNode;\n\n                const listItems = $getAllListItems(listNode);\n\n                for (const WebinyListItemNode of listItems) {\n                    const paragraph = $createParagraphNode();\n\n                    append(paragraph, WebinyListItemNode.getChildren());\n\n                    insertionPoint.insertAfter(paragraph);\n                    insertionPoint = paragraph;\n\n                    // When the anchor and focus fall on the textNode\n                    // we don't have to change the selection because the textNode will be appended to\n                    // the newly generated paragraph.\n                    // When selection is in empty nested list item, selection is actually on the WebinyListItemNode.\n                    // When the corresponding WebinyListItemNode is deleted and replaced by the newly generated paragraph\n                    // we should manually set the selection's focus and anchor to the newly generated paragraph.\n                    if (WebinyListItemNode.__key === selection.anchor.key) {\n                        selection.anchor.set(paragraph.getKey(), 0, \"element\");\n                    }\n                    if (WebinyListItemNode.__key === selection.focus.key) {\n                        selection.focus.set(paragraph.getKey(), 0, \"element\");\n                    }\n\n                    WebinyListItemNode.remove();\n                }\n                listNode.remove();\n            }\n        }\n    });\n}\n\nexport function updateChildrenListItemValue(list: ListNode, children?: Array<LexicalNode>): void {\n    const childrenOrExisting = children || list.getChildren();\n    if (childrenOrExisting !== undefined) {\n        for (let i = 0; i < childrenOrExisting.length; i++) {\n            const child = childrenOrExisting[i];\n            if ($isListItemNode(child)) {\n                const prevValue = child.getValue();\n                const nextValue = $getListItemValue(child);\n\n                if (prevValue !== nextValue) {\n                    child.setValue(nextValue);\n                }\n            }\n        }\n    }\n}\n\nexport function $handleIndent(WebinyListItemNodes: Array<ListItemNode>): void {\n    // go through each node and decide where to move it.\n    const removed = new Set<NodeKey>();\n\n    WebinyListItemNodes.forEach((WebinyListItemNode: ListItemNode) => {\n        if (isNestedListNode(WebinyListItemNode) || removed.has(WebinyListItemNode.getKey())) {\n            return;\n        }\n\n        const parent = WebinyListItemNode.getParent();\n\n        // We can cast both of the below `isNestedListNode` only returns a boolean type instead of a user-defined type guards\n        const nextSibling = WebinyListItemNode.getNextSibling<ListItemNode>() as ListItemNode;\n        const previousSibling =\n            WebinyListItemNode.getPreviousSibling<ListItemNode>() as ListItemNode;\n        // if there are nested lists on either side, merge them all together.\n\n        if (isNestedListNode(nextSibling) && isNestedListNode(previousSibling)) {\n            const innerList = previousSibling.getFirstChild();\n\n            if ($isListNode(innerList)) {\n                innerList.append(WebinyListItemNode);\n                const nextInnerList = nextSibling.getFirstChild();\n\n                if ($isListNode(nextInnerList)) {\n                    const children = nextInnerList.getChildren();\n                    append(innerList, children);\n                    nextSibling.remove();\n                    removed.add(nextSibling.getKey());\n                }\n                updateChildrenListItemValue(innerList);\n            }\n        } else if (isNestedListNode(nextSibling)) {\n            // if the WebinyListItemNode is next to a nested ListNode, merge them\n            const innerList = nextSibling.getFirstChild();\n\n            if ($isListNode(innerList)) {\n                const firstChild = innerList.getFirstChild();\n\n                if (firstChild !== null) {\n                    firstChild.insertBefore(WebinyListItemNode);\n                }\n                updateChildrenListItemValue(innerList);\n            }\n        } else if (isNestedListNode(previousSibling)) {\n            const innerList = previousSibling.getFirstChild();\n\n            if ($isListNode(innerList)) {\n                innerList.append(WebinyListItemNode);\n                updateChildrenListItemValue(innerList);\n            }\n        } else {\n            // otherwise, we need to create a new nested ListNode\n\n            if ($isListNode(parent)) {\n                const newListItem = $createListItemNode();\n                const newList = $createListNode(parent.getListType(), parent.getStyleId());\n                newListItem.append(newList);\n                newList.append(WebinyListItemNode);\n\n                if (previousSibling) {\n                    previousSibling.insertAfter(newListItem);\n                } else if (nextSibling) {\n                    nextSibling.insertBefore(newListItem);\n                } else {\n                    parent.append(newListItem);\n                }\n            }\n        }\n\n        if ($isListNode(parent)) {\n            updateChildrenListItemValue(parent);\n        }\n    });\n}\n\nexport function $handleOutdent(WebinyListItemNodes: Array<ListItemNode>): void {\n    // go through each node and decide where to move it.\n\n    WebinyListItemNodes.forEach(WebinyListItemNode => {\n        if (isNestedListNode(WebinyListItemNode)) {\n            return;\n        }\n        const parentList = WebinyListItemNode.getParent();\n        const grandparentListItem = parentList ? parentList.getParent() : undefined;\n        const greatGrandparentList = grandparentListItem\n            ? grandparentListItem.getParent()\n            : undefined;\n        // If it doesn't have these ancestors, it's not indented.\n\n        if (\n            $isListNode(greatGrandparentList) &&\n            $isListItemNode(grandparentListItem) &&\n            $isListNode(parentList)\n        ) {\n            // if it's the first child in it's parent list, insert it into the\n            // great grandparent list before the grandparent\n            const firstChild = parentList ? parentList.getFirstChild() : undefined;\n            const lastChild = parentList ? parentList.getLastChild() : undefined;\n\n            if (WebinyListItemNode.is(firstChild)) {\n                grandparentListItem.insertBefore(WebinyListItemNode);\n\n                if (parentList.isEmpty()) {\n                    grandparentListItem.remove();\n                }\n                // if it's the last child in it's parent list, insert it into the\n                // great grandparent list after the grandparent.\n            } else if (WebinyListItemNode.is(lastChild)) {\n                grandparentListItem.insertAfter(WebinyListItemNode);\n\n                if (parentList.isEmpty()) {\n                    grandparentListItem.remove();\n                }\n            } else {\n                // otherwise, we need to split the siblings into two new nested lists\n                const listType = parentList.getListType();\n                const themeStyleId = parentList.getStyleId();\n                const previousSiblingsListItem = $createListItemNode();\n                const previousSiblingsList = $createListNode(listType, themeStyleId);\n                previousSiblingsListItem.append(previousSiblingsList);\n                WebinyListItemNode.getPreviousSiblings().forEach(sibling =>\n                    previousSiblingsList.append(sibling)\n                );\n                const nextSiblingsListItem = $createListItemNode();\n                const nextSiblingsList = $createListNode(listType, themeStyleId);\n                nextSiblingsListItem.append(nextSiblingsList);\n                append(nextSiblingsList, WebinyListItemNode.getNextSiblings());\n                // put the sibling nested lists on either side of the grandparent list item in the great grandparent.\n                grandparentListItem.insertBefore(previousSiblingsListItem);\n                grandparentListItem.insertAfter(nextSiblingsListItem);\n                // replace the grandparent list item (now between the siblings) with the outdented list item.\n                grandparentListItem.replace(WebinyListItemNode);\n            }\n            updateChildrenListItemValue(parentList);\n            updateChildrenListItemValue(greatGrandparentList);\n        }\n    });\n}\n\nfunction maybeIndentOrOutdent(direction: \"indent\" | \"outdent\"): void {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection)) {\n        return;\n    }\n    const selectedNodes = selection.getNodes();\n    let webinyListItemNodes: Array<ListItemNode> = [];\n\n    if (selectedNodes.length === 0) {\n        selectedNodes.push(selection.anchor.getNode());\n    }\n\n    if (selectedNodes.length === 1) {\n        // Only 1 node selected. Selection may not contain the ListNodeItem so we traverse the tree to\n        // find whether this is part of a WebinyListItemNode\n        const nearestWebinyListItemNode = findNearestWebinyListItemNode(selectedNodes[0]);\n\n        if (nearestWebinyListItemNode !== null) {\n            webinyListItemNodes = [nearestWebinyListItemNode];\n        }\n    } else {\n        webinyListItemNodes = getUniqueWebinyListItemNodes(selectedNodes);\n    }\n\n    if (webinyListItemNodes.length > 0) {\n        if (direction === \"indent\") {\n            $handleIndent(webinyListItemNodes);\n        } else {\n            $handleOutdent(webinyListItemNodes);\n        }\n    }\n}\n\nexport function indentList(): void {\n    maybeIndentOrOutdent(\"indent\");\n}\n\nexport function outdentList(): void {\n    maybeIndentOrOutdent(\"outdent\");\n}\n\nexport function $handleListInsertParagraph(): boolean {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection) || !selection.isCollapsed()) {\n        return false;\n    }\n\n    // Only run this code on empty list items\n    const anchor = selection.anchor.getNode();\n\n    if (!$isListItemNode(anchor) || anchor.getTextContent() !== \"\") {\n        return false;\n    }\n    const topListNode = $getTopListNode(anchor);\n    const parent = anchor.getParent();\n\n    if (!$isListNode(parent)) {\n        console.log(\"A WebinyListItemNode must have a WebinyListNode for a parent.\");\n        return false;\n    }\n\n    const grandparent = parent?.getParent() || null;\n\n    let replacementNode;\n\n    if ($isRootOrShadowRoot(grandparent)) {\n        replacementNode = $createParagraphNode();\n        topListNode.insertAfter(replacementNode);\n    } else if ($isListItemNode(grandparent)) {\n        replacementNode = $createListItemNode();\n        grandparent.insertAfter(replacementNode);\n    } else {\n        return false;\n    }\n    replacementNode.select();\n\n    const nextSiblings = anchor.getNextSiblings();\n\n    if (nextSiblings.length > 0) {\n        const newList = $createListNode(parent?.getListType(), parent?.getStyleId());\n\n        if ($isParagraphNode(replacementNode)) {\n            replacementNode.insertAfter(newList);\n        } else {\n            const newListItem = $createListItemNode();\n            newListItem.append(newList);\n            replacementNode.insertAfter(newListItem);\n        }\n        nextSiblings.forEach(sibling => {\n            sibling.remove();\n            newList.append(sibling);\n        });\n    }\n\n    // Don't leave hanging nested empty lists\n    $removeHighestEmptyListParent(anchor);\n\n    return true;\n}\n"],"mappings":"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"}

package/nodes/{list-node/WebinyListNode.d.ts → ListNode.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 /// <reference types="web" />
 import { DOMConversion, DOMConversionMap, EditorConfig, ElementNode, LexicalNode, NodeKey, SerializedElementNode, Spread } from "lexical";
+import { WebinyTheme } from "../themes/webinyLexicalTheme";
 import { ListNodeTagType } from "@lexical/list/LexicalListNode";
 import { ListType } from "@lexical/list";
 export declare type SerializedWebinyListNode = Spread<{
@@ -11,7 +12,7 @@ export declare type SerializedWebinyListNode = Spread<{
     type: "webiny-list";
     version: 1;
 }, SerializedElementNode>;
-export declare class WebinyListNode extends ElementNode {
+export declare class ListNode extends ElementNode {
     /** @internal */
     __tag: ListNodeTagType;
     /** @internal */
@@ -19,20 +20,23 @@ export declare class WebinyListNode extends ElementNode {
     /** @internal */
     __listType: ListType;
     __themeStyleId: string;
-    constructor(listType: ListType, themeStyleId: string, start: number, key?: NodeKey);
+    constructor(listType: ListType, themeStyleId?: string, start?: number, key?: NodeKey);
     static getType(): string;
+    isStyleExistInTheme(theme: WebinyTheme): boolean;
     createDOM(config: EditorConfig): HTMLElement;
-    static clone(node: WebinyListNode): WebinyListNode;
+    static clone(node: ListNode): ListNode;
     getTag(): ListNodeTagType;
     getListType(): ListType;
     getStart(): number;
     getStyleId(): string;
-    static importJSON(serializedNode: SerializedWebinyListNode): WebinyListNode;
+    static importJSON(serializedNode: SerializedWebinyListNode): ListNode;
     exportJSON(): SerializedWebinyListNode;
     static importDomConversionMap(): DOMConversion<HTMLElement> | null;
     static importDOM(): DOMConversionMap | null;
-    updateDOM(prevNode: WebinyListNode, dom: HTMLElement, config: EditorConfig): boolean;
+    setDefaultThemeListStyleByTag(tag: string, theme: WebinyTheme): void;
+    hasThemeStyle(): boolean;
+    updateDOM(prevNode: ListNode, dom: HTMLElement, config: EditorConfig): boolean;
     extractWithChild(child: LexicalNode): boolean;
 }
-export declare function $createWebinyListNode(listType: ListType, themeStyleId: string, start?: number): WebinyListNode;
-export declare function $isWebinyListNode(node: LexicalNode | null | undefined): node is WebinyListNode;
+export declare function $createListNode(listType: ListType, themeStyleId?: string, start?: number): ListNode;
+export declare function $isListNode(node: LexicalNode | null | undefined): node is ListNode;

package/nodes/{list-node/WebinyListNode.js → ListNode.js}

@@ -4,9 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.$createWebinyListNode = $createWebinyListNode;
-exports.$isWebinyListNode = $isWebinyListNode;
-exports.WebinyListNode = void 0;
+exports.$createListNode = $createListNode;
+exports.$isListNode = $isListNode;
+exports.ListNode = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -19,42 +19,54 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _lexical = require("lexical");
 var _utils = require("@lexical/utils");
-var _listNode = require("../../utils/nodes/list-node");
-var _WebinyListItemNode = require("./WebinyListItemNode");
+var _listNode = require("../utils/nodes/listNode");
+var _ListItemNode = require("./ListItemNode");
+var _findTypographyStyleByHtmlTag = require("../utils/findTypographyStyleByHtmlTag");
 var TypographyStyleAttrName = "data-theme-list-style-id";
-var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
-  (0, _inherits2.default)(WebinyListNode, _ElementNode);
-  var _super = (0, _createSuper2.default)(WebinyListNode);
+var ListNode = /*#__PURE__*/function (_ElementNode) {
+  (0, _inherits2.default)(ListNode, _ElementNode);
+  var _super = (0, _createSuper2.default)(ListNode);
   /** @internal */
 
   /** @internal */
 
   /** @internal */
 
-  function WebinyListNode(listType, themeStyleId, start, key) {
+  function ListNode(listType, themeStyleId, start, key) {
     var _this;
-    (0, _classCallCheck2.default)(this, WebinyListNode);
+    (0, _classCallCheck2.default)(this, ListNode);
     _this = _super.call(this, key);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__tag", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__start", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__listType", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__themeStyleId", void 0);
-    _this.__themeStyleId = themeStyleId;
+    _this.__themeStyleId = themeStyleId || "";
     var _listType = TAG_TO_WEBINY_LIST_TYPE[listType] || listType;
     _this.__listType = _listType;
     _this.__tag = _listType === "number" ? "ol" : "ul";
-    _this.__start = start;
+    _this.__start = start || 1;
     return _this;
   }
-  (0, _createClass2.default)(WebinyListNode, [{
+  (0, _createClass2.default)(ListNode, [{
+    key: "isStyleExistInTheme",
+    value: function isStyleExistInTheme(theme) {
+      return theme !== null && theme !== void 0 && theme.emotionMap ? !!(theme !== null && theme !== void 0 && theme.emotionMap[this.__themeStyleId]) : false;
+    }
+  }, {
     key: "createDOM",
     value: function createDOM(config) {
       var tag = this.__tag;
       var dom = document.createElement(tag);
+      var wTheme = config.theme;
       if (this.__start !== 1) {
         dom.setAttribute("start", String(this.__start));
       }
 
+      // If styleId is not set or user removed from theme, set default style
+      if (!this.hasThemeStyle() || !this.isStyleExistInTheme(wTheme)) {
+        this.setDefaultThemeListStyleByTag(this.__tag, wTheme);
+      }
+
       // @ts-expect-error Internal field.
       dom.__lexicalListType = this.__listType;
       var theme = config.theme;
@@ -88,7 +100,7 @@ var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
     // @ts-ignore
     function exportJSON() {
       var _this$__themeStyleId;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(WebinyListNode.prototype), "exportJSON", this).call(this)), {}, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(ListNode.prototype), "exportJSON", this).call(this)), {}, {
         themeStyleId: (_this$__themeStyleId = this.__themeStyleId) !== null && _this$__themeStyleId !== void 0 ? _this$__themeStyleId : "",
         listType: this.getListType(),
         start: this.getStart(),
@@ -97,13 +109,42 @@ var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
         version: 1
       });
     }
+  }, {
+    key: "setDefaultThemeListStyleByTag",
+    value:
+    /*
+     * Set default styleId from first style that is found in the theme that contains current ul or ol tag
+     */
+    function setDefaultThemeListStyleByTag(tag, theme) {
+      if (!tag) {
+        return;
+      }
+      var themeEmotionMap = theme === null || theme === void 0 ? void 0 : theme.emotionMap;
+      if (!themeEmotionMap) {
+        return;
+      }
+      var style = (0, _findTypographyStyleByHtmlTag.findTypographyStyleByHtmlTag)(tag, themeEmotionMap);
+      if (style) {
+        this.__themeStyleId = style.id;
+      }
+    }
+  }, {
+    key: "hasThemeStyle",
+    value: function hasThemeStyle() {
+      return !!this.__themeStyleId;
+    }
   }, {
     key: "updateDOM",
     value: function updateDOM(prevNode, dom, config) {
+      var wTheme = config.theme;
       if (prevNode.__tag !== this.__tag) {
         return true;
       }
-      // update styles for different tag styles
+
+      // if styleId is not set or user removed from theme, set default style.
+      if (!this.hasThemeStyle() || !this.isStyleExistInTheme(wTheme)) {
+        this.setDefaultThemeListStyleByTag(this.__tag, wTheme);
+      }
       setListThemeClassNames(dom, config.theme, this, this.__themeStyleId);
       dom.setAttribute(TypographyStyleAttrName, this.__themeStyleId);
       return false;
@@ -111,7 +152,7 @@ var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
   }, {
     key: "extractWithChild",
     value: function extractWithChild(child) {
-      return (0, _WebinyListItemNode.$isWebinyListItemNode)(child);
+      return (0, _ListItemNode.$isListItemNode)(child);
     }
   }], [{
     key: "getType",
@@ -121,12 +162,12 @@ var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
   }, {
     key: "clone",
     value: function clone(node) {
-      return new WebinyListNode(node.getListType(), node.getStyleId(), node.getStart(), node.__key);
+      return new ListNode(node.getListType(), node.getStyleId(), node.getStart(), node.__key);
     }
   }, {
     key: "importJSON",
     value: function importJSON(serializedNode) {
-      var node = $createWebinyListNode(serializedNode.listType, serializedNode.themeStyleId, serializedNode.start);
+      var node = $createListNode(serializedNode.listType, serializedNode.themeStyleId, serializedNode.start);
       node.setFormat(serializedNode.format);
       node.setIndent(serializedNode.indent);
       node.setDirection(serializedNode.direction);
@@ -154,9 +195,9 @@ var WebinyListNode = /*#__PURE__*/function (_ElementNode) {
       };
     }
   }]);
-  return WebinyListNode;
+  return ListNode;
 }(_lexical.ElementNode);
-exports.WebinyListNode = WebinyListNode;
+exports.ListNode = ListNode;
 function setListThemeClassNames(dom, editorTheme, node, themeStyleId) {
   var editorThemeClasses = editorTheme;
   var classesToAdd = [];
@@ -175,7 +216,7 @@ function setListThemeClassNames(dom, editorTheme, node, themeStyleId) {
     if (nestedListTheme !== undefined && nestedListTheme.list) {
       nestedListClassName = nestedListTheme.list;
     }
-    if (listClassName !== undefined) {
+    if (listClassName) {
       classesToAdd.push(listClassName);
     }
     if (listLevelClassName !== undefined) {
@@ -213,10 +254,10 @@ function normalizeChildren(nodes) {
   var normalizedListItems = [];
   for (var i = 0; i < nodes.length; i++) {
     var node = nodes[i];
-    if ((0, _WebinyListItemNode.$isWebinyListItemNode)(node)) {
+    if ((0, _ListItemNode.$isListItemNode)(node)) {
       normalizedListItems.push(node);
       node.getChildren().forEach(function (child) {
-        if ($isWebinyListNode(child)) {
+        if ($isListNode(child)) {
           normalizedListItems.push((0, _listNode.wrapInListItem)(child));
         }
       });
@@ -230,9 +271,9 @@ function convertWebinyListNode(domNode) {
   var nodeName = domNode.nodeName.toLowerCase();
   var node = null;
   if (nodeName === "ol") {
-    node = $createWebinyListNode("number", "");
+    node = $createListNode("number");
   } else if (nodeName === "ul") {
-    node = $createWebinyListNode("bullet", "");
+    node = $createListNode("bullet");
   }
   return {
     // @ts-ignore
@@ -244,10 +285,10 @@ var TAG_TO_WEBINY_LIST_TYPE = {
   ol: "number",
   ul: "bullet"
 };
-function $createWebinyListNode(listType, themeStyleId) {
+function $createListNode(listType, themeStyleId) {
   var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  return new WebinyListNode(listType, themeStyleId, start);
+  return new ListNode(listType, themeStyleId, start);
 }
-function $isWebinyListNode(node) {
-  return node instanceof WebinyListNode;
+function $isListNode(node) {
+  return node instanceof ListNode;
 }

package/nodes/ListNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TypographyStyleAttrName","ListNode","listType","themeStyleId","start","key","__themeStyleId","_listType","TAG_TO_WEBINY_LIST_TYPE","__listType","__tag","__start","theme","emotionMap","config","tag","dom","document","createElement","wTheme","setAttribute","String","hasThemeStyle","isStyleExistInTheme","setDefaultThemeListStyleByTag","__lexicalListType","setListThemeClassNames","getListType","getStart","getTag","type","version","themeEmotionMap","style","findTypographyStyleByHtmlTag","id","prevNode","child","$isListItemNode","node","getStyleId","__key","serializedNode","$createListNode","setFormat","format","setIndent","indent","setDirection","direction","conversion","convertWebinyListNode","priority","ol","importDomConversionMap","ul","ElementNode","editorTheme","editorThemeClasses","classesToAdd","classesToRemove","listTheme","list","undefined","listLevelsClassNames","listDepth","$getListDepth","normalizedListDepth","length","listLevelClassName","listClassName","className","nestedListClassName","nestedListTheme","nested","push","listItemClasses","split","i","nestedListItemClasses","removeClassNamesFromElement","addClassNamesToElement","normalizeChildren","nodes","normalizedListItems","getChildren","forEach","$isListNode","wrapInListItem","domNode","nodeName","toLowerCase","after"],"sources":["ListNode.ts"],"sourcesContent":["import {\n    DOMConversion,\n    DOMConversionMap,\n    DOMConversionOutput,\n    EditorConfig,\n    ElementNode,\n    LexicalNode,\n    NodeKey,\n    SerializedElementNode,\n    Spread\n} from \"lexical\";\nimport { WebinyEditorTheme, WebinyTheme } from \"~/themes/webinyLexicalTheme\";\nimport { addClassNamesToElement, removeClassNamesFromElement } from \"@lexical/utils\";\nimport { ListNodeTagType } from \"@lexical/list/LexicalListNode\";\nimport { $getListDepth, wrapInListItem } from \"~/utils/nodes/listNode\";\nimport { ListType } from \"@lexical/list\";\nimport { $isListItemNode, ListItemNode } from \"~/nodes/ListItemNode\";\nimport { findTypographyStyleByHtmlTag } from \"~/utils/findTypographyStyleByHtmlTag\";\n\nconst TypographyStyleAttrName = \"data-theme-list-style-id\";\n\nexport type SerializedWebinyListNode = Spread<\n    {\n        themeStyleId: string;\n        listType: ListType;\n        start: number;\n        tag: ListNodeTagType;\n        type: \"webiny-list\";\n        version: 1;\n    },\n    SerializedElementNode\n>;\n\nexport class ListNode extends ElementNode {\n    /** @internal */\n    __tag: ListNodeTagType;\n    /** @internal */\n    __start: number;\n    /** @internal */\n    __listType: ListType;\n\n    __themeStyleId: string;\n\n    constructor(listType: ListType, themeStyleId?: string, start?: number, key?: NodeKey) {\n        super(key);\n        this.__themeStyleId = themeStyleId || \"\";\n        const _listType = TAG_TO_WEBINY_LIST_TYPE[listType] || listType;\n        this.__listType = _listType;\n        this.__tag = _listType === \"number\" ? \"ol\" : \"ul\";\n        this.__start = start || 1;\n    }\n\n    static override getType() {\n        return \"webiny-list\";\n    }\n\n    isStyleExistInTheme(theme: WebinyTheme): boolean {\n        return theme?.emotionMap ? !!theme?.emotionMap[this.__themeStyleId] : false;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const tag = this.__tag;\n        const dom = document.createElement(tag);\n        const wTheme = config.theme as WebinyTheme;\n\n        if (this.__start !== 1) {\n            dom.setAttribute(\"start\", String(this.__start));\n        }\n\n        // If styleId is not set or user removed from theme, set default style\n        if (!this.hasThemeStyle() || !this.isStyleExistInTheme(wTheme)) {\n            this.setDefaultThemeListStyleByTag(this.__tag, wTheme);\n        }\n\n        // @ts-expect-error Internal field.\n        dom.__lexicalListType = this.__listType;\n        const theme = config.theme as WebinyEditorTheme;\n        setListThemeClassNames(dom, theme, this, this.__themeStyleId);\n        dom.setAttribute(TypographyStyleAttrName, this.__themeStyleId);\n        return dom;\n    }\n\n    static override clone(node: ListNode): ListNode {\n        return new ListNode(node.getListType(), node.getStyleId(), node.getStart(), node.__key);\n    }\n\n    getTag(): ListNodeTagType {\n        return this.__tag;\n    }\n\n    getListType(): ListType {\n        return this.__listType;\n    }\n\n    getStart(): number {\n        return this.__start;\n    }\n\n    getStyleId(): string {\n        return this.__themeStyleId;\n    }\n\n    static override importJSON(serializedNode: SerializedWebinyListNode): ListNode {\n        const node = $createListNode(\n            serializedNode.listType,\n            serializedNode.themeStyleId,\n            serializedNode.start\n        );\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        return node;\n    }\n\n    // @ts-ignore\n    override exportJSON(): SerializedWebinyListNode {\n        return {\n            ...super.exportJSON(),\n            themeStyleId: this.__themeStyleId ?? \"\",\n            listType: this.getListType(),\n            start: this.getStart(),\n            tag: this.getTag(),\n            type: \"webiny-list\",\n            version: 1\n        };\n    }\n\n    static importDomConversionMap(): DOMConversion<HTMLElement> | null {\n        return {\n            conversion: convertWebinyListNode,\n            priority: 0\n        };\n    }\n\n    static importDOM(): DOMConversionMap | null {\n        return {\n            ol: () => {\n                return this.importDomConversionMap();\n            },\n            ul: () => {\n                return this.importDomConversionMap();\n            }\n        };\n    }\n\n    /*\n     * Set default styleId from first style that is found in the theme that contains current ul or ol tag\n     */\n    setDefaultThemeListStyleByTag(tag: string, theme: WebinyTheme) {\n        if (!tag) {\n            return;\n        }\n\n        const themeEmotionMap = theme?.emotionMap;\n        if (!themeEmotionMap) {\n            return;\n        }\n\n        const style = findTypographyStyleByHtmlTag(tag, themeEmotionMap);\n\n        if (style) {\n            this.__themeStyleId = style.id;\n        }\n    }\n\n    hasThemeStyle(): boolean {\n        return !!this.__themeStyleId;\n    }\n\n    override updateDOM(prevNode: ListNode, dom: HTMLElement, config: EditorConfig): boolean {\n        const wTheme = config.theme as WebinyTheme;\n\n        if (prevNode.__tag !== this.__tag) {\n            return true;\n        }\n\n        // if styleId is not set or user removed from theme, set default style.\n        if (!this.hasThemeStyle() || !this.isStyleExistInTheme(wTheme)) {\n            this.setDefaultThemeListStyleByTag(this.__tag, wTheme);\n        }\n\n        setListThemeClassNames(dom, config.theme, this, this.__themeStyleId);\n        dom.setAttribute(TypographyStyleAttrName, this.__themeStyleId);\n        return false;\n    }\n\n    override extractWithChild(child: LexicalNode): boolean {\n        return $isListItemNode(child);\n    }\n}\n\nfunction setListThemeClassNames(\n    dom: HTMLElement,\n    editorTheme: WebinyEditorTheme,\n    node: ListNode,\n    themeStyleId: string\n): void {\n    const editorThemeClasses = editorTheme;\n    const classesToAdd = [];\n    const classesToRemove = [];\n    const listTheme = editorThemeClasses.list;\n    const emotionMap = editorTheme?.emotionMap || {};\n    if (listTheme !== undefined) {\n        const listLevelsClassNames = listTheme[`${node.__tag}Depth`] || [];\n        const listDepth = $getListDepth(node) - 1;\n        const normalizedListDepth = listDepth % listLevelsClassNames.length;\n        const listLevelClassName = listLevelsClassNames[normalizedListDepth];\n        const listClassName = `${listTheme[node.__tag]} ${\n            emotionMap[themeStyleId]?.className ?? \"\"\n        }`;\n        let nestedListClassName;\n        const nestedListTheme = listTheme.nested;\n\n        if (nestedListTheme !== undefined && nestedListTheme.list) {\n            nestedListClassName = nestedListTheme.list;\n        }\n\n        if (listClassName) {\n            classesToAdd.push(listClassName);\n        }\n\n        if (listLevelClassName !== undefined) {\n            const listItemClasses = listLevelClassName.split(\" \");\n            classesToAdd.push(...listItemClasses);\n            for (let i = 0; i < listLevelsClassNames.length; i++) {\n                if (i !== normalizedListDepth) {\n                    classesToRemove.push(node.__tag + i);\n                }\n            }\n        }\n\n        if (nestedListClassName !== undefined) {\n            const nestedListItemClasses = nestedListClassName.split(\" \");\n\n            if (listDepth > 1) {\n                classesToAdd.push(...nestedListItemClasses);\n            } else {\n                classesToRemove.push(...nestedListItemClasses);\n            }\n        }\n    }\n\n    if (classesToRemove.length > 0) {\n        removeClassNamesFromElement(dom, ...classesToRemove);\n    }\n\n    if (classesToAdd.length > 0) {\n        addClassNamesToElement(dom, ...classesToAdd);\n    }\n}\n\n/*\n * This function normalizes the children of a ListNode after the conversion from HTML,\n * ensuring that they are all ListItemNodes and contain either a single nested ListNode\n * or some other inline content.\n */\nfunction normalizeChildren(nodes: Array<ListNode>): Array<ListItemNode> {\n    const normalizedListItems: Array<ListItemNode> = [];\n    for (let i = 0; i < nodes.length; i++) {\n        const node = nodes[i];\n        if ($isListItemNode(node)) {\n            normalizedListItems.push(node);\n            node.getChildren().forEach(child => {\n                if ($isListNode(child)) {\n                    normalizedListItems.push(wrapInListItem(child));\n                }\n            });\n        } else {\n            normalizedListItems.push(wrapInListItem(node));\n        }\n    }\n    return normalizedListItems;\n}\n\nfunction convertWebinyListNode(domNode: Node): DOMConversionOutput {\n    const nodeName = domNode.nodeName.toLowerCase();\n    let node = null;\n\n    if (nodeName === \"ol\") {\n        node = $createListNode(\"number\");\n    } else if (nodeName === \"ul\") {\n        node = $createListNode(\"bullet\");\n    }\n\n    return {\n        // @ts-ignore\n        after: normalizeChildren,\n        node\n    };\n}\n\nconst TAG_TO_WEBINY_LIST_TYPE: Record<string, ListType> = {\n    ol: \"number\",\n    ul: \"bullet\"\n};\n\nexport function $createListNode(listType: ListType, themeStyleId?: string, start = 1): ListNode {\n    return new ListNode(listType, themeStyleId, start);\n}\n\nexport function $isListNode(node: LexicalNode | null | undefined): node is ListNode {\n    return node instanceof ListNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAYA;AAEA;AAEA;AACA;AAEA,IAAMA,uBAAuB,GAAG,0BAA0B;AAAC,IAc9CC,QAAQ;EAAA;EAAA;EACjB;;EAEA;;EAEA;;EAKA,kBAAYC,QAAkB,EAAEC,YAAqB,EAAEC,KAAc,EAAEC,GAAa,EAAE;IAAA;IAAA;IAClF,0BAAMA,GAAG;IAAE;IAAA;IAAA;IAAA;IACX,MAAKC,cAAc,GAAGH,YAAY,IAAI,EAAE;IACxC,IAAMI,SAAS,GAAGC,uBAAuB,CAACN,QAAQ,CAAC,IAAIA,QAAQ;IAC/D,MAAKO,UAAU,GAAGF,SAAS;IAC3B,MAAKG,KAAK,GAAGH,SAAS,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI;IACjD,MAAKI,OAAO,GAAGP,KAAK,IAAI,CAAC;IAAC;EAC9B;EAAC;IAAA;IAAA,OAMD,6BAAoBQ,KAAkB,EAAW;MAC7C,OAAOA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEC,UAAU,GAAG,CAAC,EAACD,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEC,UAAU,CAAC,IAAI,CAACP,cAAc,CAAC,IAAG,KAAK;IAC/E;EAAC;IAAA;IAAA,OAED,mBAAmBQ,MAAoB,EAAe;MAClD,IAAMC,GAAG,GAAG,IAAI,CAACL,KAAK;MACtB,IAAMM,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAACH,GAAG,CAAC;MACvC,IAAMI,MAAM,GAAGL,MAAM,CAACF,KAAoB;MAE1C,IAAI,IAAI,CAACD,OAAO,KAAK,CAAC,EAAE;QACpBK,GAAG,CAACI,YAAY,CAAC,OAAO,EAAEC,MAAM,CAAC,IAAI,CAACV,OAAO,CAAC,CAAC;MACnD;;MAEA;MACA,IAAI,CAAC,IAAI,CAACW,aAAa,EAAE,IAAI,CAAC,IAAI,CAACC,mBAAmB,CAACJ,MAAM,CAAC,EAAE;QAC5D,IAAI,CAACK,6BAA6B,CAAC,IAAI,CAACd,KAAK,EAAES,MAAM,CAAC;MAC1D;;MAEA;MACAH,GAAG,CAACS,iBAAiB,GAAG,IAAI,CAAChB,UAAU;MACvC,IAAMG,KAAK,GAAGE,MAAM,CAACF,KAA0B;MAC/Cc,sBAAsB,CAACV,GAAG,EAAEJ,KAAK,EAAE,IAAI,EAAE,IAAI,CAACN,cAAc,CAAC;MAC7DU,GAAG,CAACI,YAAY,CAACpB,uBAAuB,EAAE,IAAI,CAACM,cAAc,CAAC;MAC9D,OAAOU,GAAG;IACd;EAAC;IAAA;IAAA,OAMD,kBAA0B;MACtB,OAAO,IAAI,CAACN,KAAK;IACrB;EAAC;IAAA;IAAA,OAED,uBAAwB;MACpB,OAAO,IAAI,CAACD,UAAU;IAC1B;EAAC;IAAA;IAAA,OAED,oBAAmB;MACf,OAAO,IAAI,CAACE,OAAO;IACvB;EAAC;IAAA;IAAA,OAED,sBAAqB;MACjB,OAAO,IAAI,CAACL,cAAc;IAC9B;EAAC;IAAA;IAAA;IAcD;IACA,sBAAgD;MAAA;MAC5C;QAEIH,YAAY,0BAAE,IAAI,CAACG,cAAc,uEAAI,EAAE;QACvCJ,QAAQ,EAAE,IAAI,CAACyB,WAAW,EAAE;QAC5BvB,KAAK,EAAE,IAAI,CAACwB,QAAQ,EAAE;QACtBb,GAAG,EAAE,IAAI,CAACc,MAAM,EAAE;QAClBC,IAAI,EAAE,aAAa;QACnBC,OAAO,EAAE;MAAC;IAElB;EAAC;IAAA;IAAA;IAoBD;AACJ;AACA;IACI,uCAA8BhB,GAAW,EAAEH,KAAkB,EAAE;MAC3D,IAAI,CAACG,GAAG,EAAE;QACN;MACJ;MAEA,IAAMiB,eAAe,GAAGpB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,UAAU;MACzC,IAAI,CAACmB,eAAe,EAAE;QAClB;MACJ;MAEA,IAAMC,KAAK,GAAG,IAAAC,0DAA4B,EAACnB,GAAG,EAAEiB,eAAe,CAAC;MAEhE,IAAIC,KAAK,EAAE;QACP,IAAI,CAAC3B,cAAc,GAAG2B,KAAK,CAACE,EAAE;MAClC;IACJ;EAAC;IAAA;IAAA,OAED,yBAAyB;MACrB,OAAO,CAAC,CAAC,IAAI,CAAC7B,cAAc;IAChC;EAAC;IAAA;IAAA,OAED,mBAAmB8B,QAAkB,EAAEpB,GAAgB,EAAEF,MAAoB,EAAW;MACpF,IAAMK,MAAM,GAAGL,MAAM,CAACF,KAAoB;MAE1C,IAAIwB,QAAQ,CAAC1B,KAAK,KAAK,IAAI,CAACA,KAAK,EAAE;QAC/B,OAAO,IAAI;MACf;;MAEA;MACA,IAAI,CAAC,IAAI,CAACY,aAAa,EAAE,IAAI,CAAC,IAAI,CAACC,mBAAmB,CAACJ,MAAM,CAAC,EAAE;QAC5D,IAAI,CAACK,6BAA6B,CAAC,IAAI,CAACd,KAAK,EAAES,MAAM,CAAC;MAC1D;MAEAO,sBAAsB,CAACV,GAAG,EAAEF,MAAM,CAACF,KAAK,EAAE,IAAI,EAAE,IAAI,CAACN,cAAc,CAAC;MACpEU,GAAG,CAACI,YAAY,CAACpB,uBAAuB,EAAE,IAAI,CAACM,cAAc,CAAC;MAC9D,OAAO,KAAK;IAChB;EAAC;IAAA;IAAA,OAED,0BAA0B+B,KAAkB,EAAW;MACnD,OAAO,IAAAC,6BAAe,EAACD,KAAK,CAAC;IACjC;EAAC;IAAA;IAAA,OAxID,mBAA0B;MACtB,OAAO,aAAa;IACxB;EAAC;IAAA;IAAA,OA4BD,eAAsBE,IAAc,EAAY;MAC5C,OAAO,IAAItC,QAAQ,CAACsC,IAAI,CAACZ,WAAW,EAAE,EAAEY,IAAI,CAACC,UAAU,EAAE,EAAED,IAAI,CAACX,QAAQ,EAAE,EAAEW,IAAI,CAACE,KAAK,CAAC;IAC3F;EAAC;IAAA;IAAA,OAkBD,oBAA2BC,cAAwC,EAAY;MAC3E,IAAMH,IAAI,GAAGI,eAAe,CACxBD,cAAc,CAACxC,QAAQ,EACvBwC,cAAc,CAACvC,YAAY,EAC3BuC,cAAc,CAACtC,KAAK,CACvB;MACDmC,IAAI,CAACK,SAAS,CAACF,cAAc,CAACG,MAAM,CAAC;MACrCN,IAAI,CAACO,SAAS,CAACJ,cAAc,CAACK,MAAM,CAAC;MACrCR,IAAI,CAACS,YAAY,CAACN,cAAc,CAACO,SAAS,CAAC;MAC3C,OAAOV,IAAI;IACf;EAAC;IAAA;IAAA,OAeD,kCAAmE;MAC/D,OAAO;QACHW,UAAU,EAAEC,qBAAqB;QACjCC,QAAQ,EAAE;MACd,CAAC;IACL;EAAC;IAAA;IAAA,OAED,qBAA4C;MAAA;MACxC,OAAO;QACHC,EAAE,EAAE,cAAM;UACN,OAAO,MAAI,CAACC,sBAAsB,EAAE;QACxC,CAAC;QACDC,EAAE,EAAE,cAAM;UACN,OAAO,MAAI,CAACD,sBAAsB,EAAE;QACxC;MACJ,CAAC;IACL;EAAC;EAAA;AAAA,EA9GyBE,oBAAW;AAAA;AA8JzC,SAAS9B,sBAAsB,CAC3BV,GAAgB,EAChByC,WAA8B,EAC9BlB,IAAc,EACdpC,YAAoB,EAChB;EACJ,IAAMuD,kBAAkB,GAAGD,WAAW;EACtC,IAAME,YAAY,GAAG,EAAE;EACvB,IAAMC,eAAe,GAAG,EAAE;EAC1B,IAAMC,SAAS,GAAGH,kBAAkB,CAACI,IAAI;EACzC,IAAMjD,UAAU,GAAG,CAAA4C,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE5C,UAAU,KAAI,CAAC,CAAC;EAChD,IAAIgD,SAAS,KAAKE,SAAS,EAAE;IAAA;IACzB,IAAMC,oBAAoB,GAAGH,SAAS,WAAItB,IAAI,CAAC7B,KAAK,WAAQ,IAAI,EAAE;IAClE,IAAMuD,SAAS,GAAG,IAAAC,uBAAa,EAAC3B,IAAI,CAAC,GAAG,CAAC;IACzC,IAAM4B,mBAAmB,GAAGF,SAAS,GAAGD,oBAAoB,CAACI,MAAM;IACnE,IAAMC,kBAAkB,GAAGL,oBAAoB,CAACG,mBAAmB,CAAC;IACpE,IAAMG,aAAa,aAAMT,SAAS,CAACtB,IAAI,CAAC7B,KAAK,CAAC,iEAC1CG,UAAU,CAACV,YAAY,CAAC,2DAAxB,uBAA0BoE,SAAS,yEAAI,EAAE,CAC3C;IACF,IAAIC,mBAAmB;IACvB,IAAMC,eAAe,GAAGZ,SAAS,CAACa,MAAM;IAExC,IAAID,eAAe,KAAKV,SAAS,IAAIU,eAAe,CAACX,IAAI,EAAE;MACvDU,mBAAmB,GAAGC,eAAe,CAACX,IAAI;IAC9C;IAEA,IAAIQ,aAAa,EAAE;MACfX,YAAY,CAACgB,IAAI,CAACL,aAAa,CAAC;IACpC;IAEA,IAAID,kBAAkB,KAAKN,SAAS,EAAE;MAClC,IAAMa,eAAe,GAAGP,kBAAkB,CAACQ,KAAK,CAAC,GAAG,CAAC;MACrDlB,YAAY,CAACgB,IAAI,OAAjBhB,YAAY,mCAASiB,eAAe,EAAC;MACrC,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,oBAAoB,CAACI,MAAM,EAAEU,CAAC,EAAE,EAAE;QAClD,IAAIA,CAAC,KAAKX,mBAAmB,EAAE;UAC3BP,eAAe,CAACe,IAAI,CAACpC,IAAI,CAAC7B,KAAK,GAAGoE,CAAC,CAAC;QACxC;MACJ;IACJ;IAEA,IAAIN,mBAAmB,KAAKT,SAAS,EAAE;MACnC,IAAMgB,qBAAqB,GAAGP,mBAAmB,CAACK,KAAK,CAAC,GAAG,CAAC;MAE5D,IAAIZ,SAAS,GAAG,CAAC,EAAE;QACfN,YAAY,CAACgB,IAAI,OAAjBhB,YAAY,mCAASoB,qBAAqB,EAAC;MAC/C,CAAC,MAAM;QACHnB,eAAe,CAACe,IAAI,OAApBf,eAAe,mCAASmB,qBAAqB,EAAC;MAClD;IACJ;EACJ;EAEA,IAAInB,eAAe,CAACQ,MAAM,GAAG,CAAC,EAAE;IAC5BY,kCAA2B,gBAAChE,GAAG,SAAK4C,eAAe,EAAC;EACxD;EAEA,IAAID,YAAY,CAACS,MAAM,GAAG,CAAC,EAAE;IACzBa,6BAAsB,gBAACjE,GAAG,SAAK2C,YAAY,EAAC;EAChD;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASuB,iBAAiB,CAACC,KAAsB,EAAuB;EACpE,IAAMC,mBAAwC,GAAG,EAAE;EACnD,KAAK,IAAIN,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGK,KAAK,CAACf,MAAM,EAAEU,CAAC,EAAE,EAAE;IACnC,IAAMvC,IAAI,GAAG4C,KAAK,CAACL,CAAC,CAAC;IACrB,IAAI,IAAAxC,6BAAe,EAACC,IAAI,CAAC,EAAE;MACvB6C,mBAAmB,CAACT,IAAI,CAACpC,IAAI,CAAC;MAC9BA,IAAI,CAAC8C,WAAW,EAAE,CAACC,OAAO,CAAC,UAAAjD,KAAK,EAAI;QAChC,IAAIkD,WAAW,CAAClD,KAAK,CAAC,EAAE;UACpB+C,mBAAmB,CAACT,IAAI,CAAC,IAAAa,wBAAc,EAACnD,KAAK,CAAC,CAAC;QACnD;MACJ,CAAC,CAAC;IACN,CAAC,MAAM;MACH+C,mBAAmB,CAACT,IAAI,CAAC,IAAAa,wBAAc,EAACjD,IAAI,CAAC,CAAC;IAClD;EACJ;EACA,OAAO6C,mBAAmB;AAC9B;AAEA,SAASjC,qBAAqB,CAACsC,OAAa,EAAuB;EAC/D,IAAMC,QAAQ,GAAGD,OAAO,CAACC,QAAQ,CAACC,WAAW,EAAE;EAC/C,IAAIpD,IAAI,GAAG,IAAI;EAEf,IAAImD,QAAQ,KAAK,IAAI,EAAE;IACnBnD,IAAI,GAAGI,eAAe,CAAC,QAAQ,CAAC;EACpC,CAAC,MAAM,IAAI+C,QAAQ,KAAK,IAAI,EAAE;IAC1BnD,IAAI,GAAGI,eAAe,CAAC,QAAQ,CAAC;EACpC;EAEA,OAAO;IACH;IACAiD,KAAK,EAAEV,iBAAiB;IACxB3C,IAAI,EAAJA;EACJ,CAAC;AACL;AAEA,IAAM/B,uBAAiD,GAAG;EACtD6C,EAAE,EAAE,QAAQ;EACZE,EAAE,EAAE;AACR,CAAC;AAEM,SAASZ,eAAe,CAACzC,QAAkB,EAAEC,YAAqB,EAAuB;EAAA,IAArBC,KAAK,uEAAG,CAAC;EAChF,OAAO,IAAIH,QAAQ,CAACC,QAAQ,EAAEC,YAAY,EAAEC,KAAK,CAAC;AACtD;AAEO,SAASmF,WAAW,CAAChD,IAAoC,EAAoB;EAChF,OAAOA,IAAI,YAAYtC,QAAQ;AACnC"}

package/nodes/webinyNodes.js

@@ -11,8 +11,8 @@ var _mark = require("@lexical/mark");
 var _overflow = require("@lexical/overflow");
 var _FontColorNode = require("./FontColorNode");
 var _TypographyElementNode = require("./TypographyElementNode");
-var _WebinyListNode = require("./list-node/WebinyListNode");
-var _WebinyListItemNode = require("./list-node/WebinyListItemNode");
+var _ListNode = require("./ListNode");
+var _ListItemNode = require("./ListItemNode");
 var _lexical = require("lexical");
 var _HeadingNode = require("./HeadingNode");
 var _ParagraphNode = require("./ParagraphNode");
@@ -21,7 +21,7 @@ var _QuoteNode = require("./QuoteNode");
 /*
  * This is a list of all the nodes that Webiny's Lexical implementation supports OOTB.
  * */
-var WebinyNodes = [_WebinyListNode.WebinyListNode, _WebinyListItemNode.WebinyListItemNode, _code.CodeNode, _hashtag.HashtagNode, _code.CodeHighlightNode, _link.AutoLinkNode, _link.LinkNode, _overflow.OverflowNode, _mark.MarkNode, _FontColorNode.FontColorNode, _TypographyElementNode.TypographyElementNode,
+var WebinyNodes = [_ListNode.ListNode, _ListItemNode.ListItemNode, _code.CodeNode, _hashtag.HashtagNode, _code.CodeHighlightNode, _link.AutoLinkNode, _link.LinkNode, _overflow.OverflowNode, _mark.MarkNode, _FontColorNode.FontColorNode, _TypographyElementNode.TypographyElementNode,
 /*
  * In order to provide additional Webiny-related functionality, we override Lexical's ParagraphNode and HeadingNode nodes.
  * More info on overriding can be found here: https://lexical.dev/docs/concepts/node-replacement.

package/nodes/webinyNodes.js.map

@@ -1 +1 @@
-{"version":3,"names":["WebinyNodes","WebinyListNode","WebinyListItemNode","CodeNode","HashtagNode","CodeHighlightNode","AutoLinkNode","LinkNode","OverflowNode","MarkNode","FontColorNode","TypographyElementNode","ParagraphNode","replace","BaseParagraphNode","with","HeadingNode","BaseHeadingNode","node","getTag","QuoteNode","BaseQuoteNode"],"sources":["webinyNodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from \"lexical\";\n\nimport { CodeHighlightNode, CodeNode } from \"@lexical/code\";\nimport { HashtagNode } from \"@lexical/hashtag\";\nimport { AutoLinkNode, LinkNode } from \"@lexical/link\";\nimport { MarkNode } from \"@lexical/mark\";\nimport { OverflowNode } from \"@lexical/overflow\";\nimport { FontColorNode } from \"~/nodes/FontColorNode\";\nimport { TypographyElementNode } from \"~/nodes/TypographyElementNode\";\nimport { WebinyListNode } from \"~/nodes/list-node/WebinyListNode\";\nimport { WebinyListItemNode } from \"~/nodes/list-node/WebinyListItemNode\";\nimport { ParagraphNode as BaseParagraphNode } from \"lexical\";\nimport { HeadingNode } from \"~/nodes/HeadingNode\";\nimport { ParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { HeadingNode as BaseHeadingNode, QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * This is a list of all the nodes that Webiny's Lexical implementation supports OOTB.\n * */\nexport const WebinyNodes: ReadonlyArray<\n    | Klass<LexicalNode>\n    | {\n          replace: Klass<LexicalNode>;\n          with: <T extends { new (...args: any): any }>(node: InstanceType<T>) => LexicalNode;\n      }\n> = [\n    WebinyListNode,\n    WebinyListItemNode,\n    CodeNode,\n    HashtagNode,\n    CodeHighlightNode,\n    AutoLinkNode,\n    LinkNode,\n    OverflowNode,\n    MarkNode,\n    FontColorNode,\n    TypographyElementNode,\n    /*\n     * In order to provide additional Webiny-related functionality, we override Lexical's ParagraphNode and HeadingNode nodes.\n     * More info on overriding can be found here: https://lexical.dev/docs/concepts/node-replacement.\n     * */\n    ParagraphNode,\n    {\n        replace: BaseParagraphNode,\n        with: () => {\n            return new ParagraphNode();\n        }\n    },\n    HeadingNode,\n    {\n        replace: BaseHeadingNode,\n        with: (node: BaseHeadingNode) => {\n            return new HeadingNode(node.getTag());\n        }\n    },\n    QuoteNode,\n    {\n        replace: BaseQuoteNode,\n        with: () => {\n            return new QuoteNode();\n        }\n    }\n];\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACO,IAAMA,WAMZ,GAAG,CACAC,8BAAc,EACdC,sCAAkB,EAClBC,cAAQ,EACRC,oBAAW,EACXC,uBAAiB,EACjBC,kBAAY,EACZC,cAAQ,EACRC,sBAAY,EACZC,cAAQ,EACRC,4BAAa,EACbC,4CAAqB;AACrB;AACJ;AACA;AACA;AACIC,4BAAa,EACb;EACIC,OAAO,EAAEC,sBAAiB;EAC1BC,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIH,4BAAa,EAAE;EAC9B;AACJ,CAAC,EACDI,wBAAW,EACX;EACIH,OAAO,EAAEI,qBAAe;EACxBF,IAAI,EAAE,eAACG,IAAqB,EAAK;IAC7B,OAAO,IAAIF,wBAAW,CAACE,IAAI,CAACC,MAAM,EAAE,CAAC;EACzC;AACJ,CAAC,EACDC,oBAAS,EACT;EACIP,OAAO,EAAEQ,mBAAa;EACtBN,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIK,oBAAS,EAAE;EAC1B;AACJ,CAAC,CACJ;AAAC"}
+{"version":3,"names":["WebinyNodes","ListNode","ListItemNode","CodeNode","HashtagNode","CodeHighlightNode","AutoLinkNode","LinkNode","OverflowNode","MarkNode","FontColorNode","TypographyElementNode","ParagraphNode","replace","BaseParagraphNode","with","HeadingNode","BaseHeadingNode","node","getTag","QuoteNode","BaseQuoteNode"],"sources":["webinyNodes.ts"],"sourcesContent":["import type { Klass, LexicalNode } from \"lexical\";\n\nimport { CodeHighlightNode, CodeNode } from \"@lexical/code\";\nimport { HashtagNode } from \"@lexical/hashtag\";\nimport { AutoLinkNode, LinkNode } from \"@lexical/link\";\nimport { MarkNode } from \"@lexical/mark\";\nimport { OverflowNode } from \"@lexical/overflow\";\nimport { FontColorNode } from \"~/nodes/FontColorNode\";\nimport { TypographyElementNode } from \"~/nodes/TypographyElementNode\";\nimport { ListNode } from \"~/nodes/ListNode\";\nimport { ListItemNode } from \"~/nodes/ListItemNode\";\nimport { ParagraphNode as BaseParagraphNode } from \"lexical\";\nimport { HeadingNode } from \"~/nodes/HeadingNode\";\nimport { ParagraphNode } from \"~/nodes/ParagraphNode\";\nimport { HeadingNode as BaseHeadingNode, QuoteNode as BaseQuoteNode } from \"@lexical/rich-text\";\nimport { QuoteNode } from \"~/nodes/QuoteNode\";\n\n/*\n * This is a list of all the nodes that Webiny's Lexical implementation supports OOTB.\n * */\nexport const WebinyNodes: ReadonlyArray<\n    | Klass<LexicalNode>\n    | {\n          replace: Klass<LexicalNode>;\n          with: <T extends { new (...args: any): any }>(node: InstanceType<T>) => LexicalNode;\n      }\n> = [\n    ListNode,\n    ListItemNode,\n    CodeNode,\n    HashtagNode,\n    CodeHighlightNode,\n    AutoLinkNode,\n    LinkNode,\n    OverflowNode,\n    MarkNode,\n    FontColorNode,\n    TypographyElementNode,\n    /*\n     * In order to provide additional Webiny-related functionality, we override Lexical's ParagraphNode and HeadingNode nodes.\n     * More info on overriding can be found here: https://lexical.dev/docs/concepts/node-replacement.\n     * */\n    ParagraphNode,\n    {\n        replace: BaseParagraphNode,\n        with: () => {\n            return new ParagraphNode();\n        }\n    },\n    HeadingNode,\n    {\n        replace: BaseHeadingNode,\n        with: (node: BaseHeadingNode) => {\n            return new HeadingNode(node.getTag());\n        }\n    },\n    QuoteNode,\n    {\n        replace: BaseQuoteNode,\n        with: () => {\n            return new QuoteNode();\n        }\n    }\n];\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACO,IAAMA,WAMZ,GAAG,CACAC,kBAAQ,EACRC,0BAAY,EACZC,cAAQ,EACRC,oBAAW,EACXC,uBAAiB,EACjBC,kBAAY,EACZC,cAAQ,EACRC,sBAAY,EACZC,cAAQ,EACRC,4BAAa,EACbC,4CAAqB;AACrB;AACJ;AACA;AACA;AACIC,4BAAa,EACb;EACIC,OAAO,EAAEC,sBAAiB;EAC1BC,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIH,4BAAa,EAAE;EAC9B;AACJ,CAAC,EACDI,wBAAW,EACX;EACIH,OAAO,EAAEI,qBAAe;EACxBF,IAAI,EAAE,eAACG,IAAqB,EAAK;IAC7B,OAAO,IAAIF,wBAAW,CAACE,IAAI,CAACC,MAAM,EAAE,CAAC;EACzC;AACJ,CAAC,EACDC,oBAAS,EACT;EACIP,OAAO,EAAEQ,mBAAa;EACtBN,IAAI,EAAE,iBAAM;IACR,OAAO,IAAIK,oBAAS,EAAE;EAC1B;AACJ,CAAC,CACJ;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/lexical-editor",
-	"version": "5.36.1",
+	"version": "5.36.2-beta.1",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -19,15 +19,15 @@
 		"@lexical/rich-text": "0.10.0",
 		"@lexical/selection": "0.10.0",
 		"@lexical/utils": "0.10.0",
-		"@webiny/react-composition": "5.36.1",
+		"@webiny/react-composition": "5.36.2-beta.1",
 		"lexical": "0.10.0",
 		"react": "17.0.2",
 		"react-dom": "17.0.2",
 		"react-style-object-to-css": "1.1.2"
 	},
 	"devDependencies": {
-		"@webiny/cli": "5.36.1",
-		"@webiny/project-utils": "5.36.1"
+		"@webiny/cli": "5.36.2-beta.1",
+		"@webiny/project-utils": "5.36.2-beta.1"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -37,5 +37,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "09c2454cad3aeba99988bd7bee678c6de4325caf"
+	"gitHead": "49a0945306457226d4e625af10923d832c9c1065"
 }

package/plugins/WebinyListPLugin/WebinyListPlugin.js

@@ -8,18 +8,18 @@ exports.WebinyListPlugin = WebinyListPlugin;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _react = require("react");
-var _WebinyListNode = require("../../nodes/list-node/WebinyListNode");
-var _WebinyListItemNode = require("../../nodes/list-node/WebinyListItemNode");
-var _useWebinyList = require("../../hooks/useWebinyList");
+var _ListNode = require("../../nodes/ListNode");
+var _ListItemNode = require("../../nodes/ListItemNode");
+var _useList = require("../../hooks/useList");
 function WebinyListPlugin() {
   var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
     _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
   (0, _react.useEffect)(function () {
-    if (!editor.hasNodes([_WebinyListNode.WebinyListNode, _WebinyListItemNode.WebinyListItemNode])) {
+    if (!editor.hasNodes([_ListNode.ListNode, _ListItemNode.ListItemNode])) {
       throw new Error("WebinyListPlugin: WebinyListNode and/or WebinyListItemNode not registered on editor");
     }
   }, [editor]);
-  (0, _useWebinyList.useWebinyList)(editor);
+  (0, _useList.useList)(editor);
   return null;
 }

package/plugins/WebinyListPLugin/WebinyListPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["WebinyListPlugin","useLexicalComposerContext","editor","useEffect","hasNodes","WebinyListNode","WebinyListItemNode","Error","useWebinyList"],"sources":["WebinyListPlugin.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useEffect } from \"react\";\nimport { WebinyListNode } from \"~/nodes/list-node/WebinyListNode\";\nimport { WebinyListItemNode } from \"~/nodes/list-node/WebinyListItemNode\";\nimport { useWebinyList } from \"~/hooks/useWebinyList\";\n\nexport function WebinyListPlugin(): null {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        if (!editor.hasNodes([WebinyListNode, WebinyListItemNode])) {\n            throw new Error(\n                \"WebinyListPlugin: WebinyListNode and/or WebinyListItemNode not registered on editor\"\n            );\n        }\n    }, [editor]);\n\n    useWebinyList(editor);\n\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEO,SAASA,gBAAgB,GAAS;EACrC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,8BAAc,EAAEC,sCAAkB,CAAC,CAAC,EAAE;MACxD,MAAM,IAAIC,KAAK,CACX,qFAAqF,CACxF;IACL;EACJ,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,IAAAM,4BAAa,EAACN,MAAM,CAAC;EAErB,OAAO,IAAI;AACf"}
+{"version":3,"names":["WebinyListPlugin","useLexicalComposerContext","editor","useEffect","hasNodes","ListNode","ListItemNode","Error","useList"],"sources":["WebinyListPlugin.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useEffect } from \"react\";\nimport { ListNode } from \"~/nodes/ListNode\";\nimport { ListItemNode } from \"~/nodes/ListItemNode\";\nimport { useList } from \"~/hooks/useList\";\n\nexport function WebinyListPlugin(): null {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(() => {\n        if (!editor.hasNodes([ListNode, ListItemNode])) {\n            throw new Error(\n                \"WebinyListPlugin: WebinyListNode and/or WebinyListItemNode not registered on editor\"\n            );\n        }\n    }, [editor]);\n\n    useList(editor);\n\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEO,SAASA,gBAAgB,GAAS;EACrC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,kBAAQ,EAAEC,0BAAY,CAAC,CAAC,EAAE;MAC5C,MAAM,IAAIC,KAAK,CACX,qFAAqF,CACxF;IACL;EACJ,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,IAAAM,gBAAO,EAACN,MAAM,CAAC;EAEf,OAAO,IAAI;AACf"}

package/types.d.ts

@@ -19,6 +19,7 @@ export declare type ToolbarState = {
     underline: boolean;
     italic: boolean;
     code: boolean;
+    isRTL: boolean;
     link: NodeState;
     typography: NodeState;
     fontColor: NodeState;
@@ -36,6 +37,7 @@ export declare type TextBlockSelection = {
     node: ElementNode | TextNode;
     anchorNode: ElementNode | TextNode;
     isElementDom: boolean;
+    selectedText: string;
     state: ToolbarState | undefined;
 };
 export declare type ListHtmlTag = "ol" | "ul";

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { ElementNode, LexicalNode, NodeSelection, RangeSelection, TextNode } from \"lexical\";\nimport { ListType } from \"@lexical/list\";\nimport { CSSObject } from \"@emotion/react\";\nexport type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type LexicalTextType =\n    | ListType\n    | \"paragraph\"\n    | \"heading\"\n    | \"quoteblock\"\n    | \"bullet\"\n    | \"number\"\n    | \"link\"\n    | undefined;\n\nexport type TextFormatting = {\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    // highlight: boolean #TODO implement with highlight action\n    code: boolean;\n};\n\nexport type NodeState = {\n    isSelected: boolean;\n};\n\nexport type ToolbarState = {\n    // text format\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    code: boolean;\n    // nodes selection state\n    link: NodeState;\n    typography: NodeState;\n    fontColor: NodeState;\n    list: NodeState;\n    quote: NodeState;\n    textType: LexicalTextType;\n    paragraph: NodeState;\n    heading: NodeState;\n};\n\n/*\n * Represent set of data from the current selection of the text and nodes selected by the user.\n * You can access this object through the @see useRichTextEditor context.\n */\nexport type TextBlockSelection = {\n    elementKey?: string;\n    selection: RangeSelection | NodeSelection | null;\n    element: LexicalNode;\n    parent: ElementNode | null;\n    node: ElementNode | TextNode;\n    anchorNode: ElementNode | TextNode;\n    isElementDom: boolean;\n    state: ToolbarState | undefined;\n};\n\n// Supported HTML tags by webiny lexical implementation\nexport type ListHtmlTag = \"ol\" | \"ul\";\nexport type HeadingHtmlTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type ParagraphHtmlTag = \"p\";\nexport type QuoteBlockHtmlTag = \"quoteblock\";\n\n// Typography\nexport type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;\n\nexport type TypographyValue = {\n    // CSSObject type\n    css: CSSObject;\n    id: string;\n    tag: TypographyHTMLTag;\n    // Display name\n    name: string;\n};\n\n/* Nodes */\n\n/*\n * Contains IDs of the styles and Emotion generated classes.\n */\nexport type ThemeEmotionMap = {\n    [styleId: string]: {\n        id: string;\n        tag: TypographyHTMLTag;\n        name: string;\n        styles: Record<string, any>;\n        // emotion generated class\n        className: string;\n    };\n};\n"],"mappings":";;;;;;;;;;;AAKA"}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { ElementNode, LexicalNode, NodeSelection, RangeSelection, TextNode } from \"lexical\";\nimport { ListType } from \"@lexical/list\";\nimport { CSSObject } from \"@emotion/react\";\nexport type ToolbarType = \"heading\" | \"paragraph\" | string;\nexport type LexicalValue = string;\nexport { FontColorPicker } from \"~/components/ToolbarActions/FontColorAction\";\n\nexport type LexicalTextType =\n    | ListType\n    | \"paragraph\"\n    | \"heading\"\n    | \"quoteblock\"\n    | \"bullet\"\n    | \"number\"\n    | \"link\"\n    | undefined;\n\nexport type TextFormatting = {\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    // highlight: boolean #TODO implement with highlight action\n    code: boolean;\n};\n\nexport type NodeState = {\n    isSelected: boolean;\n};\n\nexport type ToolbarState = {\n    // text format\n    bold: boolean;\n    underline: boolean;\n    italic: boolean;\n    code: boolean;\n    // is direction of the text right-to-left\n    isRTL: boolean;\n    // nodes selection state\n    link: NodeState;\n    typography: NodeState;\n    fontColor: NodeState;\n    list: NodeState;\n    quote: NodeState;\n    textType: LexicalTextType;\n    paragraph: NodeState;\n    heading: NodeState;\n};\n\n/*\n * Represent set of data from the current selection of the text and nodes selected by the user.\n * You can access this object through the @see useRichTextEditor context.\n */\nexport type TextBlockSelection = {\n    elementKey?: string;\n    selection: RangeSelection | NodeSelection | null;\n    element: LexicalNode;\n    parent: ElementNode | null;\n    node: ElementNode | TextNode;\n    anchorNode: ElementNode | TextNode;\n    isElementDom: boolean;\n    selectedText: string;\n    state: ToolbarState | undefined;\n};\n\n// Supported HTML tags by webiny lexical implementation\nexport type ListHtmlTag = \"ol\" | \"ul\";\nexport type HeadingHtmlTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\nexport type ParagraphHtmlTag = \"p\";\nexport type QuoteBlockHtmlTag = \"quoteblock\";\n\n// Typography\nexport type TypographyHTMLTag = HeadingHtmlTag | ParagraphHtmlTag | ListHtmlTag | QuoteBlockHtmlTag;\n\nexport type TypographyValue = {\n    // CSSObject type\n    css: CSSObject;\n    id: string;\n    tag: TypographyHTMLTag;\n    // Display name\n    name: string;\n};\n\n/* Nodes */\n\n/*\n * Contains IDs of the styles and Emotion generated classes.\n */\nexport type ThemeEmotionMap = {\n    [styleId: string]: {\n        id: string;\n        tag: TypographyHTMLTag;\n        name: string;\n        styles: Record<string, any>;\n        // emotion generated class\n        className: string;\n    };\n};\n"],"mappings":";;;;;;;;;;;AAKA"}

package/utils/getLexicalTextSelectionState.js

@@ -10,13 +10,14 @@ var _lexical = require("lexical");
 var _utils = require("@lexical/utils");
 var _getSelectedNode = require("./getSelectedNode");
 var _link = require("@lexical/link");
-var _WebinyListNode = require("../nodes/list-node/WebinyListNode");
+var _ListNode = require("../nodes/ListNode");
 var _richText = require("@lexical/rich-text");
 var _TypographyElementNode = require("../nodes/TypographyElementNode");
 var _FontColorNode = require("../nodes/FontColorNode");
 var _ParagraphNode = require("../nodes/ParagraphNode");
 var _HeadingNode = require("../nodes/HeadingNode");
 var _QuoteNode = require("../nodes/QuoteNode");
+var _selection = require("@lexical/selection");
 var getSelectionTextFormat = function getSelectionTextFormat(selection) {
   return !(0, _lexical.$isRangeSelection)(selection) ? {
     italic: false,
@@ -37,6 +38,7 @@ var getDefaultToolbarState = function getDefaultToolbarState() {
     italic: false,
     underline: false,
     code: false,
+    isRTL: false,
     link: {
       isSelected: false
     },
@@ -70,18 +72,20 @@ var getToolbarState = function getToolbarState(selection, node, parent, element,
     underline: textFormat.underline,
     code: textFormat.code
   });
+  state.isRTL = (0, _selection.$isParentElementRTL)(selection);
 
   // link
   state.link.isSelected = (0, _link.$isLinkNode)(parent) || (0, _link.$isLinkNode)(node);
   if (state.link.isSelected) {
     state.textType = "link";
   }
+
   // font color
   if ((0, _FontColorNode.$isFontColorNode)(node)) {
     state.fontColor.isSelected = true;
   }
-  if ((0, _WebinyListNode.$isWebinyListNode)(element)) {
-    var parentList = (0, _utils.$getNearestNodeOfType)(anchorNode, _WebinyListNode.WebinyListNode);
+  if ((0, _ListNode.$isListNode)(element)) {
+    var parentList = (0, _utils.$getNearestNodeOfType)(anchorNode, _ListNode.ListNode);
     var type = parentList ? parentList.getListType() : element.getListType();
     state.textType = type;
   }
@@ -140,6 +144,7 @@ var getLexicalTextSelectionState = function getLexicalTextSelectionState(activeE
     var node = (0, _getSelectedNode.getSelectedNode)(selection);
     var parent = node.getParent();
     var isElementDom = elementDOM !== null;
+    var selectedText = selection.getTextContent();
     return {
       // node/element data from selection
       elementKey: elementKey,
@@ -149,6 +154,7 @@ var getLexicalTextSelectionState = function getLexicalTextSelectionState(activeE
       anchorNode: anchorNode,
       selection: selection,
       isElementDom: isElementDom,
+      selectedText: selectedText,
       state: getToolbarState(selection, node, parent, element, anchorNode)
     };
   }