@payloadcms/ui 3.43.0-internal.693bd81 → 3.43.0

package/dist/utilities/renderTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTable.js","names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","flattenTopLevelFields","React","RenderServerComponent","OrderableTable","Pill","SelectAll","SelectRow","SortHeader","SortRow","Table","filterFields","buildColumnState","getInitialColumns","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columnPreferences","columns","columnsFromArgs","customCellProps","docs","enableRowSelections","i18n","orderableFieldName","payload","renderRowTypes","tableAppearance","useAsTitle","columnState","clientFields","serverFields","isPolymorphic","collection","find","each","slug","some","push","serverCollectionConfig","config","filter","column","keepPresentationalFields","moveSubFieldsToTop","accessor","undefined","defaultColumns","sharedArgs","collectionSlug","dataType","columnsToUse","unshift","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","relationTo","labels","singular","_","rowData","appearance","data"],"sources":["../../src/utilities/renderTable.tsx"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientField,\n  CollectionConfig,\n  Column,\n  ColumnPreference,\n  Field,\n  ImportMap,\n  ListPreferences,\n  PaginatedDocs,\n  Payload,\n  SanitizedCollectionConfig,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled, flattenTopLevelFields } from 'payload/shared'\nimport React from 'react'\n\nimport type { BuildColumnStateArgs } from '../providers/TableColumns/buildColumnState/index.js'\n\nimport { RenderServerComponent } from '../elements/RenderServerComponent/index.js'\nimport {\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectRow,\n  SortHeader,\n  SortRow,\n  Table,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- these MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../exports/client/index.js'\nimport { filterFields } from '../providers/TableColumns/buildColumnState/filterFields.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.js'\nimport { getInitialColumns } from '../providers/TableColumns/getInitialColumns.js'\n\nexport const renderFilters = (\n  fields: Field[],\n  importMap: ImportMap,\n): Map<string, React.ReactNode> =>\n  fields.reduce(\n    (acc, field) => {\n      if (fieldIsHiddenOrDisabled(field)) {\n        return acc\n      }\n\n      if ('name' in field && field.admin?.components?.Filter) {\n        acc.set(\n          field.name,\n          RenderServerComponent({\n            Component: field.admin.components?.Filter,\n            importMap,\n          }),\n        )\n      }\n\n      return acc\n    },\n    new Map() as Map<string, React.ReactNode>,\n  )\n\nexport const renderTable = ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collections,\n  columnPreferences,\n  columns: columnsFromArgs,\n  customCellProps,\n  docs,\n  enableRowSelections,\n  i18n,\n  orderableFieldName,\n  payload,\n  renderRowTypes,\n  tableAppearance,\n  useAsTitle,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columnPreferences: ListPreferences['columns']\n  columns?: ListPreferences['columns']\n  customCellProps?: Record<string, unknown>\n  docs: PaginatedDocs['docs']\n  drawerSlug?: string\n  enableRowSelections: boolean\n  i18n: I18nClient\n  orderableFieldName: string\n  payload: Payload\n  renderRowTypes?: boolean\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n}): {\n  columnState: Column[]\n  Table: React.ReactNode\n} => {\n  // Ensure that columns passed as args comply with the field config, i.e. `hidden`, `disableListColumn`, etc.\n\n  let columnState: Column[]\n  let clientFields: ClientField[] = clientCollectionConfig?.fields || []\n  let serverFields: Field[] = collectionConfig?.fields || []\n  const isPolymorphic = collections\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n      for (const field of filterFields(clientCollectionConfig.fields)) {\n        if (fieldAffectsData(field)) {\n          if (clientFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        clientFields.push(field)\n      }\n\n      const serverCollectionConfig = payload.collections[collection].config\n      for (const field of filterFields(serverCollectionConfig.fields)) {\n        if (fieldAffectsData(field)) {\n          if (serverFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        serverFields.push(field)\n      }\n    }\n  }\n\n  const columns: ColumnPreference[] = columnsFromArgs\n    ? columnsFromArgs?.filter((column) =>\n        flattenTopLevelFields(clientFields, {\n          i18n,\n          keepPresentationalFields: true,\n          moveSubFieldsToTop: true,\n        })?.some((field) => {\n          const accessor =\n            'accessor' in field ? field.accessor : 'name' in field ? field.name : undefined\n          return accessor === column.accessor\n        }),\n      )\n    : getInitialColumns(\n        isPolymorphic ? clientFields : filterFields(clientFields),\n        useAsTitle,\n        isPolymorphic ? [] : clientCollectionConfig?.admin?.defaultColumns,\n      )\n\n  const sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columnPreferences'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'i18n'\n    | 'payload'\n    | 'serverFields'\n    | 'useAsTitle'\n  > = {\n    clientFields,\n    columnPreferences,\n    columns,\n    enableRowSelections,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    serverFields,\n    useAsTitle,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs,\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs,\n    })\n  }\n\n  const columnsToUse = [...columnState]\n\n  if (renderRowTypes) {\n    columnsToUse.unshift({\n      accessor: 'collection',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: i18n.t('version:type'),\n      renderedCells: docs.map((doc, i) => (\n        <Pill key={i}>\n          {getTranslation(\n            collections\n              ? payload.collections[doc.relationTo].config.labels.singular\n              : clientCollectionConfig.labels.singular,\n            i18n,\n          )}\n        </Pill>\n      )),\n    } as Column)\n  }\n\n  if (enableRowSelections) {\n    columnsToUse.unshift({\n      accessor: '_select',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: <SelectAll />,\n      renderedCells: docs.map((_, i) => <SelectRow key={i} rowData={docs[i]} />),\n    } as Column)\n  }\n\n  if (!orderableFieldName) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: <Table appearance={tableAppearance} columns={columnsToUse} data={docs} key=\"table\" />,\n    }\n  }\n\n  columnsToUse.unshift({\n    accessor: '_dragHandle',\n    active: true,\n    field: {\n      admin: {\n        disabled: true,\n      },\n      hidden: true,\n    },\n    Heading: <SortHeader />,\n    renderedCells: docs.map((_, i) => <SortRow key={i} />),\n  } as Column)\n\n  return {\n    columnState,\n    // key is required since Next.js 15.2.0 to prevent React key error\n    Table: (\n      <OrderableTable\n        appearance={tableAppearance}\n        collection={clientCollectionConfig}\n        columns={columnsToUse}\n        data={docs}\n        key=\"table\"\n      />\n    ),\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderTable.js","names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","flattenTopLevelFields","React","RenderServerComponent","OrderableTable","Pill","SelectAll","SelectRow","SortHeader","SortRow","Table","filterFields","buildColumnState","getInitialColumns","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columnPreferences","columns","columnsFromArgs","customCellProps","docs","enableRowSelections","i18n","orderableFieldName","payload","renderRowTypes","tableAppearance","useAsTitle","columnState","clientFields","serverFields","isPolymorphic","collection","find","each","slug","some","push","serverCollectionConfig","config","filter","column","keepPresentationalFields","moveSubFieldsToTop","accessor","undefined","defaultColumns","sharedArgs","collectionSlug","dataType","columnsToUse","unshift","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","size","relationTo","labels","singular","_","rowData","appearance","data"],"sources":["../../src/utilities/renderTable.tsx"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientField,\n  CollectionConfig,\n  Column,\n  ColumnPreference,\n  Field,\n  ImportMap,\n  ListPreferences,\n  PaginatedDocs,\n  Payload,\n  SanitizedCollectionConfig,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled, flattenTopLevelFields } from 'payload/shared'\nimport React from 'react'\n\nimport type { BuildColumnStateArgs } from '../providers/TableColumns/buildColumnState/index.js'\n\nimport { RenderServerComponent } from '../elements/RenderServerComponent/index.js'\nimport {\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectRow,\n  SortHeader,\n  SortRow,\n  Table,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- these MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../exports/client/index.js'\nimport { filterFields } from '../providers/TableColumns/buildColumnState/filterFields.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.js'\nimport { getInitialColumns } from '../providers/TableColumns/getInitialColumns.js'\n\nexport const renderFilters = (\n  fields: Field[],\n  importMap: ImportMap,\n): Map<string, React.ReactNode> =>\n  fields.reduce(\n    (acc, field) => {\n      if (fieldIsHiddenOrDisabled(field)) {\n        return acc\n      }\n\n      if ('name' in field && field.admin?.components?.Filter) {\n        acc.set(\n          field.name,\n          RenderServerComponent({\n            Component: field.admin.components?.Filter,\n            importMap,\n          }),\n        )\n      }\n\n      return acc\n    },\n    new Map() as Map<string, React.ReactNode>,\n  )\n\nexport const renderTable = ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collections,\n  columnPreferences,\n  columns: columnsFromArgs,\n  customCellProps,\n  docs,\n  enableRowSelections,\n  i18n,\n  orderableFieldName,\n  payload,\n  renderRowTypes,\n  tableAppearance,\n  useAsTitle,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columnPreferences: ListPreferences['columns']\n  columns?: ListPreferences['columns']\n  customCellProps?: Record<string, unknown>\n  docs: PaginatedDocs['docs']\n  drawerSlug?: string\n  enableRowSelections: boolean\n  i18n: I18nClient\n  orderableFieldName: string\n  payload: Payload\n  renderRowTypes?: boolean\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n}): {\n  columnState: Column[]\n  Table: React.ReactNode\n} => {\n  // Ensure that columns passed as args comply with the field config, i.e. `hidden`, `disableListColumn`, etc.\n\n  let columnState: Column[]\n  let clientFields: ClientField[] = clientCollectionConfig?.fields || []\n  let serverFields: Field[] = collectionConfig?.fields || []\n  const isPolymorphic = collections\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n      for (const field of filterFields(clientCollectionConfig.fields)) {\n        if (fieldAffectsData(field)) {\n          if (clientFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        clientFields.push(field)\n      }\n\n      const serverCollectionConfig = payload.collections[collection].config\n      for (const field of filterFields(serverCollectionConfig.fields)) {\n        if (fieldAffectsData(field)) {\n          if (serverFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        serverFields.push(field)\n      }\n    }\n  }\n\n  const columns: ColumnPreference[] = columnsFromArgs\n    ? columnsFromArgs?.filter((column) =>\n        flattenTopLevelFields(clientFields, {\n          i18n,\n          keepPresentationalFields: true,\n          moveSubFieldsToTop: true,\n        })?.some((field) => {\n          const accessor =\n            'accessor' in field ? field.accessor : 'name' in field ? field.name : undefined\n          return accessor === column.accessor\n        }),\n      )\n    : getInitialColumns(\n        isPolymorphic ? clientFields : filterFields(clientFields),\n        useAsTitle,\n        isPolymorphic ? [] : clientCollectionConfig?.admin?.defaultColumns,\n      )\n\n  const sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columnPreferences'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'i18n'\n    | 'payload'\n    | 'serverFields'\n    | 'useAsTitle'\n  > = {\n    clientFields,\n    columnPreferences,\n    columns,\n    enableRowSelections,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    serverFields,\n    useAsTitle,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs,\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs,\n    })\n  }\n\n  const columnsToUse = [...columnState]\n\n  if (renderRowTypes) {\n    columnsToUse.unshift({\n      accessor: 'collection',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: i18n.t('version:type'),\n      renderedCells: docs.map((doc, i) => (\n        <Pill key={i} size=\"small\">\n          {getTranslation(\n            collections\n              ? payload.collections[doc.relationTo].config.labels.singular\n              : clientCollectionConfig.labels.singular,\n            i18n,\n          )}\n        </Pill>\n      )),\n    } as Column)\n  }\n\n  if (enableRowSelections) {\n    columnsToUse.unshift({\n      accessor: '_select',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: <SelectAll />,\n      renderedCells: docs.map((_, i) => <SelectRow key={i} rowData={docs[i]} />),\n    } as Column)\n  }\n\n  if (!orderableFieldName) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: <Table appearance={tableAppearance} columns={columnsToUse} data={docs} key=\"table\" />,\n    }\n  }\n\n  columnsToUse.unshift({\n    accessor: '_dragHandle',\n    active: true,\n    field: {\n      admin: {\n        disabled: true,\n      },\n      hidden: true,\n    },\n    Heading: <SortHeader />,\n    renderedCells: docs.map((_, i) => <SortRow key={i} />),\n  } as Column)\n\n  return {\n    columnState,\n    // key is required since Next.js 15.2.0 to prevent React key error\n    Table: (\n      <OrderableTable\n        appearance={tableAppearance}\n        collection={clientCollectionConfig}\n        columns={columnsToUse}\n        data={docs}\n        key=\"table\"\n      />\n    ),\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/BrowseByFolder/index.d.ts

@@ -1,8 +1,5 @@
 import type { FolderListViewClientProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare function DefaultBrowseByFolderView(props: {
-    hasCreatePermissionCollectionSlugs?: string[];
-    selectedCollectionSlugs?: string[];
-} & FolderListViewClientProps): React.JSX.Element;
+export declare function DefaultBrowseByFolderView({ activeCollectionFolderSlugs, allCollectionFolderSlugs, allowCreateCollectionSlugs, baseFolderPath, breadcrumbs, documents, folderFieldName, folderID, FolderResultsComponent, search, subfolders, ...restOfProps }: FolderListViewClientProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/BrowseByFolder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/BrowseByFolder/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA4B,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAMlF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,OAAO,cAAc,CAAA;AAIrB,wBAAgB,yBAAyB,CACvC,KAAK,EAAE;IACL,kCAAkC,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7C,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAA;CACnC,GAAG,yBAAyB,qBAuT9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/BrowseByFolder/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0BvC,OAAO,cAAc,CAAA;AAIrB,wBAAgB,yBAAyB,CAAC,EACxC,2BAA2B,EAC3B,wBAAwB,EACxB,0BAA0B,EAC1B,cAAc,EACd,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,EACR,sBAAsB,EACtB,MAAM,EACN,UAAU,EACV,GAAG,WAAW,EACf,EAAE,yBAAyB,qBAkB3B"}

package/dist/views/BrowseByFolder/index.js

@@ -4,7 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useDndMonitor } from '@dnd-kit/core';
 import { getTranslation } from '@payloadcms/translations';
-import { formatFolderOrDocumentItem } from 'payload/shared';
+import { useRouter } from 'next/navigation.js';
 import React, { Fragment } from 'react';
 import { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js';
 import { CollectionTypePill } from '../../elements/FolderView/CollectionTypePill/index.js';
@@ -23,15 +23,48 @@ import { SearchBar } from '../../elements/SearchBar/index.js';
 import { useStepNav } from '../../elements/StepNav/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
-import { useFolder } from '../../providers/Folders/index.js';
+import { FolderProvider, useFolder } from '../../providers/Folders/index.js';
 import { usePreferences } from '../../providers/Preferences/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useWindowInfo } from '../../providers/WindowInfo/index.js';
 import { ListSelection } from '../CollectionFolder/ListSelection/index.js';
 import './index.scss';
 const baseClass = 'folder-list';
-export function DefaultBrowseByFolderView(props) {
+export function DefaultBrowseByFolderView({
+  activeCollectionFolderSlugs,
+  allCollectionFolderSlugs,
+  allowCreateCollectionSlugs,
+  baseFolderPath,
+  breadcrumbs,
+  documents,
+  folderFieldName,
+  folderID,
+  FolderResultsComponent,
+  search,
+  subfolders,
+  ...restOfProps
+}) {
+  return /*#__PURE__*/_jsx(FolderProvider, {
+    activeCollectionFolderSlugs: activeCollectionFolderSlugs,
+    allCollectionFolderSlugs: allCollectionFolderSlugs,
+    allowCreateCollectionSlugs: allowCreateCollectionSlugs,
+    baseFolderPath: baseFolderPath,
+    breadcrumbs: breadcrumbs,
+    documents: documents,
+    folderFieldName: folderFieldName,
+    folderID: folderID,
+    FolderResultsComponent: FolderResultsComponent,
+    search: search,
+    subfolders: subfolders,
+    children: /*#__PURE__*/_jsx(BrowseByFolderViewInContext, {
+      ...restOfProps
+    })
+  });
+}
+function BrowseByFolderViewInContext(props) {
+  const $ = _c(27);
   const {
     AfterFolderList,
     AfterFolderListTable,
@@ -40,11 +73,10 @@ export function DefaultBrowseByFolderView(props) {
     Description,
     disableBulkDelete,
     disableBulkEdit,
-    hasCreatePermissionCollectionSlugs,
     viewPreference
   } = props;
+  const router = useRouter();
   const {
-    config,
     getEntityConfig
   } = useConfig();
   const {
@@ -55,220 +87,249 @@ export function DefaultBrowseByFolderView(props) {
   const {
     setStepNav
   } = useStepNav();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   const {
     clearRouteCache
   } = useRouteCache();
   const {
-    breakpoints: {
-      s: smallBreak
-    }
+    breakpoints: t0
   } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t0;
   const {
     setPreference
   } = usePreferences();
   const {
-    addItems,
+    activeCollectionFolderSlugs: visibleCollectionSlugs,
+    allowCreateCollectionSlugs,
     breadcrumbs,
     documents,
-    filterItems,
-    focusedRowIndex,
     folderCollectionConfig,
-    folderFieldName,
     folderID,
+    getFolderRoute,
     getSelectedItems,
-    isDragging,
     lastSelectedIndex,
     moveToFolder,
-    onItemClick,
-    onItemKeyPress,
+    refineFolderData,
     search,
-    selectedIndexes,
-    setFolderID,
+    selectedItemKeys,
     setIsDragging,
-    subfolders,
-    visibleCollectionSlugs
+    subfolders
   } = useFolder();
-  const [activeView, setActiveView] = React.useState(viewPreference || 'grid');
-  const [searchPlaceholder] = React.useState(() => {
-    const locationLabel = breadcrumbs.length === 0 ? getTranslation(folderCollectionConfig.labels?.plural, i18n) : breadcrumbs[breadcrumbs.length - 1].name;
-    return t('folder:searchByNameInFolder', {
-      folderName: locationLabel
-    });
-  });
-  const onDragEnd = React.useCallback(async event => {
-    if (!event.over) {
-      return;
-    }
-    if (event.over.data.current.type === 'folder' && 'id' in event.over.data.current) {
-      await moveToFolder({
-        itemsToMove: getSelectedItems(),
-        toFolderID: event.over.data.current.id || null
+  const [activeView, setActiveView] = React.useState(viewPreference || "grid");
+  let t1;
+  if ($[0] !== breadcrumbs || $[1] !== folderCollectionConfig || $[2] !== i18n || $[3] !== t) {
+    t1 = () => {
+      const locationLabel = breadcrumbs.length === 0 ? getTranslation(folderCollectionConfig.labels?.plural, i18n) : breadcrumbs[breadcrumbs.length - 1].name;
+      return t("folder:searchByNameInFolder", {
+        folderName: locationLabel
       });
-      clearRouteCache();
-    }
-  }, [moveToFolder, getSelectedItems, clearRouteCache]);
+    };
+    $[0] = breadcrumbs;
+    $[1] = folderCollectionConfig;
+    $[2] = i18n;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const [searchPlaceholder] = React.useState(t1);
+  let t2;
+  if ($[5] !== clearRouteCache || $[6] !== getSelectedItems || $[7] !== moveToFolder) {
+    t2 = async event => {
+      if (!event.over) {
+        return;
+      }
+      if (event.over.data.current.type === "folder" && "id" in event.over.data.current) {
+        await moveToFolder({
+          itemsToMove: getSelectedItems(),
+          toFolderID: event.over.data.current.id || null
+        });
+        clearRouteCache();
+      }
+    };
+    $[5] = clearRouteCache;
+    $[6] = getSelectedItems;
+    $[7] = moveToFolder;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const onDragEnd = t2;
   const totalDocsAndSubfolders = documents.length + subfolders.length;
-  const listHeaderTitle = !breadcrumbs.length ? t('folder:browseByFolder') : breadcrumbs[breadcrumbs.length - 1].name;
-  const noResultsLabel = visibleCollectionSlugs.reduce((acc, slug, index, array) => {
-    const collectionConfig = getEntityConfig({
-      collectionSlug: slug
-    });
-    if (index === 0) {
-      return getTranslation(collectionConfig.labels?.plural, i18n);
-    }
-    if (index === array.length - 1) {
-      return `${acc} ${t('general:or').toLowerCase()} ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
-    }
-    return `${acc}, ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
-  }, '');
-  const onCreateSuccess = React.useCallback(({
-    collectionSlug,
-    doc
-  }) => {
-    const collectionConfig_0 = getEntityConfig({
-      collectionSlug
-    });
-    void addItems([formatFolderOrDocumentItem({
-      folderFieldName,
-      isUpload: Boolean(collectionConfig_0?.upload),
-      relationTo: collectionSlug,
-      useAsTitle: collectionConfig_0.admin.useAsTitle,
-      value: doc
-    })]);
-  }, [getEntityConfig, addItems, folderFieldName]);
-  const selectedItemKeys = React.useMemo(() => {
-    return new Set(getSelectedItems().reduce((acc_0, item) => {
-      if (item) {
-        if (item.relationTo && item.value) {
-          acc_0.push(`${item.relationTo}-${item.value.id}`);
-        }
+  let t3;
+  if ($[9] !== breadcrumbs || $[10] !== t) {
+    t3 = !breadcrumbs.length ? t("folder:browseByFolder") : breadcrumbs[breadcrumbs.length - 1].name;
+    $[9] = breadcrumbs;
+    $[10] = t;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const listHeaderTitle = t3;
+  let t4;
+  if ($[12] !== getEntityConfig || $[13] !== i18n || $[14] !== t) {
+    t4 = (acc, slug, index, array) => {
+      const collectionConfig = getEntityConfig({
+        collectionSlug: slug
+      });
+      if (index === 0) {
+        return getTranslation(collectionConfig.labels?.plural, i18n);
+      }
+      if (index === array.length - 1) {
+        return `${acc} ${t("general:or").toLowerCase()} ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
       }
-      return acc_0;
-    }, []));
-  }, [getSelectedItems]);
-  const handleSetViewType = React.useCallback(view => {
-    void setPreference('browse-by-folder', {
+      return `${acc}, ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
+    };
+    $[12] = getEntityConfig;
+    $[13] = i18n;
+    $[14] = t;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const noResultsLabel = visibleCollectionSlugs.reduce(t4, "");
+  const handleSetViewType = view => {
+    setPreference("browse-by-folder", {
       viewPreference: view
     });
     setActiveView(view);
-  }, [setPreference]);
-  React.useEffect(() => {
-    if (!drawerDepth) {
-      setStepNav([!breadcrumbs.length ? {
-        label: /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__step-nav-icon-label`,
-          children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:browseByFolder')]
-        }, "root")
-      } : {
-        label: /*#__PURE__*/_jsxs(DroppableBreadcrumb, {
-          className: [`${baseClass}__step-nav-droppable`, `${baseClass}__step-nav-icon-label`].filter(Boolean).join(' '),
-          id: null,
-          onClick: () => {
-            void setFolderID({
-              folderID: null
-            });
-          },
-          children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:browseByFolder')]
-        }, "root")
-      }, ...breadcrumbs.map((crumb, crumbIndex) => {
-        return {
-          label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : /*#__PURE__*/_jsx(DroppableBreadcrumb, {
+  };
+  let t5;
+  let t6;
+  if ($[16] !== breadcrumbs || $[17] !== drawerDepth || $[18] !== getFolderRoute || $[19] !== router || $[20] !== setStepNav || $[21] !== startRouteTransition || $[22] !== t) {
+    t5 = () => {
+      if (!drawerDepth) {
+        setStepNav([!breadcrumbs.length ? {
+          label: _jsxs("div", {
+            className: `${baseClass}__step-nav-icon-label`,
+            children: [_jsx(ColoredFolderIcon, {}), t("folder:browseByFolder")]
+          }, "root")
+        } : {
+          label: _jsxs(DroppableBreadcrumb, {
+            className: [`${baseClass}__step-nav-droppable`, `${baseClass}__step-nav-icon-label`].filter(Boolean).join(" "),
+            id: null,
+            onClick: () => {
+              startRouteTransition(() => {
+                router.push(getFolderRoute(null));
+              });
+            },
+            children: [_jsx(ColoredFolderIcon, {}), t("folder:browseByFolder")]
+          }, "root")
+        }, ...breadcrumbs.map((crumb, crumbIndex) => ({
+          label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : _jsx(DroppableBreadcrumb, {
             className: `${baseClass}__step-nav-droppable`,
             id: crumb.id,
             onClick: () => {
-              void setFolderID({
-                folderID: crumb.id
+              startRouteTransition(() => {
+                router.push(getFolderRoute(crumb.id));
               });
             },
             children: crumb.name
           }, crumb.id)
-        };
-      })]);
-    }
-  }, [setStepNav, drawerDepth, i18n, breadcrumbs, setFolderID, t]);
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(DndEventListener, {
-      onDragEnd: onDragEnd,
-      setIsDragging: setIsDragging
-    }), /*#__PURE__*/_jsxs("div", {
+        }))]);
+      }
+    };
+    t6 = [breadcrumbs, drawerDepth, getFolderRoute, router, setStepNav, startRouteTransition, t];
+    $[16] = breadcrumbs;
+    $[17] = drawerDepth;
+    $[18] = getFolderRoute;
+    $[19] = router;
+    $[20] = setStepNav;
+    $[21] = startRouteTransition;
+    $[22] = t;
+    $[23] = t5;
+    $[24] = t6;
+  } else {
+    t5 = $[23];
+    t6 = $[24];
+  }
+  React.useEffect(t5, t6);
+  let t7;
+  if ($[25] !== refineFolderData) {
+    t7 = search_0 => refineFolderData({
+      query: {
+        search: search_0
+      },
+      updateURL: true
+    });
+    $[25] = refineFolderData;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  return _jsxs(Fragment, {
+    children: [_jsx(DndEventListener, {
+      onDragEnd,
+      setIsDragging
+    }), _jsxs("div", {
       className: `${baseClass} ${baseClass}--folders`,
-      children: [BeforeFolderList, /*#__PURE__*/_jsxs(Gutter, {
+      children: [BeforeFolderList, _jsxs(Gutter, {
         className: `${baseClass}__wrap`,
-        children: [/*#__PURE__*/_jsx(ListHeader, {
-          Actions: [!smallBreak && /*#__PURE__*/_jsx(ListSelection, {
-            disableBulkDelete: disableBulkDelete,
-            disableBulkEdit: disableBulkEdit
+        children: [_jsx(ListHeader, {
+          Actions: [!smallBreak && _jsx(ListSelection, {
+            disableBulkDelete,
+            disableBulkEdit
           }, "list-selection")].filter(Boolean),
           AfterListHeaderContent: Description,
           title: listHeaderTitle,
-          TitleActions: [/*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: t('general:createNew'),
-            collectionSlugs: hasCreatePermissionCollectionSlugs,
-            onCreateSuccess: onCreateSuccess,
+          TitleActions: [allowCreateCollectionSlugs.length && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: t("general:createNew"),
+            collectionSlugs: allowCreateCollectionSlugs,
+            onCreateSuccess: clearRouteCache,
             slugPrefix: "create-document--header-pill"
           }, "create-new-button")].filter(Boolean)
-        }), /*#__PURE__*/_jsx(SearchBar, {
-          Actions: [/*#__PURE__*/_jsx(SortByPill, {}, "sort-by-pill"), folderID && /*#__PURE__*/_jsx(CollectionTypePill, {}, "collection-type"), /*#__PURE__*/_jsx(ToggleViewButtons, {
-            activeView: activeView,
+        }), _jsx(SearchBar, {
+          Actions: [_jsx(SortByPill, {}, "sort-by-pill"), folderID && _jsx(CollectionTypePill, {}, "collection-type"), _jsx(ToggleViewButtons, {
+            activeView,
             setActiveView: handleSetViewType
-          }, "toggle-view-buttons"), /*#__PURE__*/_jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
+          }, "toggle-view-buttons"), _jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
           label: searchPlaceholder,
-          onSearchChange: search_0 => filterItems({
-            search: search_0
-          }),
+          onSearchChange: t7,
           searchQueryParam: search
-        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && /*#__PURE__*/_jsx(_Fragment, {
-          children: activeView === 'grid' ? /*#__PURE__*/_jsxs("div", {
-            children: [subfolders.length ? /*#__PURE__*/_jsx(_Fragment, {
-              children: /*#__PURE__*/_jsx(ItemCardGrid, {
+        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && _jsx(_Fragment, {
+          children: activeView === "grid" ? _jsxs("div", {
+            children: [subfolders.length ? _jsx(_Fragment, {
+              children: _jsx(ItemCardGrid, {
                 items: subfolders,
-                selectedItemKeys: selectedItemKeys,
-                title: 'Folders',
+                title: "Folders",
                 type: "folder"
               })
-            }) : null, documents.length ? /*#__PURE__*/_jsx(_Fragment, {
-              children: /*#__PURE__*/_jsx(ItemCardGrid, {
+            }) : null, documents.length ? _jsx(_Fragment, {
+              children: _jsx(ItemCardGrid, {
                 items: documents,
-                selectedItemKeys: selectedItemKeys,
                 subfolderCount: subfolders.length,
-                title: 'Documents',
+                title: "Documents",
                 type: "file"
               })
             }) : null]
-          }) : /*#__PURE__*/_jsx(FolderFileTable, {
-            dateFormat: config.admin.dateFormat,
-            documents: documents,
-            focusedRowIndex: focusedRowIndex,
-            i18n: i18n,
-            isMovingItems: isDragging,
-            onRowClick: onItemClick,
-            onRowPress: onItemKeyPress,
-            selectedItems: selectedItemKeys,
-            subfolders: subfolders
-          })
-        }), totalDocsAndSubfolders === 0 && /*#__PURE__*/_jsx(NoListResults, {
-          Actions: [/*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+          }) : _jsx(FolderFileTable, {})
+        }), totalDocsAndSubfolders === 0 && _jsx(NoListResults, {
+          Actions: [allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
             collectionSlugs: [folderCollectionConfig.slug],
-            onCreateSuccess: onCreateSuccess,
+            onCreateSuccess: clearRouteCache,
             slugPrefix: "create-folder--no-results"
-          }, "create-folder"), folderID && /*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: `${t('general:create')} ${t('general:document').toLowerCase()}`,
-            collectionSlugs: hasCreatePermissionCollectionSlugs.filter(slug_0 => slug_0 !== folderCollectionConfig.slug),
-            onCreateSuccess: onCreateSuccess,
+          }, "create-folder"), folderID && allowCreateCollectionSlugs.filter(slug_1 => slug_1 !== folderCollectionConfig.slug).length > 0 && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${t("general:document").toLowerCase()}`,
+            collectionSlugs: allowCreateCollectionSlugs.filter(slug_0 => slug_0 !== folderCollectionConfig.slug),
+            onCreateSuccess: clearRouteCache,
             slugPrefix: "create-document--no-results"
           }, "create-document")].filter(Boolean),
-          Message: /*#__PURE__*/_jsx("p", {
-            children: i18n.t('general:noResults', {
+          Message: _jsx("p", {
+            children: i18n.t("general:noResults", {
               label: noResultsLabel
             })
           })
         }), AfterFolderListTable]
       }), AfterFolderList]
-    }), /*#__PURE__*/_jsx(DragOverlaySelection, {
+    }), _jsx(DragOverlaySelection, {
       allItems: [...subfolders, ...documents],
       lastSelected: lastSelectedIndex,
-      selectedCount: selectedIndexes.size
+      selectedCount: selectedItemKeys.size
     })]
   });
 }