@payloadcms/ui 3.84.1 → 4.0.0-internal.d28e9fb

package/dist/views/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","plural","url","path","trashLabel","t","navItems","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","length","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: getTranslation(labels?.plural, i18n),\n        url:\n          isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      const navItems =\n        isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs?.length > 0 && (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              )}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","hasMany","useAsTitle","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?parent=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {hierarchyData ? (\n                <DocumentSelectionProvider\n                  collectionData={{\n                    [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                    ...Object.fromEntries(\n                      Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                        ([slug, related]) => [slug, { docs: related.result.docs }],\n                      ),\n                    ),\n                  }}\n                >\n                  <HierarchyTable\n                    childrenData={hierarchyData.childrenData}\n                    collectionSlug={collectionSlug}\n                    hierarchyLabel={collectionLabel}\n                    key={hierarchyData.parentId}\n                    parentId={hierarchyData.parentId}\n                    relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => ({\n                        collectionSlug: slug,\n                        data: related.result,\n                        hasMany: related.hasMany,\n                        label: related.label,\n                      }),\n                    )}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                  />\n                  <DocumentListSelection\n                    disableBulkDelete={disableBulkDelete}\n                    disableBulkEdit={disableBulkEdit}\n                  />\n                </DocumentSelectionProvider>\n              ) : docs?.length > 0 ? (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              ) : null}\n              {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={collectionLabel}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.84.1",
+  "version": "4.0.0-internal.d28e9fb",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -135,8 +135,8 @@
     "sonner": "^1.7.2",
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
-    "uuid": "11.1.0",
-    "@payloadcms/translations": "3.84.1"
+    "uuid": "14.0.0",
+    "@payloadcms/translations": "4.0.0-internal.d28e9fb"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -145,22 +145,22 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
-    "@types/react": "19.2.9",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "3.84.1",
+    "payload": "4.0.0-internal.d28e9fb",
     "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
-    "next": ">=15.2.9 <15.3.0 || >=15.3.9 <15.4.0 || >=15.4.11 <15.5.0 || >=16.2.2 <17.0.0",
+    "next": ">=16.2.6 <17.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "3.84.1"
+    "payload": "4.0.0-internal.d28e9fb"
   },
   "engines": {
-    "node": "^18.20.2 || >=20.9.0"
+    "node": ">=24.15.0"
   },
   "scripts": {
     "build": "pnpm build:reactcompiler",

package/dist/elements/AddNewRelation/index.scss

@@ -1,44 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .relationship-add-new {
-    display: flex;
-    align-items: stretch;
-
-    .popup__trigger-wrap {
-      display: flex;
-      align-items: stretch;
-      height: 100%;
-    }
-
-    &__add-button:not(.relationship-add-new__add-button--unstyled),
-    &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
-      @include formInput;
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-
-    &__add-button {
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-  }
-}

package/dist/elements/AppHeader/index.scss

@@ -1,194 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .app-header {
-    position: relative;
-    width: 100%;
-    height: var(--app-header-height);
-    z-index: var(--z-modal);
-
-    &__mobile-nav-toggler {
-      display: none;
-    }
-
-    &__localizer.localizer {
-      position: absolute;
-      top: 50%;
-      right: base(4.5);
-      transform: translate3d(0, -50%, 0);
-    }
-
-    // place the localizer outside the `overflow: hidden` container so that the popup is visible
-    // this means we need to use a placeholder div so that the space is retained in the DOM
-    [dir='rtl'] &__localizer {
-      right: unset;
-      left: base(4.5);
-    }
-
-    &__localizer-spacing {
-      visibility: hidden;
-    }
-
-    &__bg {
-      opacity: 0;
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      pointer-events: none;
-    }
-
-    &--show-bg {
-      opacity: 1;
-    }
-
-    &__content {
-      display: flex;
-      align-items: center;
-      height: 100%;
-      padding: 0 var(--gutter-h);
-      position: relative;
-      flex-grow: 1;
-    }
-
-    &__wrapper {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      align-items: center;
-      height: 100%;
-      flex-grow: 1;
-      justify-content: space-between;
-      width: 100%;
-    }
-
-    &__account {
-      position: relative;
-      flex-shrink: 0;
-
-      &:focus:not(:focus-visible) {
-        opacity: 1;
-      }
-
-      // Use a pseudo element for the accessability so that it doesn't take up DOM space
-      // Also because the parent element has `overflow: hidden` which would clip an outline
-      &:focus-visible {
-        outline: none;
-
-        &::after {
-          content: '';
-          border: var(--accessibility-outline);
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          pointer-events: none;
-        }
-      }
-    }
-
-    &__controls-wrapper {
-      display: flex;
-      align-items: center;
-      flex: 1;
-      min-width: 0;
-    }
-
-    &__step-nav-wrapper {
-      flex-grow: 0;
-      display: flex;
-      width: 100%;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__actions-wrapper {
-      position: relative;
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-      margin-right: var(--base);
-    }
-
-    &__gradient-placeholder {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: var(--base);
-      height: var(--base);
-      background: linear-gradient(to right, transparent, var(--theme-bg));
-    }
-
-    &__actions {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-      flex-shrink: 0;
-      max-width: 600px;
-      white-space: nowrap;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__last-action {
-      margin-right: var(--base);
-    }
-
-    @include large-break {
-      &__actions {
-        max-width: 500px;
-      }
-    }
-
-    @include mid-break {
-      &__gradient-placeholder {
-        right: var(--base);
-      }
-
-      &__actions {
-        max-width: 300px;
-        margin-right: var(--base);
-      }
-    }
-
-    @include small-break {
-      &__localizer.localizer {
-        right: base(2);
-      }
-
-      &--nav-open {
-        .app-header__localizer {
-          display: none;
-        }
-      }
-
-      &__mobile-nav-toggler {
-        display: flex;
-        align-items: center;
-
-        &.nav-toggler--is-open {
-          opacity: 0.5;
-        }
-      }
-
-      &__step-header {
-        // TODO: overflow the step header instead of hide it
-        display: none;
-      }
-
-      &__gradient-placeholder {
-        right: 0;
-      }
-
-      &__actions {
-        max-width: 150px;
-        margin-right: 0;
-      }
-    }
-  }
-}

package/dist/elements/ArrayAction/index.scss

@@ -1,35 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .array-actions {
-    &__button {
-      @extend %btn-reset;
-      cursor: pointer;
-      border-radius: 100px;
-
-      &:hover {
-        background: var(--theme-elevation-0);
-      }
-    }
-
-    &__actions {
-      list-style: none;
-      margin: 0;
-      padding: 0;
-    }
-
-    &__action {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      align-items: center;
-
-      svg {
-        position: relative;
-
-        .stroke {
-          stroke-width: 1px;
-        }
-      }
-    }
-  }
-}

package/dist/elements/Banner/index.scss

@@ -1,74 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .banner {
-    font-size: 1rem;
-    line-height: base(1);
-    border: 0;
-    vertical-align: middle;
-    background: var(--theme-elevation-100);
-    color: var(--theme-elevation-800);
-    border-radius: $style-radius-m;
-    padding: base(0.5);
-    margin-bottom: $baseline;
-
-    &--has-action {
-      cursor: pointer;
-      text-decoration: none;
-    }
-
-    &--has-icon {
-      display: flex;
-
-      svg {
-        display: block;
-      }
-    }
-
-    &--type-default {
-      &.button--has-action {
-        &:hover {
-          background: var(--theme-elevation-900);
-        }
-
-        &:active {
-          background: var(--theme-elevation-950);
-        }
-      }
-    }
-
-    &--type-error {
-      background: var(--theme-error-100);
-      color: var(--theme-error-600);
-
-      svg {
-        @include color-svg(var(--theme-error-600));
-      }
-
-      &.button--has-action {
-        &:hover {
-          background: var(--theme-error-200);
-        }
-
-        &:active {
-          background: var(--theme-error-300);
-        }
-      }
-    }
-
-    &--type-success {
-      background: var(--theme-success-100);
-      color: var(--theme-success-600);
-
-      &.button--has-action {
-        &:hover {
-          background: var(--theme-success-200);
-        }
-
-        &:active {
-          background: var(--theme-success-200);
-        }
-      }
-    }
-  }
-}