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

package/dist/utilities/generateFieldID.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateFieldID.d.ts","sourceRoot":"","sources":["../../src/utilities/generateFieldID.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAU,MAAM,aAAa,MAAM,QAAQ,MAAM,WAM5E,CAAA"}
+{"version":3,"file":"generateFieldID.d.ts","sourceRoot":"","sources":["../../src/utilities/generateFieldID.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAU,MAAM,aAAa,MAAM,QAAQ,MAAM,WAE5E,CAAA"}

package/dist/utilities/generateFieldID.js

@@ -1,7 +1,4 @@
 export const generateFieldID = (path, editDepth, uuid) => {
-  if (!path) {
-    return undefined;
-  }
-  return `field-${path.replace(/\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
+  return `field-${path?.replace(/\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
 };
 //# sourceMappingURL=generateFieldID.js.map

package/dist/utilities/generateFieldID.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateFieldID.js","names":["generateFieldID","path","editDepth","uuid","undefined","replace"],"sources":["../../src/utilities/generateFieldID.ts"],"sourcesContent":["export const generateFieldID = (path: string, editDepth: number, uuid: string) => {\n  if (!path) {\n    return undefined\n  }\n\n  return `field-${path.replace(/\\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n}\n"],"mappings":"AAAA,OAAO,MAAMA,eAAA,GAAkBA,CAACC,IAAA,EAAcC,SAAA,EAAmBC,IAAA;EAC/D,IAAI,CAACF,IAAA,EAAM;IACT,OAAOG,SAAA;EACT;EAEA,OAAO,SAASH,IAAA,CAAKI,OAAO,CAAC,OAAO,QAAQH,SAAA,GAAY,IAAI,IAAIA,SAAA,EAAW,GAAG,KAAKC,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;AAC7G","ignoreList":[]}
+{"version":3,"file":"generateFieldID.js","names":["generateFieldID","path","editDepth","uuid","replace"],"sources":["../../src/utilities/generateFieldID.ts"],"sourcesContent":["export const generateFieldID = (path: string, editDepth: number, uuid: string) => {\n  return `field-${path?.replace(/\\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n}\n"],"mappings":"AAAA,OAAO,MAAMA,eAAA,GAAkBA,CAACC,IAAA,EAAcC,SAAA,EAAmBC,IAAA;EAC/D,OAAO,SAASF,IAAA,EAAMG,OAAA,CAAQ,OAAO,QAAQF,SAAA,GAAY,IAAI,IAAIA,SAAA,EAAW,GAAG,KAAKC,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;AAC9G","ignoreList":[]}

package/dist/utilities/renderTable.js

@@ -113,7 +113,6 @@ export const renderTable = ({
       },
       Heading: i18n.t('version:type'),
       renderedCells: docs.map((doc, i) => /*#__PURE__*/_jsx(Pill, {
-        size: "small",
         children: getTranslation(collections ? payload.collections[doc.relationTo].config.labels.singular : clientCollectionConfig.labels.singular, i18n)
       }, i))
     });

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","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":[]}
+{"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":[]}

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

@@ -1,5 +1,8 @@
 import type { FolderListViewClientProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare function DefaultBrowseByFolderView({ activeCollectionFolderSlugs, allCollectionFolderSlugs, allowCreateCollectionSlugs, baseFolderPath, breadcrumbs, documents, folderFieldName, folderID, FolderResultsComponent, search, subfolders, ...restOfProps }: FolderListViewClientProps): React.JSX.Element;
+export declare function DefaultBrowseByFolderView(props: {
+    hasCreatePermissionCollectionSlugs?: string[];
+    selectedCollectionSlugs?: string[];
+} & 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,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"}
+{"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"}

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 { useRouter } from 'next/navigation.js';
+import { formatFolderOrDocumentItem } from 'payload/shared';
 import React, { Fragment } from 'react';
 import { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js';
 import { CollectionTypePill } from '../../elements/FolderView/CollectionTypePill/index.js';
@@ -23,48 +23,15 @@ 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 { FolderProvider, useFolder } from '../../providers/Folders/index.js';
+import { 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({
-  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);
+export function DefaultBrowseByFolderView(props) {
   const {
     AfterFolderList,
     AfterFolderListTable,
@@ -73,10 +40,11 @@ function BrowseByFolderViewInContext(props) {
     Description,
     disableBulkDelete,
     disableBulkEdit,
+    hasCreatePermissionCollectionSlugs,
     viewPreference
   } = props;
-  const router = useRouter();
   const {
+    config,
     getEntityConfig
   } = useConfig();
   const {
@@ -87,249 +55,220 @@ function BrowseByFolderViewInContext(props) {
   const {
     setStepNav
   } = useStepNav();
-  const {
-    startRouteTransition
-  } = useRouteTransition();
   const {
     clearRouteCache
   } = useRouteCache();
   const {
-    breakpoints: t0
+    breakpoints: {
+      s: smallBreak
+    }
   } = useWindowInfo();
-  const {
-    s: smallBreak
-  } = t0;
   const {
     setPreference
   } = usePreferences();
   const {
-    activeCollectionFolderSlugs: visibleCollectionSlugs,
-    allowCreateCollectionSlugs,
+    addItems,
     breadcrumbs,
     documents,
+    filterItems,
+    focusedRowIndex,
     folderCollectionConfig,
+    folderFieldName,
     folderID,
-    getFolderRoute,
     getSelectedItems,
+    isDragging,
     lastSelectedIndex,
     moveToFolder,
-    refineFolderData,
+    onItemClick,
+    onItemKeyPress,
     search,
-    selectedItemKeys,
+    selectedIndexes,
+    setFolderID,
     setIsDragging,
-    subfolders
+    subfolders,
+    visibleCollectionSlugs
   } = useFolder();
-  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
+  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
       });
-    };
-    $[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;
+      clearRouteCache();
+    }
+  }, [moveToFolder, getSelectedItems, clearRouteCache]);
   const totalDocsAndSubfolders = documents.length + subfolders.length;
-  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)}`;
+  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}`);
+        }
       }
-      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", {
+      return acc_0;
+    }, []));
+  }, [getSelectedItems]);
+  const handleSetViewType = React.useCallback(view => {
+    void setPreference('browse-by-folder', {
       viewPreference: view
     });
     setActiveView(view);
-  };
-  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, {
+  }, [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, {
             className: `${baseClass}__step-nav-droppable`,
             id: crumb.id,
             onClick: () => {
-              startRouteTransition(() => {
-                router.push(getFolderRoute(crumb.id));
+              void setFolderID({
+                folderID: crumb.id
               });
             },
             children: crumb.name
           }, crumb.id)
-        }))]);
-      }
-    };
-    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", {
+        };
+      })]);
+    }
+  }, [setStepNav, drawerDepth, i18n, breadcrumbs, setFolderID, t]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(DndEventListener, {
+      onDragEnd: onDragEnd,
+      setIsDragging: setIsDragging
+    }), /*#__PURE__*/_jsxs("div", {
       className: `${baseClass} ${baseClass}--folders`,
-      children: [BeforeFolderList, _jsxs(Gutter, {
+      children: [BeforeFolderList, /*#__PURE__*/_jsxs(Gutter, {
         className: `${baseClass}__wrap`,
-        children: [_jsx(ListHeader, {
-          Actions: [!smallBreak && _jsx(ListSelection, {
-            disableBulkDelete,
-            disableBulkEdit
+        children: [/*#__PURE__*/_jsx(ListHeader, {
+          Actions: [!smallBreak && /*#__PURE__*/_jsx(ListSelection, {
+            disableBulkDelete: disableBulkDelete,
+            disableBulkEdit: disableBulkEdit
           }, "list-selection")].filter(Boolean),
           AfterListHeaderContent: Description,
           title: listHeaderTitle,
-          TitleActions: [allowCreateCollectionSlugs.length && _jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: t("general:createNew"),
-            collectionSlugs: allowCreateCollectionSlugs,
-            onCreateSuccess: clearRouteCache,
+          TitleActions: [/*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: t('general:createNew'),
+            collectionSlugs: hasCreatePermissionCollectionSlugs,
+            onCreateSuccess: onCreateSuccess,
             slugPrefix: "create-document--header-pill"
           }, "create-new-button")].filter(Boolean)
-        }), _jsx(SearchBar, {
-          Actions: [_jsx(SortByPill, {}, "sort-by-pill"), folderID && _jsx(CollectionTypePill, {}, "collection-type"), _jsx(ToggleViewButtons, {
-            activeView,
+        }), /*#__PURE__*/_jsx(SearchBar, {
+          Actions: [/*#__PURE__*/_jsx(SortByPill, {}, "sort-by-pill"), folderID && /*#__PURE__*/_jsx(CollectionTypePill, {}, "collection-type"), /*#__PURE__*/_jsx(ToggleViewButtons, {
+            activeView: activeView,
             setActiveView: handleSetViewType
-          }, "toggle-view-buttons"), _jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
+          }, "toggle-view-buttons"), /*#__PURE__*/_jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
           label: searchPlaceholder,
-          onSearchChange: t7,
+          onSearchChange: search_0 => filterItems({
+            search: search_0
+          }),
           searchQueryParam: search
-        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && _jsx(_Fragment, {
-          children: activeView === "grid" ? _jsxs("div", {
-            children: [subfolders.length ? _jsx(_Fragment, {
-              children: _jsx(ItemCardGrid, {
+        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && /*#__PURE__*/_jsx(_Fragment, {
+          children: activeView === 'grid' ? /*#__PURE__*/_jsxs("div", {
+            children: [subfolders.length ? /*#__PURE__*/_jsx(_Fragment, {
+              children: /*#__PURE__*/_jsx(ItemCardGrid, {
                 items: subfolders,
-                title: "Folders",
+                selectedItemKeys: selectedItemKeys,
+                title: 'Folders',
                 type: "folder"
               })
-            }) : null, documents.length ? _jsx(_Fragment, {
-              children: _jsx(ItemCardGrid, {
+            }) : null, documents.length ? /*#__PURE__*/_jsx(_Fragment, {
+              children: /*#__PURE__*/_jsx(ItemCardGrid, {
                 items: documents,
+                selectedItemKeys: selectedItemKeys,
                 subfolderCount: subfolders.length,
-                title: "Documents",
+                title: 'Documents',
                 type: "file"
               })
             }) : null]
-          }) : _jsx(FolderFileTable, {})
-        }), totalDocsAndSubfolders === 0 && _jsx(NoListResults, {
-          Actions: [allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && _jsx(ListCreateNewDocInFolderButton, {
-            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+          }) : /*#__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()}`,
             collectionSlugs: [folderCollectionConfig.slug],
-            onCreateSuccess: clearRouteCache,
+            onCreateSuccess: onCreateSuccess,
             slugPrefix: "create-folder--no-results"
-          }, "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,
+          }, "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,
             slugPrefix: "create-document--no-results"
           }, "create-document")].filter(Boolean),
-          Message: _jsx("p", {
-            children: i18n.t("general:noResults", {
+          Message: /*#__PURE__*/_jsx("p", {
+            children: i18n.t('general:noResults', {
               label: noResultsLabel
             })
           })
         }), AfterFolderListTable]
       }), AfterFolderList]
-    }), _jsx(DragOverlaySelection, {
+    }), /*#__PURE__*/_jsx(DragOverlaySelection, {
       allItems: [...subfolders, ...documents],
       lastSelected: lastSelectedIndex,
-      selectedCount: selectedItemKeys.size
+      selectedCount: selectedIndexes.size
     })]
   });
 }