@payloadcms/richtext-lexical 3.81.0-internal-debug.1a0f4d0 → 3.81.0

package/dist/features/toolbars/shared/ToolbarDropdown/index.js

@@ -1,110 +1,127 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 const baseClass = 'toolbar-popup__dropdown';
 import { useTranslation } from '@payloadcms/ui';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
-import './index.scss';
 import { DropDown, DropDownItem } from './DropDown.js';
-const ToolbarItem = ({ active, anchorElem, editor, enabled, item })=>{
-    const { i18n } = useTranslation();
-    const { fieldProps: { featureClientSchemaMap, schemaPath } } = useEditorConfigContext();
-    if (item.Component) {
-        return item?.Component && /*#__PURE__*/ _jsxDEV(item.Component, {
-            active: active,
-            anchorElem: anchorElem,
-            editor: editor,
-            enabled: enabled,
-            item: item
-        }, item.key, false, {
-            fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-            lineNumber: 38,
-            columnNumber: 9
-        }, this);
+const ToolbarItem = t0 => {
+  const $ = _c(14);
+  const {
+    active,
+    anchorElem,
+    editor,
+    enabled,
+    item
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    fieldProps: t1
+  } = useEditorConfigContext();
+  const {
+    featureClientSchemaMap,
+    schemaPath
+  } = t1;
+  if (item.Component) {
+    let t2;
+    if ($[0] !== active || $[1] !== anchorElem || $[2] !== editor || $[3] !== enabled || $[4] !== item) {
+      t2 = item?.Component && _jsx(item.Component, {
+        active,
+        anchorElem,
+        editor,
+        enabled,
+        item
+      }, item.key);
+      $[0] = active;
+      $[1] = anchorElem;
+      $[2] = editor;
+      $[3] = enabled;
+      $[4] = item;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
     }
+    return t2;
+  }
+  let t2;
+  if ($[6] !== active || $[7] !== editor || $[8] !== enabled || $[9] !== featureClientSchemaMap || $[10] !== i18n || $[11] !== item || $[12] !== schemaPath) {
     let title = item.key;
-    let croppedTitle = item.key;
+    let croppedTitle;
     if (item.label) {
-        title = typeof item.label === 'function' ? item.label({
-            featureClientSchemaMap,
-            i18n,
-            schemaPath
-        }) : item.label;
+      title = typeof item.label === "function" ? item.label({
+        featureClientSchemaMap,
+        i18n,
+        schemaPath
+      }) : item.label;
     }
     if (title.length > 25) {
-        croppedTitle = title.substring(0, 25) + '...';
+      croppedTitle = title.substring(0, 25) + "...";
     } else {
-        croppedTitle = title;
+      croppedTitle = title;
     }
-    return /*#__PURE__*/ _jsxDEV(DropDownItem, {
-        active: active,
-        editor: editor,
-        enabled: enabled,
-        Icon: item?.ChildComponent ? /*#__PURE__*/ _jsxDEV(item.ChildComponent, {}, void 0, false, {
-            fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-            lineNumber: 69,
-            columnNumber: 36
-        }, void 0) : undefined,
-        item: item,
-        itemKey: item.key,
-        tooltip: title,
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            className: "text",
-            children: croppedTitle
-        }, void 0, false, {
-            fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-            lineNumber: 75,
-            columnNumber: 7
-        }, this)
-    }, item.key, false, {
-        fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-        lineNumber: 65,
-        columnNumber: 5
-    }, this);
+    t2 = _jsx(DropDownItem, {
+      active,
+      editor,
+      enabled,
+      Icon: item?.ChildComponent ? _jsx(item.ChildComponent, {}) : undefined,
+      item,
+      itemKey: item.key,
+      tooltip: title,
+      children: _jsx("span", {
+        className: "text",
+        children: croppedTitle
+      })
+    }, item.key);
+    $[6] = active;
+    $[7] = editor;
+    $[8] = enabled;
+    $[9] = featureClientSchemaMap;
+    $[10] = i18n;
+    $[11] = item;
+    $[12] = schemaPath;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  return t2;
 };
-const MemoToolbarItem = /*#__PURE__*/ React.memo(ToolbarItem);
-export const ToolbarDropdown = ({ anchorElem, classNames, editor, group, groupState, Icon, itemsContainerClassNames, label })=>{
-    const { items, key: groupKey } = group;
-    const renderedItems = useMemo(()=>{
-        return items?.length ? items.map((item)=>/*#__PURE__*/ _jsxDEV(MemoToolbarItem, {
-                active: groupState.activeItemKeys.includes(item.key),
-                anchorElem: anchorElem,
-                editor: editor,
-                enabled: groupState.enabledItemKeys.includes(item.key),
-                item: item
-            }, item.key, false, {
-                fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-                lineNumber: 106,
-                columnNumber: 11
-            }, this)) : null;
-    }, [
-        items,
-        groupState.activeItemKeys,
-        groupState.enabledItemKeys,
-        anchorElem,
-        editor
-    ]);
-    return /*#__PURE__*/ _jsxDEV(DropDown, {
-        buttonAriaLabel: `${groupKey} dropdown`,
-        buttonClassName: [
-            baseClass,
-            `${baseClass}-${groupKey}`,
-            ...classNames || []
-        ].filter(Boolean).join(' '),
-        disabled: !groupState.enabledGroup,
-        dropdownKey: groupKey,
-        Icon: Icon,
-        itemsContainerClassNames: [
-            `${baseClass}-items`,
-            ...itemsContainerClassNames || []
-        ],
-        label: label,
-        children: renderedItems
-    }, groupKey, false, {
-        fileName: "src/features/toolbars/shared/ToolbarDropdown/index.tsx",
-        lineNumber: 119,
-        columnNumber: 5
-    }, this);
+const MemoToolbarItem = /*#__PURE__*/React.memo(ToolbarItem);
+export const ToolbarDropdown = ({
+  anchorElem,
+  classNames,
+  editor,
+  group,
+  groupState,
+  Icon,
+  itemsContainerClassNames,
+  label
+}) => {
+  const {
+    items,
+    key: groupKey
+  } = group;
+  const renderedItems = useMemo(() => {
+    return items?.length ? items.map(item => /*#__PURE__*/_jsx(MemoToolbarItem, {
+      active: groupState.activeItemKeys.includes(item.key),
+      anchorElem: anchorElem,
+      editor: editor,
+      enabled: groupState.enabledItemKeys.includes(item.key),
+      item: item
+    }, item.key)) : null;
+  }, [items, groupState.activeItemKeys, groupState.enabledItemKeys, anchorElem, editor]);
+  return /*#__PURE__*/_jsx(DropDown, {
+    buttonAriaLabel: `${groupKey} dropdown`,
+    buttonClassName: [baseClass, `${baseClass}-${groupKey}`, ...(classNames || [])].filter(Boolean).join(' '),
+    disabled: !groupState.enabledGroup,
+    dropdownKey: groupKey,
+    Icon: Icon,
+    itemsContainerClassNames: [`${baseClass}-items`, ...(itemsContainerClassNames || [])],
+    label: label,
+    children: renderedItems
+  }, groupKey);
 };
-
 //# sourceMappingURL=index.js.map

package/dist/features/toolbars/shared/ToolbarDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/toolbars/shared/ToolbarDropdown/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo } from 'react'\n\nconst baseClass = 'toolbar-popup__dropdown'\n\nimport type { LexicalEditor } from 'lexical'\n\nimport { useTranslation } from '@payloadcms/ui'\n\nimport type { ToolbarDropdownGroup, ToolbarGroupItem } from '../../types.js'\nimport type { ToolbarGroupState } from '../useToolbarStates.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { DropDown, DropDownItem } from './DropDown.js'\n\nconst ToolbarItem = ({\n  active,\n  anchorElem,\n  editor,\n  enabled,\n  item,\n}: {\n  active?: boolean\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  enabled?: boolean\n  item: ToolbarGroupItem\n}) => {\n  const { i18n } = useTranslation<{}, string>()\n  const {\n    fieldProps: { featureClientSchemaMap, schemaPath },\n  } = useEditorConfigContext()\n\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component\n          active={active}\n          anchorElem={anchorElem}\n          editor={editor}\n          enabled={enabled}\n          item={item}\n          key={item.key}\n        />\n      )\n    )\n  }\n\n  let title = item.key\n  let croppedTitle = item.key\n  if (item.label) {\n    title =\n      typeof item.label === 'function'\n        ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n        : item.label\n  }\n  if (title.length > 25) {\n    croppedTitle = title.substring(0, 25) + '...'\n  } else {\n    croppedTitle = title\n  }\n\n  return (\n    <DropDownItem\n      active={active}\n      editor={editor}\n      enabled={enabled}\n      Icon={item?.ChildComponent ? <item.ChildComponent /> : undefined}\n      item={item}\n      itemKey={item.key}\n      key={item.key}\n      tooltip={title}\n    >\n      <span className=\"text\">{croppedTitle}</span>\n    </DropDownItem>\n  )\n}\n\nconst MemoToolbarItem = React.memo(ToolbarItem)\n\nexport const ToolbarDropdown = ({\n  anchorElem,\n  classNames,\n  editor,\n  group,\n  groupState,\n  Icon,\n  itemsContainerClassNames,\n  label,\n}: {\n  anchorElem: HTMLElement\n  classNames?: string[]\n  editor: LexicalEditor\n  group: ToolbarDropdownGroup\n  groupState: ToolbarGroupState\n  Icon?: React.FC\n  itemsContainerClassNames?: string[]\n  label?: string\n}) => {\n  const { items, key: groupKey } = group\n\n  const renderedItems = useMemo(() => {\n    return items?.length\n      ? items.map((item) => (\n          <MemoToolbarItem\n            active={groupState.activeItemKeys.includes(item.key)}\n            anchorElem={anchorElem}\n            editor={editor}\n            enabled={groupState.enabledItemKeys.includes(item.key)}\n            item={item}\n            key={item.key}\n          />\n        ))\n      : null\n  }, [items, groupState.activeItemKeys, groupState.enabledItemKeys, anchorElem, editor])\n\n  return (\n    <DropDown\n      buttonAriaLabel={`${groupKey} dropdown`}\n      buttonClassName={[baseClass, `${baseClass}-${groupKey}`, ...(classNames || [])]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={!groupState.enabledGroup}\n      dropdownKey={groupKey}\n      Icon={Icon}\n      itemsContainerClassNames={[`${baseClass}-items`, ...(itemsContainerClassNames || [])]}\n      key={groupKey}\n      label={label}\n    >\n      {renderedItems}\n    </DropDown>\n  )\n}\n"],"names":["React","useMemo","baseClass","useTranslation","useEditorConfigContext","DropDown","DropDownItem","ToolbarItem","active","anchorElem","editor","enabled","item","i18n","fieldProps","featureClientSchemaMap","schemaPath","Component","key","title","croppedTitle","label","length","substring","Icon","ChildComponent","undefined","itemKey","tooltip","span","className","MemoToolbarItem","memo","ToolbarDropdown","classNames","group","groupState","itemsContainerClassNames","items","groupKey","renderedItems","map","activeItemKeys","includes","enabledItemKeys","buttonAriaLabel","buttonClassName","filter","Boolean","join","disabled","enabledGroup","dropdownKey"],"mappings":"AAAA;;AACA,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,MAAMC,YAAY;AAIlB,SAASC,cAAc,QAAQ,iBAAgB;AAK/C,SAASC,sBAAsB,QAAQ,4DAA2D;AAClG,OAAO,eAAc;AACrB,SAASC,QAAQ,EAAEC,YAAY,QAAQ,gBAAe;AAEtD,MAAMC,cAAc,CAAC,EACnBC,MAAM,EACNC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EAOL;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGV;IACjB,MAAM,EACJW,YAAY,EAAEC,sBAAsB,EAAEC,UAAU,EAAE,EACnD,GAAGZ;IAEJ,IAAIQ,KAAKK,SAAS,EAAE;QAClB,OACEL,MAAMK,2BACJ,QAACL,KAAKK,SAAS;YACbT,QAAQA;YACRC,YAAYA;YACZC,QAAQA;YACRC,SAASA;YACTC,MAAMA;WACDA,KAAKM,GAAG;;;;;IAIrB;IAEA,IAAIC,QAAQP,KAAKM,GAAG;IACpB,IAAIE,eAAeR,KAAKM,GAAG;IAC3B,IAAIN,KAAKS,KAAK,EAAE;QACdF,QACE,OAAOP,KAAKS,KAAK,KAAK,aAClBT,KAAKS,KAAK,CAAC;YAAEN;YAAwBF;YAAMG;QAAW,KACtDJ,KAAKS,KAAK;IAClB;IACA,IAAIF,MAAMG,MAAM,GAAG,IAAI;QACrBF,eAAeD,MAAMI,SAAS,CAAC,GAAG,MAAM;IAC1C,OAAO;QACLH,eAAeD;IACjB;IAEA,qBACE,QAACb;QACCE,QAAQA;QACRE,QAAQA;QACRC,SAASA;QACTa,MAAMZ,MAAMa,+BAAiB,QAACb,KAAKa,cAAc;;;;qBAAMC;QACvDd,MAAMA;QACNe,SAASf,KAAKM,GAAG;QAEjBU,SAAST;kBAET,cAAA,QAACU;YAAKC,WAAU;sBAAQV;;;;;;OAHnBR,KAAKM,GAAG;;;;;AAMnB;AAEA,MAAMa,gCAAkB/B,MAAMgC,IAAI,CAACzB;AAEnC,OAAO,MAAM0B,kBAAkB,CAAC,EAC9BxB,UAAU,EACVyB,UAAU,EACVxB,MAAM,EACNyB,KAAK,EACLC,UAAU,EACVZ,IAAI,EACJa,wBAAwB,EACxBhB,KAAK,EAUN;IACC,MAAM,EAAEiB,KAAK,EAAEpB,KAAKqB,QAAQ,EAAE,GAAGJ;IAEjC,MAAMK,gBAAgBvC,QAAQ;QAC5B,OAAOqC,OAAOhB,SACVgB,MAAMG,GAAG,CAAC,CAAC7B,qBACT,QAACmB;gBACCvB,QAAQ4B,WAAWM,cAAc,CAACC,QAAQ,CAAC/B,KAAKM,GAAG;gBACnDT,YAAYA;gBACZC,QAAQA;gBACRC,SAASyB,WAAWQ,eAAe,CAACD,QAAQ,CAAC/B,KAAKM,GAAG;gBACrDN,MAAMA;eACDA,KAAKM,GAAG;;;;wBAGjB;IACN,GAAG;QAACoB;QAAOF,WAAWM,cAAc;QAAEN,WAAWQ,eAAe;QAAEnC;QAAYC;KAAO;IAErF,qBACE,QAACL;QACCwC,iBAAiB,GAAGN,SAAS,SAAS,CAAC;QACvCO,iBAAiB;YAAC5C;YAAW,GAAGA,UAAU,CAAC,EAAEqC,UAAU;eAAML,cAAc,EAAE;SAAE,CAC5Ea,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,UAAU,CAACd,WAAWe,YAAY;QAClCC,aAAab;QACbf,MAAMA;QACNa,0BAA0B;YAAC,GAAGnC,UAAU,MAAM,CAAC;eAAMmC,4BAA4B,EAAE;SAAE;QAErFhB,OAAOA;kBAENmB;OAHID;;;;;AAMX,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","baseClass","useTranslation","useEditorConfigContext","DropDown","DropDownItem","ToolbarItem","t0","$","active","anchorElem","editor","enabled","item","i18n","fieldProps","t1","featureClientSchemaMap","schemaPath","Component","t2","_jsx","key","title","croppedTitle","label","length","substring","Icon","ChildComponent","undefined","itemKey","tooltip","children","className","MemoToolbarItem","memo","ToolbarDropdown","classNames","group","groupState","itemsContainerClassNames","items","groupKey","renderedItems","map","activeItemKeys","includes","enabledItemKeys","buttonAriaLabel","buttonClassName","filter","Boolean","join","disabled","enabledGroup","dropdownKey"],"sources":["../../../../../src/features/toolbars/shared/ToolbarDropdown/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo } from 'react'\n\nconst baseClass = 'toolbar-popup__dropdown'\n\nimport type { LexicalEditor } from 'lexical'\n\nimport { useTranslation } from '@payloadcms/ui'\n\nimport type { ToolbarDropdownGroup, ToolbarGroupItem } from '../../types.js'\nimport type { ToolbarGroupState } from '../useToolbarStates.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { DropDown, DropDownItem } from './DropDown.js'\n\nconst ToolbarItem = ({\n  active,\n  anchorElem,\n  editor,\n  enabled,\n  item,\n}: {\n  active?: boolean\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  enabled?: boolean\n  item: ToolbarGroupItem\n}) => {\n  const { i18n } = useTranslation<{}, string>()\n  const {\n    fieldProps: { featureClientSchemaMap, schemaPath },\n  } = useEditorConfigContext()\n\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component\n          active={active}\n          anchorElem={anchorElem}\n          editor={editor}\n          enabled={enabled}\n          item={item}\n          key={item.key}\n        />\n      )\n    )\n  }\n\n  let title = item.key\n  let croppedTitle = item.key\n  if (item.label) {\n    title =\n      typeof item.label === 'function'\n        ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n        : item.label\n  }\n  if (title.length > 25) {\n    croppedTitle = title.substring(0, 25) + '...'\n  } else {\n    croppedTitle = title\n  }\n\n  return (\n    <DropDownItem\n      active={active}\n      editor={editor}\n      enabled={enabled}\n      Icon={item?.ChildComponent ? <item.ChildComponent /> : undefined}\n      item={item}\n      itemKey={item.key}\n      key={item.key}\n      tooltip={title}\n    >\n      <span className=\"text\">{croppedTitle}</span>\n    </DropDownItem>\n  )\n}\n\nconst MemoToolbarItem = React.memo(ToolbarItem)\n\nexport const ToolbarDropdown = ({\n  anchorElem,\n  classNames,\n  editor,\n  group,\n  groupState,\n  Icon,\n  itemsContainerClassNames,\n  label,\n}: {\n  anchorElem: HTMLElement\n  classNames?: string[]\n  editor: LexicalEditor\n  group: ToolbarDropdownGroup\n  groupState: ToolbarGroupState\n  Icon?: React.FC\n  itemsContainerClassNames?: string[]\n  label?: string\n}) => {\n  const { items, key: groupKey } = group\n\n  const renderedItems = useMemo(() => {\n    return items?.length\n      ? items.map((item) => (\n          <MemoToolbarItem\n            active={groupState.activeItemKeys.includes(item.key)}\n            anchorElem={anchorElem}\n            editor={editor}\n            enabled={groupState.enabledItemKeys.includes(item.key)}\n            item={item}\n            key={item.key}\n          />\n        ))\n      : null\n  }, [items, groupState.activeItemKeys, groupState.enabledItemKeys, anchorElem, editor])\n\n  return (\n    <DropDown\n      buttonAriaLabel={`${groupKey} dropdown`}\n      buttonClassName={[baseClass, `${baseClass}-${groupKey}`, ...(classNames || [])]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={!groupState.enabledGroup}\n      dropdownKey={groupKey}\n      Icon={Icon}\n      itemsContainerClassNames={[`${baseClass}-items`, ...(itemsContainerClassNames || [])]}\n      key={groupKey}\n      label={label}\n    >\n      {renderedItems}\n    </DropDown>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/toolbars/shared/useToolbarStates.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { mergeRegister } from '@lexical/utils';
 import { $getSelection } from 'lexical';
 import { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react';
@@ -8,124 +9,119 @@ import { useRunDeprioritized } from '../../../utilities/useRunDeprioritized.js';
  * Build default states where every item is enabled and nothing is active.
  * Used as the initial value so toolbar groups render immediately on mount
  * instead of waiting for the first updateStates call.
- */ function buildDefaultStates(groups) {
-    const itemStates = new Map();
-    const groupStates = new Map();
-    if (!groups?.length) {
-        return {
-            groupStates,
-            itemStates
-        };
-    }
-    for (const group of groups){
-        const enabledItemKeys = [];
-        for (const item of group.items){
-            itemStates.set(item.key, {
-                active: false,
-                enabled: true
-            });
-            enabledItemKeys.push(item.key);
-        }
-        groupStates.set(group.key, {
-            activeItemKeys: [],
-            activeItems: [],
-            enabledGroup: true,
-            enabledItemKeys
-        });
-    }
+ */
+function buildDefaultStates(groups) {
+  const itemStates = new Map();
+  const groupStates = new Map();
+  if (!groups?.length) {
     return {
-        groupStates,
-        itemStates
+      groupStates,
+      itemStates
     };
+  }
+  for (const group of groups) {
+    const enabledItemKeys = [];
+    for (const item of group.items) {
+      itemStates.set(item.key, {
+        active: false,
+        enabled: true
+      });
+      enabledItemKeys.push(item.key);
+    }
+    groupStates.set(group.key, {
+      activeItemKeys: [],
+      activeItems: [],
+      enabledGroup: true,
+      enabledItemKeys
+    });
+  }
+  return {
+    groupStates,
+    itemStates
+  };
 }
 /**
  * Subscribes once to `editor.registerUpdateListener` and computes
  * isActive / isEnabled for every toolbar item in a read.
- */ export function useToolbarStates(editor, groups) {
-    const [states, setStates] = useState(()=>buildDefaultStates(groups));
-    const deferredStates = useDeferredValue(states);
-    const editorConfigContext = useEditorConfigContext();
-    const editorConfigContextRef = useRef(editorConfigContext);
-    editorConfigContextRef.current = editorConfigContext;
-    const groupsRef = useRef(groups);
-    groupsRef.current = groups;
-    const runDeprioritized = useRunDeprioritized();
-    const updateStates = useCallback(()=>{
-        editor.getEditorState().read(()=>{
-            const selection = $getSelection();
-            if (!selection) {
-                return;
-            }
-            const currentGroups = groupsRef.current;
-            if (!currentGroups?.length) {
-                return;
-            }
-            const ctx = editorConfigContextRef.current;
-            const newItemStates = new Map();
-            const newGroupStates = new Map();
-            for (const group of currentGroups){
-                const activeItemKeys = [];
-                const activeItems = [];
-                const enabledItemKeys = [];
-                const maxActive = group.type === 'dropdown' ? group.maxActiveItems ?? 1 : undefined;
-                for (const item of group.items){
-                    const isActive = item.isActive ? (!maxActive || activeItemKeys.length < maxActive) && item.isActive({
-                        editor,
-                        editorConfigContext: ctx,
-                        selection
-                    }) : false;
-                    const isEnabled = item.isEnabled ? item.isEnabled({
-                        editor,
-                        editorConfigContext: ctx,
-                        selection
-                    }) : true;
-                    if (isActive) {
-                        activeItemKeys.push(item.key);
-                        activeItems.push(item);
-                    }
-                    if (isEnabled) {
-                        enabledItemKeys.push(item.key);
-                    }
-                    newItemStates.set(item.key, {
-                        active: isActive,
-                        enabled: isEnabled
-                    });
-                }
-                const enabledGroup = group.type === 'dropdown' && group.isEnabled ? group.isEnabled({
-                    editor,
-                    editorConfigContext: ctx,
-                    selection
-                }) : true;
-                newGroupStates.set(group.key, {
-                    activeItemKeys,
-                    activeItems,
-                    enabledGroup,
-                    enabledItemKeys
-                });
-            }
-            setStates({
-                groupStates: newGroupStates,
-                itemStates: newItemStates
-            });
+ */
+export function useToolbarStates(editor, groups) {
+  const [states, setStates] = useState(() => buildDefaultStates(groups));
+  const deferredStates = useDeferredValue(states);
+  const editorConfigContext = useEditorConfigContext();
+  const editorConfigContextRef = useRef(editorConfigContext);
+  editorConfigContextRef.current = editorConfigContext;
+  const groupsRef = useRef(groups);
+  groupsRef.current = groups;
+  const runDeprioritized = useRunDeprioritized();
+  const updateStates = useCallback(() => {
+    editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      if (!selection) {
+        return;
+      }
+      const currentGroups = groupsRef.current;
+      if (!currentGroups?.length) {
+        return;
+      }
+      const ctx = editorConfigContextRef.current;
+      const newItemStates = new Map();
+      const newGroupStates = new Map();
+      for (const group of currentGroups) {
+        const activeItemKeys = [];
+        const activeItems = [];
+        const enabledItemKeys = [];
+        const maxActive = group.type === 'dropdown' ? group.maxActiveItems ?? 1 : undefined;
+        for (const item of group.items) {
+          const isActive = item.isActive ? (!maxActive || activeItemKeys.length < maxActive) && item.isActive({
+            editor,
+            editorConfigContext: ctx,
+            selection
+          }) : false;
+          const isEnabled = item.isEnabled ? item.isEnabled({
+            editor,
+            editorConfigContext: ctx,
+            selection
+          }) : true;
+          if (isActive) {
+            activeItemKeys.push(item.key);
+            activeItems.push(item);
+          }
+          if (isEnabled) {
+            enabledItemKeys.push(item.key);
+          }
+          newItemStates.set(item.key, {
+            active: isActive,
+            enabled: isEnabled
+          });
+        }
+        const enabledGroup = group.type === 'dropdown' && group.isEnabled ? group.isEnabled({
+          editor,
+          editorConfigContext: ctx,
+          selection
+        }) : true;
+        newGroupStates.set(group.key, {
+          activeItemKeys,
+          activeItems,
+          enabledGroup,
+          enabledItemKeys
         });
-    }, [
-        editor
-    ]);
-    useEffect(()=>{
-        void runDeprioritized(updateStates);
-        const listener = ()=>runDeprioritized(updateStates);
-        const cleanup = mergeRegister(editor.registerUpdateListener(listener));
-        document.addEventListener('mouseup', listener);
-        return ()=>{
-            cleanup();
-            document.removeEventListener('mouseup', listener);
-        };
-    }, [
-        editor,
-        runDeprioritized,
-        updateStates
-    ]);
-    return deferredStates;
+      }
+      setStates({
+        groupStates: newGroupStates,
+        itemStates: newItemStates
+      });
+    });
+  }, [editor]);
+  useEffect(() => {
+    void runDeprioritized(updateStates);
+    const listener = () => runDeprioritized(updateStates);
+    const cleanup = mergeRegister(editor.registerUpdateListener(listener));
+    document.addEventListener('mouseup', listener);
+    return () => {
+      cleanup();
+      document.removeEventListener('mouseup', listener);
+    };
+  }, [editor, runDeprioritized, updateStates]);
+  return deferredStates;
 }
-
 //# sourceMappingURL=useToolbarStates.js.map

package/dist/features/toolbars/shared/useToolbarStates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/toolbars/shared/useToolbarStates.ts"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { mergeRegister } from '@lexical/utils'\nimport { $getSelection } from 'lexical'\nimport { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { ToolbarGroup, ToolbarGroupItem } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js'\nimport { useRunDeprioritized } from '../../../utilities/useRunDeprioritized.js'\n\nexport interface ToolbarItemState {\n  active: boolean\n  enabled: boolean\n}\n\nexport interface ToolbarGroupState {\n  activeItemKeys: string[]\n  activeItems: ToolbarGroupItem[]\n  enabledGroup: boolean\n  enabledItemKeys: string[]\n}\n\nexport interface ToolbarStates {\n  groupStates: Map<string, ToolbarGroupState>\n  itemStates: Map<string, ToolbarItemState>\n}\n\n/**\n * Build default states where every item is enabled and nothing is active.\n * Used as the initial value so toolbar groups render immediately on mount\n * instead of waiting for the first updateStates call.\n */\nfunction buildDefaultStates(groups: ToolbarGroup[] | undefined): ToolbarStates {\n  const itemStates = new Map<string, ToolbarItemState>()\n  const groupStates = new Map<string, ToolbarGroupState>()\n\n  if (!groups?.length) {\n    return { groupStates, itemStates }\n  }\n\n  for (const group of groups) {\n    const enabledItemKeys: string[] = []\n    for (const item of group.items) {\n      itemStates.set(item.key, { active: false, enabled: true })\n      enabledItemKeys.push(item.key)\n    }\n    groupStates.set(group.key, {\n      activeItemKeys: [],\n      activeItems: [],\n      enabledGroup: true,\n      enabledItemKeys,\n    })\n  }\n\n  return { groupStates, itemStates }\n}\n\n/**\n * Subscribes once to `editor.registerUpdateListener` and computes\n * isActive / isEnabled for every toolbar item in a read.\n */\nexport function useToolbarStates(\n  editor: LexicalEditor,\n  groups: ToolbarGroup[] | undefined,\n): ToolbarStates {\n  const [states, setStates] = useState<ToolbarStates>(() => buildDefaultStates(groups))\n  const deferredStates = useDeferredValue(states)\n\n  const editorConfigContext = useEditorConfigContext()\n  const editorConfigContextRef = useRef(editorConfigContext)\n  editorConfigContextRef.current = editorConfigContext\n\n  const groupsRef = useRef(groups)\n  groupsRef.current = groups\n\n  const runDeprioritized = useRunDeprioritized()\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (!selection) {\n        return\n      }\n\n      const currentGroups = groupsRef.current\n      if (!currentGroups?.length) {\n        return\n      }\n\n      const ctx = editorConfigContextRef.current\n      const newItemStates = new Map<string, ToolbarItemState>()\n      const newGroupStates = new Map<string, ToolbarGroupState>()\n\n      for (const group of currentGroups) {\n        const activeItemKeys: string[] = []\n        const activeItems: ToolbarGroupItem[] = []\n        const enabledItemKeys: string[] = []\n\n        const maxActive = group.type === 'dropdown' ? (group.maxActiveItems ?? 1) : undefined\n\n        for (const item of group.items) {\n          const isActive = item.isActive\n            ? (!maxActive || activeItemKeys.length < maxActive) &&\n              item.isActive({ editor, editorConfigContext: ctx, selection })\n            : false\n\n          const isEnabled = item.isEnabled\n            ? item.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n          if (isActive) {\n            activeItemKeys.push(item.key)\n            activeItems.push(item)\n          }\n          if (isEnabled) {\n            enabledItemKeys.push(item.key)\n          }\n\n          newItemStates.set(item.key, { active: isActive, enabled: isEnabled })\n        }\n\n        const enabledGroup =\n          group.type === 'dropdown' && group.isEnabled\n            ? group.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n        newGroupStates.set(group.key, {\n          activeItemKeys,\n          activeItems,\n          enabledGroup,\n          enabledItemKeys,\n        })\n      }\n\n      setStates({ groupStates: newGroupStates, itemStates: newItemStates })\n    })\n  }, [editor])\n\n  useEffect(() => {\n    void runDeprioritized(updateStates)\n\n    const listener = () => runDeprioritized(updateStates)\n\n    const cleanup = mergeRegister(editor.registerUpdateListener(listener))\n    document.addEventListener('mouseup', listener)\n\n    return () => {\n      cleanup()\n      document.removeEventListener('mouseup', listener)\n    }\n  }, [editor, runDeprioritized, updateStates])\n\n  return deferredStates\n}\n"],"names":["mergeRegister","$getSelection","useCallback","useDeferredValue","useEffect","useRef","useState","useEditorConfigContext","useRunDeprioritized","buildDefaultStates","groups","itemStates","Map","groupStates","length","group","enabledItemKeys","item","items","set","key","active","enabled","push","activeItemKeys","activeItems","enabledGroup","useToolbarStates","editor","states","setStates","deferredStates","editorConfigContext","editorConfigContextRef","current","groupsRef","runDeprioritized","updateStates","getEditorState","read","selection","currentGroups","ctx","newItemStates","newGroupStates","maxActive","type","maxActiveItems","undefined","isActive","isEnabled","listener","cleanup","registerUpdateListener","document","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"useToolbarStates.js","names":["mergeRegister","$getSelection","useCallback","useDeferredValue","useEffect","useRef","useState","useEditorConfigContext","useRunDeprioritized","buildDefaultStates","groups","itemStates","Map","groupStates","length","group","enabledItemKeys","item","items","set","key","active","enabled","push","activeItemKeys","activeItems","enabledGroup","useToolbarStates","editor","states","setStates","deferredStates","editorConfigContext","editorConfigContextRef","current","groupsRef","runDeprioritized","updateStates","getEditorState","read","selection","currentGroups","ctx","newItemStates","newGroupStates","maxActive","type","maxActiveItems","undefined","isActive","isEnabled","listener","cleanup","registerUpdateListener","document","addEventListener","removeEventListener"],"sources":["../../../../src/features/toolbars/shared/useToolbarStates.ts"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { mergeRegister } from '@lexical/utils'\nimport { $getSelection } from 'lexical'\nimport { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { ToolbarGroup, ToolbarGroupItem } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js'\nimport { useRunDeprioritized } from '../../../utilities/useRunDeprioritized.js'\n\nexport interface ToolbarItemState {\n  active: boolean\n  enabled: boolean\n}\n\nexport interface ToolbarGroupState {\n  activeItemKeys: string[]\n  activeItems: ToolbarGroupItem[]\n  enabledGroup: boolean\n  enabledItemKeys: string[]\n}\n\nexport interface ToolbarStates {\n  groupStates: Map<string, ToolbarGroupState>\n  itemStates: Map<string, ToolbarItemState>\n}\n\n/**\n * Build default states where every item is enabled and nothing is active.\n * Used as the initial value so toolbar groups render immediately on mount\n * instead of waiting for the first updateStates call.\n */\nfunction buildDefaultStates(groups: ToolbarGroup[] | undefined): ToolbarStates {\n  const itemStates = new Map<string, ToolbarItemState>()\n  const groupStates = new Map<string, ToolbarGroupState>()\n\n  if (!groups?.length) {\n    return { groupStates, itemStates }\n  }\n\n  for (const group of groups) {\n    const enabledItemKeys: string[] = []\n    for (const item of group.items) {\n      itemStates.set(item.key, { active: false, enabled: true })\n      enabledItemKeys.push(item.key)\n    }\n    groupStates.set(group.key, {\n      activeItemKeys: [],\n      activeItems: [],\n      enabledGroup: true,\n      enabledItemKeys,\n    })\n  }\n\n  return { groupStates, itemStates }\n}\n\n/**\n * Subscribes once to `editor.registerUpdateListener` and computes\n * isActive / isEnabled for every toolbar item in a read.\n */\nexport function useToolbarStates(\n  editor: LexicalEditor,\n  groups: ToolbarGroup[] | undefined,\n): ToolbarStates {\n  const [states, setStates] = useState<ToolbarStates>(() => buildDefaultStates(groups))\n  const deferredStates = useDeferredValue(states)\n\n  const editorConfigContext = useEditorConfigContext()\n  const editorConfigContextRef = useRef(editorConfigContext)\n  editorConfigContextRef.current = editorConfigContext\n\n  const groupsRef = useRef(groups)\n  groupsRef.current = groups\n\n  const runDeprioritized = useRunDeprioritized()\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (!selection) {\n        return\n      }\n\n      const currentGroups = groupsRef.current\n      if (!currentGroups?.length) {\n        return\n      }\n\n      const ctx = editorConfigContextRef.current\n      const newItemStates = new Map<string, ToolbarItemState>()\n      const newGroupStates = new Map<string, ToolbarGroupState>()\n\n      for (const group of currentGroups) {\n        const activeItemKeys: string[] = []\n        const activeItems: ToolbarGroupItem[] = []\n        const enabledItemKeys: string[] = []\n\n        const maxActive = group.type === 'dropdown' ? (group.maxActiveItems ?? 1) : undefined\n\n        for (const item of group.items) {\n          const isActive = item.isActive\n            ? (!maxActive || activeItemKeys.length < maxActive) &&\n              item.isActive({ editor, editorConfigContext: ctx, selection })\n            : false\n\n          const isEnabled = item.isEnabled\n            ? item.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n          if (isActive) {\n            activeItemKeys.push(item.key)\n            activeItems.push(item)\n          }\n          if (isEnabled) {\n            enabledItemKeys.push(item.key)\n          }\n\n          newItemStates.set(item.key, { active: isActive, enabled: isEnabled })\n        }\n\n        const enabledGroup =\n          group.type === 'dropdown' && group.isEnabled\n            ? group.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n        newGroupStates.set(group.key, {\n          activeItemKeys,\n          activeItems,\n          enabledGroup,\n          enabledItemKeys,\n        })\n      }\n\n      setStates({ groupStates: newGroupStates, itemStates: newItemStates })\n    })\n  }, [editor])\n\n  useEffect(() => {\n    void runDeprioritized(updateStates)\n\n    const listener = () => runDeprioritized(updateStates)\n\n    const cleanup = mergeRegister(editor.registerUpdateListener(listener))\n    document.addEventListener('mouseup', listener)\n\n    return () => {\n      cleanup()\n      document.removeEventListener('mouseup', listener)\n    }\n  }, [editor, runDeprioritized, updateStates])\n\n  return deferredStates\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/toolbars/types.js

@@ -1,30 +1,2 @@
-/**
-   * The dropdown toolbar ChildComponent allows you to pass in a React Component which will be displayed within the dropdown button.
-   */ /**
-   * This is optional and controls if the toolbar group is highlighted or not.
-   */ /**
-   * All toolbar items part of this toolbar group need to be added here.
-   */ /**
-   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.
-   */ /**
-   * The maximum number of active items that can be selected at once.
-   * Increasing this will hurt performance, as more nodes need to be checked for their active state.
-   *
-   * E.g. if this is 1, we can stop checking nodes once we find an active node.
-   *
-   * @default 1
-   */ /**
-   * Determines where the toolbar group will be.
-   */ /**
-   * Controls the toolbar group type. Set to `dropdown` to create a buttons toolbar group, which displays toolbar items vertically using their icons and labels, if the dropdown is open.
-   */ /**
-   * All toolbar items part of this toolbar group need to be added here.
-   */ /**
-   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.
-   */ /**
-   * Determines where the toolbar group will be.
-   */ /**
-   * Controls the toolbar group type. Set to `buttons` to create a buttons toolbar group, which displays toolbar items horizontally using only their icons.
-   */ /** A React component which is rendered within your toolbar item's default button component. Usually, you want this to be an icon. */ /** A React component which is rendered in place of the toolbar item's default button component, thus completely replacing it. The `ChildComponent` and `onSelect` properties will be ignored. */ /** This is optional and controls if the toolbar item is highlighted or not. */ /** This is optional and controls if the toolbar item is clickable or not. If `false` is returned here, it will be grayed out and unclickable. */ /** Each toolbar item needs to have a unique key. */ /** The label will be displayed in your toolbar item, if it's within a dropdown group. In order to make use of i18n, this can be a function. */ /** Each toolbar item needs to have a unique key. */ export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/features/toolbars/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/toolbars/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { BaseSelection, LexicalEditor } from 'lexical'\nimport type React from 'react'\n\nimport type { EditorConfigContextType } from '../../lexical/config/client/EditorConfigProvider.js'\nimport type { FeatureClientSchemaMap } from '../../types.js'\n\nexport type ToolbarGroup = ToolbarButtonsGroup | ToolbarDropdownGroup\n\nexport type ToolbarDropdownGroup = {\n  /**\n   * The dropdown toolbar ChildComponent allows you to pass in a React Component which will be displayed within the dropdown button.\n   */\n  ChildComponent?: React.FC\n  /**\n   * This is optional and controls if the toolbar group is highlighted or not.\n   */\n  isEnabled?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /**\n   * All toolbar items part of this toolbar group need to be added here.\n   */\n  items: Array<ToolbarGroupItem>\n  /**\n   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.\n   */\n  key: string\n  /**\n   * The maximum number of active items that can be selected at once.\n   * Increasing this will hurt performance, as more nodes need to be checked for their active state.\n   *\n   * E.g. if this is 1, we can stop checking nodes once we find an active node.\n   *\n   * @default 1\n   */\n  maxActiveItems?: number\n  /**\n   * Determines where the toolbar group will be.\n   */\n  order?: number\n  /**\n   * Controls the toolbar group type. Set to `dropdown` to create a buttons toolbar group, which displays toolbar items vertically using their icons and labels, if the dropdown is open.\n   */\n  type: 'dropdown'\n}\n\nexport type ToolbarButtonsGroup = {\n  /**\n   * All toolbar items part of this toolbar group need to be added here.\n   */\n  items: Array<ToolbarGroupItem>\n  /**\n   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.\n   */\n  key: string\n  /**\n   * Determines where the toolbar group will be.\n   */\n  order?: number\n  /**\n   * Controls the toolbar group type. Set to `buttons` to create a buttons toolbar group, which displays toolbar items horizontally using only their icons.\n   */\n  type: 'buttons'\n}\n\nexport type ToolbarGroupItem = {\n  /** A React component which is rendered within your toolbar item's default button component. Usually, you want this to be an icon. */\n  ChildComponent?: React.FC\n  /** A React component which is rendered in place of the toolbar item's default button component, thus completely replacing it. The `ChildComponent` and `onSelect` properties will be ignored. */\n  Component?: React.FC<{\n    active?: boolean\n    anchorElem: HTMLElement\n    editor: LexicalEditor\n    enabled?: boolean\n    item: ToolbarGroupItem\n  }>\n  /** This is optional and controls if the toolbar item is highlighted or not. */\n  isActive?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /** This is optional and controls if the toolbar item is clickable or not. If `false` is returned here, it will be grayed out and unclickable. */\n  isEnabled?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /** Each toolbar item needs to have a unique key. */\n  key: string\n  /** The label will be displayed in your toolbar item, if it's within a dropdown group. In order to make use of i18n, this can be a function. */\n  label?:\n    | ((args: {\n        featureClientSchemaMap: FeatureClientSchemaMap\n        i18n: I18nClient<{}, string>\n        schemaPath: string\n      }) => string)\n    | string\n  /** Each toolbar item needs to have a unique key. */\n  onSelect?: ({ editor, isActive }: { editor: LexicalEditor; isActive: boolean }) => void\n  order?: number\n}\n\nexport type CustomGroups = Record<\n  string,\n  | Partial<Omit<ToolbarButtonsGroup, 'items' | 'key'>>\n  | Partial<Omit<ToolbarDropdownGroup, 'isEnabled' | 'items' | 'key'>>\n>\n"],"names":[],"mappings":"AAUE;;GAEC,GAED;;GAEC,GAUD;;GAEC,GAED;;GAEC,GAED;;;;;;;GAOC,GAED;;GAEC,GAED;;GAEC,GAKD;;GAEC,GAED;;GAEC,GAED;;GAEC,GAED;;GAEC,GAKD,mIAAmI,GAEnI,+LAA+L,GAQ/L,6EAA6E,GAU7E,+IAA+I,GAU/I,kDAAkD,GAElD,6IAA6I,GAQ7I,kDAAkD,GAKpD,WAIC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/features/toolbars/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { BaseSelection, LexicalEditor } from 'lexical'\nimport type React from 'react'\n\nimport type { EditorConfigContextType } from '../../lexical/config/client/EditorConfigProvider.js'\nimport type { FeatureClientSchemaMap } from '../../types.js'\n\nexport type ToolbarGroup = ToolbarButtonsGroup | ToolbarDropdownGroup\n\nexport type ToolbarDropdownGroup = {\n  /**\n   * The dropdown toolbar ChildComponent allows you to pass in a React Component which will be displayed within the dropdown button.\n   */\n  ChildComponent?: React.FC\n  /**\n   * This is optional and controls if the toolbar group is highlighted or not.\n   */\n  isEnabled?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /**\n   * All toolbar items part of this toolbar group need to be added here.\n   */\n  items: Array<ToolbarGroupItem>\n  /**\n   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.\n   */\n  key: string\n  /**\n   * The maximum number of active items that can be selected at once.\n   * Increasing this will hurt performance, as more nodes need to be checked for their active state.\n   *\n   * E.g. if this is 1, we can stop checking nodes once we find an active node.\n   *\n   * @default 1\n   */\n  maxActiveItems?: number\n  /**\n   * Determines where the toolbar group will be.\n   */\n  order?: number\n  /**\n   * Controls the toolbar group type. Set to `dropdown` to create a buttons toolbar group, which displays toolbar items vertically using their icons and labels, if the dropdown is open.\n   */\n  type: 'dropdown'\n}\n\nexport type ToolbarButtonsGroup = {\n  /**\n   * All toolbar items part of this toolbar group need to be added here.\n   */\n  items: Array<ToolbarGroupItem>\n  /**\n   * Each toolbar group needs to have a unique key. Groups with the same keys will have their items merged together.\n   */\n  key: string\n  /**\n   * Determines where the toolbar group will be.\n   */\n  order?: number\n  /**\n   * Controls the toolbar group type. Set to `buttons` to create a buttons toolbar group, which displays toolbar items horizontally using only their icons.\n   */\n  type: 'buttons'\n}\n\nexport type ToolbarGroupItem = {\n  /** A React component which is rendered within your toolbar item's default button component. Usually, you want this to be an icon. */\n  ChildComponent?: React.FC\n  /** A React component which is rendered in place of the toolbar item's default button component, thus completely replacing it. The `ChildComponent` and `onSelect` properties will be ignored. */\n  Component?: React.FC<{\n    active?: boolean\n    anchorElem: HTMLElement\n    editor: LexicalEditor\n    enabled?: boolean\n    item: ToolbarGroupItem\n  }>\n  /** This is optional and controls if the toolbar item is highlighted or not. */\n  isActive?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /** This is optional and controls if the toolbar item is clickable or not. If `false` is returned here, it will be grayed out and unclickable. */\n  isEnabled?: ({\n    editor,\n    editorConfigContext,\n    selection,\n  }: {\n    editor: LexicalEditor\n    editorConfigContext: EditorConfigContextType\n    selection: BaseSelection\n  }) => boolean\n  /** Each toolbar item needs to have a unique key. */\n  key: string\n  /** The label will be displayed in your toolbar item, if it's within a dropdown group. In order to make use of i18n, this can be a function. */\n  label?:\n    | ((args: {\n        featureClientSchemaMap: FeatureClientSchemaMap\n        i18n: I18nClient<{}, string>\n        schemaPath: string\n      }) => string)\n    | string\n  /** Each toolbar item needs to have a unique key. */\n  onSelect?: ({ editor, isActive }: { editor: LexicalEditor; isActive: boolean }) => void\n  order?: number\n}\n\nexport type CustomGroups = Record<\n  string,\n  | Partial<Omit<ToolbarButtonsGroup, 'items' | 'key'>>\n  | Partial<Omit<ToolbarDropdownGroup, 'isEnabled' | 'items' | 'key'>>\n>\n"],"mappings":"AAsHA","ignoreList":[]}