@payloadcms/richtext-lexical 3.68.0-internal-debug.654e4ad → 3.68.0-internal.10bf491

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $isDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
 import { $findMatchingParent } from '@lexical/utils';
@@ -12,177 +14,202 @@ import { createClientFeature } from '../../../utilities/createClientFeature.js';
 import { toolbarAlignGroupWithItems } from './toolbarAlignGroup.js';
 // DecoratorBlockNode has format, but Lexical forgot
 // to add the getters like ElementNode does.
-const getFormatType = (node)=>{
-    if ($isElementNode(node)) {
-        return node.getFormatType();
-    }
-    return node.__format;
+const getFormatType = node => {
+  if ($isElementNode(node)) {
+    return node.getFormatType();
+  }
+  return node.__format;
 };
-const toolbarGroups = [
-    toolbarAlignGroupWithItems([
-        {
-            ChildComponent: AlignLeftIcon,
-            isActive: ({ selection })=>{
-                if (!$isRangeSelection(selection)) {
-                    return false;
-                }
-                for (const node of selection.getNodes()){
-                    if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
-                        if (getFormatType(node) === 'left') {
-                            continue;
-                        }
-                    }
-                    const parent = node.getParent();
-                    if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
-                        if (getFormatType(parent) === 'left') {
-                            continue;
-                        }
-                    }
-                    return false;
-                }
-                return true;
-            },
-            key: 'alignLeft',
-            label: ({ i18n })=>{
-                return i18n.t('lexical:align:alignLeftLabel');
-            },
-            onSelect: ({ editor })=>{
-                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
-            },
-            order: 1
-        },
-        {
-            ChildComponent: AlignCenterIcon,
-            isActive: ({ selection })=>{
-                if (!$isRangeSelection(selection)) {
-                    return false;
-                }
-                for (const node of selection.getNodes()){
-                    if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
-                        if (getFormatType(node) === 'center') {
-                            continue;
-                        }
-                    }
-                    const parent = node.getParent();
-                    if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
-                        if (getFormatType(parent) === 'center') {
-                            continue;
-                        }
-                    }
-                    return false;
-                }
-                return true;
-            },
-            key: 'alignCenter',
-            label: ({ i18n })=>{
-                return i18n.t('lexical:align:alignCenterLabel');
-            },
-            onSelect: ({ editor })=>{
-                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
-            },
-            order: 2
-        },
-        {
-            ChildComponent: AlignRightIcon,
-            isActive: ({ selection })=>{
-                if (!$isRangeSelection(selection)) {
-                    return false;
-                }
-                for (const node of selection.getNodes()){
-                    if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
-                        if (getFormatType(node) === 'right') {
-                            continue;
-                        }
-                    }
-                    const parent = node.getParent();
-                    if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
-                        if (getFormatType(parent) === 'right') {
-                            continue;
-                        }
-                    }
-                    return false;
-                }
-                return true;
-            },
-            key: 'alignRight',
-            label: ({ i18n })=>{
-                return i18n.t('lexical:align:alignRightLabel');
-            },
-            onSelect: ({ editor })=>{
-                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
-            },
-            order: 3
-        },
-        {
-            ChildComponent: AlignJustifyIcon,
-            isActive: ({ selection })=>{
-                if (!$isRangeSelection(selection)) {
-                    return false;
-                }
-                for (const node of selection.getNodes()){
-                    if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
-                        if (getFormatType(node) === 'justify') {
-                            continue;
-                        }
-                    }
-                    const parent = node.getParent();
-                    if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
-                        if (getFormatType(parent) === 'justify') {
-                            continue;
-                        }
-                    }
-                    return false;
-                }
-                return true;
-            },
-            key: 'alignJustify',
-            label: ({ i18n })=>{
-                return i18n.t('lexical:align:alignJustifyLabel');
-            },
-            onSelect: ({ editor })=>{
-                editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
-            },
-            order: 4
+const toolbarGroups = [toolbarAlignGroupWithItems([{
+  ChildComponent: AlignLeftIcon,
+  isActive: ({
+    selection
+  }) => {
+    if (!$isRangeSelection(selection)) {
+      return false;
+    }
+    for (const node of selection.getNodes()) {
+      if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
+        if (getFormatType(node) === 'left') {
+          continue;
         }
-    ])
-];
-const AlignPlugin = ()=>{
-    const [editor] = useLexicalComposerContext();
-    useEffect(()=>{
-        // Just like the default Lexical configuration, but in
-        // addition to ElementNode we also set DecoratorBlocks
-        return editor.registerCommand(FORMAT_ELEMENT_COMMAND, (format)=>{
-            const selection = $getSelection();
-            if (!$isRangeSelection(selection) && !$isNodeSelection(selection)) {
-                return false;
-            }
-            const nodes = selection.getNodes();
-            for (const node of nodes){
-                const element = $findMatchingParent(node, (parentNode)=>($isElementNode(parentNode) || $isDecoratorBlockNode(parentNode)) && !parentNode.isInline());
-                if (element !== null) {
-                    element.setFormat(format);
-                }
-            }
-            return true;
-        }, COMMAND_PRIORITY_LOW);
-    }, [
-        editor
-    ]);
-    return null;
-};
-export const AlignFeatureClient = createClientFeature({
-    plugins: [
-        {
-            Component: AlignPlugin,
-            position: 'normal'
+      }
+      const parent = node.getParent();
+      if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
+        if (getFormatType(parent) === 'left') {
+          continue;
         }
-    ],
-    toolbarFixed: {
-        groups: toolbarGroups
-    },
-    toolbarInline: {
-        groups: toolbarGroups
+      }
+      return false;
+    }
+    return true;
+  },
+  key: 'alignLeft',
+  label: ({
+    i18n
+  }) => {
+    return i18n.t('lexical:align:alignLeftLabel');
+  },
+  onSelect: ({
+    editor
+  }) => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left');
+  },
+  order: 1
+}, {
+  ChildComponent: AlignCenterIcon,
+  isActive: ({
+    selection
+  }) => {
+    if (!$isRangeSelection(selection)) {
+      return false;
     }
+    for (const node of selection.getNodes()) {
+      if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
+        if (getFormatType(node) === 'center') {
+          continue;
+        }
+      }
+      const parent = node.getParent();
+      if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
+        if (getFormatType(parent) === 'center') {
+          continue;
+        }
+      }
+      return false;
+    }
+    return true;
+  },
+  key: 'alignCenter',
+  label: ({
+    i18n
+  }) => {
+    return i18n.t('lexical:align:alignCenterLabel');
+  },
+  onSelect: ({
+    editor
+  }) => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center');
+  },
+  order: 2
+}, {
+  ChildComponent: AlignRightIcon,
+  isActive: ({
+    selection
+  }) => {
+    if (!$isRangeSelection(selection)) {
+      return false;
+    }
+    for (const node of selection.getNodes()) {
+      if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
+        if (getFormatType(node) === 'right') {
+          continue;
+        }
+      }
+      const parent = node.getParent();
+      if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
+        if (getFormatType(parent) === 'right') {
+          continue;
+        }
+      }
+      return false;
+    }
+    return true;
+  },
+  key: 'alignRight',
+  label: ({
+    i18n
+  }) => {
+    return i18n.t('lexical:align:alignRightLabel');
+  },
+  onSelect: ({
+    editor
+  }) => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right');
+  },
+  order: 3
+}, {
+  ChildComponent: AlignJustifyIcon,
+  isActive: ({
+    selection
+  }) => {
+    if (!$isRangeSelection(selection)) {
+      return false;
+    }
+    for (const node of selection.getNodes()) {
+      if ($isElementNode(node) || $isDecoratorBlockNode(node)) {
+        if (getFormatType(node) === 'justify') {
+          continue;
+        }
+      }
+      const parent = node.getParent();
+      if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {
+        if (getFormatType(parent) === 'justify') {
+          continue;
+        }
+      }
+      return false;
+    }
+    return true;
+  },
+  key: 'alignJustify',
+  label: ({
+    i18n
+  }) => {
+    return i18n.t('lexical:align:alignJustifyLabel');
+  },
+  onSelect: ({
+    editor
+  }) => {
+    editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify');
+  },
+  order: 4
+}])];
+const AlignPlugin = () => {
+  const $ = _c(3);
+  const [editor] = useLexicalComposerContext();
+  let t0;
+  let t1;
+  if ($[0] !== editor) {
+    t0 = () => editor.registerCommand(FORMAT_ELEMENT_COMMAND, _temp2, COMMAND_PRIORITY_LOW);
+    t1 = [editor];
+    $[0] = editor;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  return null;
+};
+export const AlignFeatureClient = createClientFeature({
+  plugins: [{
+    Component: AlignPlugin,
+    position: 'normal'
+  }],
+  toolbarFixed: {
+    groups: toolbarGroups
+  },
+  toolbarInline: {
+    groups: toolbarGroups
+  }
 });
-
+function _temp(parentNode) {
+  return ($isElementNode(parentNode) || $isDecoratorBlockNode(parentNode)) && !parentNode.isInline();
+}
+function _temp2(format) {
+  const selection = $getSelection();
+  if (!$isRangeSelection(selection) && !$isNodeSelection(selection)) {
+    return false;
+  }
+  const nodes = selection.getNodes();
+  for (const node of nodes) {
+    const element = $findMatchingParent(node, _temp);
+    if (element !== null) {
+      element.setFormat(format);
+    }
+  }
+  return true;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/align/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode'\nimport type { ElementFormatType, ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $isDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode'\nimport { $findMatchingParent } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  FORMAT_ELEMENT_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { AlignCenterIcon } from '../../../lexical/ui/icons/AlignCenter/index.js'\nimport { AlignJustifyIcon } from '../../../lexical/ui/icons/AlignJustify/index.js'\nimport { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'\nimport { AlignRightIcon } from '../../../lexical/ui/icons/AlignRight/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { toolbarAlignGroupWithItems } from './toolbarAlignGroup.js'\n\n// DecoratorBlockNode has format, but Lexical forgot\n// to add the getters like ElementNode does.\nconst getFormatType = (node: DecoratorBlockNode | ElementNode): ElementFormatType => {\n  if ($isElementNode(node)) {\n    return node.getFormatType()\n  }\n  return node.__format\n}\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarAlignGroupWithItems([\n    {\n      ChildComponent: AlignLeftIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'left') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'left') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignLeft',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignLeftLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left')\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: AlignCenterIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'center') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'center') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignCenter',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignCenterLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center')\n      },\n      order: 2,\n    },\n    {\n      ChildComponent: AlignRightIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'right') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'right') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignRight',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignRightLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right')\n      },\n      order: 3,\n    },\n    {\n      ChildComponent: AlignJustifyIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'justify') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'justify') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignJustify',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignJustifyLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify')\n      },\n      order: 4,\n    },\n  ]),\n]\n\nconst AlignPlugin = () => {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    // Just like the default Lexical configuration, but in\n    // addition to ElementNode we also set DecoratorBlocks\n    return editor.registerCommand(\n      FORMAT_ELEMENT_COMMAND,\n      (format) => {\n        const selection = $getSelection()\n        if (!$isRangeSelection(selection) && !$isNodeSelection(selection)) {\n          return false\n        }\n        const nodes = selection.getNodes()\n        for (const node of nodes) {\n          const element = $findMatchingParent(\n            node,\n            (parentNode): parentNode is DecoratorBlockNode | ElementNode =>\n              ($isElementNode(parentNode) || $isDecoratorBlockNode(parentNode)) &&\n              !parentNode.isInline(),\n          )\n          if (element !== null) {\n            element.setFormat(format)\n          }\n        }\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n  }, [editor])\n  return null\n}\n\nexport const AlignFeatureClient = createClientFeature({\n  plugins: [\n    {\n      Component: AlignPlugin,\n      position: 'normal',\n    },\n  ],\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"names":["useLexicalComposerContext","$isDecoratorBlockNode","$findMatchingParent","$getSelection","$isElementNode","$isNodeSelection","$isRangeSelection","COMMAND_PRIORITY_LOW","FORMAT_ELEMENT_COMMAND","useEffect","AlignCenterIcon","AlignJustifyIcon","AlignLeftIcon","AlignRightIcon","createClientFeature","toolbarAlignGroupWithItems","getFormatType","node","__format","toolbarGroups","ChildComponent","isActive","selection","getNodes","parent","getParent","key","label","i18n","t","onSelect","editor","dispatchCommand","order","AlignPlugin","registerCommand","format","nodes","element","parentNode","isInline","setFormat","AlignFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$isDecoratorBlockNode","$findMatchingParent","$getSelection","$isElementNode","$isNodeSelection","$isRangeSelection","COMMAND_PRIORITY_LOW","FORMAT_ELEMENT_COMMAND","useEffect","AlignCenterIcon","AlignJustifyIcon","AlignLeftIcon","AlignRightIcon","createClientFeature","toolbarAlignGroupWithItems","getFormatType","node","__format","toolbarGroups","ChildComponent","isActive","selection","getNodes","parent","getParent","key","label","i18n","t","onSelect","editor","dispatchCommand","order","AlignPlugin","$","t0","t1","registerCommand","_temp2","AlignFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline","_temp","parentNode","isInline","format","nodes","element","setFormat"],"sources":["../../../../src/features/align/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode'\nimport type { ElementFormatType, ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $isDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode'\nimport { $findMatchingParent } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  FORMAT_ELEMENT_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { AlignCenterIcon } from '../../../lexical/ui/icons/AlignCenter/index.js'\nimport { AlignJustifyIcon } from '../../../lexical/ui/icons/AlignJustify/index.js'\nimport { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'\nimport { AlignRightIcon } from '../../../lexical/ui/icons/AlignRight/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { toolbarAlignGroupWithItems } from './toolbarAlignGroup.js'\n\n// DecoratorBlockNode has format, but Lexical forgot\n// to add the getters like ElementNode does.\nconst getFormatType = (node: DecoratorBlockNode | ElementNode): ElementFormatType => {\n  if ($isElementNode(node)) {\n    return node.getFormatType()\n  }\n  return node.__format\n}\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarAlignGroupWithItems([\n    {\n      ChildComponent: AlignLeftIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'left') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'left') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignLeft',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignLeftLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left')\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: AlignCenterIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'center') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'center') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignCenter',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignCenterLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center')\n      },\n      order: 2,\n    },\n    {\n      ChildComponent: AlignRightIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'right') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'right') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignRight',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignRightLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right')\n      },\n      order: 3,\n    },\n    {\n      ChildComponent: AlignJustifyIcon,\n      isActive: ({ selection }) => {\n        if (!$isRangeSelection(selection)) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          if ($isElementNode(node) || $isDecoratorBlockNode(node)) {\n            if (getFormatType(node) === 'justify') {\n              continue\n            }\n          }\n\n          const parent = node.getParent()\n          if ($isElementNode(parent) || $isDecoratorBlockNode(parent)) {\n            if (getFormatType(parent) === 'justify') {\n              continue\n            }\n          }\n\n          return false\n        }\n        return true\n      },\n      key: 'alignJustify',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:align:alignJustifyLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify')\n      },\n      order: 4,\n    },\n  ]),\n]\n\nconst AlignPlugin = () => {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    // Just like the default Lexical configuration, but in\n    // addition to ElementNode we also set DecoratorBlocks\n    return editor.registerCommand(\n      FORMAT_ELEMENT_COMMAND,\n      (format) => {\n        const selection = $getSelection()\n        if (!$isRangeSelection(selection) && !$isNodeSelection(selection)) {\n          return false\n        }\n        const nodes = selection.getNodes()\n        for (const node of nodes) {\n          const element = $findMatchingParent(\n            node,\n            (parentNode): parentNode is DecoratorBlockNode | ElementNode =>\n              ($isElementNode(parentNode) || $isDecoratorBlockNode(parentNode)) &&\n              !parentNode.isInline(),\n          )\n          if (element !== null) {\n            element.setFormat(format)\n          }\n        }\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n  }, [editor])\n  return null\n}\n\nexport const AlignFeatureClient = createClientFeature({\n  plugins: [\n    {\n      Component: AlignPlugin,\n      position: 'normal',\n    },\n  ],\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/features/align/client/toolbarAlignGroup.js

@@ -1,13 +1,13 @@
 'use client';
+
 import { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js';
-export const toolbarAlignGroupWithItems = (items)=>{
-    return {
-        type: 'dropdown',
-        ChildComponent: AlignLeftIcon,
-        items,
-        key: 'align',
-        order: 30
-    };
+export const toolbarAlignGroupWithItems = items => {
+  return {
+    type: 'dropdown',
+    ChildComponent: AlignLeftIcon,
+    items,
+    key: 'align',
+    order: 30
+  };
 };
-
 //# sourceMappingURL=toolbarAlignGroup.js.map

package/dist/features/align/client/toolbarAlignGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/align/client/toolbarAlignGroup.ts"],"sourcesContent":["'use client'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'\n\nexport const toolbarAlignGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {\n  return {\n    type: 'dropdown',\n    ChildComponent: AlignLeftIcon,\n    items,\n    key: 'align',\n    order: 30,\n  }\n}\n"],"names":["AlignLeftIcon","toolbarAlignGroupWithItems","items","type","ChildComponent","key","order"],"mappings":"AAAA;AAGA,SAASA,aAAa,QAAQ,+CAA8C;AAE5E,OAAO,MAAMC,6BAA6B,CAACC;IACzC,OAAO;QACLC,MAAM;QACNC,gBAAgBJ;QAChBE;QACAG,KAAK;QACLC,OAAO;IACT;AACF,EAAC"}
+{"version":3,"file":"toolbarAlignGroup.js","names":["AlignLeftIcon","toolbarAlignGroupWithItems","items","type","ChildComponent","key","order"],"sources":["../../../../src/features/align/client/toolbarAlignGroup.ts"],"sourcesContent":["'use client'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'\n\nexport const toolbarAlignGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {\n  return {\n    type: 'dropdown',\n    ChildComponent: AlignLeftIcon,\n    items,\n    key: 'align',\n    order: 30,\n  }\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,QAAQ;AAE9B,OAAO,MAAMC,0BAAA,GAA8BC,KAAA;EACzC,OAAO;IACLC,IAAA,EAAM;IACNC,cAAA,EAAgBJ,aAAA;IAChBE,KAAA;IACAG,GAAA,EAAK;IACLC,KAAA,EAAO;EACT;AACF","ignoreList":[]}