ebd43c7763
This noticeably improves performance in the admin panel, for example
when there are multiple richtext editors on one page (& likely
performance in other areas too, though I mainly tested rich text).
The babel plugin currently only optimizes files with a 'use client'
directive at the top - thus we have to make sure to add use client
wherever possible, even if it's imported by a parent client component.
There's one single component that broke when it was compiled using the
React compiler (it stopped being reactive and failed one of our admin
e2e tests):
150808f608
opting out of it completely fixed that issue
Fixes https://github.com/payloadcms/payload/issues/7366
15 lines
377 B
TypeScript
15 lines
377 B
TypeScript
'use client'
|
|
import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'
|
|
|
|
import { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'
|
|
|
|
export const toolbarAlignGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {
|
|
return {
|
|
type: 'dropdown',
|
|
ChildComponent: AlignLeftIcon,
|
|
items,
|
|
key: 'align',
|
|
order: 30,
|
|
}
|
|
}
|