@payloadcms/richtext-lexical 3.67.0 → 3.68.0-internal-debug.2eb12b9

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

@@ -1,6 +1,4 @@
 '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';
@@ -14,202 +12,177 @@ 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 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;
+const getFormatType = (node)=>{
+    if ($isElementNode(node)) {
+        return node.getFormatType();
     }
-    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 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
         }
-      }
-      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;
+    ])
+];
+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'
-  }],
-  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);
+    plugins: [
+        {
+            Component: AlignPlugin,
+            position: 'normal'
+        }
+    ],
+    toolbarFixed: {
+        groups: toolbarGroups
+    },
+    toolbarInline: {
+        groups: toolbarGroups
     }
-  }
-  return true;
-}
+});
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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":"AAAA;AAKA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,qBAAqB,QAAQ,2CAA0C;AAChF,SAASC,mBAAmB,QAAQ,iBAAgB;AACpD,SACEC,aAAa,EACbC,cAAc,EACdC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,sBAAsB,QACjB,UAAS;AAChB,SAASC,SAAS,QAAQ,QAAO;AAIjC,SAASC,eAAe,QAAQ,iDAAgD;AAChF,SAASC,gBAAgB,QAAQ,kDAAiD;AAClF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,0BAA0B,QAAQ,yBAAwB;AAEnE,oDAAoD;AACpD,4CAA4C;AAC5C,MAAMC,gBAAgB,CAACC;IACrB,IAAIb,eAAea,OAAO;QACxB,OAAOA,KAAKD,aAAa;IAC3B;IACA,OAAOC,KAAKC,QAAQ;AACtB;AAEA,MAAMC,gBAAgC;IACpCJ,2BAA2B;QACzB;YACEK,gBAAgBR;YAChBS,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAI,CAAChB,kBAAkBgB,YAAY;oBACjC,OAAO;gBACT;gBACA,KAAK,MAAML,QAAQK,UAAUC,QAAQ,GAAI;oBACvC,IAAInB,eAAea,SAAShB,sBAAsBgB,OAAO;wBACvD,IAAID,cAAcC,UAAU,QAAQ;4BAClC;wBACF;oBACF;oBAEA,MAAMO,SAASP,KAAKQ,SAAS;oBAC7B,IAAIrB,eAAeoB,WAAWvB,sBAAsBuB,SAAS;wBAC3D,IAAIR,cAAcQ,YAAY,QAAQ;4BACpC;wBACF;oBACF;oBAEA,OAAO;gBACT;gBACA,OAAO;YACT;YACAE,KAAK;YACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;gBACd,OAAOA,KAAKC,CAAC,CAAC;YAChB;YACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACxB,wBAAwB;YACjD;YACAyB,OAAO;QACT;QACA;YACEb,gBAAgBV;YAChBW,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAI,CAAChB,kBAAkBgB,YAAY;oBACjC,OAAO;gBACT;gBACA,KAAK,MAAML,QAAQK,UAAUC,QAAQ,GAAI;oBACvC,IAAInB,eAAea,SAAShB,sBAAsBgB,OAAO;wBACvD,IAAID,cAAcC,UAAU,UAAU;4BACpC;wBACF;oBACF;oBAEA,MAAMO,SAASP,KAAKQ,SAAS;oBAC7B,IAAIrB,eAAeoB,WAAWvB,sBAAsBuB,SAAS;wBAC3D,IAAIR,cAAcQ,YAAY,UAAU;4BACtC;wBACF;oBACF;oBAEA,OAAO;gBACT;gBACA,OAAO;YACT;YACAE,KAAK;YACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;gBACd,OAAOA,KAAKC,CAAC,CAAC;YAChB;YACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACxB,wBAAwB;YACjD;YACAyB,OAAO;QACT;QACA;YACEb,gBAAgBP;YAChBQ,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAI,CAAChB,kBAAkBgB,YAAY;oBACjC,OAAO;gBACT;gBACA,KAAK,MAAML,QAAQK,UAAUC,QAAQ,GAAI;oBACvC,IAAInB,eAAea,SAAShB,sBAAsBgB,OAAO;wBACvD,IAAID,cAAcC,UAAU,SAAS;4BACnC;wBACF;oBACF;oBAEA,MAAMO,SAASP,KAAKQ,SAAS;oBAC7B,IAAIrB,eAAeoB,WAAWvB,sBAAsBuB,SAAS;wBAC3D,IAAIR,cAAcQ,YAAY,SAAS;4BACrC;wBACF;oBACF;oBAEA,OAAO;gBACT;gBACA,OAAO;YACT;YACAE,KAAK;YACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;gBACd,OAAOA,KAAKC,CAAC,CAAC;YAChB;YACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACxB,wBAAwB;YACjD;YACAyB,OAAO;QACT;QACA;YACEb,gBAAgBT;YAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAI,CAAChB,kBAAkBgB,YAAY;oBACjC,OAAO;gBACT;gBACA,KAAK,MAAML,QAAQK,UAAUC,QAAQ,GAAI;oBACvC,IAAInB,eAAea,SAAShB,sBAAsBgB,OAAO;wBACvD,IAAID,cAAcC,UAAU,WAAW;4BACrC;wBACF;oBACF;oBAEA,MAAMO,SAASP,KAAKQ,SAAS;oBAC7B,IAAIrB,eAAeoB,WAAWvB,sBAAsBuB,SAAS;wBAC3D,IAAIR,cAAcQ,YAAY,WAAW;4BACvC;wBACF;oBACF;oBAEA,OAAO;gBACT;gBACA,OAAO;YACT;YACAE,KAAK;YACLC,OAAO,CAAC,EAAEC,IAAI,EAAE;gBACd,OAAOA,KAAKC,CAAC,CAAC;YAChB;YACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACxB,wBAAwB;YACjD;YACAyB,OAAO;QACT;KACD;CACF;AAED,MAAMC,cAAc;IAClB,MAAM,CAACH,OAAO,GAAG/B;IAEjBS,UAAU;QACR,sDAAsD;QACtD,sDAAsD;QACtD,OAAOsB,OAAOI,eAAe,CAC3B3B,wBACA,CAAC4B;YACC,MAAMd,YAAYnB;YAClB,IAAI,CAACG,kBAAkBgB,cAAc,CAACjB,iBAAiBiB,YAAY;gBACjE,OAAO;YACT;YACA,MAAMe,QAAQf,UAAUC,QAAQ;YAChC,KAAK,MAAMN,QAAQoB,MAAO;gBACxB,MAAMC,UAAUpC,oBACde,MACA,CAACsB,aACC,AAACnC,CAAAA,eAAemC,eAAetC,sBAAsBsC,WAAU,KAC/D,CAACA,WAAWC,QAAQ;gBAExB,IAAIF,YAAY,MAAM;oBACpBA,QAAQG,SAAS,CAACL;gBACpB;YACF;YACA,OAAO;QACT,GACA7B;IAEJ,GAAG;QAACwB;KAAO;IACX,OAAO;AACT;AAEA,OAAO,MAAMW,qBAAqB5B,oBAAoB;IACpD6B,SAAS;QACP;YACEC,WAAWV;YACXW,UAAU;QACZ;KACD;IACDC,cAAc;QACZC,QAAQ5B;IACV;IACA6B,eAAe;QACbD,QAAQ5B;IACV;AACF,GAAE"}

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,"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":[]}
+{"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"}