@payloadcms/richtext-lexical 3.0.0-alpha.68 → 3.0.0-alpha.69

package/dist/field/features/format/underline/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { inlineToolbarFormatGroupWithItems } from '../shared/inlineToolbarFormatGroup.js'\n\nconst UnderlineFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarInline: {\n          groups: [\n            inlineToolbarFormatGroupWithItems([\n              {\n                ChildComponent: UnderlineIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('underline')\n                  }\n                  return false\n                },\n                key: 'underline',\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n                },\n                order: 3,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const UnderlineFeatureClientComponent = createClientComponent(UnderlineFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","UnderlineIcon","createClientComponent","inlineToolbarFormatGroupWithItems","UnderlineFeatureClient","props","clientFeatureProps","feature","toolbarInline","groups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","UnderlineFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAIhE,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,iCAAiC,QAAQ,wCAAuC;AAEzF,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,eAAe;oBACbC,QAAQ;wBACNN,kCAAkC;4BAChC;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACjB,qBAAqB;gCAC9C;gCACAkB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,kCAAkCjB,sBAAsBE,wBAAuB"}
+{"version":3,"sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: UnderlineIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('underline')\n        }\n        return false\n      },\n      key: 'underline',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      },\n      order: 3,\n    },\n  ]),\n]\n\nconst UnderlineFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        toolbarFixed: {\n          groups: toolbarGroups,\n        },\n        toolbarInline: {\n          groups: toolbarGroups,\n        },\n      }\n    },\n  }\n}\n\nexport const UnderlineFeatureClientComponent = createClientComponent(UnderlineFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","UnderlineIcon","createClientComponent","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","UnderlineFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","UnderlineFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,2BAA2B,QAAQ,kCAAiC;AAE7E,MAAMC,gBAAgC;IACpCD,4BAA4B;QAC1B;YACEE,gBAAgBJ;YAChBK,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIR,kBAAkBQ,YAAY;oBAChC,OAAOA,UAAUC,SAAS,CAAC;gBAC7B;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACZ,qBAAqB;YAC9C;YACAa,OAAO;QACT;KACD;CACF;AAED,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,cAAc;oBACZC,QAAQf;gBACV;gBACAgB,eAAe;oBACbD,QAAQf;gBACV;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMiB,kCAAkCnB,sBAAsBY,wBAAuB"}

package/dist/field/features/heading/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/heading/feature.client.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAsF9D,eAAO,MAAM,6BAA6B,qFAA8C,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/heading/feature.client.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AA0G9D,eAAO,MAAM,6BAA6B,qFAA8C,CAAA"}

package/dist/field/features/heading/feature.client.js

@@ -1,7 +1,8 @@
 'use client';
+import { $isHeadingNode } from '@lexical/rich-text';
 import { $createHeadingNode, HeadingNode } from '@lexical/rich-text';
 import { $setBlocksType } from '@lexical/selection';
-import { $getSelection } from 'lexical';
+import { $getSelection, $isRangeSelection } from 'lexical';
 import { H1Icon } from '../../lexical/ui/icons/H1/index.js';
 import { H2Icon } from '../../lexical/ui/icons/H2/index.js';
 import { H3Icon } from '../../lexical/ui/icons/H3/index.js';
@@ -9,7 +10,7 @@ import { H4Icon } from '../../lexical/ui/icons/H4/index.js';
 import { H5Icon } from '../../lexical/ui/icons/H5/index.js';
 import { H6Icon } from '../../lexical/ui/icons/H6/index.js';
 import { createClientComponent } from '../createClientComponent.js';
-import { inlineToolbarTextDropdownGroupWithItems } from '../shared/inlineToolbar/textDropdownGroup.js';
+import { toolbarTextDropdownGroupWithItems } from '../shared/toolbar/textDropdownGroup.js';
 import { MarkdownTransformer } from './markdownTransformer.js';
 const setHeading = (headingSize)=>{
     const selection = $getSelection();
@@ -24,17 +25,48 @@ const iconImports = {
     h6: H6Icon
 };
 const HeadingFeatureClient = (props)=>{
-    const { enabledHeadingSizes = [
-        'h1',
-        'h2',
-        'h3',
-        'h4',
-        'h5',
-        'h6'
-    ] } = props;
     return {
         clientFeatureProps: props,
         feature: ()=>{
+            const { enabledHeadingSizes = [
+                'h1',
+                'h2',
+                'h3',
+                'h4',
+                'h5',
+                'h6'
+            ] } = props;
+            const toolbarGroups = [
+                toolbarTextDropdownGroupWithItems(enabledHeadingSizes.map((headingSize, i)=>{
+                    return {
+                        ChildComponent: iconImports[headingSize],
+                        isActive: ({ selection })=>{
+                            if (!$isRangeSelection(selection)) {
+                                return false;
+                            }
+                            for (const node of selection.getNodes()){
+                                if ($isHeadingNode(node) && node.getTag() === headingSize) {
+                                    continue;
+                                }
+                                const parent = node.getParent();
+                                if ($isHeadingNode(parent) && parent.getTag() === headingSize) {
+                                    continue;
+                                }
+                                return false;
+                            }
+                            return true;
+                        },
+                        key: headingSize,
+                        label: `Heading ${headingSize.charAt(1)}`,
+                        onSelect: ({ editor })=>{
+                            editor.update(()=>{
+                                setHeading(headingSize);
+                            });
+                        },
+                        order: i + 2
+                    };
+                }))
+            ];
             return {
                 clientFeatureProps: props,
                 markdownTransformers: [
@@ -46,16 +78,15 @@ const HeadingFeatureClient = (props)=>{
                 slashMenu: {
                     groups: enabledHeadingSizes?.length ? [
                         {
-                            displayName: 'Basic',
                             items: enabledHeadingSizes.map((headingSize)=>{
                                 return {
                                     Icon: iconImports[headingSize],
-                                    displayName: `Heading ${headingSize.charAt(1)}`,
                                     key: `heading-${headingSize.charAt(1)}`,
                                     keywords: [
                                         'heading',
                                         headingSize
                                     ],
+                                    label: `Heading ${headingSize.charAt(1)}`,
                                     onSelect: ({ editor })=>{
                                         editor.update(()=>{
                                             setHeading(headingSize);
@@ -63,27 +94,16 @@ const HeadingFeatureClient = (props)=>{
                                     }
                                 };
                             }),
-                            key: 'basic'
+                            key: 'basic',
+                            label: 'Basic'
                         }
                     ] : []
                 },
+                toolbarFixed: {
+                    groups: enabledHeadingSizes?.length ? toolbarGroups : []
+                },
                 toolbarInline: {
-                    groups: enabledHeadingSizes?.length ? [
-                        inlineToolbarTextDropdownGroupWithItems(enabledHeadingSizes.map((headingSize, i)=>{
-                            return {
-                                ChildComponent: iconImports[headingSize],
-                                isActive: ()=>false,
-                                key: headingSize,
-                                label: `Heading ${headingSize.charAt(1)}`,
-                                onSelect: ({ editor })=>{
-                                    editor.update(()=>{
-                                        setHeading(headingSize);
-                                    });
-                                },
-                                order: i + 2
-                            };
-                        }))
-                    ] : []
+                    groups: enabledHeadingSizes?.length ? toolbarGroups : []
                 }
             };
         }

package/dist/field/features/heading/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/heading/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { HeadingTagType } from '@lexical/rich-text'\n\nimport { $createHeadingNode, HeadingNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getSelection } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { HeadingFeatureProps } from './feature.server.js'\n\nimport { H1Icon } from '../../lexical/ui/icons/H1/index.js'\nimport { H2Icon } from '../../lexical/ui/icons/H2/index.js'\nimport { H3Icon } from '../../lexical/ui/icons/H3/index.js'\nimport { H4Icon } from '../../lexical/ui/icons/H4/index.js'\nimport { H5Icon } from '../../lexical/ui/icons/H5/index.js'\nimport { H6Icon } from '../../lexical/ui/icons/H6/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { inlineToolbarTextDropdownGroupWithItems } from '../shared/inlineToolbar/textDropdownGroup.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nconst setHeading = (headingSize: HeadingTagType) => {\n  const selection = $getSelection()\n  $setBlocksType(selection, () => $createHeadingNode(headingSize))\n}\n\nconst iconImports = {\n  h1: H1Icon,\n  h2: H2Icon,\n  h3: H3Icon,\n  h4: H4Icon,\n  h5: H5Icon,\n  h6: H6Icon,\n}\n\nconst HeadingFeatureClient: FeatureProviderProviderClient<HeadingFeatureProps> = (props) => {\n  const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n        nodes: [HeadingNode],\n        slashMenu: {\n          groups: enabledHeadingSizes?.length\n            ? [\n                {\n                  displayName: 'Basic',\n                  items: enabledHeadingSizes.map((headingSize) => {\n                    return {\n                      Icon: iconImports[headingSize],\n                      displayName: `Heading ${headingSize.charAt(1)}`,\n                      key: `heading-${headingSize.charAt(1)}`,\n                      keywords: ['heading', headingSize],\n                      onSelect: ({ editor }) => {\n                        editor.update(() => {\n                          setHeading(headingSize)\n                        })\n                      },\n                    }\n                  }),\n                  key: 'basic',\n                },\n              ]\n            : [],\n        },\n        toolbarInline: {\n          groups: enabledHeadingSizes?.length\n            ? [\n                inlineToolbarTextDropdownGroupWithItems(\n                  enabledHeadingSizes.map((headingSize, i) => {\n                    return {\n                      ChildComponent: iconImports[headingSize],\n                      isActive: () => false,\n                      key: headingSize,\n                      label: `Heading ${headingSize.charAt(1)}`,\n                      onSelect: ({ editor }) => {\n                        editor.update(() => {\n                          setHeading(headingSize)\n                        })\n                      },\n                      order: i + 2,\n                    }\n                  }),\n                ),\n              ]\n            : [],\n        },\n      }\n    },\n  }\n}\n\nexport const HeadingFeatureClientComponent = createClientComponent(HeadingFeatureClient)\n"],"names":["$createHeadingNode","HeadingNode","$setBlocksType","$getSelection","H1Icon","H2Icon","H3Icon","H4Icon","H5Icon","H6Icon","createClientComponent","inlineToolbarTextDropdownGroupWithItems","MarkdownTransformer","setHeading","headingSize","selection","iconImports","h1","h2","h3","h4","h5","h6","HeadingFeatureClient","props","enabledHeadingSizes","clientFeatureProps","feature","markdownTransformers","nodes","slashMenu","groups","length","displayName","items","map","Icon","charAt","key","keywords","onSelect","editor","update","toolbarInline","i","ChildComponent","isActive","label","order","HeadingFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,qBAAoB;AACpE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,aAAa,QAAQ,UAAS;AAKvC,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,uCAAuC,QAAQ,+CAA8C;AACtG,SAASC,mBAAmB,QAAQ,2BAA0B;AAE9D,MAAMC,aAAa,CAACC;IAClB,MAAMC,YAAYZ;IAClBD,eAAea,WAAW,IAAMf,mBAAmBc;AACrD;AAEA,MAAME,cAAc;IAClBC,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;AACN;AAEA,MAAMc,uBAA2E,CAACC;IAChF,MAAM,EAAEC,sBAAsB;QAAC;QAAM;QAAM;QAAM;QAAM;QAAM;KAAK,EAAE,GAAGD;IAEvE,OAAO;QACLE,oBAAoBF;QACpBG,SAAS;YACP,OAAO;gBACLD,oBAAoBF;gBACpBI,sBAAsB;oBAAChB,oBAAoBa;iBAAqB;gBAChEI,OAAO;oBAAC5B;iBAAY;gBACpB6B,WAAW;oBACTC,QAAQN,qBAAqBO,SACzB;wBACE;4BACEC,aAAa;4BACbC,OAAOT,oBAAoBU,GAAG,CAAC,CAACrB;gCAC9B,OAAO;oCACLsB,MAAMpB,WAAW,CAACF,YAAY;oCAC9BmB,aAAa,CAAC,QAAQ,EAAEnB,YAAYuB,MAAM,CAAC,GAAG,CAAC;oCAC/CC,KAAK,CAAC,QAAQ,EAAExB,YAAYuB,MAAM,CAAC,GAAG,CAAC;oCACvCE,UAAU;wCAAC;wCAAWzB;qCAAY;oCAClC0B,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnBA,OAAOC,MAAM,CAAC;4CACZ7B,WAAWC;wCACb;oCACF;gCACF;4BACF;4BACAwB,KAAK;wBACP;qBACD,GACD,EAAE;gBACR;gBACAK,eAAe;oBACbZ,QAAQN,qBAAqBO,SACzB;wBACErB,wCACEc,oBAAoBU,GAAG,CAAC,CAACrB,aAAa8B;4BACpC,OAAO;gCACLC,gBAAgB7B,WAAW,CAACF,YAAY;gCACxCgC,UAAU,IAAM;gCAChBR,KAAKxB;gCACLiC,OAAO,CAAC,QAAQ,EAAEjC,YAAYuB,MAAM,CAAC,GAAG,CAAC;gCACzCG,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,MAAM,CAAC;wCACZ7B,WAAWC;oCACb;gCACF;gCACAkC,OAAOJ,IAAI;4BACb;wBACF;qBAEH,GACD,EAAE;gBACR;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMK,gCAAgCvC,sBAAsBa,sBAAqB"}
+{"version":3,"sources":["../../../../src/field/features/heading/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { HeadingTagType } from '@lexical/rich-text'\n\nimport { $isHeadingNode } from '@lexical/rich-text'\nimport { $createHeadingNode, HeadingNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getSelection, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { HeadingFeatureProps } from './feature.server.js'\n\nimport { H1Icon } from '../../lexical/ui/icons/H1/index.js'\nimport { H2Icon } from '../../lexical/ui/icons/H2/index.js'\nimport { H3Icon } from '../../lexical/ui/icons/H3/index.js'\nimport { H4Icon } from '../../lexical/ui/icons/H4/index.js'\nimport { H5Icon } from '../../lexical/ui/icons/H5/index.js'\nimport { H6Icon } from '../../lexical/ui/icons/H6/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { toolbarTextDropdownGroupWithItems } from '../shared/toolbar/textDropdownGroup.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nconst setHeading = (headingSize: HeadingTagType) => {\n  const selection = $getSelection()\n  $setBlocksType(selection, () => $createHeadingNode(headingSize))\n}\n\nconst iconImports = {\n  h1: H1Icon,\n  h2: H2Icon,\n  h3: H3Icon,\n  h4: H4Icon,\n  h5: H5Icon,\n  h6: H6Icon,\n}\n\nconst HeadingFeatureClient: FeatureProviderProviderClient<HeadingFeatureProps> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n      const toolbarGroups: ToolbarGroup[] = [\n        toolbarTextDropdownGroupWithItems(\n          enabledHeadingSizes.map((headingSize, i) => {\n            return {\n              ChildComponent: iconImports[headingSize],\n              isActive: ({ selection }) => {\n                if (!$isRangeSelection(selection)) {\n                  return false\n                }\n                for (const node of selection.getNodes()) {\n                  if ($isHeadingNode(node) && node.getTag() === headingSize) {\n                    continue\n                  }\n\n                  const parent = node.getParent()\n                  if ($isHeadingNode(parent) && parent.getTag() === headingSize) {\n                    continue\n                  }\n\n                  return false\n                }\n                return true\n              },\n              key: headingSize,\n              label: `Heading ${headingSize.charAt(1)}`,\n              onSelect: ({ editor }) => {\n                editor.update(() => {\n                  setHeading(headingSize)\n                })\n              },\n              order: i + 2,\n            }\n          }),\n        ),\n      ]\n\n      return {\n        clientFeatureProps: props,\n        markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n        nodes: [HeadingNode],\n        slashMenu: {\n          groups: enabledHeadingSizes?.length\n            ? [\n                {\n                  items: enabledHeadingSizes.map((headingSize) => {\n                    return {\n                      Icon: iconImports[headingSize],\n                      key: `heading-${headingSize.charAt(1)}`,\n                      keywords: ['heading', headingSize],\n                      label: `Heading ${headingSize.charAt(1)}`,\n                      onSelect: ({ editor }) => {\n                        editor.update(() => {\n                          setHeading(headingSize)\n                        })\n                      },\n                    }\n                  }),\n                  key: 'basic',\n                  label: 'Basic',\n                },\n              ]\n            : [],\n        },\n        toolbarFixed: {\n          groups: enabledHeadingSizes?.length ? toolbarGroups : [],\n        },\n        toolbarInline: {\n          groups: enabledHeadingSizes?.length ? toolbarGroups : [],\n        },\n      }\n    },\n  }\n}\n\nexport const HeadingFeatureClientComponent = createClientComponent(HeadingFeatureClient)\n"],"names":["$isHeadingNode","$createHeadingNode","HeadingNode","$setBlocksType","$getSelection","$isRangeSelection","H1Icon","H2Icon","H3Icon","H4Icon","H5Icon","H6Icon","createClientComponent","toolbarTextDropdownGroupWithItems","MarkdownTransformer","setHeading","headingSize","selection","iconImports","h1","h2","h3","h4","h5","h6","HeadingFeatureClient","props","clientFeatureProps","feature","enabledHeadingSizes","toolbarGroups","map","i","ChildComponent","isActive","node","getNodes","getTag","parent","getParent","key","label","charAt","onSelect","editor","update","order","markdownTransformers","nodes","slashMenu","groups","length","items","Icon","keywords","toolbarFixed","toolbarInline","HeadingFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,qBAAoB;AACnD,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,qBAAoB;AACpE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,UAAS;AAM1D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,iCAAiC,QAAQ,yCAAwC;AAC1F,SAASC,mBAAmB,QAAQ,2BAA0B;AAE9D,MAAMC,aAAa,CAACC;IAClB,MAAMC,YAAYb;IAClBD,eAAec,WAAW,IAAMhB,mBAAmBe;AACrD;AAEA,MAAME,cAAc;IAClBC,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;IACJc,IAAIb;AACN;AAEA,MAAMc,uBAA2E,CAACC;IAChF,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,MAAM,EAAEC,sBAAsB;gBAAC;gBAAM;gBAAM;gBAAM;gBAAM;gBAAM;aAAK,EAAE,GAAGH;YAEvE,MAAMI,gBAAgC;gBACpCjB,kCACEgB,oBAAoBE,GAAG,CAAC,CAACf,aAAagB;oBACpC,OAAO;wBACLC,gBAAgBf,WAAW,CAACF,YAAY;wBACxCkB,UAAU,CAAC,EAAEjB,SAAS,EAAE;4BACtB,IAAI,CAACZ,kBAAkBY,YAAY;gCACjC,OAAO;4BACT;4BACA,KAAK,MAAMkB,QAAQlB,UAAUmB,QAAQ,GAAI;gCACvC,IAAIpC,eAAemC,SAASA,KAAKE,MAAM,OAAOrB,aAAa;oCACzD;gCACF;gCAEA,MAAMsB,SAASH,KAAKI,SAAS;gCAC7B,IAAIvC,eAAesC,WAAWA,OAAOD,MAAM,OAAOrB,aAAa;oCAC7D;gCACF;gCAEA,OAAO;4BACT;4BACA,OAAO;wBACT;wBACAwB,KAAKxB;wBACLyB,OAAO,CAAC,QAAQ,EAAEzB,YAAY0B,MAAM,CAAC,GAAG,CAAC;wBACzCC,UAAU,CAAC,EAAEC,MAAM,EAAE;4BACnBA,OAAOC,MAAM,CAAC;gCACZ9B,WAAWC;4BACb;wBACF;wBACA8B,OAAOd,IAAI;oBACb;gBACF;aAEH;YAED,OAAO;gBACLL,oBAAoBD;gBACpBqB,sBAAsB;oBAACjC,oBAAoBe;iBAAqB;gBAChEmB,OAAO;oBAAC9C;iBAAY;gBACpB+C,WAAW;oBACTC,QAAQrB,qBAAqBsB,SACzB;wBACE;4BACEC,OAAOvB,oBAAoBE,GAAG,CAAC,CAACf;gCAC9B,OAAO;oCACLqC,MAAMnC,WAAW,CAACF,YAAY;oCAC9BwB,KAAK,CAAC,QAAQ,EAAExB,YAAY0B,MAAM,CAAC,GAAG,CAAC;oCACvCY,UAAU;wCAAC;wCAAWtC;qCAAY;oCAClCyB,OAAO,CAAC,QAAQ,EAAEzB,YAAY0B,MAAM,CAAC,GAAG,CAAC;oCACzCC,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnBA,OAAOC,MAAM,CAAC;4CACZ9B,WAAWC;wCACb;oCACF;gCACF;4BACF;4BACAwB,KAAK;4BACLC,OAAO;wBACT;qBACD,GACD,EAAE;gBACR;gBACAc,cAAc;oBACZL,QAAQrB,qBAAqBsB,SAASrB,gBAAgB,EAAE;gBAC1D;gBACA0B,eAAe;oBACbN,QAAQrB,qBAAqBsB,SAASrB,gBAAgB,EAAE;gBAC1D;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAM2B,gCAAgC7C,sBAAsBa,sBAAqB"}

package/dist/field/features/horizontalRule/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/horizontalRule/feature.client.tsx"],"names":[],"mappings":";AA8CA,eAAO,MAAM,oCAAoC,+BAEhD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/horizontalRule/feature.client.tsx"],"names":[],"mappings":";AA2EA,eAAO,MAAM,oCAAoC,+BAEhD,CAAA"}

package/dist/field/features/horizontalRule/feature.client.js

@@ -1,8 +1,10 @@
 'use client';
+import { $isNodeSelection } from 'lexical';
 import { HorizontalRuleIcon } from '../../lexical/ui/icons/HorizontalRule/index.js';
 import { createClientComponent } from '../createClientComponent.js';
+import { toolbarAddDropdownGroupWithItems } from '../shared/toolbar/addDropdownGroup.js';
 import { MarkdownTransformer } from './markdownTransformer.js';
-import { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from './nodes/HorizontalRuleNode.js';
+import { $isHorizontalRuleNode, HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from './nodes/HorizontalRuleNode.js';
 import { HorizontalRulePlugin } from './plugin/index.js';
 const HorizontalRuleFeatureClient = (props)=>{
     return {
@@ -24,11 +26,9 @@ const HorizontalRuleFeatureClient = (props)=>{
                 slashMenu: {
                     groups: [
                         {
-                            displayName: 'Basic',
                             items: [
                                 {
                                     Icon: HorizontalRuleIcon,
-                                    displayName: `Horizontal Rule`,
                                     key: 'horizontalRule',
                                     keywords: [
                                         'hr',
@@ -36,14 +36,37 @@ const HorizontalRuleFeatureClient = (props)=>{
                                         'line',
                                         'separator'
                                     ],
+                                    label: `Horizontal Rule`,
                                     onSelect: ({ editor })=>{
                                         editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined);
                                     }
                                 }
                             ],
-                            key: 'basic'
+                            key: 'basic',
+                            label: 'Basic'
                         }
                     ]
+                },
+                toolbarFixed: {
+                    groups: [
+                        toolbarAddDropdownGroupWithItems([
+                            {
+                                ChildComponent: HorizontalRuleIcon,
+                                isActive: ({ selection })=>{
+                                    if (!$isNodeSelection(selection) || !selection.getNodes().length) {
+                                        return false;
+                                    }
+                                    const firstNode = selection.getNodes()[0];
+                                    return $isHorizontalRuleNode(firstNode);
+                                },
+                                key: 'horizontalRule',
+                                label: `Horizontal Rule`,
+                                onSelect: ({ editor })=>{
+                                    editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined);
+                                }
+                            }
+                        ])
+                    ]
                 }
             })
     };

package/dist/field/features/horizontalRule/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/horizontalRule/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\n\nimport { HorizontalRuleIcon } from '../../lexical/ui/icons/HorizontalRule/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\nimport { HorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from './nodes/HorizontalRuleNode.js'\nimport { HorizontalRulePlugin } from './plugin/index.js'\n\nconst HorizontalRuleFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      markdownTransformers: [MarkdownTransformer],\n      nodes: [HorizontalRuleNode],\n      plugins: [\n        {\n          Component: HorizontalRulePlugin,\n          position: 'normal',\n        },\n      ],\n      slashMenu: {\n        groups: [\n          {\n            displayName: 'Basic',\n            items: [\n              {\n                Icon: HorizontalRuleIcon,\n                displayName: `Horizontal Rule`,\n                key: 'horizontalRule',\n                keywords: ['hr', 'horizontal rule', 'line', 'separator'],\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined)\n                },\n              },\n            ],\n            key: 'basic',\n          },\n        ],\n      },\n    }),\n  }\n}\n\nexport const HorizontalRuleFeatureClientComponent = createClientComponent(\n  HorizontalRuleFeatureClient,\n)\n"],"names":["HorizontalRuleIcon","createClientComponent","MarkdownTransformer","HorizontalRuleNode","INSERT_HORIZONTAL_RULE_COMMAND","HorizontalRulePlugin","HorizontalRuleFeatureClient","props","clientFeatureProps","feature","markdownTransformers","nodes","plugins","Component","position","slashMenu","groups","displayName","items","Icon","key","keywords","onSelect","editor","dispatchCommand","undefined","HorizontalRuleFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,SAASC,kBAAkB,EAAEC,8BAA8B,QAAQ,gCAA+B;AAClG,SAASC,oBAAoB,QAAQ,oBAAmB;AAExD,MAAMC,8BAAwE,CAACC;IAC7E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,sBAAsB;oBAACR;iBAAoB;gBAC3CS,OAAO;oBAACR;iBAAmB;gBAC3BS,SAAS;oBACP;wBACEC,WAAWR;wBACXS,UAAU;oBACZ;iBACD;gBACDC,WAAW;oBACTC,QAAQ;wBACN;4BACEC,aAAa;4BACbC,OAAO;gCACL;oCACEC,MAAMnB;oCACNiB,aAAa,CAAC,eAAe,CAAC;oCAC9BG,KAAK;oCACLC,UAAU;wCAAC;wCAAM;wCAAmB;wCAAQ;qCAAY;oCACxDC,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnBA,OAAOC,eAAe,CAACpB,gCAAgCqB;oCACzD;gCACF;6BACD;4BACDL,KAAK;wBACP;qBACD;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMM,uCAAuCzB,sBAClDK,6BACD"}
+{"version":3,"sources":["../../../../src/field/features/horizontalRule/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $isNodeSelection } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\n\nimport { HorizontalRuleIcon } from '../../lexical/ui/icons/HorizontalRule/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { toolbarAddDropdownGroupWithItems } from '../shared/toolbar/addDropdownGroup.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\nimport {\n  $isHorizontalRuleNode,\n  HorizontalRuleNode,\n  INSERT_HORIZONTAL_RULE_COMMAND,\n} from './nodes/HorizontalRuleNode.js'\nimport { HorizontalRulePlugin } from './plugin/index.js'\n\nconst HorizontalRuleFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      markdownTransformers: [MarkdownTransformer],\n      nodes: [HorizontalRuleNode],\n      plugins: [\n        {\n          Component: HorizontalRulePlugin,\n          position: 'normal',\n        },\n      ],\n      slashMenu: {\n        groups: [\n          {\n            items: [\n              {\n                Icon: HorizontalRuleIcon,\n                key: 'horizontalRule',\n                keywords: ['hr', 'horizontal rule', 'line', 'separator'],\n                label: `Horizontal Rule`,\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined)\n                },\n              },\n            ],\n            key: 'basic',\n            label: 'Basic',\n          },\n        ],\n      },\n      toolbarFixed: {\n        groups: [\n          toolbarAddDropdownGroupWithItems([\n            {\n              ChildComponent: HorizontalRuleIcon,\n              isActive: ({ selection }) => {\n                if (!$isNodeSelection(selection) || !selection.getNodes().length) {\n                  return false\n                }\n\n                const firstNode = selection.getNodes()[0]\n                return $isHorizontalRuleNode(firstNode)\n              },\n              key: 'horizontalRule',\n              label: `Horizontal Rule`,\n              onSelect: ({ editor }) => {\n                editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined)\n              },\n            },\n          ]),\n        ],\n      },\n    }),\n  }\n}\n\nexport const HorizontalRuleFeatureClientComponent = createClientComponent(\n  HorizontalRuleFeatureClient,\n)\n"],"names":["$isNodeSelection","HorizontalRuleIcon","createClientComponent","toolbarAddDropdownGroupWithItems","MarkdownTransformer","$isHorizontalRuleNode","HorizontalRuleNode","INSERT_HORIZONTAL_RULE_COMMAND","HorizontalRulePlugin","HorizontalRuleFeatureClient","props","clientFeatureProps","feature","markdownTransformers","nodes","plugins","Component","position","slashMenu","groups","items","Icon","key","keywords","label","onSelect","editor","dispatchCommand","undefined","toolbarFixed","ChildComponent","isActive","selection","getNodes","length","firstNode","HorizontalRuleFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,gBAAgB,QAAQ,UAAS;AAI1C,SAASC,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,gCAAgC,QAAQ,wCAAuC;AACxF,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,SACEC,qBAAqB,EACrBC,kBAAkB,EAClBC,8BAA8B,QACzB,gCAA+B;AACtC,SAASC,oBAAoB,QAAQ,oBAAmB;AAExD,MAAMC,8BAAwE,CAACC;IAC7E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,sBAAsB;oBAACT;iBAAoB;gBAC3CU,OAAO;oBAACR;iBAAmB;gBAC3BS,SAAS;oBACP;wBACEC,WAAWR;wBACXS,UAAU;oBACZ;iBACD;gBACDC,WAAW;oBACTC,QAAQ;wBACN;4BACEC,OAAO;gCACL;oCACEC,MAAMpB;oCACNqB,KAAK;oCACLC,UAAU;wCAAC;wCAAM;wCAAmB;wCAAQ;qCAAY;oCACxDC,OAAO,CAAC,eAAe,CAAC;oCACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;wCACnBA,OAAOC,eAAe,CAACpB,gCAAgCqB;oCACzD;gCACF;6BACD;4BACDN,KAAK;4BACLE,OAAO;wBACT;qBACD;gBACH;gBACAK,cAAc;oBACZV,QAAQ;wBACNhB,iCAAiC;4BAC/B;gCACE2B,gBAAgB7B;gCAChB8B,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAI,CAAChC,iBAAiBgC,cAAc,CAACA,UAAUC,QAAQ,GAAGC,MAAM,EAAE;wCAChE,OAAO;oCACT;oCAEA,MAAMC,YAAYH,UAAUC,QAAQ,EAAE,CAAC,EAAE;oCACzC,OAAO5B,sBAAsB8B;gCAC/B;gCACAb,KAAK;gCACLE,OAAO,CAAC,eAAe,CAAC;gCACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACpB,gCAAgCqB;gCACzD;4BACF;yBACD;qBACF;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMQ,uCAAuClC,sBAClDO,6BACD"}

package/dist/field/features/indent/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/indent/feature.client.tsx"],"names":[],"mappings":";AA+DA,eAAO,MAAM,4BAA4B,+BAA6C,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/indent/feature.client.tsx"],"names":[],"mappings":";AAmEA,eAAO,MAAM,4BAA4B,+BAA6C,CAAA"}

package/dist/field/features/indent/feature.client.js

@@ -3,49 +3,53 @@ import { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical';
 import { IndentDecreaseIcon } from '../../lexical/ui/icons/IndentDecrease/index.js';
 import { IndentIncreaseIcon } from '../../lexical/ui/icons/IndentIncrease/index.js';
 import { createClientComponent } from '../createClientComponent.js';
-import { indentGroupWithItems } from './inlineToolbarIndentGroup.js';
+import { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js';
+const toolbarGroups = [
+    toolbarIndentGroupWithItems([
+        {
+            ChildComponent: IndentDecreaseIcon,
+            isActive: ()=>false,
+            isEnabled: ({ selection })=>{
+                if (!selection || !selection?.getNodes()?.length) {
+                    return false;
+                }
+                for (const node of selection.getNodes()){
+                    // If at least one node is indented, this should be active
+                    if ('__indent' in node && node.__indent > 0 || node.getParent() && '__indent' in node.getParent() && node.getParent().__indent > 0) {
+                        return true;
+                    }
+                }
+                return false;
+            },
+            key: 'indentDecrease',
+            label: `Decrease Indent`,
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
+            },
+            order: 1
+        },
+        {
+            ChildComponent: IndentIncreaseIcon,
+            isActive: ()=>false,
+            key: 'indentIncrease',
+            label: `Increase Indent`,
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
+            },
+            order: 2
+        }
+    ])
+];
 const IndentFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>({
                 clientFeatureProps: props,
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        indentGroupWithItems([
-                            {
-                                ChildComponent: IndentDecreaseIcon,
-                                isActive: ()=>false,
-                                isEnabled: ({ selection })=>{
-                                    if (!selection || !selection?.getNodes()?.length) {
-                                        return false;
-                                    }
-                                    for (const node of selection.getNodes()){
-                                        // If at least one node is indented, this should be active
-                                        if ('__indent' in node && node.__indent > 0 || node.getParent() && '__indent' in node.getParent() && node.getParent().__indent > 0) {
-                                            return true;
-                                        }
-                                    }
-                                    return false;
-                                },
-                                key: 'indentDecrease',
-                                label: `Decrease Indent`,
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined);
-                                },
-                                order: 1
-                            },
-                            {
-                                ChildComponent: IndentIncreaseIcon,
-                                isActive: ()=>false,
-                                key: 'indentIncrease',
-                                label: `Increase Indent`,
-                                onSelect: ({ editor })=>{
-                                    editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined);
-                                },
-                                order: 2
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             })
     };

package/dist/field/features/indent/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/indent/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\n\nimport { IndentDecreaseIcon } from '../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { indentGroupWithItems } from './inlineToolbarIndentGroup.js'\n\nconst IndentFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      toolbarInline: {\n        groups: [\n          indentGroupWithItems([\n            {\n              ChildComponent: IndentDecreaseIcon,\n              isActive: () => false,\n              isEnabled: ({ selection }) => {\n                if (!selection || !selection?.getNodes()?.length) {\n                  return false\n                }\n                for (const node of selection.getNodes()) {\n                  // If at least one node is indented, this should be active\n                  if (\n                    ('__indent' in node && (node.__indent as number) > 0) ||\n                    (node.getParent() &&\n                      '__indent' in node.getParent() &&\n                      node.getParent().__indent > 0)\n                  ) {\n                    return true\n                  }\n                }\n                return false\n              },\n              key: 'indentDecrease',\n              label: `Decrease Indent`,\n              onSelect: ({ editor }) => {\n                editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n              },\n              order: 1,\n            },\n            {\n              ChildComponent: IndentIncreaseIcon,\n              isActive: () => false,\n              key: 'indentIncrease',\n              label: `Increase Indent`,\n              onSelect: ({ editor }) => {\n                editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n              },\n              order: 2,\n            },\n          ]),\n        ],\n      },\n    }),\n  }\n}\n\nexport const IndentFeatureClientComponent = createClientComponent(IndentFeatureClient)\n"],"names":["INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientComponent","indentGroupWithItems","IndentFeatureClient","props","clientFeatureProps","feature","toolbarInline","groups","ChildComponent","isActive","isEnabled","selection","getNodes","length","node","__indent","getParent","key","label","onSelect","editor","dispatchCommand","undefined","order","IndentFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,sBAAsB,EAAEC,uBAAuB,QAAQ,UAAS;AAIzE,SAASC,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,oBAAoB,QAAQ,gCAA+B;AAEpE,MAAMC,sBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,eAAe;oBACbC,QAAQ;wBACNN,qBAAqB;4BACnB;gCACEO,gBAAgBV;gCAChBW,UAAU,IAAM;gCAChBC,WAAW,CAAC,EAAEC,SAAS,EAAE;oCACvB,IAAI,CAACA,aAAa,CAACA,WAAWC,YAAYC,QAAQ;wCAChD,OAAO;oCACT;oCACA,KAAK,MAAMC,QAAQH,UAAUC,QAAQ,GAAI;wCACvC,0DAA0D;wCAC1D,IACE,AAAC,cAAcE,QAAQ,AAACA,KAAKC,QAAQ,GAAc,KAClDD,KAAKE,SAAS,MACb,cAAcF,KAAKE,SAAS,MAC5BF,KAAKE,SAAS,GAAGD,QAAQ,GAAG,GAC9B;4CACA,OAAO;wCACT;oCACF;oCACA,OAAO;gCACT;gCACAE,KAAK;gCACLC,OAAO,CAAC,eAAe,CAAC;gCACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACxB,yBAAyByB;gCAClD;gCACAC,OAAO;4BACT;4BACA;gCACEf,gBAAgBT;gCAChBU,UAAU,IAAM;gCAChBQ,KAAK;gCACLC,OAAO,CAAC,eAAe,CAAC;gCACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,eAAe,CAACzB,wBAAwB0B;gCACjD;gCACAC,OAAO;4BACT;yBACD;qBACF;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,+BAA+BxB,sBAAsBE,qBAAoB"}
+{"version":3,"sources":["../../../../src/field/features/indent/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../types.js'\n\nimport { IndentDecreaseIcon } from '../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarIndentGroupWithItems([\n    {\n      ChildComponent: IndentDecreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        if (!selection || !selection?.getNodes()?.length) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          // If at least one node is indented, this should be active\n          if (\n            ('__indent' in node && (node.__indent as number) > 0) ||\n            (node.getParent() && '__indent' in node.getParent() && node.getParent().__indent > 0)\n          ) {\n            return true\n          }\n        }\n        return false\n      },\n      key: 'indentDecrease',\n      label: `Decrease Indent`,\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: IndentIncreaseIcon,\n      isActive: () => false,\n      key: 'indentIncrease',\n      label: `Increase Indent`,\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 2,\n    },\n  ]),\n]\n\nconst IndentFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      toolbarFixed: {\n        groups: toolbarGroups,\n      },\n      toolbarInline: {\n        groups: toolbarGroups,\n      },\n    }),\n  }\n}\n\nexport const IndentFeatureClientComponent = createClientComponent(IndentFeatureClient)\n"],"names":["INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientComponent","toolbarIndentGroupWithItems","toolbarGroups","ChildComponent","isActive","isEnabled","selection","getNodes","length","node","__indent","getParent","key","label","onSelect","editor","dispatchCommand","undefined","order","IndentFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","IndentFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,sBAAsB,EAAEC,uBAAuB,QAAQ,UAAS;AAKzE,SAASC,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,kBAAkB,QAAQ,iDAAgD;AACnF,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,2BAA2B,QAAQ,0BAAyB;AAErE,MAAMC,gBAAgC;IACpCD,4BAA4B;QAC1B;YACEE,gBAAgBL;YAChBM,UAAU,IAAM;YAChBC,WAAW,CAAC,EAAEC,SAAS,EAAE;gBACvB,IAAI,CAACA,aAAa,CAACA,WAAWC,YAAYC,QAAQ;oBAChD,OAAO;gBACT;gBACA,KAAK,MAAMC,QAAQH,UAAUC,QAAQ,GAAI;oBACvC,0DAA0D;oBAC1D,IACE,AAAC,cAAcE,QAAQ,AAACA,KAAKC,QAAQ,GAAc,KAClDD,KAAKE,SAAS,MAAM,cAAcF,KAAKE,SAAS,MAAMF,KAAKE,SAAS,GAAGD,QAAQ,GAAG,GACnF;wBACA,OAAO;oBACT;gBACF;gBACA,OAAO;YACT;YACAE,KAAK;YACLC,OAAO,CAAC,eAAe,CAAC;YACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACnB,yBAAyBoB;YAClD;YACAC,OAAO;QACT;QACA;YACEf,gBAAgBJ;YAChBK,UAAU,IAAM;YAChBQ,KAAK;YACLC,OAAO,CAAC,eAAe,CAAC;YACxBC,UAAU,CAAC,EAAEC,MAAM,EAAE;gBACnBA,OAAOC,eAAe,CAACpB,wBAAwBqB;YACjD;YACAC,OAAO;QACT;KACD;CACF;AAED,MAAMC,sBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,cAAc;oBACZC,QAAQtB;gBACV;gBACAuB,eAAe;oBACbD,QAAQtB;gBACV;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMwB,+BAA+B1B,sBAAsBmB,qBAAoB"}

package/dist/field/features/indent/toolbarIndentGroup.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarGroup, ToolbarGroupItem } from '../toolbars/types.js';
+export declare const toolbarIndentGroupWithItems: (items: ToolbarGroupItem[]) => ToolbarGroup;
+//# sourceMappingURL=toolbarIndentGroup.d.ts.map

package/dist/field/features/indent/toolbarIndentGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarIndentGroup.d.ts","sourceRoot":"","sources":["../../../../src/field/features/indent/toolbarIndentGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE1E,eAAO,MAAM,2BAA2B,UAAW,gBAAgB,EAAE,KAAG,YAOvE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/features/indent/toolbarIndentGroup.ts"],"sourcesContent":["import 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"],"rangeMappings":";;;;;;;","mappings":"AAEA,OAAO,MAAMA,8BAA8B,CAACC;IAC1C,OAAO;QACLC,MAAM;QACND;QACAE,KAAK;QACLC,OAAO;IACT;AACF,EAAC"}

package/dist/field/features/link/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/link/feature.client.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAexE,MAAM,MAAM,WAAW,GAAG,6BAA6B,CAAA;AAuEvD,eAAO,MAAM,0BAA0B,+FAA2C,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/link/feature.client.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAA;AAexE,MAAM,MAAM,WAAW,GAAG,6BAA6B,CAAA;AA4EvD,eAAO,MAAM,0BAA0B,+FAA2C,CAAA"}

package/dist/field/features/link/feature.client.js

@@ -4,7 +4,7 @@ import { $getSelection, $isRangeSelection } from 'lexical';
 import { LinkIcon } from '../../lexical/ui/icons/Link/index.js';
 import { getSelectedNode } from '../../lexical/utils/getSelectedNode.js';
 import { createClientComponent } from '../createClientComponent.js';
-import { inlineToolbarFeatureButtonsGroupWithItems } from '../shared/inlineToolbar/featureButtonsGroup.js';
+import { toolbarFeatureButtonsGroupWithItems } from '../shared/toolbar/featureButtonsGroup.js';
 import { AutoLinkNode } from './nodes/AutoLinkNode.js';
 import { $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from './nodes/LinkNode.js';
 import { AutoLinkPlugin } from './plugins/autoLink/index.js';
@@ -12,6 +12,45 @@ import { ClickableLinkPlugin } from './plugins/clickableLink/index.js';
 import { TOGGLE_LINK_WITH_MODAL_COMMAND } from './plugins/floatingLinkEditor/LinkEditor/commands.js';
 import { FloatingLinkEditorPlugin } from './plugins/floatingLinkEditor/index.js';
 import { LinkPlugin } from './plugins/link/index.js';
+const toolbarGroups = [
+    toolbarFeatureButtonsGroupWithItems([
+        {
+            ChildComponent: LinkIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    const selectedNode = getSelectedNode(selection);
+                    const linkParent = $findMatchingParent(selectedNode, $isLinkNode);
+                    return linkParent != null;
+                }
+                return false;
+            },
+            key: 'link',
+            label: `Link`,
+            onSelect: ({ editor, isActive })=>{
+                if (!isActive) {
+                    let selectedText = null;
+                    editor.getEditorState().read(()=>{
+                        selectedText = $getSelection().getTextContent();
+                    });
+                    const linkFields = {
+                        doc: null,
+                        linkType: 'custom',
+                        newTab: false,
+                        url: 'https://'
+                    };
+                    editor.dispatchCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, {
+                        fields: linkFields,
+                        text: selectedText
+                    });
+                } else {
+                    // remove link
+                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+                }
+            },
+            order: 1
+        }
+    ])
+];
 const LinkFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
@@ -39,46 +78,11 @@ const LinkFeatureClient = (props)=>{
                         position: 'floatingAnchorElem'
                     }
                 ],
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
                 toolbarInline: {
-                    groups: [
-                        inlineToolbarFeatureButtonsGroupWithItems([
-                            {
-                                ChildComponent: LinkIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        const selectedNode = getSelectedNode(selection);
-                                        const linkParent = $findMatchingParent(selectedNode, $isLinkNode);
-                                        return linkParent != null;
-                                    }
-                                    return false;
-                                },
-                                key: 'link',
-                                label: `Link`,
-                                onSelect: ({ editor, isActive })=>{
-                                    if (!isActive) {
-                                        let selectedText = null;
-                                        editor.getEditorState().read(()=>{
-                                            selectedText = $getSelection().getTextContent();
-                                        });
-                                        const linkFields = {
-                                            doc: null,
-                                            linkType: 'custom',
-                                            newTab: false,
-                                            url: 'https://'
-                                        };
-                                        editor.dispatchCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, {
-                                            fields: linkFields,
-                                            text: selectedText
-                                        });
-                                    } else {
-                                        // remove link
-                                        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-                                    }
-                                },
-                                order: 1
-                            }
-                        ])
-                    ]
+                    groups: toolbarGroups
                 }
             })
     };

package/dist/field/features/link/feature.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/link/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $findMatchingParent } from '@lexical/utils'\nimport { $getSelection, $isRangeSelection } from 'lexical'\n\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { ExclusiveLinkCollectionsProps } from './feature.server.js'\nimport type { LinkFields } from './nodes/types.js'\n\nimport { LinkIcon } from '../../lexical/ui/icons/Link/index.js'\nimport { getSelectedNode } from '../../lexical/utils/getSelectedNode.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { inlineToolbarFeatureButtonsGroupWithItems } from '../shared/inlineToolbar/featureButtonsGroup.js'\nimport { AutoLinkNode } from './nodes/AutoLinkNode.js'\nimport { $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from './nodes/LinkNode.js'\nimport { AutoLinkPlugin } from './plugins/autoLink/index.js'\nimport { ClickableLinkPlugin } from './plugins/clickableLink/index.js'\nimport { TOGGLE_LINK_WITH_MODAL_COMMAND } from './plugins/floatingLinkEditor/LinkEditor/commands.js'\nimport { FloatingLinkEditorPlugin } from './plugins/floatingLinkEditor/index.js'\nimport { LinkPlugin } from './plugins/link/index.js'\n\nexport type ClientProps = ExclusiveLinkCollectionsProps\n\nconst LinkFeatureClient: FeatureProviderProviderClient<ClientProps> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      nodes: [LinkNode, AutoLinkNode],\n      plugins: [\n        {\n          Component: LinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: AutoLinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: ClickableLinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: FloatingLinkEditorPlugin,\n          position: 'floatingAnchorElem',\n        },\n      ],\n      toolbarInline: {\n        groups: [\n          inlineToolbarFeatureButtonsGroupWithItems([\n            {\n              ChildComponent: LinkIcon,\n              isActive: ({ selection }) => {\n                if ($isRangeSelection(selection)) {\n                  const selectedNode = getSelectedNode(selection)\n                  const linkParent = $findMatchingParent(selectedNode, $isLinkNode)\n                  return linkParent != null\n                }\n                return false\n              },\n              key: 'link',\n              label: `Link`,\n              onSelect: ({ editor, isActive }) => {\n                if (!isActive) {\n                  let selectedText = null\n                  editor.getEditorState().read(() => {\n                    selectedText = $getSelection().getTextContent()\n                  })\n                  const linkFields: LinkFields = {\n                    doc: null,\n                    linkType: 'custom',\n                    newTab: false,\n                    url: 'https://',\n                  }\n                  editor.dispatchCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, {\n                    fields: linkFields,\n                    text: selectedText,\n                  })\n                } else {\n                  // remove link\n                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n                }\n              },\n              order: 1,\n            },\n          ]),\n        ],\n      },\n    }),\n  }\n}\n\nexport const LinkFeatureClientComponent = createClientComponent(LinkFeatureClient)\n"],"names":["$findMatchingParent","$getSelection","$isRangeSelection","LinkIcon","getSelectedNode","createClientComponent","inlineToolbarFeatureButtonsGroupWithItems","AutoLinkNode","$isLinkNode","LinkNode","TOGGLE_LINK_COMMAND","AutoLinkPlugin","ClickableLinkPlugin","TOGGLE_LINK_WITH_MODAL_COMMAND","FloatingLinkEditorPlugin","LinkPlugin","LinkFeatureClient","props","clientFeatureProps","feature","nodes","plugins","Component","position","toolbarInline","groups","ChildComponent","isActive","selection","selectedNode","linkParent","key","label","onSelect","editor","selectedText","getEditorState","read","getTextContent","linkFields","doc","linkType","newTab","url","dispatchCommand","fields","text","order","LinkFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,UAAS;AAM1D,SAASC,QAAQ,QAAQ,uCAAsC;AAC/D,SAASC,eAAe,QAAQ,yCAAwC;AACxE,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,yCAAyC,QAAQ,iDAAgD;AAC1G,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,WAAW,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,sBAAqB;AAChF,SAASC,cAAc,QAAQ,8BAA6B;AAC5D,SAASC,mBAAmB,QAAQ,mCAAkC;AACtE,SAASC,8BAA8B,QAAQ,sDAAqD;AACpG,SAASC,wBAAwB,QAAQ,wCAAuC;AAChF,SAASC,UAAU,QAAQ,0BAAyB;AAIpD,MAAMC,oBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,OAAO;oBAACX;oBAAUF;iBAAa;gBAC/Bc,SAAS;oBACP;wBACEC,WAAWP;wBACXQ,UAAU;oBACZ;oBACA;wBACED,WAAWX;wBACXY,UAAU;oBACZ;oBACA;wBACED,WAAWV;wBACXW,UAAU;oBACZ;oBACA;wBACED,WAAWR;wBACXS,UAAU;oBACZ;iBACD;gBACDC,eAAe;oBACbC,QAAQ;wBACNnB,0CAA0C;4BACxC;gCACEoB,gBAAgBvB;gCAChBwB,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAI1B,kBAAkB0B,YAAY;wCAChC,MAAMC,eAAezB,gBAAgBwB;wCACrC,MAAME,aAAa9B,oBAAoB6B,cAAcrB;wCACrD,OAAOsB,cAAc;oCACvB;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,OAAO,CAAC,IAAI,CAAC;gCACbC,UAAU,CAAC,EAAEC,MAAM,EAAEP,QAAQ,EAAE;oCAC7B,IAAI,CAACA,UAAU;wCACb,IAAIQ,eAAe;wCACnBD,OAAOE,cAAc,GAAGC,IAAI,CAAC;4CAC3BF,eAAelC,gBAAgBqC,cAAc;wCAC/C;wCACA,MAAMC,aAAyB;4CAC7BC,KAAK;4CACLC,UAAU;4CACVC,QAAQ;4CACRC,KAAK;wCACP;wCACAT,OAAOU,eAAe,CAAC/B,gCAAgC;4CACrDgC,QAAQN;4CACRO,MAAMX;wCACR;oCACF,OAAO;wCACL,cAAc;wCACdD,OAAOU,eAAe,CAAClC,qBAAqB;oCAC9C;gCACF;gCACAqC,OAAO;4BACT;yBACD;qBACF;gBACH;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMC,6BAA6B3C,sBAAsBW,mBAAkB"}
+{"version":3,"sources":["../../../../src/field/features/link/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport { $findMatchingParent } from '@lexical/utils'\nimport { $getSelection, $isRangeSelection } from 'lexical'\n\nimport type { ToolbarGroup } from '../toolbars/types.js'\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { ExclusiveLinkCollectionsProps } from './feature.server.js'\nimport type { LinkFields } from './nodes/types.js'\n\nimport { LinkIcon } from '../../lexical/ui/icons/Link/index.js'\nimport { getSelectedNode } from '../../lexical/utils/getSelectedNode.js'\nimport { createClientComponent } from '../createClientComponent.js'\nimport { toolbarFeatureButtonsGroupWithItems } from '../shared/toolbar/featureButtonsGroup.js'\nimport { AutoLinkNode } from './nodes/AutoLinkNode.js'\nimport { $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from './nodes/LinkNode.js'\nimport { AutoLinkPlugin } from './plugins/autoLink/index.js'\nimport { ClickableLinkPlugin } from './plugins/clickableLink/index.js'\nimport { TOGGLE_LINK_WITH_MODAL_COMMAND } from './plugins/floatingLinkEditor/LinkEditor/commands.js'\nimport { FloatingLinkEditorPlugin } from './plugins/floatingLinkEditor/index.js'\nimport { LinkPlugin } from './plugins/link/index.js'\n\nexport type ClientProps = ExclusiveLinkCollectionsProps\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFeatureButtonsGroupWithItems([\n    {\n      ChildComponent: LinkIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          const selectedNode = getSelectedNode(selection)\n          const linkParent = $findMatchingParent(selectedNode, $isLinkNode)\n          return linkParent != null\n        }\n        return false\n      },\n      key: 'link',\n      label: `Link`,\n      onSelect: ({ editor, isActive }) => {\n        if (!isActive) {\n          let selectedText = null\n          editor.getEditorState().read(() => {\n            selectedText = $getSelection().getTextContent()\n          })\n          const linkFields: LinkFields = {\n            doc: null,\n            linkType: 'custom',\n            newTab: false,\n            url: 'https://',\n          }\n          editor.dispatchCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, {\n            fields: linkFields,\n            text: selectedText,\n          })\n        } else {\n          // remove link\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n        }\n      },\n      order: 1,\n    },\n  ]),\n]\n\nconst LinkFeatureClient: FeatureProviderProviderClient<ClientProps> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => ({\n      clientFeatureProps: props,\n      nodes: [LinkNode, AutoLinkNode],\n      plugins: [\n        {\n          Component: LinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: AutoLinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: ClickableLinkPlugin,\n          position: 'normal',\n        },\n        {\n          Component: FloatingLinkEditorPlugin,\n          position: 'floatingAnchorElem',\n        },\n      ],\n      toolbarFixed: {\n        groups: toolbarGroups,\n      },\n      toolbarInline: {\n        groups: toolbarGroups,\n      },\n    }),\n  }\n}\n\nexport const LinkFeatureClientComponent = createClientComponent(LinkFeatureClient)\n"],"names":["$findMatchingParent","$getSelection","$isRangeSelection","LinkIcon","getSelectedNode","createClientComponent","toolbarFeatureButtonsGroupWithItems","AutoLinkNode","$isLinkNode","LinkNode","TOGGLE_LINK_COMMAND","AutoLinkPlugin","ClickableLinkPlugin","TOGGLE_LINK_WITH_MODAL_COMMAND","FloatingLinkEditorPlugin","LinkPlugin","toolbarGroups","ChildComponent","isActive","selection","selectedNode","linkParent","key","label","onSelect","editor","selectedText","getEditorState","read","getTextContent","linkFields","doc","linkType","newTab","url","dispatchCommand","fields","text","order","LinkFeatureClient","props","clientFeatureProps","feature","nodes","plugins","Component","position","toolbarFixed","groups","toolbarInline","LinkFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,UAAS;AAO1D,SAASC,QAAQ,QAAQ,uCAAsC;AAC/D,SAASC,eAAe,QAAQ,yCAAwC;AACxE,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,mCAAmC,QAAQ,2CAA0C;AAC9F,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,WAAW,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,sBAAqB;AAChF,SAASC,cAAc,QAAQ,8BAA6B;AAC5D,SAASC,mBAAmB,QAAQ,mCAAkC;AACtE,SAASC,8BAA8B,QAAQ,sDAAqD;AACpG,SAASC,wBAAwB,QAAQ,wCAAuC;AAChF,SAASC,UAAU,QAAQ,0BAAyB;AAIpD,MAAMC,gBAAgC;IACpCV,oCAAoC;QAClC;YACEW,gBAAgBd;YAChBe,UAAU,CAAC,EAAEC,SAAS,EAAE;gBACtB,IAAIjB,kBAAkBiB,YAAY;oBAChC,MAAMC,eAAehB,gBAAgBe;oBACrC,MAAME,aAAarB,oBAAoBoB,cAAcZ;oBACrD,OAAOa,cAAc;gBACvB;gBACA,OAAO;YACT;YACAC,KAAK;YACLC,OAAO,CAAC,IAAI,CAAC;YACbC,UAAU,CAAC,EAAEC,MAAM,EAAEP,QAAQ,EAAE;gBAC7B,IAAI,CAACA,UAAU;oBACb,IAAIQ,eAAe;oBACnBD,OAAOE,cAAc,GAAGC,IAAI,CAAC;wBAC3BF,eAAezB,gBAAgB4B,cAAc;oBAC/C;oBACA,MAAMC,aAAyB;wBAC7BC,KAAK;wBACLC,UAAU;wBACVC,QAAQ;wBACRC,KAAK;oBACP;oBACAT,OAAOU,eAAe,CAACtB,gCAAgC;wBACrDuB,QAAQN;wBACRO,MAAMX;oBACR;gBACF,OAAO;oBACL,cAAc;oBACdD,OAAOU,eAAe,CAACzB,qBAAqB;gBAC9C;YACF;YACA4B,OAAO;QACT;KACD;CACF;AAED,MAAMC,oBAAgE,CAACC;IACrE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS,IAAO,CAAA;gBACdD,oBAAoBD;gBACpBG,OAAO;oBAAClC;oBAAUF;iBAAa;gBAC/BqC,SAAS;oBACP;wBACEC,WAAW9B;wBACX+B,UAAU;oBACZ;oBACA;wBACED,WAAWlC;wBACXmC,UAAU;oBACZ;oBACA;wBACED,WAAWjC;wBACXkC,UAAU;oBACZ;oBACA;wBACED,WAAW/B;wBACXgC,UAAU;oBACZ;iBACD;gBACDC,cAAc;oBACZC,QAAQhC;gBACV;gBACAiC,eAAe;oBACbD,QAAQhC;gBACV;YACF,CAAA;IACF;AACF;AAEA,OAAO,MAAMkC,6BAA6B7C,sBAAsBkC,mBAAkB"}

package/dist/field/features/link/populationPromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"populationPromise.d.ts","sourceRoot":"","sources":["../../../../src/field/features/link/populationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,eAAO,MAAM,wBAAwB,UAC5B,sBAAsB,KAC5B,kBAAkB,kBAAkB,CAyCtC,CAAA"}
+{"version":3,"file":"populationPromise.d.ts","sourceRoot":"","sources":["../../../../src/field/features/link/populationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAI1D,eAAO,MAAM,wBAAwB,UAC5B,sBAAsB,KAC5B,kBAAkB,kBAAkB,CA2CtC,CAAA"}

package/dist/field/features/link/populationPromise.js

@@ -1,6 +1,6 @@
 import { recurseNestedFields } from '../../../populate/recurseNestedFields.js';
 export const linkPopulationPromiseHOC = (props)=>{
-    return ({ context, currentDepth, depth, editorPopulationPromises, fieldPromises, findMany, flattenLocales, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
+    return ({ context, currentDepth, depth, draft, editorPopulationPromises, fieldPromises, findMany, flattenLocales, node, overrideAccess, populationPromises, req, showHiddenFields })=>{
         if (!props.fields?.length) {
             return;
         }
@@ -12,6 +12,7 @@ export const linkPopulationPromiseHOC = (props)=>{
                 currentDepth,
                 data: node.fields,
                 depth,
+                draft,
                 editorPopulationPromises,
                 fieldPromises,
                 fields: props.fields,