@payloadcms/richtext-lexical 3.0.0-beta.4 → 3.0.0-beta.40

package/dist/field/features/format/subscript/feature.client.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" resolution-mode="require"/>
-export declare const SubscriptFeatureClientComponent: import("react").FC<undefined>;
+export declare const SubscriptFeatureClientComponent: import("react").FC<{
+    featureKey: string;
+    order: number;
+}>;
 //# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/format/subscript/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"names":[],"mappings":";AA0CA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,+BAA+B;;;EAAgD,CAAA"}

package/dist/field/features/format/subscript/feature.client.js

@@ -1,34 +1,37 @@
 'use client';
-import lexicalImport from 'lexical';
-const { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport;
+import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { SectionWithEntries } from '../common/floatingSelectToolbarSection.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: SubscriptIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('subscript');
+                }
+                return false;
+            },
+            key: 'subscript',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
+            },
+            order: 5
+        }
+    ])
+];
 const SubscriptFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
-                floatingSelectToolbar: {
-                    sections: [
-                        SectionWithEntries([
-                            {
-                                ChildComponent: SubscriptIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('subscript');
-                                    }
-                                    return false;
-                                },
-                                key: 'subscript',
-                                onClick: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
-                                },
-                                order: 5
-                            }
-                        ])
-                    ]
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
+                toolbarInline: {
+                    groups: toolbarGroups
                 }
             };
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/subscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport lexicalImport from 'lexical'\nconst { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { SectionWithEntries } from '../common/floatingSelectToolbarSection.js'\n\nconst SubscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        floatingSelectToolbar: {\n          sections: [\n            SectionWithEntries([\n              {\n                ChildComponent: SubscriptIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('subscript')\n                  }\n                  return false\n                },\n                key: 'subscript',\n                onClick: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript')\n                },\n                order: 5,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const SubscriptFeatureClientComponent = createClientComponent(SubscriptFeatureClient)\n"],"names":["lexicalImport","$isRangeSelection","FORMAT_TEXT_COMMAND","SubscriptIcon","createClientComponent","SectionWithEntries","SubscriptFeatureClient","props","clientFeatureProps","feature","floatingSelectToolbar","sections","ChildComponent","isActive","selection","hasFormat","key","onClick","editor","dispatchCommand","order","SubscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,iBAAiB,EAAEC,mBAAmB,EAAE,GAAGF;AAInD,SAASG,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,kBAAkB,QAAQ,4CAA2C;AAE9E,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,uBAAuB;oBACrBC,UAAU;wBACRN,mBAAmB;4BACjB;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,SAAS,CAAC,EAAEC,MAAM,EAAE;oCAClBA,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/subscript/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 { SubscriptIcon } from '../../../lexical/ui/icons/Subscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: SubscriptIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('subscript')\n        }\n        return false\n      },\n      key: 'subscript',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript')\n      },\n      order: 5,\n    },\n  ]),\n]\n\nconst SubscriptFeatureClient: 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 SubscriptFeatureClientComponent = createClientComponent(SubscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SubscriptIcon","createClientComponent","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SubscriptFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","SubscriptFeatureClientComponent"],"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/format/superscript/feature.client.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" resolution-mode="require"/>
-export declare const SuperscriptFeatureClientComponent: import("react").FC<undefined>;
+export declare const SuperscriptFeatureClientComponent: import("react").FC<{
+    featureKey: string;
+    order: number;
+}>;
 //# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/format/superscript/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"names":[],"mappings":";AA0CA,eAAO,MAAM,iCAAiC,+BAAkD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,iCAAiC;;;EAAkD,CAAA"}

package/dist/field/features/format/superscript/feature.client.js

@@ -1,34 +1,37 @@
 'use client';
-import lexicalImport from 'lexical';
-const { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport;
+import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { SectionWithEntries } from '../common/floatingSelectToolbarSection.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: SuperscriptIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('superscript');
+                }
+                return false;
+            },
+            key: 'superscript',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
+            },
+            order: 6
+        }
+    ])
+];
 const SuperscriptFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
-                floatingSelectToolbar: {
-                    sections: [
-                        SectionWithEntries([
-                            {
-                                ChildComponent: SuperscriptIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('superscript');
-                                    }
-                                    return false;
-                                },
-                                key: 'superscript',
-                                onClick: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
-                                },
-                                order: 6
-                            }
-                        ])
-                    ]
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
+                toolbarInline: {
+                    groups: toolbarGroups
                 }
             };
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/features/format/superscript/feature.client.tsx"],"sourcesContent":["'use client'\n\nimport lexicalImport from 'lexical'\nconst { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { SectionWithEntries } from '../common/floatingSelectToolbarSection.js'\n\nconst SuperscriptFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        floatingSelectToolbar: {\n          sections: [\n            SectionWithEntries([\n              {\n                ChildComponent: SuperscriptIcon,\n                isActive: ({ selection }) => {\n                  if ($isRangeSelection(selection)) {\n                    return selection.hasFormat('superscript')\n                  }\n                  return false\n                },\n                key: 'superscript',\n                onClick: ({ editor }) => {\n                  editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript')\n                },\n                order: 6,\n              },\n            ]),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const SuperscriptFeatureClientComponent = createClientComponent(SuperscriptFeatureClient)\n"],"names":["lexicalImport","$isRangeSelection","FORMAT_TEXT_COMMAND","SuperscriptIcon","createClientComponent","SectionWithEntries","SuperscriptFeatureClient","props","clientFeatureProps","feature","floatingSelectToolbar","sections","ChildComponent","isActive","selection","hasFormat","key","onClick","editor","dispatchCommand","order","SuperscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,iBAAiB,EAAEC,mBAAmB,EAAE,GAAGF;AAInD,SAASG,eAAe,QAAQ,iDAAgD;AAChF,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,kBAAkB,QAAQ,4CAA2C;AAE9E,MAAMC,2BAAqE,CAACC;IAC1E,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,uBAAuB;oBACrBC,UAAU;wBACRN,mBAAmB;4BACjB;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,SAAS,CAAC,EAAEC,MAAM,EAAE;oCAClBA,OAAOC,eAAe,CAACjB,qBAAqB;gCAC9C;gCACAkB,OAAO;4BACT;yBACD;qBACF;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMC,oCAAoCjB,sBAAsBE,0BAAyB"}
+{"version":3,"sources":["../../../../../src/field/features/format/superscript/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 { SuperscriptIcon } from '../../../lexical/ui/icons/Superscript/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarFormatGroupWithItems([\n    {\n      ChildComponent: SuperscriptIcon,\n      isActive: ({ selection }) => {\n        if ($isRangeSelection(selection)) {\n          return selection.hasFormat('superscript')\n        }\n        return false\n      },\n      key: 'superscript',\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript')\n      },\n      order: 6,\n    },\n  ]),\n]\n\nconst SuperscriptFeatureClient: 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 SuperscriptFeatureClientComponent = createClientComponent(SuperscriptFeatureClient)\n"],"names":["$isRangeSelection","FORMAT_TEXT_COMMAND","SuperscriptIcon","createClientComponent","toolbarFormatGroupWithItems","toolbarGroups","ChildComponent","isActive","selection","hasFormat","key","onSelect","editor","dispatchCommand","order","SuperscriptFeatureClient","props","clientFeatureProps","feature","toolbarFixed","groups","toolbarInline","SuperscriptFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,iBAAiB,EAAEC,mBAAmB,QAAQ,UAAS;AAKhE,SAASC,eAAe,QAAQ,iDAAgD;AAChF,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,2BAAqE,CAACC;IAC1E,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,oCAAoCnB,sBAAsBY,0BAAyB"}

package/dist/field/features/format/underline/feature.client.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" resolution-mode="require"/>
-export declare const UnderlineFeatureClientComponent: import("react").FC<undefined>;
+export declare const UnderlineFeatureClientComponent: import("react").FC<{
+    featureKey: string;
+    order: number;
+}>;
 //# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/format/underline/feature.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"names":[],"mappings":";AA0CA,eAAO,MAAM,+BAA+B,+BAAgD,CAAA"}
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/format/underline/feature.client.tsx"],"names":[],"mappings":";AA+CA,eAAO,MAAM,+BAA+B;;;EAAgD,CAAA"}

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

@@ -1,34 +1,37 @@
 'use client';
-import lexicalImport from 'lexical';
-const { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport;
+import { $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';
 import { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js';
 import { createClientComponent } from '../../createClientComponent.js';
-import { SectionWithEntries } from '../common/floatingSelectToolbarSection.js';
+import { toolbarFormatGroupWithItems } from '../shared/toolbarFormatGroup.js';
+const toolbarGroups = [
+    toolbarFormatGroupWithItems([
+        {
+            ChildComponent: UnderlineIcon,
+            isActive: ({ selection })=>{
+                if ($isRangeSelection(selection)) {
+                    return selection.hasFormat('underline');
+                }
+                return false;
+            },
+            key: 'underline',
+            onSelect: ({ editor })=>{
+                editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
+            },
+            order: 3
+        }
+    ])
+];
 const UnderlineFeatureClient = (props)=>{
     return {
         clientFeatureProps: props,
         feature: ()=>{
             return {
                 clientFeatureProps: props,
-                floatingSelectToolbar: {
-                    sections: [
-                        SectionWithEntries([
-                            {
-                                ChildComponent: UnderlineIcon,
-                                isActive: ({ selection })=>{
-                                    if ($isRangeSelection(selection)) {
-                                        return selection.hasFormat('underline');
-                                    }
-                                    return false;
-                                },
-                                key: 'underline',
-                                onClick: ({ editor })=>{
-                                    editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
-                                },
-                                order: 3
-                            }
-                        ])
-                    ]
+                toolbarFixed: {
+                    groups: toolbarGroups
+                },
+                toolbarInline: {
+                    groups: toolbarGroups
                 }
             };
         }

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 lexicalImport from 'lexical'\nconst { $isRangeSelection, FORMAT_TEXT_COMMAND } = lexicalImport\n\nimport type { FeatureProviderProviderClient } from '../../types.js'\n\nimport { UnderlineIcon } from '../../../lexical/ui/icons/Underline/index.js'\nimport { createClientComponent } from '../../createClientComponent.js'\nimport { SectionWithEntries } from '../common/floatingSelectToolbarSection.js'\n\nconst UnderlineFeatureClient: FeatureProviderProviderClient<undefined> = (props) => {\n  return {\n    clientFeatureProps: props,\n    feature: () => {\n      return {\n        clientFeatureProps: props,\n        floatingSelectToolbar: {\n          sections: [\n            SectionWithEntries([\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                onClick: ({ 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":["lexicalImport","$isRangeSelection","FORMAT_TEXT_COMMAND","UnderlineIcon","createClientComponent","SectionWithEntries","UnderlineFeatureClient","props","clientFeatureProps","feature","floatingSelectToolbar","sections","ChildComponent","isActive","selection","hasFormat","key","onClick","editor","dispatchCommand","order","UnderlineFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,mBAAmB,UAAS;AACnC,MAAM,EAAEC,iBAAiB,EAAEC,mBAAmB,EAAE,GAAGF;AAInD,SAASG,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,qBAAqB,QAAQ,iCAAgC;AACtE,SAASC,kBAAkB,QAAQ,4CAA2C;AAE9E,MAAMC,yBAAmE,CAACC;IACxE,OAAO;QACLC,oBAAoBD;QACpBE,SAAS;YACP,OAAO;gBACLD,oBAAoBD;gBACpBG,uBAAuB;oBACrBC,UAAU;wBACRN,mBAAmB;4BACjB;gCACEO,gBAAgBT;gCAChBU,UAAU,CAAC,EAAEC,SAAS,EAAE;oCACtB,IAAIb,kBAAkBa,YAAY;wCAChC,OAAOA,UAAUC,SAAS,CAAC;oCAC7B;oCACA,OAAO;gCACT;gCACAC,KAAK;gCACLC,SAAS,CAAC,EAAEC,MAAM,EAAE;oCAClBA,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

@@ -1,4 +1,7 @@
 /// <reference types="react" resolution-mode="require"/>
 import type { HeadingFeatureProps } from './feature.server.js';
-export declare const HeadingFeatureClientComponent: import("react").FC<import("../types.js").ClientComponentProps<HeadingFeatureProps>>;
+export declare const HeadingFeatureClientComponent: import("react").FC<{
+    featureKey: string;
+    order: number;
+} & HeadingFeatureProps>;
 //# sourceMappingURL=feature.client.d.ts.map

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":";AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAkF9D,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;AA+G9D,eAAO,MAAM,6BAA6B;;;wBAA8C,CAAA"}

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

@@ -1,21 +1,19 @@
 'use client';
-import lexicalRichTextImport from '@lexical/rich-text';
-const { $createHeadingNode, HeadingNode } = lexicalRichTextImport;
-import lexicalSelectionImport from '@lexical/selection';
-const { $setBlocksType } = lexicalSelectionImport;
-import lexicalImport from 'lexical';
-const { $getSelection } = lexicalImport;
-import { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js';
+import { $isHeadingNode } from '@lexical/rich-text';
+import { $createHeadingNode, HeadingNode } from '@lexical/rich-text';
+import { $setBlocksType } from '@lexical/selection';
+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';
 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 { TextDropdownSectionWithEntries } from '../common/floatingSelectToolbarTextDropdownSection/index.js';
 import { createClientComponent } from '../createClientComponent.js';
+import { slashMenuBasicGroupWithItems } from '../shared/slashMenu/basicGroup.js';
+import { toolbarTextDropdownGroupWithItems } from '../shared/toolbar/textDropdownGroup.js';
 import { MarkdownTransformer } from './markdownTransformer.js';
-const setHeading = (headingSize)=>{
+const $setHeading = (headingSize)=>{
     const selection = $getSelection();
     $setBlocksType(selection, ()=>$createHeadingNode(headingSize));
 };
@@ -28,37 +26,54 @@ 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: ({ i18n })=>{
+                            return i18n.t('lexical:heading:label', {
+                                headingLevel: headingSize.charAt(1)
+                            });
+                        },
+                        onSelect: ({ editor })=>{
+                            editor.update(()=>{
+                                $setHeading(headingSize);
+                            });
+                        },
+                        order: i + 2
+                    };
+                }))
+            ];
             return {
                 clientFeatureProps: props,
-                floatingSelectToolbar: {
-                    sections: [
-                        ...enabledHeadingSizes.map((headingSize, i)=>TextDropdownSectionWithEntries([
-                                {
-                                    ChildComponent: iconImports[headingSize],
-                                    isActive: ()=>false,
-                                    key: headingSize,
-                                    label: `Heading ${headingSize.charAt(1)}`,
-                                    onClick: ({ editor })=>{
-                                        editor.update(()=>{
-                                            setHeading(headingSize);
-                                        });
-                                    },
-                                    order: i + 2
-                                }
-                            ]))
-                    ]
-                },
                 markdownTransformers: [
                     MarkdownTransformer(enabledHeadingSizes)
                 ],
@@ -66,27 +81,34 @@ const HeadingFeatureClient = (props)=>{
                     HeadingNode
                 ],
                 slashMenu: {
-                    options: [
-                        ...enabledHeadingSizes.map((headingSize)=>{
+                    groups: enabledHeadingSizes?.length ? [
+                        slashMenuBasicGroupWithItems(enabledHeadingSizes.map((headingSize)=>{
                             return {
-                                displayName: 'Basic',
-                                key: 'basic',
-                                options: [
-                                    new SlashMenuOption(`heading-${headingSize.charAt(1)}`, {
-                                        Icon: iconImports[headingSize],
-                                        displayName: `Heading ${headingSize.charAt(1)}`,
-                                        keywords: [
-                                            'heading',
-                                            headingSize
-                                        ],
-                                        onSelect: ()=>{
-                                            setHeading(headingSize);
-                                        }
-                                    })
-                                ]
+                                Icon: iconImports[headingSize],
+                                key: `heading-${headingSize.charAt(1)}`,
+                                keywords: [
+                                    'heading',
+                                    headingSize
+                                ],
+                                label: ({ i18n })=>{
+                                    return i18n.t('lexical:heading:label', {
+                                        headingLevel: headingSize.charAt(1)
+                                    });
+                                },
+                                onSelect: ({ editor })=>{
+                                    editor.update(()=>{
+                                        $setHeading(headingSize);
+                                    });
+                                }
                             };
-                        })
-                    ]
+                        }))
+                    ] : []
+                },
+                toolbarFixed: {
+                    groups: enabledHeadingSizes?.length ? toolbarGroups : []
+                },
+                toolbarInline: {
+                    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 lexicalRichTextImport from '@lexical/rich-text'\nconst { $createHeadingNode, HeadingNode } = lexicalRichTextImport\n\nimport lexicalSelectionImport from '@lexical/selection'\nconst { $setBlocksType } = lexicalSelectionImport\n\nimport lexicalImport from 'lexical'\nconst { $getSelection } = lexicalImport\n\nimport type { FeatureProviderProviderClient } from '../types.js'\nimport type { HeadingFeatureProps } from './feature.server.js'\n\nimport { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\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 { TextDropdownSectionWithEntries } from '../common/floatingSelectToolbarTextDropdownSection/index.js'\nimport { createClientComponent } from '../createClientComponent.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        floatingSelectToolbar: {\n          sections: [\n            ...enabledHeadingSizes.map((headingSize, i) =>\n              TextDropdownSectionWithEntries([\n                {\n                  ChildComponent: iconImports[headingSize],\n                  isActive: () => false,\n                  key: headingSize,\n                  label: `Heading ${headingSize.charAt(1)}`,\n                  onClick: ({ editor }) => {\n                    editor.update(() => {\n                      setHeading(headingSize)\n                    })\n                  },\n                  order: i + 2,\n                },\n              ]),\n            ),\n          ],\n        },\n        markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n        nodes: [HeadingNode],\n        slashMenu: {\n          options: [\n            ...enabledHeadingSizes.map((headingSize) => {\n              return {\n                displayName: 'Basic',\n                key: 'basic',\n                options: [\n                  new SlashMenuOption(`heading-${headingSize.charAt(1)}`, {\n                    Icon: iconImports[headingSize],\n                    displayName: `Heading ${headingSize.charAt(1)}`,\n                    keywords: ['heading', headingSize],\n                    onSelect: () => {\n                      setHeading(headingSize)\n                    },\n                  }),\n                ],\n              }\n            }),\n          ],\n        },\n      }\n    },\n  }\n}\n\nexport const HeadingFeatureClientComponent = createClientComponent(HeadingFeatureClient)\n"],"names":["lexicalRichTextImport","$createHeadingNode","HeadingNode","lexicalSelectionImport","$setBlocksType","lexicalImport","$getSelection","SlashMenuOption","H1Icon","H2Icon","H3Icon","H4Icon","H5Icon","H6Icon","TextDropdownSectionWithEntries","createClientComponent","MarkdownTransformer","setHeading","headingSize","selection","iconImports","h1","h2","h3","h4","h5","h6","HeadingFeatureClient","props","enabledHeadingSizes","clientFeatureProps","feature","floatingSelectToolbar","sections","map","i","ChildComponent","isActive","key","label","charAt","onClick","editor","update","order","markdownTransformers","nodes","slashMenu","options","displayName","Icon","keywords","onSelect","HeadingFeatureClientComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,OAAOA,2BAA2B,qBAAoB;AACtD,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,EAAE,GAAGF;AAE5C,OAAOG,4BAA4B,qBAAoB;AACvD,MAAM,EAAEC,cAAc,EAAE,GAAGD;AAE3B,OAAOE,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAK1B,SAASE,eAAe,QAAQ,sEAAqE;AACrG,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,8BAA8B,QAAQ,8DAA6D;AAC5G,SAASC,qBAAqB,QAAQ,8BAA6B;AACnE,SAASC,mBAAmB,QAAQ,2BAA0B;AAE9D,MAAMC,aAAa,CAACC;IAClB,MAAMC,YAAYb;IAClBF,eAAee,WAAW,IAAMlB,mBAAmBiB;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,uBAAuB;oBACrBC,UAAU;2BACLJ,oBAAoBK,GAAG,CAAC,CAAChB,aAAaiB,IACvCrB,+BAA+B;gCAC7B;oCACEsB,gBAAgBhB,WAAW,CAACF,YAAY;oCACxCmB,UAAU,IAAM;oCAChBC,KAAKpB;oCACLqB,OAAO,CAAC,QAAQ,EAAErB,YAAYsB,MAAM,CAAC,GAAG,CAAC;oCACzCC,SAAS,CAAC,EAAEC,MAAM,EAAE;wCAClBA,OAAOC,MAAM,CAAC;4CACZ1B,WAAWC;wCACb;oCACF;oCACA0B,OAAOT,IAAI;gCACb;6BACD;qBAEJ;gBACH;gBACAU,sBAAsB;oBAAC7B,oBAAoBa;iBAAqB;gBAChEiB,OAAO;oBAAC5C;iBAAY;gBACpB6C,WAAW;oBACTC,SAAS;2BACJnB,oBAAoBK,GAAG,CAAC,CAAChB;4BAC1B,OAAO;gCACL+B,aAAa;gCACbX,KAAK;gCACLU,SAAS;oCACP,IAAIzC,gBAAgB,CAAC,QAAQ,EAAEW,YAAYsB,MAAM,CAAC,GAAG,CAAC,EAAE;wCACtDU,MAAM9B,WAAW,CAACF,YAAY;wCAC9B+B,aAAa,CAAC,QAAQ,EAAE/B,YAAYsB,MAAM,CAAC,GAAG,CAAC;wCAC/CW,UAAU;4CAAC;4CAAWjC;yCAAY;wCAClCkC,UAAU;4CACRnC,WAAWC;wCACb;oCACF;iCACD;4BACH;wBACF;qBACD;gBACH;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAMmC,gCAAgCtC,sBAAsBY,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 { slashMenuBasicGroupWithItems } from '../shared/slashMenu/basicGroup.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: ({ i18n }) => {\n                return i18n.t('lexical:heading:label', { headingLevel: headingSize.charAt(1) })\n              },\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                slashMenuBasicGroupWithItems(\n                  enabledHeadingSizes.map((headingSize) => {\n                    return {\n                      Icon: iconImports[headingSize],\n                      key: `heading-${headingSize.charAt(1)}`,\n                      keywords: ['heading', headingSize],\n                      label: ({ i18n }) => {\n                        return i18n.t('lexical:heading:label', {\n                          headingLevel: headingSize.charAt(1),\n                        })\n                      },\n                      onSelect: ({ editor }) => {\n                        editor.update(() => {\n                          $setHeading(headingSize)\n                        })\n                      },\n                    }\n                  }),\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","slashMenuBasicGroupWithItems","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","i18n","t","headingLevel","charAt","onSelect","editor","update","order","markdownTransformers","nodes","slashMenu","groups","length","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,4BAA4B,QAAQ,oCAAmC;AAChF,SAASC,iCAAiC,QAAQ,yCAAwC;AAC1F,SAASC,mBAAmB,QAAQ,2BAA0B;AAE9D,MAAMC,cAAc,CAACC;IACnB,MAAMC,YAAYd;IAClBD,eAAee,WAAW,IAAMjB,mBAAmBgB;AACrD;AAEA,MAAME,cAAc;IAClBC,IAAId;IACJe,IAAId;IACJe,IAAId;IACJe,IAAId;IACJe,IAAId;IACJe,IAAId;AACN;AAEA,MAAMe,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,CAACb,kBAAkBa,YAAY;gCACjC,OAAO;4BACT;4BACA,KAAK,MAAMkB,QAAQlB,UAAUmB,QAAQ,GAAI;gCACvC,IAAIrC,eAAeoC,SAASA,KAAKE,MAAM,OAAOrB,aAAa;oCACzD;gCACF;gCAEA,MAAMsB,SAASH,KAAKI,SAAS;gCAC7B,IAAIxC,eAAeuC,WAAWA,OAAOD,MAAM,OAAOrB,aAAa;oCAC7D;gCACF;gCAEA,OAAO;4BACT;4BACA,OAAO;wBACT;wBACAwB,KAAKxB;wBACLyB,OAAO,CAAC,EAAEC,IAAI,EAAE;4BACd,OAAOA,KAAKC,CAAC,CAAC,yBAAyB;gCAAEC,cAAc5B,YAAY6B,MAAM,CAAC;4BAAG;wBAC/E;wBACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;4BACnBA,OAAOC,MAAM,CAAC;gCACZjC,YAAYC;4BACd;wBACF;wBACAiC,OAAOjB,IAAI;oBACb;gBACF;aAEH;YAED,OAAO;gBACLL,oBAAoBD;gBACpBwB,sBAAsB;oBAACpC,oBAAoBe;iBAAqB;gBAChEsB,OAAO;oBAAClD;iBAAY;gBACpBmD,WAAW;oBACTC,QAAQxB,qBAAqByB,SACzB;wBACE1C,6BACEiB,oBAAoBE,GAAG,CAAC,CAACf;4BACvB,OAAO;gCACLuC,MAAMrC,WAAW,CAACF,YAAY;gCAC9BwB,KAAK,CAAC,QAAQ,EAAExB,YAAY6B,MAAM,CAAC,GAAG,CAAC;gCACvCW,UAAU;oCAAC;oCAAWxC;iCAAY;gCAClCyB,OAAO,CAAC,EAAEC,IAAI,EAAE;oCACd,OAAOA,KAAKC,CAAC,CAAC,yBAAyB;wCACrCC,cAAc5B,YAAY6B,MAAM,CAAC;oCACnC;gCACF;gCACAC,UAAU,CAAC,EAAEC,MAAM,EAAE;oCACnBA,OAAOC,MAAM,CAAC;wCACZjC,YAAYC;oCACd;gCACF;4BACF;wBACF;qBAEH,GACD,EAAE;gBACR;gBACAyC,cAAc;oBACZJ,QAAQxB,qBAAqByB,SAASxB,gBAAgB,EAAE;gBAC1D;gBACA4B,eAAe;oBACbL,QAAQxB,qBAAqByB,SAASxB,gBAAgB,EAAE;gBAC1D;YACF;QACF;IACF;AACF;AAEA,OAAO,MAAM6B,gCAAgChD,sBAAsBc,sBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/heading/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,oBAAoB,CAAA;AAM/E,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAMhE,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB,CAAC,EAAE,cAAc,EAAE,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,6BAA6B,CACxD,mBAAmB,EACnB,mBAAmB,CA2CpB,CAAA"}
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/heading/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAIxD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAQhE,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB,CAAC,EAAE,cAAc,EAAE,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,6BAA6B,CACxD,mBAAmB,EACnB,mBAAmB,CA4CpB,CAAA"}

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

@@ -1,7 +1,8 @@
-import lexicalRichTextImport from '@lexical/rich-text';
-const { HeadingNode } = lexicalRichTextImport;
+import { HeadingNode } from '@lexical/rich-text';
 import { convertLexicalNodesToHTML } from '../converters/html/converter/index.js';
+import { createNode } from '../typeUtilities.js';
 import { HeadingFeatureClientComponent } from './feature.client.js';
+import { i18n } from './i18n.js';
 import { MarkdownTransformer } from './markdownTransformer.js';
 export const HeadingFeature = (props)=>{
     if (!props) {
@@ -19,12 +20,13 @@ export const HeadingFeature = (props)=>{
         feature: ()=>{
             return {
                 ClientComponent: HeadingFeatureClientComponent,
+                clientFeatureProps: props,
+                i18n,
                 markdownTransformers: [
                     MarkdownTransformer(enabledHeadingSizes)
                 ],
                 nodes: [
-                    {
-                        type: HeadingNode.getType(),
+                    createNode({
                         converters: {
                             html: {
                                 converter: async ({ converters, node, parent, payload })=>{
@@ -45,7 +47,7 @@ export const HeadingFeature = (props)=>{
                             }
                         },
                         node: HeadingNode
-                    }
+                    })
                 ],
                 serverFeatureProps: props
             };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/features/heading/feature.server.ts"],"sourcesContent":["import type { HeadingTagType, SerializedHeadingNode } from '@lexical/rich-text'\n\nimport lexicalRichTextImport from '@lexical/rich-text'\nconst { HeadingNode } = lexicalRichTextImport\n\nimport type { HTMLConverter } from '../converters/html/converter/types.js'\nimport type { FeatureProviderProviderServer } from '../types.js'\n\nimport { convertLexicalNodesToHTML } from '../converters/html/converter/index.js'\nimport { HeadingFeatureClientComponent } from './feature.client.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nexport type HeadingFeatureProps = {\n  enabledHeadingSizes?: HeadingTagType[]\n}\n\nexport const HeadingFeature: FeatureProviderProviderServer<\n  HeadingFeatureProps,\n  HeadingFeatureProps\n> = (props) => {\n  if (!props) {\n    props = {}\n  }\n\n  const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n  return {\n    feature: () => {\n      return {\n        ClientComponent: HeadingFeatureClientComponent,\n        markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n        nodes: [\n          {\n            type: HeadingNode.getType(),\n            converters: {\n              html: {\n                converter: async ({ converters, node, parent, payload }) => {\n                  const childrenText = await convertLexicalNodesToHTML({\n                    converters,\n                    lexicalNodes: node.children,\n                    parent: {\n                      ...node,\n                      parent,\n                    },\n                    payload,\n                  })\n\n                  return '<' + node?.tag + '>' + childrenText + '</' + node?.tag + '>'\n                },\n                nodeTypes: [HeadingNode.getType()],\n              } as HTMLConverter<SerializedHeadingNode>,\n            },\n            node: HeadingNode,\n          },\n        ],\n        serverFeatureProps: props,\n      }\n    },\n    key: 'heading',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["lexicalRichTextImport","HeadingNode","convertLexicalNodesToHTML","HeadingFeatureClientComponent","MarkdownTransformer","HeadingFeature","props","enabledHeadingSizes","feature","ClientComponent","markdownTransformers","nodes","type","getType","converters","html","converter","node","parent","payload","childrenText","lexicalNodes","children","tag","nodeTypes","serverFeatureProps","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,2BAA2B,qBAAoB;AACtD,MAAM,EAAEC,WAAW,EAAE,GAAGD;AAKxB,SAASE,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,6BAA6B,QAAQ,sBAAqB;AACnE,SAASC,mBAAmB,QAAQ,2BAA0B;AAM9D,OAAO,MAAMC,iBAGT,CAACC;IACH,IAAI,CAACA,OAAO;QACVA,QAAQ,CAAC;IACX;IAEA,MAAM,EAAEC,sBAAsB;QAAC;QAAM;QAAM;QAAM;QAAM;QAAM;KAAK,EAAE,GAAGD;IAEvE,OAAO;QACLE,SAAS;YACP,OAAO;gBACLC,iBAAiBN;gBACjBO,sBAAsB;oBAACN,oBAAoBG;iBAAqB;gBAChEI,OAAO;oBACL;wBACEC,MAAMX,YAAYY,OAAO;wBACzBC,YAAY;4BACVC,MAAM;gCACJC,WAAW,OAAO,EAAEF,UAAU,EAAEG,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAE;oCACrD,MAAMC,eAAe,MAAMlB,0BAA0B;wCACnDY;wCACAO,cAAcJ,KAAKK,QAAQ;wCAC3BJ,QAAQ;4CACN,GAAGD,IAAI;4CACPC;wCACF;wCACAC;oCACF;oCAEA,OAAO,MAAMF,MAAMM,MAAM,MAAMH,eAAe,OAAOH,MAAMM,MAAM;gCACnE;gCACAC,WAAW;oCAACvB,YAAYY,OAAO;iCAAG;4BACpC;wBACF;wBACAI,MAAMhB;oBACR;iBACD;gBACDwB,oBAAoBnB;YACtB;QACF;QACAoB,KAAK;QACLD,oBAAoBnB;IACtB;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/field/features/heading/feature.server.ts"],"sourcesContent":["import type { HeadingTagType } from '@lexical/rich-text'\n\nimport { HeadingNode } from '@lexical/rich-text'\n\nimport type { FeatureProviderProviderServer } from '../types.js'\n\nimport { convertLexicalNodesToHTML } from '../converters/html/converter/index.js'\nimport { createNode } from '../typeUtilities.js'\nimport { HeadingFeatureClientComponent } from './feature.client.js'\nimport { i18n } from './i18n.js'\nimport { MarkdownTransformer } from './markdownTransformer.js'\n\nexport type HeadingFeatureProps = {\n  enabledHeadingSizes?: HeadingTagType[]\n}\n\nexport const HeadingFeature: FeatureProviderProviderServer<\n  HeadingFeatureProps,\n  HeadingFeatureProps\n> = (props) => {\n  if (!props) {\n    props = {}\n  }\n\n  const { enabledHeadingSizes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] } = props\n\n  return {\n    feature: () => {\n      return {\n        ClientComponent: HeadingFeatureClientComponent,\n        clientFeatureProps: props,\n        i18n,\n        markdownTransformers: [MarkdownTransformer(enabledHeadingSizes)],\n        nodes: [\n          createNode({\n            converters: {\n              html: {\n                converter: async ({ converters, node, parent, payload }) => {\n                  const childrenText = await convertLexicalNodesToHTML({\n                    converters,\n                    lexicalNodes: node.children,\n                    parent: {\n                      ...node,\n                      parent,\n                    },\n                    payload,\n                  })\n\n                  return '<' + node?.tag + '>' + childrenText + '</' + node?.tag + '>'\n                },\n                nodeTypes: [HeadingNode.getType()],\n              },\n            },\n            node: HeadingNode,\n          }),\n        ],\n        serverFeatureProps: props,\n      }\n    },\n    key: 'heading',\n    serverFeatureProps: props,\n  }\n}\n"],"names":["HeadingNode","convertLexicalNodesToHTML","createNode","HeadingFeatureClientComponent","i18n","MarkdownTransformer","HeadingFeature","props","enabledHeadingSizes","feature","ClientComponent","clientFeatureProps","markdownTransformers","nodes","converters","html","converter","node","parent","payload","childrenText","lexicalNodes","children","tag","nodeTypes","getType","serverFeatureProps","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,WAAW,QAAQ,qBAAoB;AAIhD,SAASC,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,UAAU,QAAQ,sBAAqB;AAChD,SAASC,6BAA6B,QAAQ,sBAAqB;AACnE,SAASC,IAAI,QAAQ,YAAW;AAChC,SAASC,mBAAmB,QAAQ,2BAA0B;AAM9D,OAAO,MAAMC,iBAGT,CAACC;IACH,IAAI,CAACA,OAAO;QACVA,QAAQ,CAAC;IACX;IAEA,MAAM,EAAEC,sBAAsB;QAAC;QAAM;QAAM;QAAM;QAAM;QAAM;KAAK,EAAE,GAAGD;IAEvE,OAAO;QACLE,SAAS;YACP,OAAO;gBACLC,iBAAiBP;gBACjBQ,oBAAoBJ;gBACpBH;gBACAQ,sBAAsB;oBAACP,oBAAoBG;iBAAqB;gBAChEK,OAAO;oBACLX,WAAW;wBACTY,YAAY;4BACVC,MAAM;gCACJC,WAAW,OAAO,EAAEF,UAAU,EAAEG,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAE;oCACrD,MAAMC,eAAe,MAAMnB,0BAA0B;wCACnDa;wCACAO,cAAcJ,KAAKK,QAAQ;wCAC3BJ,QAAQ;4CACN,GAAGD,IAAI;4CACPC;wCACF;wCACAC;oCACF;oCAEA,OAAO,MAAMF,MAAMM,MAAM,MAAMH,eAAe,OAAOH,MAAMM,MAAM;gCACnE;gCACAC,WAAW;oCAACxB,YAAYyB,OAAO;iCAAG;4BACpC;wBACF;wBACAR,MAAMjB;oBACR;iBACD;gBACD0B,oBAAoBnB;YACtB;QACF;QACAoB,KAAK;QACLD,oBAAoBnB;IACtB;AACF,EAAC"}

package/dist/field/features/heading/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { GenericLanguages } from '@payloadcms/translations';
+export declare const i18n: Partial<GenericLanguages>;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/field/features/heading/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/field/features/heading/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAiG1C,CAAA"}