@payloadcms/richtext-lexical 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/features/horizontalRule/server/nodes/HorizontalRuleNode.js

@@ -1,88 +1,85 @@
 import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, createCommand, DecoratorNode } from 'lexical';
-export const INSERT_HORIZONTAL_RULE_COMMAND = createCommand('INSERT_HORIZONTAL_RULE_COMMAND');
+/**
+ * Serialized representation of a horizontal rule node. Serialized = converted to JSON. This is what is stored in the database / in the lexical editor state.
+ */ export const INSERT_HORIZONTAL_RULE_COMMAND = createCommand('INSERT_HORIZONTAL_RULE_COMMAND');
 /**
  * This node is a DecoratorNode. DecoratorNodes allow you to render React components in the editor.
  *
  * They need both createDom and decorate functions. createDom => outside of the html. decorate => React Component inside of the html.
  *
  * If we used DecoratorBlockNode instead, we would only need a decorate method
- */
-export class HorizontalRuleServerNode extends DecoratorNode {
-  static clone(node) {
-    return new this(node.__key);
-  }
-  static getType() {
-    return 'horizontalrule';
-  }
-  /**
-  * Defines what happens if you copy an hr element from another page and paste it into the lexical editor
-  *
-  * This also determines the behavior of lexical's internal HTML -> Lexical converter
-  */
-  static importDOM() {
-    return {
-      hr: () => ({
-        conversion: $convertHorizontalRuleElement,
-        priority: 0
-      })
-    };
-  }
-  /**
-  * The data for this node is stored serialized as JSON. This is the "load function" of that node: it takes the saved data and converts it into a node.
-  */
-  static importJSON(serializedNode) {
-    return $createHorizontalRuleServerNode();
-  }
-  /**
-  * Determines how the hr element is rendered in the lexical editor. This is only the "initial" / "outer" HTML element.
-  */
-  createDOM(config) {
-    const element = document.createElement('hr');
-    addClassNamesToElement(element, config.theme.hr);
-    return element;
-  }
-  decorate() {
-    return null;
-  }
-  /**
-  * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.
-  *
-  * This also determines the behavior of lexical's internal Lexical -> HTML converter
-  */
-  exportDOM() {
-    return {
-      element: document.createElement('hr')
-    };
-  }
-  /**
-  * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.
-  */
-  exportJSON() {
-    return {
-      type: 'horizontalrule',
-      version: 1
-    };
-  }
-  getTextContent() {
-    return '\n';
-  }
-  isInline() {
-    return false;
-  }
-  updateDOM() {
-    return false;
-  }
+ */ export class HorizontalRuleServerNode extends DecoratorNode {
+    static clone(node) {
+        return new this(node.__key);
+    }
+    static getType() {
+        return 'horizontalrule';
+    }
+    /**
+   * Defines what happens if you copy an hr element from another page and paste it into the lexical editor
+   *
+   * This also determines the behavior of lexical's internal HTML -> Lexical converter
+   */ static importDOM() {
+        return {
+            hr: ()=>({
+                    conversion: $convertHorizontalRuleElement,
+                    priority: 0
+                })
+        };
+    }
+    /**
+   * The data for this node is stored serialized as JSON. This is the "load function" of that node: it takes the saved data and converts it into a node.
+   */ static importJSON(serializedNode) {
+        return $createHorizontalRuleServerNode();
+    }
+    /**
+   * Determines how the hr element is rendered in the lexical editor. This is only the "initial" / "outer" HTML element.
+   */ createDOM(config) {
+        const element = document.createElement('hr');
+        addClassNamesToElement(element, config.theme.hr);
+        return element;
+    }
+    decorate() {
+        return null;
+    }
+    /**
+   * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.
+   *
+   * This also determines the behavior of lexical's internal Lexical -> HTML converter
+   */ exportDOM() {
+        return {
+            element: document.createElement('hr')
+        };
+    }
+    /**
+   * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.
+   */ exportJSON() {
+        return {
+            type: 'horizontalrule',
+            version: 1
+        };
+    }
+    getTextContent() {
+        return '\n';
+    }
+    isInline() {
+        return false;
+    }
+    updateDOM() {
+        return false;
+    }
 }
 function $convertHorizontalRuleElement() {
-  return {
-    node: $createHorizontalRuleServerNode()
-  };
+    return {
+        node: $createHorizontalRuleServerNode()
+    };
 }
 export function $createHorizontalRuleServerNode() {
-  return $applyNodeReplacement(new HorizontalRuleServerNode());
+    return $applyNodeReplacement(new HorizontalRuleServerNode());
 }
 export function $isHorizontalRuleServerNode(node) {
-  return node instanceof HorizontalRuleServerNode;
+    return node instanceof HorizontalRuleServerNode;
 }
+
 //# sourceMappingURL=HorizontalRuleNode.js.map

package/dist/features/horizontalRule/server/nodes/HorizontalRuleNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalRuleNode.js","names":["addClassNamesToElement","$applyNodeReplacement","createCommand","DecoratorNode","INSERT_HORIZONTAL_RULE_COMMAND","HorizontalRuleServerNode","clone","node","__key","getType","importDOM","hr","conversion","$convertHorizontalRuleElement","priority","importJSON","serializedNode","$createHorizontalRuleServerNode","createDOM","config","element","document","createElement","theme","decorate","exportDOM","exportJSON","type","version","getTextContent","isInline","updateDOM","$isHorizontalRuleServerNode"],"sources":["../../../../../src/features/horizontalRule/server/nodes/HorizontalRuleNode.tsx"],"sourcesContent":["import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalCommand,\n  LexicalNode,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type * as React from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, createCommand, DecoratorNode } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\n/**\n * Serialized representation of a horizontal rule node. Serialized = converted to JSON. This is what is stored in the database / in the lexical editor state.\n */\nexport type SerializedHorizontalRuleNode = StronglyTypedLeafNode<\n  SerializedLexicalNode,\n  'horizontalrule'\n>\n\nexport const INSERT_HORIZONTAL_RULE_COMMAND: LexicalCommand<void> = createCommand(\n  'INSERT_HORIZONTAL_RULE_COMMAND',\n)\n\n/**\n * This node is a DecoratorNode. DecoratorNodes allow you to render React components in the editor.\n *\n * They need both createDom and decorate functions. createDom => outside of the html. decorate => React Component inside of the html.\n *\n * If we used DecoratorBlockNode instead, we would only need a decorate method\n */\nexport class HorizontalRuleServerNode extends DecoratorNode<null | React.ReactElement> {\n  static override clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return new this(node.__key)\n  }\n\n  static override getType(): string {\n    return 'horizontalrule'\n  }\n\n  /**\n   * Defines what happens if you copy an hr element from another page and paste it into the lexical editor\n   *\n   * This also determines the behavior of lexical's internal HTML -> Lexical converter\n   */\n  static override importDOM(): DOMConversionMap | null {\n    return {\n      hr: () => ({\n        conversion: $convertHorizontalRuleElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static override importJSON(\n    serializedNode: SerializedHorizontalRuleNode,\n  ): HorizontalRuleServerNode {\n    return $createHorizontalRuleServerNode()\n  }\n\n  /**\n   * Determines how the hr element is rendered in the lexical editor. This is only the \"initial\" / \"outer\" HTML element.\n   */\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('hr')\n    addClassNamesToElement(element, config.theme.hr)\n    return element\n  }\n\n  override decorate(): null | React.ReactElement {\n    return null\n  }\n\n  /**\n   * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.\n   *\n   * This also determines the behavior of lexical's internal Lexical -> HTML converter\n   */\n  override exportDOM(): DOMExportOutput {\n    return { element: document.createElement('hr') }\n  }\n  /**\n   * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.\n   */\n  override exportJSON(): SerializedLexicalNode {\n    return {\n      type: 'horizontalrule',\n      version: 1,\n    }\n  }\n\n  override getTextContent(): string {\n    return '\\n'\n  }\n\n  override isInline(): false {\n    return false\n  }\n\n  override updateDOM(): boolean {\n    return false\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleServerNode() }\n}\n\nexport function $createHorizontalRuleServerNode(): HorizontalRuleServerNode {\n  return $applyNodeReplacement(new HorizontalRuleServerNode())\n}\n\nexport function $isHorizontalRuleServerNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleServerNode {\n  return node instanceof HorizontalRuleServerNode\n}\n"],"mappings":"AAWA,SAASA,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,EAAEC,aAAa,EAAEC,aAAa,QAAQ;AAYpE,OAAO,MAAMC,8BAAA,GAAuDF,aAAA,CAClE;AAGF;;;;;;;AAOA,OAAO,MAAMG,wBAAA,SAAiCF,aAAA;EAC5C,OAAgBG,MAAMC,IAA8B,EAA4B;IAC9E,OAAO,IAAI,IAAI,CAACA,IAAA,CAAKC,KAAK;EAC5B;EAEA,OAAgBC,QAAA,EAAkB;IAChC,OAAO;EACT;EAEA;;;;;EAKA,OAAgBC,UAAA,EAAqC;IACnD,OAAO;MACLC,EAAA,EAAIA,CAAA,MAAO;QACTC,UAAA,EAAYC,6BAAA;QACZC,QAAA,EAAU;MACZ;IACF;EACF;EAEA;;;EAGA,OAAgBC,WACdC,cAA4C,EAClB;IAC1B,OAAOC,+BAAA;EACT;EAEA;;;EAGAC,SAASA,CAAUC,MAAoB,EAAe;IACpD,MAAMC,OAAA,GAAUC,QAAA,CAASC,aAAa,CAAC;IACvCtB,sBAAA,CAAuBoB,OAAA,EAASD,MAAA,CAAOI,KAAK,CAACZ,EAAE;IAC/C,OAAOS,OAAA;EACT;EAESI,SAAA,EAAsC;IAC7C,OAAO;EACT;EAEA;;;;;EAKAC,SAASA,CAAA,EAA6B;IACpC,OAAO;MAAEL,OAAA,EAASC,QAAA,CAASC,aAAa,CAAC;IAAM;EACjD;EACA;;;EAGAI,UAASA,CAAA,EAAoC;IAC3C,OAAO;MACLC,IAAA,EAAM;MACNC,OAAA,EAAS;IACX;EACF;EAESC,eAAA,EAAyB;IAChC,OAAO;EACT;EAESC,SAAA,EAAkB;IACzB,OAAO;EACT;EAESC,UAAA,EAAqB;IAC5B,OAAO;EACT;AACF;AAEA,SAASlB,8BAAA;EACP,OAAO;IAAEN,IAAA,EAAMU,+BAAA;EAAkC;AACnD;AAEA,OAAO,SAASA,gCAAA;EACd,OAAOhB,qBAAA,CAAsB,IAAII,wBAAA;AACnC;AAEA,OAAO,SAAS2B,4BACdzB,IAAoC;EAEpC,OAAOA,IAAA,YAAgBF,wBAAA;AACzB","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/features/horizontalRule/server/nodes/HorizontalRuleNode.tsx"],"sourcesContent":["import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalCommand,\n  LexicalNode,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type * as React from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, createCommand, DecoratorNode } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\n/**\n * Serialized representation of a horizontal rule node. Serialized = converted to JSON. This is what is stored in the database / in the lexical editor state.\n */\nexport type SerializedHorizontalRuleNode = StronglyTypedLeafNode<\n  SerializedLexicalNode,\n  'horizontalrule'\n>\n\nexport const INSERT_HORIZONTAL_RULE_COMMAND: LexicalCommand<void> = createCommand(\n  'INSERT_HORIZONTAL_RULE_COMMAND',\n)\n\n/**\n * This node is a DecoratorNode. DecoratorNodes allow you to render React components in the editor.\n *\n * They need both createDom and decorate functions. createDom => outside of the html. decorate => React Component inside of the html.\n *\n * If we used DecoratorBlockNode instead, we would only need a decorate method\n */\nexport class HorizontalRuleServerNode extends DecoratorNode<null | React.ReactElement> {\n  static override clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return new this(node.__key)\n  }\n\n  static override getType(): string {\n    return 'horizontalrule'\n  }\n\n  /**\n   * Defines what happens if you copy an hr element from another page and paste it into the lexical editor\n   *\n   * This also determines the behavior of lexical's internal HTML -> Lexical converter\n   */\n  static override importDOM(): DOMConversionMap | null {\n    return {\n      hr: () => ({\n        conversion: $convertHorizontalRuleElement,\n        priority: 0,\n      }),\n    }\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static override importJSON(\n    serializedNode: SerializedHorizontalRuleNode,\n  ): HorizontalRuleServerNode {\n    return $createHorizontalRuleServerNode()\n  }\n\n  /**\n   * Determines how the hr element is rendered in the lexical editor. This is only the \"initial\" / \"outer\" HTML element.\n   */\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('hr')\n    addClassNamesToElement(element, config.theme.hr)\n    return element\n  }\n\n  override decorate(): null | React.ReactElement {\n    return null\n  }\n\n  /**\n   * Opposite of importDOM, this function defines what happens when you copy an hr element from the lexical editor and paste it into another page.\n   *\n   * This also determines the behavior of lexical's internal Lexical -> HTML converter\n   */\n  override exportDOM(): DOMExportOutput {\n    return { element: document.createElement('hr') }\n  }\n  /**\n   * Opposite of importJSON. This determines what data is saved in the database / in the lexical editor state.\n   */\n  override exportJSON(): SerializedLexicalNode {\n    return {\n      type: 'horizontalrule',\n      version: 1,\n    }\n  }\n\n  override getTextContent(): string {\n    return '\\n'\n  }\n\n  override isInline(): false {\n    return false\n  }\n\n  override updateDOM(): boolean {\n    return false\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleServerNode() }\n}\n\nexport function $createHorizontalRuleServerNode(): HorizontalRuleServerNode {\n  return $applyNodeReplacement(new HorizontalRuleServerNode())\n}\n\nexport function $isHorizontalRuleServerNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleServerNode {\n  return node instanceof HorizontalRuleServerNode\n}\n"],"names":["addClassNamesToElement","$applyNodeReplacement","createCommand","DecoratorNode","INSERT_HORIZONTAL_RULE_COMMAND","HorizontalRuleServerNode","clone","node","__key","getType","importDOM","hr","conversion","$convertHorizontalRuleElement","priority","importJSON","serializedNode","$createHorizontalRuleServerNode","createDOM","config","element","document","createElement","theme","decorate","exportDOM","exportJSON","type","version","getTextContent","isInline","updateDOM","$isHorizontalRuleServerNode"],"mappings":"AAWA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,SAASC,qBAAqB,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAS;AAI7E;;CAEC,GAMD,OAAO,MAAMC,iCAAuDF,cAClE,kCACD;AAED;;;;;;CAMC,GACD,OAAO,MAAMG,iCAAiCF;IAC5C,OAAgBG,MAAMC,IAA8B,EAA4B;QAC9E,OAAO,IAAI,IAAI,CAACA,KAAKC,KAAK;IAC5B;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA;;;;GAIC,GACD,OAAgBC,YAAqC;QACnD,OAAO;YACLC,IAAI,IAAO,CAAA;oBACTC,YAAYC;oBACZC,UAAU;gBACZ,CAAA;QACF;IACF;IAEA;;GAEC,GACD,OAAgBC,WACdC,cAA4C,EAClB;QAC1B,OAAOC;IACT;IAEA;;GAEC,GACD,AAASC,UAAUC,MAAoB,EAAe;QACpD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvCtB,uBAAuBoB,SAASD,OAAOI,KAAK,CAACZ,EAAE;QAC/C,OAAOS;IACT;IAESI,WAAsC;QAC7C,OAAO;IACT;IAEA;;;;GAIC,GACD,AAASC,YAA6B;QACpC,OAAO;YAAEL,SAASC,SAASC,aAAa,CAAC;QAAM;IACjD;IACA;;GAEC,GACD,AAASI,aAAoC;QAC3C,OAAO;YACLC,MAAM;YACNC,SAAS;QACX;IACF;IAESC,iBAAyB;QAChC,OAAO;IACT;IAESC,WAAkB;QACzB,OAAO;IACT;IAESC,YAAqB;QAC5B,OAAO;IACT;AACF;AAEA,SAASlB;IACP,OAAO;QAAEN,MAAMU;IAAkC;AACnD;AAEA,OAAO,SAASA;IACd,OAAOhB,sBAAsB,IAAII;AACnC;AAEA,OAAO,SAAS2B,4BACdzB,IAAoC;IAEpC,OAAOA,gBAAgBF;AACzB"}

package/dist/features/indent/client/IndentPlugin.js

@@ -4,88 +4,84 @@ import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
 import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, INDENT_CONTENT_COMMAND, KEY_TAB_COMMAND, OUTDENT_CONTENT_COMMAND, TabNode } from 'lexical';
 import { useEffect } from 'react';
-export const IndentPlugin = ({
-  clientProps
-}) => {
-  const [editor] = useLexicalComposerContext();
-  const {
-    disabledNodes,
-    disableTabNode
-  } = clientProps;
-  useEffect(() => {
-    if (!editor || !disabledNodes?.length) {
-      return;
-    }
-    return mergeRegister(editor.registerCommand(INDENT_CONTENT_COMMAND, () => {
-      return $handleIndentAndOutdent(block => {
-        if (!disabledNodes.includes(block.getType())) {
-          const indent = block.getIndent();
-          block.setIndent(indent + 1);
+export const IndentPlugin = ({ clientProps })=>{
+    const [editor] = useLexicalComposerContext();
+    const { disabledNodes, disableTabNode } = clientProps;
+    useEffect(()=>{
+        if (!editor || !disabledNodes?.length) {
+            return;
         }
-      });
-    }, COMMAND_PRIORITY_LOW),
-    // If we disable indenting for certain nodes, we need to ensure that these are not indented,
-    // if they get transformed from an indented state (e.g. an indented list node gets transformed into a
-    // paragraph node for which indenting is disabled).
-    editor.registerUpdateListener(({
-      dirtyElements,
-      editorState
-    }) => {
-      editor.update(() => {
-        for (const [nodeKey] of dirtyElements) {
-          const node = editorState._nodeMap.get(nodeKey);
-          if ($isElementNode(node) && disabledNodes.includes(node.getType())) {
-            const currentIndent = node.getIndent();
-            if (currentIndent > 0) {
-              node.setIndent(0);
-            }
-          }
+        return mergeRegister(editor.registerCommand(INDENT_CONTENT_COMMAND, ()=>{
+            return $handleIndentAndOutdent((block)=>{
+                if (!disabledNodes.includes(block.getType())) {
+                    const indent = block.getIndent();
+                    block.setIndent(indent + 1);
+                }
+            });
+        }, COMMAND_PRIORITY_LOW), // If we disable indenting for certain nodes, we need to ensure that these are not indented,
+        // if they get transformed from an indented state (e.g. an indented list node gets transformed into a
+        // paragraph node for which indenting is disabled).
+        editor.registerUpdateListener(({ dirtyElements, editorState })=>{
+            editor.update(()=>{
+                for (const [nodeKey] of dirtyElements){
+                    const node = editorState._nodeMap.get(nodeKey);
+                    if ($isElementNode(node) && disabledNodes.includes(node.getType())) {
+                        const currentIndent = node.getIndent();
+                        if (currentIndent > 0) {
+                            node.setIndent(0);
+                        }
+                    }
+                }
+            });
+        }));
+    }, [
+        editor,
+        disabledNodes
+    ]);
+    useEffect(()=>{
+        if (!editor || !disableTabNode) {
+            return;
         }
-      });
-    }));
-  }, [editor, disabledNodes]);
-  useEffect(() => {
-    if (!editor || !disableTabNode) {
-      return;
-    }
-    return mergeRegister(
-    // This is so that when you press Tab in the middle of a paragraph,
-    // it indents the paragraph, instead of inserting a TabNode.
-    editor.registerCommand(KEY_TAB_COMMAND, event => {
-      event.preventDefault();
-      return editor.dispatchCommand(event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND, undefined);
-    }, COMMAND_PRIORITY_LOW),
-    // Tab isn't the only way to insert a TabNode. We have to make sure
-    // it doesn't happen, for example, when pasting from the clipboard.
-    editor.registerNodeTransform(TabNode, node => {
-      node.remove();
-    }));
-  }, [editor, disableTabNode]);
-  return /*#__PURE__*/_jsx(TabIndentationPlugin, {});
+        return mergeRegister(// This is so that when you press Tab in the middle of a paragraph,
+        // it indents the paragraph, instead of inserting a TabNode.
+        editor.registerCommand(KEY_TAB_COMMAND, (event)=>{
+            event.preventDefault();
+            return editor.dispatchCommand(event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND, undefined);
+        }, COMMAND_PRIORITY_LOW), // Tab isn't the only way to insert a TabNode. We have to make sure
+        // it doesn't happen, for example, when pasting from the clipboard.
+        editor.registerNodeTransform(TabNode, (node)=>{
+            node.remove();
+        }));
+    }, [
+        editor,
+        disableTabNode
+    ]);
+    return /*#__PURE__*/ _jsx(TabIndentationPlugin, {});
 };
 function $handleIndentAndOutdent(indentOrOutdent) {
-  const selection = $getSelection();
-  if (!$isRangeSelection(selection)) {
-    return false;
-  }
-  const alreadyHandled = new Set();
-  const nodes = selection.getNodes();
-  for (let i = 0; i < nodes.length; i++) {
-    const node = nodes[i];
-    const key = node.getKey();
-    if (alreadyHandled.has(key)) {
-      continue;
-    }
-    const parentBlock = $findMatchingParent(node, parentNode => $isElementNode(parentNode) && !parentNode.isInline());
-    if (parentBlock === null) {
-      continue;
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+        return false;
     }
-    const parentKey = parentBlock.getKey();
-    if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {
-      alreadyHandled.add(parentKey);
-      indentOrOutdent(parentBlock);
+    const alreadyHandled = new Set();
+    const nodes = selection.getNodes();
+    for(let i = 0; i < nodes.length; i++){
+        const node = nodes[i];
+        const key = node.getKey();
+        if (alreadyHandled.has(key)) {
+            continue;
+        }
+        const parentBlock = $findMatchingParent(node, (parentNode)=>$isElementNode(parentNode) && !parentNode.isInline());
+        if (parentBlock === null) {
+            continue;
+        }
+        const parentKey = parentBlock.getKey();
+        if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {
+            alreadyHandled.add(parentKey);
+            indentOrOutdent(parentBlock);
+        }
     }
-  }
-  return alreadyHandled.size > 0;
+    return alreadyHandled.size > 0;
 }
+
 //# sourceMappingURL=IndentPlugin.js.map

package/dist/features/indent/client/IndentPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndentPlugin.js","names":["useLexicalComposerContext","TabIndentationPlugin","$findMatchingParent","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","INDENT_CONTENT_COMMAND","KEY_TAB_COMMAND","OUTDENT_CONTENT_COMMAND","TabNode","useEffect","IndentPlugin","clientProps","editor","disabledNodes","disableTabNode","length","registerCommand","$handleIndentAndOutdent","block","includes","getType","indent","getIndent","setIndent","registerUpdateListener","dirtyElements","editorState","update","nodeKey","node","_nodeMap","get","currentIndent","event","preventDefault","dispatchCommand","shiftKey","undefined","registerNodeTransform","remove","_jsx","indentOrOutdent","selection","alreadyHandled","Set","nodes","getNodes","i","key","getKey","has","parentBlock","parentNode","isInline","parentKey","canIndent","add","size"],"sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"sourcesContent":["import type { ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  INDENT_CONTENT_COMMAND,\n  KEY_TAB_COMMAND,\n  OUTDENT_CONTENT_COMMAND,\n  TabNode,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../typesClient.js'\nimport type { IndentFeatureProps } from '../server/index.js'\n\nexport const IndentPlugin: PluginComponent<IndentFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const { disabledNodes, disableTabNode } = clientProps\n\n  useEffect(() => {\n    if (!editor || !disabledNodes?.length) {\n      return\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        INDENT_CONTENT_COMMAND,\n        () => {\n          return $handleIndentAndOutdent((block) => {\n            if (!disabledNodes.includes(block.getType())) {\n              const indent = block.getIndent()\n              block.setIndent(indent + 1)\n            }\n          })\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // If we disable indenting for certain nodes, we need to ensure that these are not indented,\n      // if they get transformed from an indented state (e.g. an indented list node gets transformed into a\n      // paragraph node for which indenting is disabled).\n      editor.registerUpdateListener(({ dirtyElements, editorState }) => {\n        editor.update(() => {\n          for (const [nodeKey] of dirtyElements) {\n            const node = editorState._nodeMap.get(nodeKey)\n            if ($isElementNode(node) && disabledNodes.includes(node.getType())) {\n              const currentIndent = node.getIndent()\n              if (currentIndent > 0) {\n                node.setIndent(0)\n              }\n            }\n          }\n        })\n      }),\n    )\n  }, [editor, disabledNodes])\n\n  useEffect(() => {\n    if (!editor || !disableTabNode) {\n      return\n    }\n    return mergeRegister(\n      // This is so that when you press Tab in the middle of a paragraph,\n      // it indents the paragraph, instead of inserting a TabNode.\n      editor.registerCommand<KeyboardEvent>(\n        KEY_TAB_COMMAND,\n        (event) => {\n          event.preventDefault()\n          return editor.dispatchCommand(\n            event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND,\n            undefined,\n          )\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Tab isn't the only way to insert a TabNode. We have to make sure\n      // it doesn't happen, for example, when pasting from the clipboard.\n      editor.registerNodeTransform(TabNode, (node) => {\n        node.remove()\n      }),\n    )\n  }, [editor, disableTabNode])\n\n  return <TabIndentationPlugin />\n}\n\nfunction $handleIndentAndOutdent(indentOrOutdent: (block: ElementNode) => void): boolean {\n  const selection = $getSelection()\n  if (!$isRangeSelection(selection)) {\n    return false\n  }\n  const alreadyHandled = new Set()\n  const nodes = selection.getNodes()\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i]!\n    const key = node.getKey()\n    if (alreadyHandled.has(key)) {\n      continue\n    }\n    const parentBlock = $findMatchingParent(\n      node,\n      (parentNode): parentNode is ElementNode =>\n        $isElementNode(parentNode) && !parentNode.isInline(),\n    )\n    if (parentBlock === null) {\n      continue\n    }\n    const parentKey = parentBlock.getKey()\n    if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {\n      alreadyHandled.add(parentKey)\n      indentOrOutdent(parentBlock)\n    }\n  }\n  return alreadyHandled.size > 0\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"sourcesContent":["import type { ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  INDENT_CONTENT_COMMAND,\n  KEY_TAB_COMMAND,\n  OUTDENT_CONTENT_COMMAND,\n  TabNode,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../typesClient.js'\nimport type { IndentFeatureProps } from '../server/index.js'\n\nexport const IndentPlugin: PluginComponent<IndentFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const { disabledNodes, disableTabNode } = clientProps\n\n  useEffect(() => {\n    if (!editor || !disabledNodes?.length) {\n      return\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        INDENT_CONTENT_COMMAND,\n        () => {\n          return $handleIndentAndOutdent((block) => {\n            if (!disabledNodes.includes(block.getType())) {\n              const indent = block.getIndent()\n              block.setIndent(indent + 1)\n            }\n          })\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // If we disable indenting for certain nodes, we need to ensure that these are not indented,\n      // if they get transformed from an indented state (e.g. an indented list node gets transformed into a\n      // paragraph node for which indenting is disabled).\n      editor.registerUpdateListener(({ dirtyElements, editorState }) => {\n        editor.update(() => {\n          for (const [nodeKey] of dirtyElements) {\n            const node = editorState._nodeMap.get(nodeKey)\n            if ($isElementNode(node) && disabledNodes.includes(node.getType())) {\n              const currentIndent = node.getIndent()\n              if (currentIndent > 0) {\n                node.setIndent(0)\n              }\n            }\n          }\n        })\n      }),\n    )\n  }, [editor, disabledNodes])\n\n  useEffect(() => {\n    if (!editor || !disableTabNode) {\n      return\n    }\n    return mergeRegister(\n      // This is so that when you press Tab in the middle of a paragraph,\n      // it indents the paragraph, instead of inserting a TabNode.\n      editor.registerCommand<KeyboardEvent>(\n        KEY_TAB_COMMAND,\n        (event) => {\n          event.preventDefault()\n          return editor.dispatchCommand(\n            event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND,\n            undefined,\n          )\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Tab isn't the only way to insert a TabNode. We have to make sure\n      // it doesn't happen, for example, when pasting from the clipboard.\n      editor.registerNodeTransform(TabNode, (node) => {\n        node.remove()\n      }),\n    )\n  }, [editor, disableTabNode])\n\n  return <TabIndentationPlugin />\n}\n\nfunction $handleIndentAndOutdent(indentOrOutdent: (block: ElementNode) => void): boolean {\n  const selection = $getSelection()\n  if (!$isRangeSelection(selection)) {\n    return false\n  }\n  const alreadyHandled = new Set()\n  const nodes = selection.getNodes()\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i]!\n    const key = node.getKey()\n    if (alreadyHandled.has(key)) {\n      continue\n    }\n    const parentBlock = $findMatchingParent(\n      node,\n      (parentNode): parentNode is ElementNode =>\n        $isElementNode(parentNode) && !parentNode.isInline(),\n    )\n    if (parentBlock === null) {\n      continue\n    }\n    const parentKey = parentBlock.getKey()\n    if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {\n      alreadyHandled.add(parentKey)\n      indentOrOutdent(parentBlock)\n    }\n  }\n  return alreadyHandled.size > 0\n}\n"],"names":["useLexicalComposerContext","TabIndentationPlugin","$findMatchingParent","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","INDENT_CONTENT_COMMAND","KEY_TAB_COMMAND","OUTDENT_CONTENT_COMMAND","TabNode","useEffect","IndentPlugin","clientProps","editor","disabledNodes","disableTabNode","length","registerCommand","$handleIndentAndOutdent","block","includes","getType","indent","getIndent","setIndent","registerUpdateListener","dirtyElements","editorState","update","nodeKey","node","_nodeMap","get","currentIndent","event","preventDefault","dispatchCommand","shiftKey","undefined","registerNodeTransform","remove","indentOrOutdent","selection","alreadyHandled","Set","nodes","getNodes","i","key","getKey","has","parentBlock","parentNode","isInline","parentKey","canIndent","add","size"],"mappings":";AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,oBAAoB,QAAQ,6CAA4C;AACjF,SAASC,mBAAmB,EAAEC,aAAa,QAAQ,iBAAgB;AACnE,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,sBAAsB,EACtBC,eAAe,EACfC,uBAAuB,EACvBC,OAAO,QACF,UAAS;AAChB,SAASC,SAAS,QAAQ,QAAO;AAKjC,OAAO,MAAMC,eAAoD,CAAC,EAAEC,WAAW,EAAE;IAC/E,MAAM,CAACC,OAAO,GAAGf;IACjB,MAAM,EAAEgB,aAAa,EAAEC,cAAc,EAAE,GAAGH;IAE1CF,UAAU;QACR,IAAI,CAACG,UAAU,CAACC,eAAeE,QAAQ;YACrC;QACF;QACA,OAAOf,cACLY,OAAOI,eAAe,CACpBX,wBACA;YACE,OAAOY,wBAAwB,CAACC;gBAC9B,IAAI,CAACL,cAAcM,QAAQ,CAACD,MAAME,OAAO,KAAK;oBAC5C,MAAMC,SAASH,MAAMI,SAAS;oBAC9BJ,MAAMK,SAAS,CAACF,SAAS;gBAC3B;YACF;QACF,GACAjB,uBAEF,4FAA4F;QAC5F,qGAAqG;QACrG,mDAAmD;QACnDQ,OAAOY,sBAAsB,CAAC,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YAC3Dd,OAAOe,MAAM,CAAC;gBACZ,KAAK,MAAM,CAACC,QAAQ,IAAIH,cAAe;oBACrC,MAAMI,OAAOH,YAAYI,QAAQ,CAACC,GAAG,CAACH;oBACtC,IAAI1B,eAAe2B,SAAShB,cAAcM,QAAQ,CAACU,KAAKT,OAAO,KAAK;wBAClE,MAAMY,gBAAgBH,KAAKP,SAAS;wBACpC,IAAIU,gBAAgB,GAAG;4BACrBH,KAAKN,SAAS,CAAC;wBACjB;oBACF;gBACF;YACF;QACF;IAEJ,GAAG;QAACX;QAAQC;KAAc;IAE1BJ,UAAU;QACR,IAAI,CAACG,UAAU,CAACE,gBAAgB;YAC9B;QACF;QACA,OAAOd,cACL,mEAAmE;QACnE,4DAA4D;QAC5DY,OAAOI,eAAe,CACpBV,iBACA,CAAC2B;YACCA,MAAMC,cAAc;YACpB,OAAOtB,OAAOuB,eAAe,CAC3BF,MAAMG,QAAQ,GAAG7B,0BAA0BF,wBAC3CgC;QAEJ,GACAjC,uBAEF,mEAAmE;QACnE,mEAAmE;QACnEQ,OAAO0B,qBAAqB,CAAC9B,SAAS,CAACqB;YACrCA,KAAKU,MAAM;QACb;IAEJ,GAAG;QAAC3B;QAAQE;KAAe;IAE3B,qBAAO,KAAChB;AACV,EAAC;AAED,SAASmB,wBAAwBuB,eAA6C;IAC5E,MAAMC,YAAYxC;IAClB,IAAI,CAACE,kBAAkBsC,YAAY;QACjC,OAAO;IACT;IACA,MAAMC,iBAAiB,IAAIC;IAC3B,MAAMC,QAAQH,UAAUI,QAAQ;IAChC,IAAK,IAAIC,IAAI,GAAGA,IAAIF,MAAM7B,MAAM,EAAE+B,IAAK;QACrC,MAAMjB,OAAOe,KAAK,CAACE,EAAE;QACrB,MAAMC,MAAMlB,KAAKmB,MAAM;QACvB,IAAIN,eAAeO,GAAG,CAACF,MAAM;YAC3B;QACF;QACA,MAAMG,cAAcnD,oBAClB8B,MACA,CAACsB,aACCjD,eAAeiD,eAAe,CAACA,WAAWC,QAAQ;QAEtD,IAAIF,gBAAgB,MAAM;YACxB;QACF;QACA,MAAMG,YAAYH,YAAYF,MAAM;QACpC,IAAIE,YAAYI,SAAS,MAAM,CAACZ,eAAeO,GAAG,CAACI,YAAY;YAC7DX,eAAea,GAAG,CAACF;YACnBb,gBAAgBU;QAClB;IACF;IACA,OAAOR,eAAec,IAAI,GAAG;AAC/B"}

package/dist/features/indent/client/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { $findMatchingParent } from '@lexical/utils';
 import { $isElementNode, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical';
 import { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js';
@@ -7,82 +6,74 @@ import { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/ind
 import { createClientFeature } from '../../../utilities/createClientFeature.js';
 import { IndentPlugin } from './IndentPlugin.js';
 import { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js';
-const toolbarGroups = ({
-  disabledNodes
-}) => [toolbarIndentGroupWithItems([{
-  ChildComponent: IndentDecreaseIcon,
-  isActive: () => false,
-  isEnabled: ({
-    selection
-  }) => {
-    const nodes = selection?.getNodes() ?? [];
-    const isOutdentable = node => {
-      return isIndentable(node) && node.getIndent() > 0;
-    };
-    return nodes.some(node => {
-      return isOutdentable(node) || Boolean($findMatchingParent(node, isOutdentable));
-    });
-  },
-  key: 'indentDecrease',
-  label: ({
-    i18n
-  }) => {
-    return i18n.t('lexical:indent:decreaseLabel');
-  },
-  onSelect: ({
-    editor
-  }) => {
-    editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
-  },
-  order: 1
-}, {
-  ChildComponent: IndentIncreaseIcon,
-  isActive: () => false,
-  isEnabled: ({
-    selection
-  }) => {
-    const nodes = selection?.getNodes() ?? [];
-    const isIndentableAndNotDisabled = node => {
-      return isIndentable(node) && !(disabledNodes ?? []).includes(node.getType());
+const toolbarGroups = ({ disabledNodes })=>[
+        toolbarIndentGroupWithItems([
+            {
+                ChildComponent: IndentDecreaseIcon,
+                isActive: ()=>false,
+                isEnabled: ({ selection })=>{
+                    const nodes = selection?.getNodes() ?? [];
+                    const isOutdentable = (node)=>{
+                        return isIndentable(node) && node.getIndent() > 0;
+                    };
+                    return nodes.some((node)=>{
+                        return isOutdentable(node) || Boolean($findMatchingParent(node, isOutdentable));
+                    });
+                },
+                key: 'indentDecrease',
+                label: ({ i18n })=>{
+                    return i18n.t('lexical:indent:decreaseLabel');
+                },
+                onSelect: ({ editor })=>{
+                    editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
+                },
+                order: 1
+            },
+            {
+                ChildComponent: IndentIncreaseIcon,
+                isActive: ()=>false,
+                isEnabled: ({ selection })=>{
+                    const nodes = selection?.getNodes() ?? [];
+                    const isIndentableAndNotDisabled = (node)=>{
+                        return isIndentable(node) && !(disabledNodes ?? []).includes(node.getType());
+                    };
+                    return nodes.some((node)=>{
+                        return isIndentableAndNotDisabled(node) || Boolean($findMatchingParent(node, isIndentableAndNotDisabled));
+                    });
+                },
+                key: 'indentIncrease',
+                label: ({ i18n })=>{
+                    return i18n.t('lexical:indent:increaseLabel');
+                },
+                onSelect: ({ editor })=>{
+                    editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
+                },
+                order: 2
+            }
+        ])
+    ];
+export const IndentFeatureClient = createClientFeature(({ props })=>{
+    const disabledNodes = props.disabledNodes ?? [];
+    return {
+        plugins: [
+            {
+                Component: IndentPlugin,
+                position: 'normal'
+            }
+        ],
+        sanitizedClientFeatureProps: props,
+        toolbarFixed: {
+            groups: toolbarGroups({
+                disabledNodes
+            })
+        },
+        toolbarInline: {
+            groups: toolbarGroups({
+                disabledNodes
+            })
+        }
     };
-    return nodes.some(node => {
-      return isIndentableAndNotDisabled(node) || Boolean($findMatchingParent(node, isIndentableAndNotDisabled));
-    });
-  },
-  key: 'indentIncrease',
-  label: ({
-    i18n
-  }) => {
-    return i18n.t('lexical:indent:increaseLabel');
-  },
-  onSelect: ({
-    editor
-  }) => {
-    editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
-  },
-  order: 2
-}])];
-export const IndentFeatureClient = createClientFeature(({
-  props
-}) => {
-  const disabledNodes = props.disabledNodes ?? [];
-  return {
-    plugins: [{
-      Component: IndentPlugin,
-      position: 'normal'
-    }],
-    sanitizedClientFeatureProps: props,
-    toolbarFixed: {
-      groups: toolbarGroups({
-        disabledNodes
-      })
-    },
-    toolbarInline: {
-      groups: toolbarGroups({
-        disabledNodes
-      })
-    }
-  };
 });
-const isIndentable = node => $isElementNode(node) && node.canIndent();
+const isIndentable = (node)=>$isElementNode(node) && node.canIndent();
+
 //# sourceMappingURL=index.js.map

package/dist/features/indent/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["$findMatchingParent","$isElementNode","INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientFeature","IndentPlugin","toolbarIndentGroupWithItems","toolbarGroups","disabledNodes","ChildComponent","isActive","isEnabled","selection","nodes","getNodes","isOutdentable","node","isIndentable","getIndent","some","Boolean","key","label","i18n","t","onSelect","editor","dispatchCommand","undefined","order","isIndentableAndNotDisabled","includes","getType","IndentFeatureClient","props","plugins","Component","position","sanitizedClientFeatureProps","toolbarFixed","groups","toolbarInline","canIndent"],"sources":["../../../../src/features/indent/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ElementNode, LexicalNode } from 'lexical'\n\nimport { $findMatchingParent } from '@lexical/utils'\nimport { $isElementNode, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { type IndentFeatureProps } from '../server/index.js'\nimport { IndentPlugin } from './IndentPlugin.js'\nimport { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js'\n\nconst toolbarGroups = ({ disabledNodes }: IndentFeatureProps): ToolbarGroup[] => [\n  toolbarIndentGroupWithItems([\n    {\n      ChildComponent: IndentDecreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        const nodes = selection?.getNodes() ?? []\n\n        const isOutdentable = (node: LexicalNode) => {\n          return isIndentable(node) && node.getIndent() > 0\n        }\n\n        return nodes.some((node) => {\n          return isOutdentable(node) || Boolean($findMatchingParent(node, isOutdentable))\n        })\n      },\n      key: 'indentDecrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:decreaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: IndentIncreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        const nodes = selection?.getNodes() ?? []\n\n        const isIndentableAndNotDisabled = (node: LexicalNode) => {\n          return isIndentable(node) && !(disabledNodes ?? []).includes(node.getType())\n        }\n\n        return nodes.some((node) => {\n          return (\n            isIndentableAndNotDisabled(node) ||\n            Boolean($findMatchingParent(node, isIndentableAndNotDisabled))\n          )\n        })\n      },\n      key: 'indentIncrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:increaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 2,\n    },\n  ]),\n]\n\nexport const IndentFeatureClient = createClientFeature<IndentFeatureProps>(({ props }) => {\n  const disabledNodes = props.disabledNodes ?? []\n  return {\n    plugins: [\n      {\n        Component: IndentPlugin,\n        position: 'normal',\n      },\n    ],\n    sanitizedClientFeatureProps: props,\n    toolbarFixed: {\n      groups: toolbarGroups({ disabledNodes }),\n    },\n    toolbarInline: {\n      groups: toolbarGroups({ disabledNodes }),\n    },\n  }\n})\n\nconst isIndentable = (node: LexicalNode): node is ElementNode =>\n  $isElementNode(node) && node.canIndent()\n"],"mappings":"AAAA;;AAIA,SAASA,mBAAmB,QAAQ;AACpC,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,uBAAuB,QAAQ;AAIhF,SAASC,kBAAkB,QAAQ;AACnC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,QAAQ;AAC7B,SAASC,2BAA2B,QAAQ;AAE5C,MAAMC,aAAA,GAAgBA,CAAC;EAAEC;AAAa,CAAsB,KAAqB,CAC/EF,2BAAA,CAA4B,CAC1B;EACEG,cAAA,EAAgBP,kBAAA;EAChBQ,QAAA,EAAUA,CAAA,KAAM;EAChBC,SAAA,EAAWA,CAAC;IAAEC;EAAS,CAAE;IACvB,MAAMC,KAAA,GAAQD,SAAA,EAAWE,QAAA,MAAc,EAAE;IAEzC,MAAMC,aAAA,GAAiBC,IAAA;MACrB,OAAOC,YAAA,CAAaD,IAAA,KAASA,IAAA,CAAKE,SAAS,KAAK;IAClD;IAEA,OAAOL,KAAA,CAAMM,IAAI,CAAEH,IAAA;MACjB,OAAOD,aAAA,CAAcC,IAAA,KAASI,OAAA,CAAQtB,mBAAA,CAAoBkB,IAAA,EAAMD,aAAA;IAClE;EACF;EACAM,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAAC1B,uBAAA,EAAyB2B,SAAA;EAClD;EACAC,KAAA,EAAO;AACT,GACA;EACEpB,cAAA,EAAgBN,kBAAA;EAChBO,QAAA,EAAUA,CAAA,KAAM;EAChBC,SAAA,EAAWA,CAAC;IAAEC;EAAS,CAAE;IACvB,MAAMC,KAAA,GAAQD,SAAA,EAAWE,QAAA,MAAc,EAAE;IAEzC,MAAMgB,0BAAA,GAA8Bd,IAAA;MAClC,OAAOC,YAAA,CAAaD,IAAA,KAAS,CAAC,CAACR,aAAA,IAAiB,EAAE,EAAEuB,QAAQ,CAACf,IAAA,CAAKgB,OAAO;IAC3E;IAEA,OAAOnB,KAAA,CAAMM,IAAI,CAAEH,IAAA;MACjB,OACEc,0BAAA,CAA2Bd,IAAA,KAC3BI,OAAA,CAAQtB,mBAAA,CAAoBkB,IAAA,EAAMc,0BAAA;IAEtC;EACF;EACAT,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAAC3B,sBAAA,EAAwB4B,SAAA;EACjD;EACAC,KAAA,EAAO;AACT,EACD,EACF;AAED,OAAO,MAAMI,mBAAA,GAAsB7B,mBAAA,CAAwC,CAAC;EAAE8B;AAAK,CAAE;EACnF,MAAM1B,aAAA,GAAgB0B,KAAA,CAAM1B,aAAa,IAAI,EAAE;EAC/C,OAAO;IACL2B,OAAA,EAAS,CACP;MACEC,SAAA,EAAW/B,YAAA;MACXgC,QAAA,EAAU;IACZ,EACD;IACDC,2BAAA,EAA6BJ,KAAA;IAC7BK,YAAA,EAAc;MACZC,MAAA,EAAQjC,aAAA,CAAc;QAAEC;MAAc;IACxC;IACAiC,aAAA,EAAe;MACbD,MAAA,EAAQjC,aAAA,CAAc;QAAEC;MAAc;IACxC;EACF;AACF;AAEA,MAAMS,YAAA,GAAgBD,IAAA,IACpBjB,cAAA,CAAeiB,IAAA,KAASA,IAAA,CAAK0B,SAAS","ignoreList":[]}
+{"version":3,"sources":["../../../../src/features/indent/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ElementNode, LexicalNode } from 'lexical'\n\nimport { $findMatchingParent } from '@lexical/utils'\nimport { $isElementNode, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { type IndentFeatureProps } from '../server/index.js'\nimport { IndentPlugin } from './IndentPlugin.js'\nimport { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js'\n\nconst toolbarGroups = ({ disabledNodes }: IndentFeatureProps): ToolbarGroup[] => [\n  toolbarIndentGroupWithItems([\n    {\n      ChildComponent: IndentDecreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        const nodes = selection?.getNodes() ?? []\n\n        const isOutdentable = (node: LexicalNode) => {\n          return isIndentable(node) && node.getIndent() > 0\n        }\n\n        return nodes.some((node) => {\n          return isOutdentable(node) || Boolean($findMatchingParent(node, isOutdentable))\n        })\n      },\n      key: 'indentDecrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:decreaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: IndentIncreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        const nodes = selection?.getNodes() ?? []\n\n        const isIndentableAndNotDisabled = (node: LexicalNode) => {\n          return isIndentable(node) && !(disabledNodes ?? []).includes(node.getType())\n        }\n\n        return nodes.some((node) => {\n          return (\n            isIndentableAndNotDisabled(node) ||\n            Boolean($findMatchingParent(node, isIndentableAndNotDisabled))\n          )\n        })\n      },\n      key: 'indentIncrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:increaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 2,\n    },\n  ]),\n]\n\nexport const IndentFeatureClient = createClientFeature<IndentFeatureProps>(({ props }) => {\n  const disabledNodes = props.disabledNodes ?? []\n  return {\n    plugins: [\n      {\n        Component: IndentPlugin,\n        position: 'normal',\n      },\n    ],\n    sanitizedClientFeatureProps: props,\n    toolbarFixed: {\n      groups: toolbarGroups({ disabledNodes }),\n    },\n    toolbarInline: {\n      groups: toolbarGroups({ disabledNodes }),\n    },\n  }\n})\n\nconst isIndentable = (node: LexicalNode): node is ElementNode =>\n  $isElementNode(node) && node.canIndent()\n"],"names":["$findMatchingParent","$isElementNode","INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientFeature","IndentPlugin","toolbarIndentGroupWithItems","toolbarGroups","disabledNodes","ChildComponent","isActive","isEnabled","selection","nodes","getNodes","isOutdentable","node","isIndentable","getIndent","some","Boolean","key","label","i18n","t","onSelect","editor","dispatchCommand","undefined","order","isIndentableAndNotDisabled","includes","getType","IndentFeatureClient","props","plugins","Component","position","sanitizedClientFeatureProps","toolbarFixed","groups","toolbarInline","canIndent"],"mappings":"AAAA;AAIA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,uBAAuB,QAAQ,UAAS;AAIzF,SAASC,kBAAkB,QAAQ,oDAAmD;AACtF,SAASC,kBAAkB,QAAQ,oDAAmD;AACtF,SAASC,mBAAmB,QAAQ,4CAA2C;AAE/E,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,2BAA2B,QAAQ,0BAAyB;AAErE,MAAMC,gBAAgB,CAAC,EAAEC,aAAa,EAAsB,GAAqB;QAC/EF,4BAA4B;YAC1B;gBACEG,gBAAgBP;gBAChBQ,UAAU,IAAM;gBAChBC,WAAW,CAAC,EAAEC,SAAS,EAAE;oBACvB,MAAMC,QAAQD,WAAWE,cAAc,EAAE;oBAEzC,MAAMC,gBAAgB,CAACC;wBACrB,OAAOC,aAAaD,SAASA,KAAKE,SAAS,KAAK;oBAClD;oBAEA,OAAOL,MAAMM,IAAI,CAAC,CAACH;wBACjB,OAAOD,cAAcC,SAASI,QAAQtB,oBAAoBkB,MAAMD;oBAClE;gBACF;gBACAM,KAAK;gBACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;oBACd,OAAOA,KAAKC,CAAC,CAAC;gBAChB;gBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;oBACnBA,OAAOC,eAAe,CAAC1B,yBAAyB2B;gBAClD;gBACAC,OAAO;YACT;YACA;gBACEpB,gBAAgBN;gBAChBO,UAAU,IAAM;gBAChBC,WAAW,CAAC,EAAEC,SAAS,EAAE;oBACvB,MAAMC,QAAQD,WAAWE,cAAc,EAAE;oBAEzC,MAAMgB,6BAA6B,CAACd;wBAClC,OAAOC,aAAaD,SAAS,CAAC,AAACR,CAAAA,iBAAiB,EAAE,AAAD,EAAGuB,QAAQ,CAACf,KAAKgB,OAAO;oBAC3E;oBAEA,OAAOnB,MAAMM,IAAI,CAAC,CAACH;wBACjB,OACEc,2BAA2Bd,SAC3BI,QAAQtB,oBAAoBkB,MAAMc;oBAEtC;gBACF;gBACAT,KAAK;gBACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;oBACd,OAAOA,KAAKC,CAAC,CAAC;gBAChB;gBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;oBACnBA,OAAOC,eAAe,CAAC3B,wBAAwB4B;gBACjD;gBACAC,OAAO;YACT;SACD;KACF;AAED,OAAO,MAAMI,sBAAsB7B,oBAAwC,CAAC,EAAE8B,KAAK,EAAE;IACnF,MAAM1B,gBAAgB0B,MAAM1B,aAAa,IAAI,EAAE;IAC/C,OAAO;QACL2B,SAAS;YACP;gBACEC,WAAW/B;gBACXgC,UAAU;YACZ;SACD;QACDC,6BAA6BJ;QAC7BK,cAAc;YACZC,QAAQjC,cAAc;gBAAEC;YAAc;QACxC;QACAiC,eAAe;YACbD,QAAQjC,cAAc;gBAAEC;YAAc;QACxC;IACF;AACF,GAAE;AAEF,MAAMS,eAAe,CAACD,OACpBjB,eAAeiB,SAASA,KAAK0B,SAAS"}

package/dist/features/indent/client/toolbarIndentGroup.js

@@ -1,11 +1,11 @@
 'use client';
-
-export const toolbarIndentGroupWithItems = items => {
-  return {
-    type: 'buttons',
-    items,
-    key: 'indent',
-    order: 35
-  };
+export const toolbarIndentGroupWithItems = (items)=>{
+    return {
+        type: 'buttons',
+        items,
+        key: 'indent',
+        order: 35
+    };
 };
+
 //# sourceMappingURL=toolbarIndentGroup.js.map

package/dist/features/indent/client/toolbarIndentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbarIndentGroup.js","names":["toolbarIndentGroupWithItems","items","type","key","order"],"sources":["../../../../src/features/indent/client/toolbarIndentGroup.ts"],"sourcesContent":["'use client'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nexport const toolbarIndentGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {\n  return {\n    type: 'buttons',\n    items,\n    key: 'indent',\n    order: 35,\n  }\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,2BAAA,GAA+BC,KAAA;EAC1C,OAAO;IACLC,IAAA,EAAM;IACND,KAAA;IACAE,GAAA,EAAK;IACLC,KAAA,EAAO;EACT;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../src/features/indent/client/toolbarIndentGroup.ts"],"sourcesContent":["'use client'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nexport const toolbarIndentGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {\n  return {\n    type: 'buttons',\n    items,\n    key: 'indent',\n    order: 35,\n  }\n}\n"],"names":["toolbarIndentGroupWithItems","items","type","key","order"],"mappings":"AAAA;AAGA,OAAO,MAAMA,8BAA8B,CAACC;IAC1C,OAAO;QACLC,MAAM;QACND;QACAE,KAAK;QACLC,OAAO;IACT;AACF,EAAC"}