@payloadcms/richtext-lexical 4.0.0-beta.3 → 4.0.0-beta.4

package/dist/features/table/client/plugins/TablePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","$getSelection","$isRangeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useCallback","useEffect","useMemo","useRef","useState","React","TableGridPopup","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","_jsx","value","editor","cellContext","isPopupOpen","setIsPopupOpen","popupPosition","setPopupPosition","selectionRef","anchorElem","setAnchorElem","rootElement","getRootElement","editorWrapper","closest","parentElement","hasNodes","Error","registerCommand","anchor","anchorRect","getBoundingClientRect","pos","getEditorState","read","selection","current","clone","anchorNode","getNode","domElem","getElementByKey","getKey","elemRect","height","left","top","bottom","nativeSelection","window","getSelection","rangeCount","range","getRangeAt","rangeRect","handleClose","handleInsert","cols","rows","focus","update","discrete","skipTransforms","setTimeout","dispatchCommand","columns","String","_jsxs","Fragment","isOpen","onClose","onInsert","position","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"sources":["../../../../../../src/features/table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  BaseSelection,\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { TableGridPopup } from './TableGridPopup/index.js'\nimport './index.css'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const [isPopupOpen, setIsPopupOpen] = useState(false)\n  const [popupPosition, setPopupPosition] = useState<{ left: number; top: number } | null>(null)\n  const selectionRef = useRef<BaseSelection | null>(null)\n  const [anchorElem, setAnchorElem] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const rootElement = editor.getRootElement()\n    if (rootElement) {\n      const editorWrapper: HTMLElement | null =\n        (rootElement.closest('.editor') as HTMLElement) ?? null\n      setAnchorElem(editorWrapper ?? rootElement.parentElement)\n    }\n  }, [editor])\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          const anchor = anchorElem\n          if (!anchor) {\n            return true\n          }\n\n          const anchorRect = anchor.getBoundingClientRect()\n          let pos: { left: number; top: number } | null = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              selectionRef.current = selection.clone()\n\n              const anchorNode = selection.anchor.getNode()\n              const domElem = editor.getElementByKey(anchorNode.getKey())\n              if (domElem) {\n                const elemRect = domElem.getBoundingClientRect()\n                if (elemRect.height > 0) {\n                  pos = {\n                    left: elemRect.left - anchorRect.left,\n                    top: elemRect.bottom - anchorRect.top + 8,\n                  }\n                }\n              }\n            }\n          })\n\n          const nativeSelection = window.getSelection()\n          if (nativeSelection && nativeSelection.rangeCount > 0) {\n            const range = nativeSelection.getRangeAt(0)\n            const rangeRect = range.getBoundingClientRect()\n            if (rangeRect.height > 0) {\n              pos = {\n                left: rangeRect.left - anchorRect.left,\n                top: rangeRect.bottom - anchorRect.top + 8,\n              }\n            }\n          }\n\n          // Fallback: position at start of editor\n          if (!pos) {\n            pos = { left: 0, top: 40 }\n          }\n\n          setPopupPosition(pos)\n          setIsPopupOpen(true)\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, anchorElem])\n\n  const handleClose = useCallback(() => {\n    setIsPopupOpen(false)\n  }, [])\n\n  const handleInsert = useCallback(\n    (cols: number, rows: number) => {\n      setIsPopupOpen(false)\n      editor.focus()\n      editor.update(\n        () => {\n          if (selectionRef.current) {\n            $setSelection(selectionRef.current.clone())\n          }\n        },\n        { discrete: true, skipTransforms: true },\n      )\n      setTimeout(() => {\n        editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n          columns: String(cols),\n          rows: String(rows),\n        })\n      }, 1)\n    },\n    [editor],\n  )\n\n  return (\n    <React.Fragment>\n      <TableGridPopup\n        anchorElem={anchorElem}\n        editor={editor}\n        isOpen={isPopupOpen}\n        onClose={handleClose}\n        onInsert={handleInsert}\n        position={popupPosition}\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","$getSelection","$isRangeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useCallback","useEffect","useMemo","useRef","useState","React","TableGridPopup","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","t0","$","children","t1","Symbol","for","contextValue","setContextValue","t2","t3","t4","t5","_jsx","value","editor","cellContext","isPopupOpen","setIsPopupOpen","popupPosition","setPopupPosition","selectionRef","anchorElem","setAnchorElem","rootElement","getRootElement","editorWrapper","closest","parentElement","hasNodes","Error","registerCommand","anchor","anchorRect","getBoundingClientRect","pos","getEditorState","read","selection","current","clone","anchorNode","getNode","domElem","getElementByKey","getKey","elemRect","height","left","top","bottom","nativeSelection","window","getSelection","rangeCount","range","getRangeAt","rangeRect","handleClose","handleInsert","cols","rows","focus","update","discrete","skipTransforms","setTimeout","dispatchCommand","columns","String","_jsxs","Fragment","isOpen","onClose","onInsert","position","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"sources":["../../../../../../src/features/table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  BaseSelection,\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { TableGridPopup } from './TableGridPopup/index.js'\nimport './index.css'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const [isPopupOpen, setIsPopupOpen] = useState(false)\n  const [popupPosition, setPopupPosition] = useState<{ left: number; top: number } | null>(null)\n  const selectionRef = useRef<BaseSelection | null>(null)\n  const [anchorElem, setAnchorElem] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const rootElement = editor.getRootElement()\n    if (rootElement) {\n      const editorWrapper: HTMLElement | null =\n        (rootElement.closest('.editor') as HTMLElement) ?? null\n      setAnchorElem(editorWrapper ?? rootElement.parentElement)\n    }\n  }, [editor])\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          const anchor = anchorElem\n          if (!anchor) {\n            return true\n          }\n\n          const anchorRect = anchor.getBoundingClientRect()\n          let pos: { left: number; top: number } | null = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              selectionRef.current = selection.clone()\n\n              const anchorNode = selection.anchor.getNode()\n              const domElem = editor.getElementByKey(anchorNode.getKey())\n              if (domElem) {\n                const elemRect = domElem.getBoundingClientRect()\n                if (elemRect.height > 0) {\n                  pos = {\n                    left: elemRect.left - anchorRect.left,\n                    top: elemRect.bottom - anchorRect.top + 8,\n                  }\n                }\n              }\n            }\n          })\n\n          const nativeSelection = window.getSelection()\n          if (nativeSelection && nativeSelection.rangeCount > 0) {\n            const range = nativeSelection.getRangeAt(0)\n            const rangeRect = range.getBoundingClientRect()\n            if (rangeRect.height > 0) {\n              pos = {\n                left: rangeRect.left - anchorRect.left,\n                top: rangeRect.bottom - anchorRect.top + 8,\n              }\n            }\n          }\n\n          // Fallback: position at start of editor\n          if (!pos) {\n            pos = { left: 0, top: 40 }\n          }\n\n          setPopupPosition(pos)\n          setIsPopupOpen(true)\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, anchorElem])\n\n  const handleClose = useCallback(() => {\n    setIsPopupOpen(false)\n  }, [])\n\n  const handleInsert = useCallback(\n    (cols: number, rows: number) => {\n      setIsPopupOpen(false)\n      editor.focus()\n      editor.update(\n        () => {\n          if (selectionRef.current) {\n            $setSelection(selectionRef.current.clone())\n          }\n        },\n        { discrete: true, skipTransforms: true },\n      )\n      setTimeout(() => {\n        editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n          columns: String(cols),\n          rows: String(rows),\n        })\n      }, 1)\n    },\n    [editor],\n  )\n\n  return (\n    <React.Fragment>\n      <TableGridPopup\n        anchorElem={anchorElem}\n        editor={editor}\n        isOpen={isPopupOpen}\n        onClose={handleClose}\n        onInsert={handleInsert}\n        position={popupPosition}\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/table/client/utils/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","names":["c","_c","useCallback","useEffect","useRef","debounce","useDebounce","fn","ms","maxWait","$","debouncedRef","t0","t1","current","cancel","t2","Symbol","for","t3","args","callback"],"sources":["../../../../../src/features/table/client/utils/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport debounce from './debounce.js'\n\n// Define the type for debounced function that includes cancel method\ninterface DebouncedFunction<T extends (...args: any[]) => any> {\n  (...args: Parameters<T>): ReturnType<T>\n  cancel: () => void\n}\n\nexport function useDebounce<T extends (...args: never[]) => void>(\n  fn: T,\n  ms: number,\n  maxWait?: number,\n) {\n  // Update the ref type to include cancel method\n  const debouncedRef = useRef<DebouncedFunction<T> | null>(null)\n\n  useEffect(() => {\n    debouncedRef.current = debounce(fn, ms, { maxWait }) as DebouncedFunction<T>\n\n    return () => {\n      debouncedRef.current?.cancel()\n    }\n  }, [fn, ms, maxWait])\n\n  const callback = useCallback((...args: Parameters<T>) => {\n    if (debouncedRef.current) {\n      debouncedRef.current(...args)\n    }\n  }, [])\n\n  return callback\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAE/C,OAAOC,QAAA,MAAc;AAQrB,OAAO,SAAAC,YAAAC,EAAA,EAAAC,EAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAML,MAAAU,YAAA,GAAqBP,MAAA,KAAoC;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAH,EAAA,IAAAG,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAF,EAAA;IAE/CI,EAAA,GAAAA,CAAA;MACRD,YAAA,CAAAG,OAAA,GAAuBT,QAAA,CAASE,EAAA,EAAIC,EAAA;QAAAC;MAAA,CAAc;MAAA;QAGhDE,YAAA,CAAAG,OAAA,EAAAC,MAAA;MAAA;IAAA;IAEDF,EAAA,IAACN,EAAA,EAAIC,EAAA,EAAIC,OAAA;IAAQC,CAAA,MAAAH,EAAA;IAAAG,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAF,EAAA;IAAAE,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAD,EAAA,GAAAF,CAAA;IAAAG,EAAA,GAAAH,CAAA;EAAA;EANpBP,SAAA,CAAUS,EAMV,EAAGC,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAESF,EAAA,GAAAA,CAAA,GAAAG,EAAA;MAAC,MAAAC,IAAA,GAAAD,EAAG;MAAA,IAC3BR,YAAA,CAAAG,OAAA;QACFH,YAAA,CAAAG,OAAA,IAAwBM,IAAA;MAAA;IAAA;IAE5BV,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAJA,MAAAW,QAAA,GAAiBL,EAIZ;EAAA,OAEEK,QAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"useDebounce.js","names":["c","_c","useCallback","useEffect","useRef","debounce","useDebounce","fn","ms","maxWait","$","debouncedRef","t0","t1","current","cancel","t2","Symbol","for","t3","args","callback"],"sources":["../../../../../src/features/table/client/utils/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport debounce from './debounce.js'\n\n// Define the type for debounced function that includes cancel method\ninterface DebouncedFunction<T extends (...args: any[]) => any> {\n  (...args: Parameters<T>): ReturnType<T>\n  cancel: () => void\n}\n\nexport function useDebounce<T extends (...args: never[]) => void>(\n  fn: T,\n  ms: number,\n  maxWait?: number,\n) {\n  // Update the ref type to include cancel method\n  const debouncedRef = useRef<DebouncedFunction<T> | null>(null)\n\n  useEffect(() => {\n    debouncedRef.current = debounce(fn, ms, { maxWait }) as DebouncedFunction<T>\n\n    return () => {\n      debouncedRef.current?.cancel()\n    }\n  }, [fn, ms, maxWait])\n\n  const callback = useCallback((...args: Parameters<T>) => {\n    if (debouncedRef.current) {\n      debouncedRef.current(...args)\n    }\n  }, [])\n\n  return callback\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAE/C,OAAOC,QAAA,MAAc;AAQrB,OAAO,SAAAC,YAAAC,EAAA,EAAAC,EAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAML,MAAAU,YAAA,GAAqBP,MAAA,CAAoC;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAH,EAAA,IAAAG,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAF,EAAA;IAE/CI,EAAA,GAAAA,CAAA;MACRD,YAAA,CAAAG,OAAA,GAAuBT,QAAA,CAASE,EAAA,EAAIC,EAAA,EAAI;QAAAC;MAAU,EAA9B;MAAA,OAEb;QACLE,YAAA,CAAAG,OAAsB,EAAAC,MAAA;MAAA,CACxB;IAAA,CACF;IAAGF,EAAA,IAACN,EAAA,EAAIC,EAAA,EAAIC,OAAA,CAAQ;IAAAC,CAAA,MAAAH,EAAA;IAAAG,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAF,EAAA;IAAAE,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAD,EAAA,GAAAF,CAAA;IAAAG,EAAA,GAAAH,CAAA;EAAA;EANpBP,SAAA,CAAUS,EAMV,EAAGC,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAESF,EAAA,GAAAA,CAAA,GAAAG,EAAA;MAAC,MAAAC,IAAA,GAAAD,EAAG;MAC/B,IAAIR,YAAA,CAAAG,OAAoB;QACtBH,YAAA,CAAAG,OAAoB,IAAIM,IAAA;MAAA;IAC1B,CACF;IAAAV,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAJA,MAAAW,QAAA,GAAiBL,EAIZ;EAAA,OAEEK,QAAA;AAAA","ignoreList":[]}

package/dist/features/toolbars/fixed/client/Toolbar/horizontalWheelScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontalWheelScroll.js","names":["c","_c","useEffect","scrollContainerSelector","PIXELS_PER_LINE","getHorizontalScrollDelta","clientWidth","deltaMode","deltaY","isRightToLeft","deltaInPixels","redirectVerticalWheelToHorizontalScroll","event","isPrimarilyVerticalWheelInput","Math","abs","deltaX","target","Element","scrollContainer","closest","canScrollHorizontally","scrollWidth","preventDefault","scrollLeft","getComputedStyle","direction","toolbarsListeningForWheelEvents","useRedirectVerticalWheelToHorizontalScroll","$","t0","Symbol","for","_temp2","document","addEventListener","passive","_temp","removeEventListener"],"sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/horizontalWheelScroll.ts"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nconst scrollContainerSelector = '.fixed-toolbar__scroll'\n\n// A single notch on a classic (non-trackpad) wheel mouse reports deltaMode 1 with a\n// deltaY of only 1-3, so it must be scaled up to a pixel value that actually moves the scroll.\nconst PIXELS_PER_LINE = 40\n\nexport function getHorizontalScrollDelta({\n  clientWidth,\n  deltaMode,\n  deltaY,\n  isRightToLeft,\n}: {\n  clientWidth: number\n  deltaMode: number\n  deltaY: number\n  isRightToLeft: boolean\n}): number {\n  const deltaInPixels =\n    deltaMode === 1 ? deltaY * PIXELS_PER_LINE : deltaMode === 2 ? deltaY * clientWidth : deltaY\n\n  // scrollLeft moves toward the inline-start edge for a given positive delta in RTL,\n  // the opposite of LTR, so the delta must be negated to keep the scroll direction consistent.\n  return isRightToLeft ? -deltaInPixels : deltaInPixels\n}\n\nfunction redirectVerticalWheelToHorizontalScroll(event: WheelEvent): void {\n  const isPrimarilyVerticalWheelInput = Math.abs(event.deltaY) > Math.abs(event.deltaX)\n  if (!isPrimarilyVerticalWheelInput) {\n    return\n  }\n\n  const target = event.target\n  if (!(target instanceof Element)) {\n    return\n  }\n\n  const scrollContainer = target.closest<HTMLElement>(scrollContainerSelector)\n  if (!scrollContainer) {\n    return\n  }\n\n  const canScrollHorizontally = scrollContainer.scrollWidth > scrollContainer.clientWidth\n  if (!canScrollHorizontally) {\n    return\n  }\n\n  event.preventDefault()\n  scrollContainer.scrollLeft += getHorizontalScrollDelta({\n    clientWidth: scrollContainer.clientWidth,\n    deltaMode: event.deltaMode,\n    deltaY: event.deltaY,\n    isRightToLeft: getComputedStyle(scrollContainer).direction === 'rtl',\n  })\n}\n\n// A single page can render many fixed toolbars at once (e.g. rich text nested several\n// layers deep inside blocks), so this listener is delegated to `document` and shared\n// across every toolbar instance instead of being attached per instance. A wheel listener\n// that can call preventDefault() must be non-passive, and non-passive listeners make the\n// browser treat their element as a \"non-fast-scrollable region\" that every scroll gesture\n// on the page has to be checked against, even ones nowhere near it. Attaching one instance\n// per toolbar would multiply that bookkeeping by however many toolbars happen to be on the\n// page; a single delegated listener keeps that cost constant no matter how many there are.\nlet toolbarsListeningForWheelEvents = 0\n\nexport function useRedirectVerticalWheelToHorizontalScroll(): void {\n  useEffect(() => {\n    if (toolbarsListeningForWheelEvents === 0) {\n      document.addEventListener('wheel', redirectVerticalWheelToHorizontalScroll, {\n        passive: false,\n      })\n    }\n    toolbarsListeningForWheelEvents += 1\n\n    return () => {\n      toolbarsListeningForWheelEvents -= 1\n      if (toolbarsListeningForWheelEvents === 0) {\n        document.removeEventListener('wheel', redirectVerticalWheelToHorizontalScroll)\n      }\n    }\n  }, [])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAE1B,MAAMC,uBAAA,GAA0B;AAEhC;AACA;AACA,MAAMC,eAAA,GAAkB;AAExB,OAAO,SAASC,yBAAyB;EACvCC,WAAW;EACXC,SAAS;EACTC,MAAM;EACNC;AAAa,CAMd;EACC,MAAMC,aAAA,GACJH,SAAA,KAAc,IAAIC,MAAA,GAASJ,eAAA,GAAkBG,SAAA,KAAc,IAAIC,MAAA,GAASF,WAAA,GAAcE,MAAA;EAExF;EACA;EACA,OAAOC,aAAA,GAAgB,CAACC,aAAA,GAAgBA,aAAA;AAC1C;AAEA,SAASC,wCAAwCC,KAAiB;EAChE,MAAMC,6BAAA,GAAgCC,IAAA,CAAKC,GAAG,CAACH,KAAA,CAAMJ,MAAM,IAAIM,IAAA,CAAKC,GAAG,CAACH,KAAA,CAAMI,MAAM;EACpF,IAAI,CAACH,6BAAA,EAA+B;IAClC;EACF;EAEA,MAAMI,MAAA,GAASL,KAAA,CAAMK,MAAM;EAC3B,IAAI,EAAEA,MAAA,YAAkBC,OAAM,GAAI;IAChC;EACF;EAEA,MAAMC,eAAA,GAAkBF,MAAA,CAAOG,OAAO,CAAcjB,uBAAA;EACpD,IAAI,CAACgB,eAAA,EAAiB;IACpB;EACF;EAEA,MAAME,qBAAA,GAAwBF,eAAA,CAAgBG,WAAW,GAAGH,eAAA,CAAgBb,WAAW;EACvF,IAAI,CAACe,qBAAA,EAAuB;IAC1B;EACF;EAEAT,KAAA,CAAMW,cAAc;EACpBJ,eAAA,CAAgBK,UAAU,IAAInB,wBAAA,CAAyB;IACrDC,WAAA,EAAaa,eAAA,CAAgBb,WAAW;IACxCC,SAAA,EAAWK,KAAA,CAAML,SAAS;IAC1BC,MAAA,EAAQI,KAAA,CAAMJ,MAAM;IACpBC,aAAA,EAAegB,gBAAA,CAAiBN,eAAA,EAAiBO,SAAS,KAAK;EACjE;AACF;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,+BAAA,GAAkC;AAEtC,OAAO,SAAAC,2CAAA;EAAA,MAAAC,CAAA,GAAA5B,EAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAD,CAAA,QAAAE,MAAA,CAAAC,GAAA;IAeFF,EAAA;IAAED,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAdL3B,SAAA,CAAA+B,MAAA,EAcGH,EAAE;AAAA;AAfA,SAAAG,OAAA;EAAA,IAECN,+BAAA,MAAoC;IACtCO,QAAA,CAAAC,gBAAA,CAA0B,SAAAxB,uCAAA;MAAAyB,OAAA;IAAA,CAE1B;EAAA;EAAAT,+BAAA,GAEFA,+BAAA,IAAmC;EAAA,OAAAU,KAAA;AAAA;AAPhC,SAAAA,MAAA;EAAAV,+BAAA,GAUDA,+BAAA,IAAmC;EAAA,IAC/BA,+BAAA,MAAoC;IACtCO,QAAA,CAAAI,mBAAA,CAA6B,SAAA3B,uCAAS;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"horizontalWheelScroll.js","names":["c","_c","useEffect","scrollContainerSelector","PIXELS_PER_LINE","getHorizontalScrollDelta","clientWidth","deltaMode","deltaY","isRightToLeft","deltaInPixels","redirectVerticalWheelToHorizontalScroll","event","isPrimarilyVerticalWheelInput","Math","abs","deltaX","target","Element","scrollContainer","closest","canScrollHorizontally","scrollWidth","preventDefault","scrollLeft","getComputedStyle","direction","toolbarsListeningForWheelEvents","useRedirectVerticalWheelToHorizontalScroll","$","t0","Symbol","for","_temp2","document","addEventListener","passive","_temp","removeEventListener"],"sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/horizontalWheelScroll.ts"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nconst scrollContainerSelector = '.fixed-toolbar__scroll'\n\n// A single notch on a classic (non-trackpad) wheel mouse reports deltaMode 1 with a\n// deltaY of only 1-3, so it must be scaled up to a pixel value that actually moves the scroll.\nconst PIXELS_PER_LINE = 40\n\nexport function getHorizontalScrollDelta({\n  clientWidth,\n  deltaMode,\n  deltaY,\n  isRightToLeft,\n}: {\n  clientWidth: number\n  deltaMode: number\n  deltaY: number\n  isRightToLeft: boolean\n}): number {\n  const deltaInPixels =\n    deltaMode === 1 ? deltaY * PIXELS_PER_LINE : deltaMode === 2 ? deltaY * clientWidth : deltaY\n\n  // scrollLeft moves toward the inline-start edge for a given positive delta in RTL,\n  // the opposite of LTR, so the delta must be negated to keep the scroll direction consistent.\n  return isRightToLeft ? -deltaInPixels : deltaInPixels\n}\n\nfunction redirectVerticalWheelToHorizontalScroll(event: WheelEvent): void {\n  const isPrimarilyVerticalWheelInput = Math.abs(event.deltaY) > Math.abs(event.deltaX)\n  if (!isPrimarilyVerticalWheelInput) {\n    return\n  }\n\n  const target = event.target\n  if (!(target instanceof Element)) {\n    return\n  }\n\n  const scrollContainer = target.closest<HTMLElement>(scrollContainerSelector)\n  if (!scrollContainer) {\n    return\n  }\n\n  const canScrollHorizontally = scrollContainer.scrollWidth > scrollContainer.clientWidth\n  if (!canScrollHorizontally) {\n    return\n  }\n\n  event.preventDefault()\n  scrollContainer.scrollLeft += getHorizontalScrollDelta({\n    clientWidth: scrollContainer.clientWidth,\n    deltaMode: event.deltaMode,\n    deltaY: event.deltaY,\n    isRightToLeft: getComputedStyle(scrollContainer).direction === 'rtl',\n  })\n}\n\n// A single page can render many fixed toolbars at once (e.g. rich text nested several\n// layers deep inside blocks), so this listener is delegated to `document` and shared\n// across every toolbar instance instead of being attached per instance. A wheel listener\n// that can call preventDefault() must be non-passive, and non-passive listeners make the\n// browser treat their element as a \"non-fast-scrollable region\" that every scroll gesture\n// on the page has to be checked against, even ones nowhere near it. Attaching one instance\n// per toolbar would multiply that bookkeeping by however many toolbars happen to be on the\n// page; a single delegated listener keeps that cost constant no matter how many there are.\nlet toolbarsListeningForWheelEvents = 0\n\nexport function useRedirectVerticalWheelToHorizontalScroll(): void {\n  useEffect(() => {\n    if (toolbarsListeningForWheelEvents === 0) {\n      document.addEventListener('wheel', redirectVerticalWheelToHorizontalScroll, {\n        passive: false,\n      })\n    }\n    toolbarsListeningForWheelEvents += 1\n\n    return () => {\n      toolbarsListeningForWheelEvents -= 1\n      if (toolbarsListeningForWheelEvents === 0) {\n        document.removeEventListener('wheel', redirectVerticalWheelToHorizontalScroll)\n      }\n    }\n  }, [])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAE1B,MAAMC,uBAAA,GAA0B;AAEhC;AACA;AACA,MAAMC,eAAA,GAAkB;AAExB,OAAO,SAASC,yBAAyB;EACvCC,WAAW;EACXC,SAAS;EACTC,MAAM;EACNC;AAAa,CAMd;EACC,MAAMC,aAAA,GACJH,SAAA,KAAc,IAAIC,MAAA,GAASJ,eAAA,GAAkBG,SAAA,KAAc,IAAIC,MAAA,GAASF,WAAA,GAAcE,MAAA;EAExF;EACA;EACA,OAAOC,aAAA,GAAgB,CAACC,aAAA,GAAgBA,aAAA;AAC1C;AAEA,SAASC,wCAAwCC,KAAiB;EAChE,MAAMC,6BAAA,GAAgCC,IAAA,CAAKC,GAAG,CAACH,KAAA,CAAMJ,MAAM,IAAIM,IAAA,CAAKC,GAAG,CAACH,KAAA,CAAMI,MAAM;EACpF,IAAI,CAACH,6BAAA,EAA+B;IAClC;EACF;EAEA,MAAMI,MAAA,GAASL,KAAA,CAAMK,MAAM;EAC3B,IAAI,EAAEA,MAAA,YAAkBC,OAAM,GAAI;IAChC;EACF;EAEA,MAAMC,eAAA,GAAkBF,MAAA,CAAOG,OAAO,CAAcjB,uBAAA;EACpD,IAAI,CAACgB,eAAA,EAAiB;IACpB;EACF;EAEA,MAAME,qBAAA,GAAwBF,eAAA,CAAgBG,WAAW,GAAGH,eAAA,CAAgBb,WAAW;EACvF,IAAI,CAACe,qBAAA,EAAuB;IAC1B;EACF;EAEAT,KAAA,CAAMW,cAAc;EACpBJ,eAAA,CAAgBK,UAAU,IAAInB,wBAAA,CAAyB;IACrDC,WAAA,EAAaa,eAAA,CAAgBb,WAAW;IACxCC,SAAA,EAAWK,KAAA,CAAML,SAAS;IAC1BC,MAAA,EAAQI,KAAA,CAAMJ,MAAM;IACpBC,aAAA,EAAegB,gBAAA,CAAiBN,eAAA,EAAiBO,SAAS,KAAK;EACjE;AACF;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,+BAAA,GAAkC;AAEtC,OAAO,SAAAC,2CAAA;EAAA,MAAAC,CAAA,GAAA5B,EAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAD,CAAA,QAAAE,MAAA,CAAAC,GAAA;IAeFF,EAAA,KAAE;IAAAD,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAdL3B,SAAA,CAAU+B,MAcV,EAAGH,EAAE;AAAA;AAfA,SAAAG,OAAA;EAEH,IAAIN,+BAAA,KAAoC;IACtCO,QAAA,CAAAC,gBAAyB,CAAC,SAASxB,uCAAA,EAAyC;MAAAyB,OAAA,EACjE;IACX;EAAA;EAEFT,+BAAA,GAAAA,+BAAA,GAAmC;EAAA,OAE5BU,KAKP;AAAA;AAdG,SAAAA,MAAA;EAUDV,+BAAA,GAAAA,+BAAA,GAAmC;EACnC,IAAIA,+BAAA,KAAoC;IACtCO,QAAA,CAAAI,mBAA4B,CAAC,SAAS3B,uCAAA;EAAA;AACxC","ignoreList":[]}

package/dist/features/toolbars/fixed/client/Toolbar/index.js

@@ -40,85 +40,141 @@ function ButtonGroupItem({
     children: /*#__PURE__*/_jsx(item.ChildComponent, {})
   }, item.key);
 }
-function ToolbarGroupComponent({
-  anchorElem,
-  editor,
-  editorConfig,
-  group,
-  index,
-  toolbarStates
-}) {
+function ToolbarGroupComponent(t0) {
+  const $ = _c(22);
+  const {
+    anchorElem,
+    editor,
+    editorConfig,
+    group,
+    index,
+    toolbarStates
+  } = t0;
   const {
     i18n
   } = useTranslation();
   const {
-    fieldProps: {
-      featureClientSchemaMap,
-      schemaPath
-    }
+    fieldProps: t1
   } = useEditorConfigContext();
-  const groupState = toolbarStates.groupStates.get(group.key);
-  const DropdownIcon = useMemo(() => {
-    if (group.type !== 'dropdown') {
-      return undefined;
+  const {
+    featureClientSchemaMap,
+    schemaPath
+  } = t1;
+  let t2;
+  if ($[0] !== group.key || $[1] !== toolbarStates.groupStates) {
+    t2 = toolbarStates.groupStates.get(group.key);
+    $[0] = group.key;
+    $[1] = toolbarStates.groupStates;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const groupState = t2;
+  groupState?.activeItems;
+  let t3;
+  bb0: {
+    if (group.type !== "dropdown") {
+      t3 = undefined;
+      break bb0;
     }
     const activeItem = groupState?.activeItems?.[0];
     if (activeItem) {
-      return activeItem.ChildComponent;
-    }
-    return group.ChildComponent;
-  }, [group, groupState?.activeItems]);
-  const dropdownLabel = useMemo(() => {
-    if (group.type !== 'dropdown') {
-      return undefined;
-    }
-    const activeItems = groupState?.activeItems;
-    if (!activeItems?.length) {
-      return undefined;
-    }
-    if (activeItems.length > 1) {
-      return i18n.t('lexical:general:toolbarItemsActive', {
-        count: activeItems.length
-      });
-    }
-    const item = activeItems[0];
-    let label = item.key;
-    if (item.label) {
-      label = typeof item.label === 'function' ? item.label({
-        featureClientSchemaMap,
-        i18n,
-        schemaPath
-      }) : item.label;
-    }
-    if (label.length > 25) {
-      label = label.substring(0, 25) + '...';
+      t3 = activeItem.ChildComponent;
+      break bb0;
     }
-    return label;
-  }, [group, groupState?.activeItems, i18n, featureClientSchemaMap, schemaPath]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: `fixed-toolbar__group fixed-toolbar__group-${group.key}`,
-    "data-toolbar-group-key": group.key,
-    children: [group.type === 'dropdown' && group.items.length && groupState ? /*#__PURE__*/_jsx(ToolbarDropdown, {
-      anchorElem: anchorElem,
-      editor: editor,
-      group: group,
-      groupState: groupState,
-      Icon: DropdownIcon,
-      itemsContainerClassNames: ['fixed-toolbar__dropdown-items'],
-      label: dropdownLabel
-    }) : null, group.type === 'buttons' && group.items.length ? group.items.map(item_0 => {
-      const itemState = toolbarStates.itemStates.get(item_0.key);
-      return /*#__PURE__*/_jsx(ButtonGroupItem, {
-        active: itemState?.active ?? false,
-        anchorElem: anchorElem,
-        editor: editor,
-        enabled: itemState?.enabled ?? true,
-        item: item_0
-      }, item_0.key);
-    }) : null, index < editorConfig.features.toolbarFixed?.groups.length - 1 && /*#__PURE__*/_jsx("div", {
-      className: "divider"
-    })]
-  }, group.key);
+    t3 = group.ChildComponent;
+  }
+  const DropdownIcon = t3;
+  let t4;
+  if ($[3] !== featureClientSchemaMap || $[4] !== group.type || $[5] !== groupState?.activeItems || $[6] !== i18n || $[7] !== schemaPath) {
+    t4 = () => {
+      if (group.type !== "dropdown") {
+        return;
+      }
+      const activeItems = groupState?.activeItems;
+      if (!activeItems?.length) {
+        return;
+      }
+      if (activeItems.length > 1) {
+        return i18n.t("lexical:general:toolbarItemsActive", {
+          count: activeItems.length
+        });
+      }
+      const item = activeItems[0];
+      let label = item.key;
+      if (item.label) {
+        label = typeof item.label === "function" ? item.label({
+          featureClientSchemaMap,
+          i18n,
+          schemaPath
+        }) : item.label;
+      }
+      if (label.length > 25) {
+        label = label.substring(0, 25) + "...";
+      }
+      return label;
+    };
+    $[3] = featureClientSchemaMap;
+    $[4] = group.type;
+    $[5] = groupState?.activeItems;
+    $[6] = i18n;
+    $[7] = schemaPath;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  groupState?.activeItems;
+  let t5;
+  if ($[9] !== t4) {
+    t5 = t4();
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const dropdownLabel = t5;
+  const t6 = `fixed-toolbar__group fixed-toolbar__group-${group.key}`;
+  let t7;
+  if ($[11] !== DropdownIcon || $[12] !== anchorElem || $[13] !== dropdownLabel || $[14] !== editor || $[15] !== editorConfig.features.toolbarFixed?.groups.length || $[16] !== group || $[17] !== groupState || $[18] !== index || $[19] !== t6 || $[20] !== toolbarStates.itemStates) {
+    t7 = _jsxs("div", {
+      className: t6,
+      "data-toolbar-group-key": group.key,
+      children: [group.type === "dropdown" && group.items.length && groupState ? _jsx(ToolbarDropdown, {
+        anchorElem,
+        editor,
+        group,
+        groupState,
+        Icon: DropdownIcon,
+        itemsContainerClassNames: ["fixed-toolbar__dropdown-items"],
+        label: dropdownLabel
+      }) : null, group.type === "buttons" && group.items.length ? group.items.map(item_0 => {
+        const itemState = toolbarStates.itemStates.get(item_0.key);
+        return _jsx(ButtonGroupItem, {
+          active: itemState?.active ?? false,
+          anchorElem,
+          editor,
+          enabled: itemState?.enabled ?? true,
+          item: item_0
+        }, item_0.key);
+      }) : null, index < editorConfig.features.toolbarFixed?.groups.length - 1 && _jsx("div", {
+        className: "divider"
+      })]
+    }, group.key);
+    $[11] = DropdownIcon;
+    $[12] = anchorElem;
+    $[13] = dropdownLabel;
+    $[14] = editor;
+    $[15] = editorConfig.features.toolbarFixed?.groups.length;
+    $[16] = group;
+    $[17] = groupState;
+    $[18] = index;
+    $[19] = t6;
+    $[20] = toolbarStates.itemStates;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  return t7;
 }
 function FixedToolbar({
   anchorElem,

package/dist/features/toolbars/fixed/client/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","getTranslation","useScrollInfo","useThrottledEffect","useTranslation","React","useMemo","useEditorConfigContext","ToolbarButton","ToolbarDropdown","useToolbarKeyboardNavigation","useToolbarStates","useRedirectVerticalWheelToHorizontalScroll","ButtonGroupItem","active","anchorElem","editor","enabled","item","Component","_jsx","key","ChildComponent","ToolbarGroupComponent","editorConfig","group","index","toolbarStates","i18n","fieldProps","featureClientSchemaMap","schemaPath","groupState","groupStates","get","DropdownIcon","type","undefined","activeItem","activeItems","dropdownLabel","length","t","count","label","substring","_jsxs","className","items","Icon","itemsContainerClassNames","map","itemState","itemStates","features","toolbarFixed","groups","FixedToolbar","clientProps","parentWithFixedToolbar","currentToolbarRef","useRef","keyboardNavigationOptions","toolbarRef","isEditable","y","parentToolbarElem","disableIfParentHasFixedToolbar","parentEditorElem","editorContainerRef","current","sibling","previousElementSibling","classList","contains","currentToolbarElem","currentRect","getBoundingClientRect","parentRect","overlapping","bottom","top","remove","add","field","path","onFocus","event","stopPropagation","ref","role","tabIndex","i","getParentEditorWithFixedToolbar","editorConfigContext","parentEditor","resolvedFeatureMap","has","FixedToolbarPlugin","t0","$","currentEditor","currentEditorConfig","applyToFocusedEditor","focusedEditor","t1","t2","Symbol","for","bb0","document","body"],"sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useScrollInfo, useThrottledEffect, useTranslation } from '@payloadcms/ui'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { EditorConfigContextType } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport type { SanitizedClientEditorConfig } from '../../../../../lexical/config/types.js'\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { ToolbarStates } from '../../../shared/useToolbarStates.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../../types.js'\nimport type { FixedToolbarFeatureProps } from '../../server/index.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { ToolbarButton } from '../../../shared/ToolbarButton/index.js'\nimport { ToolbarDropdown } from '../../../shared/ToolbarDropdown/index.js'\nimport { useToolbarKeyboardNavigation } from '../../../shared/useToolbarKeyboardNavigation.js'\nimport { useToolbarStates } from '../../../shared/useToolbarStates.js'\nimport { useRedirectVerticalWheelToHorizontalScroll } from './horizontalWheelScroll.js'\nimport './index.css'\n\nfunction ButtonGroupItem({\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}): React.ReactNode {\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n      )\n    )\n  }\n\n  if (!item.ChildComponent) {\n    return null\n  }\n\n  return (\n    <ToolbarButton active={active} editor={editor} enabled={enabled} item={item} key={item.key}>\n      <item.ChildComponent />\n    </ToolbarButton>\n  )\n}\n\nfunction ToolbarGroupComponent({\n  anchorElem,\n  editor,\n  editorConfig,\n  group,\n  index,\n  toolbarStates,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  group: ToolbarGroup\n  index: number\n  toolbarStates: ToolbarStates\n}): React.ReactNode {\n  const { i18n } = useTranslation<{}, string>()\n  const {\n    fieldProps: { featureClientSchemaMap, schemaPath },\n  } = useEditorConfigContext()\n\n  const groupState = toolbarStates.groupStates.get(group.key)\n\n  const DropdownIcon = useMemo(() => {\n    if (group.type !== 'dropdown') {\n      return undefined\n    }\n    const activeItem = groupState?.activeItems?.[0]\n    if (activeItem) {\n      return activeItem.ChildComponent\n    }\n    return group.ChildComponent\n  }, [group, groupState?.activeItems])\n\n  const dropdownLabel = useMemo(() => {\n    if (group.type !== 'dropdown') {\n      return undefined\n    }\n    const activeItems = groupState?.activeItems\n    if (!activeItems?.length) {\n      return undefined\n    }\n    if (activeItems.length > 1) {\n      return i18n.t('lexical:general:toolbarItemsActive', { count: activeItems.length })\n    }\n    const item = activeItems[0]!\n    let label = item.key\n    if (item.label) {\n      label =\n        typeof item.label === 'function'\n          ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n          : item.label\n    }\n    if (label.length > 25) {\n      label = label.substring(0, 25) + '...'\n    }\n    return label\n  }, [group, groupState?.activeItems, i18n, featureClientSchemaMap, schemaPath])\n\n  return (\n    <div\n      className={`fixed-toolbar__group fixed-toolbar__group-${group.key}`}\n      data-toolbar-group-key={group.key}\n      key={group.key}\n    >\n      {group.type === 'dropdown' && group.items.length && groupState ? (\n        <ToolbarDropdown\n          anchorElem={anchorElem}\n          editor={editor}\n          group={group}\n          groupState={groupState}\n          Icon={DropdownIcon}\n          itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n          label={dropdownLabel}\n        />\n      ) : null}\n      {group.type === 'buttons' && group.items.length\n        ? group.items.map((item) => {\n            const itemState = toolbarStates.itemStates.get(item.key)\n            return (\n              <ButtonGroupItem\n                active={itemState?.active ?? false}\n                anchorElem={anchorElem}\n                editor={editor}\n                enabled={itemState?.enabled ?? true}\n                item={item}\n                key={item.key}\n              />\n            )\n          })\n        : null}\n      {index < editorConfig.features.toolbarFixed?.groups.length - 1 && <div className=\"divider\" />}\n    </div>\n  )\n}\n\nfunction FixedToolbar({\n  anchorElem,\n  clientProps,\n  editor,\n  editorConfig,\n  parentWithFixedToolbar,\n}: {\n  anchorElem: HTMLElement\n  clientProps?: FixedToolbarFeatureProps\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  parentWithFixedToolbar: EditorConfigContextType | false\n}): React.ReactNode {\n  const currentToolbarRef = React.useRef<HTMLDivElement>(null)\n  const keyboardNavigationOptions = useMemo(() => ({ toolbarRef: currentToolbarRef }), [])\n  const { fieldProps } = useEditorConfigContext()\n  const { i18n } = useTranslation()\n\n  useToolbarKeyboardNavigation(keyboardNavigationOptions)\n\n  const isEditable = useLexicalEditable()\n\n  const { y } = useScrollInfo()\n\n  useRedirectVerticalWheelToHorizontalScroll()\n\n  const toolbarStates = useToolbarStates(editor, editorConfig?.features?.toolbarFixed?.groups)\n\n  // Memoize the parent toolbar element\n  const parentToolbarElem = useMemo(() => {\n    if (!parentWithFixedToolbar || clientProps?.disableIfParentHasFixedToolbar) {\n      return null\n    }\n\n    const parentEditorElem = parentWithFixedToolbar.editorContainerRef.current\n    let sibling = parentEditorElem.previousElementSibling\n    while (sibling) {\n      if (sibling.classList.contains('fixed-toolbar')) {\n        return sibling\n      }\n      sibling = sibling.previousElementSibling\n    }\n    return null\n  }, [clientProps?.disableIfParentHasFixedToolbar, parentWithFixedToolbar])\n\n  useThrottledEffect(\n    () => {\n      if (!parentToolbarElem) {\n        // this also checks for clientProps?.disableIfParentHasFixedToolbar indirectly, see the parentToolbarElem useMemo\n        return\n      }\n      const currentToolbarElem = currentToolbarRef.current\n      if (!currentToolbarElem) {\n        return\n      }\n\n      const currentRect = currentToolbarElem.getBoundingClientRect()\n      const parentRect = parentToolbarElem.getBoundingClientRect()\n\n      // we only need to check for vertical overlap\n      const overlapping = !(\n        currentRect.bottom < parentRect.top || currentRect.top > parentRect.bottom\n      )\n\n      if (overlapping) {\n        currentToolbarElem.classList.remove('fixed-toolbar')\n        currentToolbarElem.classList.add('fixed-toolbar', 'fixed-toolbar--overlapping')\n        parentToolbarElem.classList.remove('fixed-toolbar')\n        parentToolbarElem.classList.add('fixed-toolbar', 'fixed-toolbar--hide')\n      } else {\n        if (!currentToolbarElem.classList.contains('fixed-toolbar--overlapping')) {\n          return\n        }\n        currentToolbarElem.classList.remove('fixed-toolbar--overlapping')\n        currentToolbarElem.classList.add('fixed-toolbar')\n        parentToolbarElem.classList.remove('fixed-toolbar--hide')\n        parentToolbarElem.classList.add('fixed-toolbar')\n      }\n    },\n    50,\n    [currentToolbarRef, parentToolbarElem, y],\n  )\n\n  return (\n    <div\n      aria-label={\n        getTranslation(fieldProps.field.label || fieldProps.path, i18n) || fieldProps.path\n      }\n      className=\"fixed-toolbar\"\n      onFocus={(event) => {\n        // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,\n        // the parent editor will be focused, and the child editor will lose focus.\n        event.stopPropagation()\n      }}\n      ref={currentToolbarRef}\n      role=\"toolbar\"\n    >\n      {isEditable && (\n        <div className=\"fixed-toolbar__scroll\" tabIndex={-1}>\n          {editorConfig?.features &&\n            editorConfig.features?.toolbarFixed?.groups.map((group, i) => {\n              return (\n                <ToolbarGroupComponent\n                  anchorElem={anchorElem}\n                  editor={editor}\n                  editorConfig={editorConfig}\n                  group={group}\n                  index={i}\n                  key={group.key}\n                  toolbarStates={toolbarStates}\n                />\n              )\n            })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst getParentEditorWithFixedToolbar = (\n  editorConfigContext: EditorConfigContextType,\n): EditorConfigContextType | false => {\n  if (editorConfigContext.parentEditor?.editorConfig) {\n    if (editorConfigContext.parentEditor?.editorConfig.resolvedFeatureMap.has('toolbarFixed')) {\n      return editorConfigContext.parentEditor\n    } else {\n      if (editorConfigContext.parentEditor) {\n        return getParentEditorWithFixedToolbar(editorConfigContext.parentEditor)\n      }\n    }\n  }\n  return false\n}\n\nexport const FixedToolbarPlugin: PluginComponent<FixedToolbarFeatureProps> = ({ clientProps }) => {\n  const [currentEditor] = useLexicalComposerContext()\n  const editorConfigContext = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  if (!isEditable) {\n    return null\n  }\n\n  const { editorConfig: currentEditorConfig } = editorConfigContext\n\n  const editor = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editor || currentEditor\n    : currentEditor\n\n  const editorConfig = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editorConfig || currentEditorConfig\n    : currentEditorConfig\n\n  const parentWithFixedToolbar = getParentEditorWithFixedToolbar(editorConfigContext)\n\n  if (clientProps?.disableIfParentHasFixedToolbar) {\n    if (parentWithFixedToolbar) {\n      return null\n    }\n  }\n\n  if (!editorConfig?.features?.toolbarFixed?.groups?.length) {\n    return null\n  }\n\n  return (\n    <FixedToolbar\n      anchorElem={document.body}\n      clientProps={clientProps}\n      editor={editor}\n      editorConfig={editorConfig}\n      parentWithFixedToolbar={parentWithFixedToolbar}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","getTranslation","useScrollInfo","useThrottledEffect","useTranslation","React","useMemo","useEditorConfigContext","ToolbarButton","ToolbarDropdown","useToolbarKeyboardNavigation","useToolbarStates","useRedirectVerticalWheelToHorizontalScroll","ButtonGroupItem","active","anchorElem","editor","enabled","item","Component","_jsx","key","ChildComponent","ToolbarGroupComponent","t0","$","editorConfig","group","index","toolbarStates","i18n","fieldProps","t1","featureClientSchemaMap","schemaPath","t2","groupStates","get","groupState","activeItems","t3","bb0","type","undefined","activeItem","DropdownIcon","t4","length","t","count","label","substring","t5","dropdownLabel","t6","t7","features","toolbarFixed","groups","itemStates","_jsxs","className","children","items","Icon","itemsContainerClassNames","map","item_0","itemState","FixedToolbar","clientProps","parentWithFixedToolbar","currentToolbarRef","useRef","keyboardNavigationOptions","toolbarRef","isEditable","y","parentToolbarElem","disableIfParentHasFixedToolbar","parentEditorElem","editorContainerRef","current","sibling","previousElementSibling","classList","contains","currentToolbarElem","currentRect","getBoundingClientRect","parentRect","overlapping","bottom","top","remove","add","field","path","onFocus","event","stopPropagation","ref","role","tabIndex","i","getParentEditorWithFixedToolbar","editorConfigContext","parentEditor","resolvedFeatureMap","has","FixedToolbarPlugin","currentEditor","currentEditorConfig","applyToFocusedEditor","focusedEditor","Symbol","for","document","body"],"sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useScrollInfo, useThrottledEffect, useTranslation } from '@payloadcms/ui'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { EditorConfigContextType } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport type { SanitizedClientEditorConfig } from '../../../../../lexical/config/types.js'\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { ToolbarStates } from '../../../shared/useToolbarStates.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../../types.js'\nimport type { FixedToolbarFeatureProps } from '../../server/index.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { ToolbarButton } from '../../../shared/ToolbarButton/index.js'\nimport { ToolbarDropdown } from '../../../shared/ToolbarDropdown/index.js'\nimport { useToolbarKeyboardNavigation } from '../../../shared/useToolbarKeyboardNavigation.js'\nimport { useToolbarStates } from '../../../shared/useToolbarStates.js'\nimport { useRedirectVerticalWheelToHorizontalScroll } from './horizontalWheelScroll.js'\nimport './index.css'\n\nfunction ButtonGroupItem({\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}): React.ReactNode {\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n      )\n    )\n  }\n\n  if (!item.ChildComponent) {\n    return null\n  }\n\n  return (\n    <ToolbarButton active={active} editor={editor} enabled={enabled} item={item} key={item.key}>\n      <item.ChildComponent />\n    </ToolbarButton>\n  )\n}\n\nfunction ToolbarGroupComponent({\n  anchorElem,\n  editor,\n  editorConfig,\n  group,\n  index,\n  toolbarStates,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  group: ToolbarGroup\n  index: number\n  toolbarStates: ToolbarStates\n}): React.ReactNode {\n  const { i18n } = useTranslation<{}, string>()\n  const {\n    fieldProps: { featureClientSchemaMap, schemaPath },\n  } = useEditorConfigContext()\n\n  const groupState = toolbarStates.groupStates.get(group.key)\n\n  const DropdownIcon = useMemo(() => {\n    if (group.type !== 'dropdown') {\n      return undefined\n    }\n    const activeItem = groupState?.activeItems?.[0]\n    if (activeItem) {\n      return activeItem.ChildComponent\n    }\n    return group.ChildComponent\n  }, [group, groupState?.activeItems])\n\n  const dropdownLabel = useMemo(() => {\n    if (group.type !== 'dropdown') {\n      return undefined\n    }\n    const activeItems = groupState?.activeItems\n    if (!activeItems?.length) {\n      return undefined\n    }\n    if (activeItems.length > 1) {\n      return i18n.t('lexical:general:toolbarItemsActive', { count: activeItems.length })\n    }\n    const item = activeItems[0]!\n    let label = item.key\n    if (item.label) {\n      label =\n        typeof item.label === 'function'\n          ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n          : item.label\n    }\n    if (label.length > 25) {\n      label = label.substring(0, 25) + '...'\n    }\n    return label\n  }, [group, groupState?.activeItems, i18n, featureClientSchemaMap, schemaPath])\n\n  return (\n    <div\n      className={`fixed-toolbar__group fixed-toolbar__group-${group.key}`}\n      data-toolbar-group-key={group.key}\n      key={group.key}\n    >\n      {group.type === 'dropdown' && group.items.length && groupState ? (\n        <ToolbarDropdown\n          anchorElem={anchorElem}\n          editor={editor}\n          group={group}\n          groupState={groupState}\n          Icon={DropdownIcon}\n          itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n          label={dropdownLabel}\n        />\n      ) : null}\n      {group.type === 'buttons' && group.items.length\n        ? group.items.map((item) => {\n            const itemState = toolbarStates.itemStates.get(item.key)\n            return (\n              <ButtonGroupItem\n                active={itemState?.active ?? false}\n                anchorElem={anchorElem}\n                editor={editor}\n                enabled={itemState?.enabled ?? true}\n                item={item}\n                key={item.key}\n              />\n            )\n          })\n        : null}\n      {index < editorConfig.features.toolbarFixed?.groups.length - 1 && <div className=\"divider\" />}\n    </div>\n  )\n}\n\nfunction FixedToolbar({\n  anchorElem,\n  clientProps,\n  editor,\n  editorConfig,\n  parentWithFixedToolbar,\n}: {\n  anchorElem: HTMLElement\n  clientProps?: FixedToolbarFeatureProps\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  parentWithFixedToolbar: EditorConfigContextType | false\n}): React.ReactNode {\n  const currentToolbarRef = React.useRef<HTMLDivElement>(null)\n  const keyboardNavigationOptions = useMemo(() => ({ toolbarRef: currentToolbarRef }), [])\n  const { fieldProps } = useEditorConfigContext()\n  const { i18n } = useTranslation()\n\n  useToolbarKeyboardNavigation(keyboardNavigationOptions)\n\n  const isEditable = useLexicalEditable()\n\n  const { y } = useScrollInfo()\n\n  useRedirectVerticalWheelToHorizontalScroll()\n\n  const toolbarStates = useToolbarStates(editor, editorConfig?.features?.toolbarFixed?.groups)\n\n  // Memoize the parent toolbar element\n  const parentToolbarElem = useMemo(() => {\n    if (!parentWithFixedToolbar || clientProps?.disableIfParentHasFixedToolbar) {\n      return null\n    }\n\n    const parentEditorElem = parentWithFixedToolbar.editorContainerRef.current\n    let sibling = parentEditorElem.previousElementSibling\n    while (sibling) {\n      if (sibling.classList.contains('fixed-toolbar')) {\n        return sibling\n      }\n      sibling = sibling.previousElementSibling\n    }\n    return null\n  }, [clientProps?.disableIfParentHasFixedToolbar, parentWithFixedToolbar])\n\n  useThrottledEffect(\n    () => {\n      if (!parentToolbarElem) {\n        // this also checks for clientProps?.disableIfParentHasFixedToolbar indirectly, see the parentToolbarElem useMemo\n        return\n      }\n      const currentToolbarElem = currentToolbarRef.current\n      if (!currentToolbarElem) {\n        return\n      }\n\n      const currentRect = currentToolbarElem.getBoundingClientRect()\n      const parentRect = parentToolbarElem.getBoundingClientRect()\n\n      // we only need to check for vertical overlap\n      const overlapping = !(\n        currentRect.bottom < parentRect.top || currentRect.top > parentRect.bottom\n      )\n\n      if (overlapping) {\n        currentToolbarElem.classList.remove('fixed-toolbar')\n        currentToolbarElem.classList.add('fixed-toolbar', 'fixed-toolbar--overlapping')\n        parentToolbarElem.classList.remove('fixed-toolbar')\n        parentToolbarElem.classList.add('fixed-toolbar', 'fixed-toolbar--hide')\n      } else {\n        if (!currentToolbarElem.classList.contains('fixed-toolbar--overlapping')) {\n          return\n        }\n        currentToolbarElem.classList.remove('fixed-toolbar--overlapping')\n        currentToolbarElem.classList.add('fixed-toolbar')\n        parentToolbarElem.classList.remove('fixed-toolbar--hide')\n        parentToolbarElem.classList.add('fixed-toolbar')\n      }\n    },\n    50,\n    [currentToolbarRef, parentToolbarElem, y],\n  )\n\n  return (\n    <div\n      aria-label={\n        getTranslation(fieldProps.field.label || fieldProps.path, i18n) || fieldProps.path\n      }\n      className=\"fixed-toolbar\"\n      onFocus={(event) => {\n        // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,\n        // the parent editor will be focused, and the child editor will lose focus.\n        event.stopPropagation()\n      }}\n      ref={currentToolbarRef}\n      role=\"toolbar\"\n    >\n      {isEditable && (\n        <div className=\"fixed-toolbar__scroll\" tabIndex={-1}>\n          {editorConfig?.features &&\n            editorConfig.features?.toolbarFixed?.groups.map((group, i) => {\n              return (\n                <ToolbarGroupComponent\n                  anchorElem={anchorElem}\n                  editor={editor}\n                  editorConfig={editorConfig}\n                  group={group}\n                  index={i}\n                  key={group.key}\n                  toolbarStates={toolbarStates}\n                />\n              )\n            })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst getParentEditorWithFixedToolbar = (\n  editorConfigContext: EditorConfigContextType,\n): EditorConfigContextType | false => {\n  if (editorConfigContext.parentEditor?.editorConfig) {\n    if (editorConfigContext.parentEditor?.editorConfig.resolvedFeatureMap.has('toolbarFixed')) {\n      return editorConfigContext.parentEditor\n    } else {\n      if (editorConfigContext.parentEditor) {\n        return getParentEditorWithFixedToolbar(editorConfigContext.parentEditor)\n      }\n    }\n  }\n  return false\n}\n\nexport const FixedToolbarPlugin: PluginComponent<FixedToolbarFeatureProps> = ({ clientProps }) => {\n  const [currentEditor] = useLexicalComposerContext()\n  const editorConfigContext = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  if (!isEditable) {\n    return null\n  }\n\n  const { editorConfig: currentEditorConfig } = editorConfigContext\n\n  const editor = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editor || currentEditor\n    : currentEditor\n\n  const editorConfig = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editorConfig || currentEditorConfig\n    : currentEditorConfig\n\n  const parentWithFixedToolbar = getParentEditorWithFixedToolbar(editorConfigContext)\n\n  if (clientProps?.disableIfParentHasFixedToolbar) {\n    if (parentWithFixedToolbar) {\n      return null\n    }\n  }\n\n  if (!editorConfig?.features?.toolbarFixed?.groups?.length) {\n    return null\n  }\n\n  return (\n    <FixedToolbar\n      anchorElem={document.body}\n      clientProps={clientProps}\n      editor={editor}\n      editorConfig={editorConfig}\n      parentWithFixedToolbar={parentWithFixedToolbar}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/toolbars/inline/client/Toolbar/index.js

@@ -44,46 +44,78 @@ function ButtonGroupItem({
     children: /*#__PURE__*/_jsx(item.ChildComponent, {})
   }, item.key);
 }
-function ToolbarGroupComponent({
-  anchorElem,
-  editor,
-  group,
-  index,
-  toolbarStates
-}) {
+function ToolbarGroupComponent(t0) {
+  const $ = _c(13);
+  const {
+    anchorElem,
+    editor,
+    group,
+    index,
+    toolbarStates
+  } = t0;
   const {
     editorConfig
   } = useEditorConfigContext();
-  const groupState = toolbarStates.groupStates.get(group.key);
-  const DropdownIcon = useMemo(() => {
-    if (group.type !== 'dropdown') {
-      return undefined;
+  let t1;
+  if ($[0] !== group.key || $[1] !== toolbarStates.groupStates) {
+    t1 = toolbarStates.groupStates.get(group.key);
+    $[0] = group.key;
+    $[1] = toolbarStates.groupStates;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const groupState = t1;
+  groupState?.activeItems;
+  let t2;
+  bb0: {
+    if (group.type !== "dropdown") {
+      t2 = undefined;
+      break bb0;
     }
     const activeItem = groupState?.activeItems?.[0];
-    return activeItem?.ChildComponent ?? group.ChildComponent;
-  }, [group, groupState?.activeItems]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: `inline-toolbar-popup__group inline-toolbar-popup__group-${group.key}`,
-    "data-toolbar-group-key": group.key,
-    children: [group.type === 'dropdown' && group.items.length && groupState ? /*#__PURE__*/_jsx(ToolbarDropdown, {
-      anchorElem: anchorElem,
-      editor: editor,
-      group: group,
-      groupState: groupState,
-      Icon: DropdownIcon
-    }) : null, group.type === 'buttons' && group.items.length ? group.items.map(item => {
-      const itemState = toolbarStates.itemStates.get(item.key);
-      return /*#__PURE__*/_jsx(ButtonGroupItem, {
-        active: itemState?.active ?? false,
-        anchorElem: anchorElem,
-        editor: editor,
-        enabled: itemState?.enabled ?? true,
-        item: item
-      }, item.key);
-    }) : null, index < editorConfig.features.toolbarInline?.groups.length - 1 && /*#__PURE__*/_jsx("div", {
-      className: "divider"
-    })]
-  }, group.key);
+    t2 = activeItem?.ChildComponent ?? group.ChildComponent;
+  }
+  const DropdownIcon = t2;
+  const t3 = `inline-toolbar-popup__group inline-toolbar-popup__group-${group.key}`;
+  let t4;
+  if ($[3] !== DropdownIcon || $[4] !== anchorElem || $[5] !== editor || $[6] !== editorConfig.features.toolbarInline?.groups.length || $[7] !== group || $[8] !== groupState || $[9] !== index || $[10] !== t3 || $[11] !== toolbarStates.itemStates) {
+    t4 = _jsxs("div", {
+      className: t3,
+      "data-toolbar-group-key": group.key,
+      children: [group.type === "dropdown" && group.items.length && groupState ? _jsx(ToolbarDropdown, {
+        anchorElem,
+        editor,
+        group,
+        groupState,
+        Icon: DropdownIcon
+      }) : null, group.type === "buttons" && group.items.length ? group.items.map(item => {
+        const itemState = toolbarStates.itemStates.get(item.key);
+        return _jsx(ButtonGroupItem, {
+          active: itemState?.active ?? false,
+          anchorElem,
+          editor,
+          enabled: itemState?.enabled ?? true,
+          item
+        }, item.key);
+      }) : null, index < editorConfig.features.toolbarInline?.groups.length - 1 && _jsx("div", {
+        className: "divider"
+      })]
+    }, group.key);
+    $[3] = DropdownIcon;
+    $[4] = anchorElem;
+    $[5] = editor;
+    $[6] = editorConfig.features.toolbarInline?.groups.length;
+    $[7] = group;
+    $[8] = groupState;
+    $[9] = index;
+    $[10] = t3;
+    $[11] = toolbarStates.itemStates;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 }
 function InlineToolbar({
   anchorElem,