@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/utilities/renderTable.js

@@ -1,5 +1,7 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { fieldAffectsData, fieldIsHiddenOrDisabled } from 'payload/shared';
+import React from 'react';
 import { RenderServerComponent } from '../elements/RenderServerComponent/index.js';
 import { GroupByHeader, GroupByPageControls, OrderableTable, Pill, SelectAll, SelectionProvider, SelectRow, SortHeader, SortRow, Table } from // 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
 '../exports/client/index.js';
@@ -97,9 +99,14 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
                 hidden: true
             },
             Heading: i18n.t('version:type'),
-            renderedCells: (data?.docs || []).map((doc, i)=><Pill key={i} size="small">
-          {getTranslation(collections ? payload.collections[doc.relationTo].config.labels.singular : clientCollectionConfig.labels.singular, i18n)}
-        </Pill>)
+            renderedCells: (data?.docs || []).map((doc, i)=>/*#__PURE__*/ _jsxDEV(Pill, {
+                    size: "small",
+                    children: getTranslation(collections ? payload.collections[doc.relationTo].config.labels.singular : clientCollectionConfig.labels.singular, i18n)
+                }, i, false, {
+                    fileName: "src/utilities/renderTable.tsx",
+                    lineNumber: 224,
+                    columnNumber: 9
+                }, this))
         });
     }
     if (enableRowSelections) {
@@ -112,33 +119,94 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
                 },
                 hidden: true
             },
-            Heading: <SelectAll/>,
-            renderedCells: (data?.docs || []).map((_, i)=><SelectRow key={i} rowData={data?.docs[i]}/>)
+            Heading: /*#__PURE__*/ _jsxDEV(SelectAll, {}, void 0, false, {
+                fileName: "src/utilities/renderTable.tsx",
+                lineNumber: 246,
+                columnNumber: 16
+            }, this),
+            renderedCells: (data?.docs || []).map((_, i)=>/*#__PURE__*/ _jsxDEV(SelectRow, {
+                    rowData: data?.docs[i]
+                }, i, false, {
+                    fileName: "src/utilities/renderTable.tsx",
+                    lineNumber: 248,
+                    columnNumber: 9
+                }, this))
         });
     }
     if (isGroupingBy) {
         return {
             columnState,
             // key is required since Next.js 15.2.0 to prevent React key error
-            Table: <div className={[
-                'table-wrap',
-                groupByValue !== undefined && `table-wrap--group-by`
-            ].filter(Boolean).join(' ')} key={key}>
-          <SelectionProvider docs={data?.docs || []} totalDocs={data?.totalDocs || 0}>
-            <GroupByHeader collectionConfig={clientCollectionConfig} groupByFieldPath={groupByFieldPath} groupByValue={groupByValue} heading={heading}/>
-            <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []}/>
-            <GroupByPageControls collectionConfig={clientCollectionConfig} data={data} groupByValue={groupByValue}/>
-          </SelectionProvider>
-        </div>
+            Table: /*#__PURE__*/ _jsxDEV("div", {
+                className: [
+                    'table-wrap',
+                    groupByValue !== undefined && `table-wrap--group-by`
+                ].filter(Boolean).join(' '),
+                children: /*#__PURE__*/ _jsxDEV(SelectionProvider, {
+                    docs: data?.docs || [],
+                    totalDocs: data?.totalDocs || 0,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(GroupByHeader, {
+                            collectionConfig: clientCollectionConfig,
+                            groupByFieldPath: groupByFieldPath,
+                            groupByValue: groupByValue,
+                            heading: heading
+                        }, void 0, false, {
+                            fileName: "src/utilities/renderTable.tsx",
+                            lineNumber: 265,
+                            columnNumber: 13
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Table, {
+                            appearance: tableAppearance,
+                            columns: columnsToUse,
+                            data: data?.docs || []
+                        }, void 0, false, {
+                            fileName: "src/utilities/renderTable.tsx",
+                            lineNumber: 271,
+                            columnNumber: 13
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(GroupByPageControls, {
+                            collectionConfig: clientCollectionConfig,
+                            data: data,
+                            groupByValue: groupByValue
+                        }, void 0, false, {
+                            fileName: "src/utilities/renderTable.tsx",
+                            lineNumber: 272,
+                            columnNumber: 13
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/utilities/renderTable.tsx",
+                    lineNumber: 264,
+                    columnNumber: 11
+                }, this)
+            }, key, false, {
+                fileName: "src/utilities/renderTable.tsx",
+                lineNumber: 258,
+                columnNumber: 9
+            }, this)
         };
     }
     if (!orderableFieldName) {
         return {
             columnState,
             // key is required since Next.js 15.2.0 to prevent React key error
-            Table: <div className="table-wrap" key={key}>
-          <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []}/>
-        </div>
+            Table: /*#__PURE__*/ _jsxDEV("div", {
+                className: "table-wrap",
+                children: /*#__PURE__*/ _jsxDEV(Table, {
+                    appearance: tableAppearance,
+                    columns: columnsToUse,
+                    data: data?.docs || []
+                }, void 0, false, {
+                    fileName: "src/utilities/renderTable.tsx",
+                    lineNumber: 289,
+                    columnNumber: 11
+                }, this)
+            }, key, false, {
+                fileName: "src/utilities/renderTable.tsx",
+                lineNumber: 288,
+                columnNumber: 9
+            }, this)
         };
     }
     columnsToUse.unshift({
@@ -150,15 +218,37 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
             },
             hidden: true
         },
-        Heading: <SortHeader/>,
-        renderedCells: (data?.docs || []).map((_, i)=><SortRow key={i}/>)
+        Heading: /*#__PURE__*/ _jsxDEV(SortHeader, {}, void 0, false, {
+            fileName: "src/utilities/renderTable.tsx",
+            lineNumber: 304,
+            columnNumber: 14
+        }, this),
+        renderedCells: (data?.docs || []).map((_, i)=>/*#__PURE__*/ _jsxDEV(SortRow, {}, i, false, {
+                fileName: "src/utilities/renderTable.tsx",
+                lineNumber: 305,
+                columnNumber: 53
+            }, this))
     });
     return {
         columnState,
         // key is required since Next.js 15.2.0 to prevent React key error
-        Table: <div className="table-wrap" key={key}>
-        <OrderableTable appearance={tableAppearance} collection={clientCollectionConfig} columns={columnsToUse} data={data?.docs || []}/>
-      </div>
+        Table: /*#__PURE__*/ _jsxDEV("div", {
+            className: "table-wrap",
+            children: /*#__PURE__*/ _jsxDEV(OrderableTable, {
+                appearance: tableAppearance,
+                collection: clientCollectionConfig,
+                columns: columnsToUse,
+                data: data?.docs || []
+            }, void 0, false, {
+                fileName: "src/utilities/renderTable.tsx",
+                lineNumber: 313,
+                columnNumber: 9
+            }, this)
+        }, key, false, {
+            fileName: "src/utilities/renderTable.tsx",
+            lineNumber: 312,
+            columnNumber: 7
+        }, this)
     };
 };
 

package/dist/utilities/renderTable.js.map

@@ -1 +1 @@
-{"version":3,"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  ListQuery,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled } 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  GroupByHeader,\n  GroupByPageControls,\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectionProvider,\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 { filterFieldsWithPermissions } from '../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.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  columns,\n  customCellProps,\n  data,\n  enableRowSelections,\n  fieldPermissions,\n  groupByFieldPath,\n  groupByValue,\n  heading,\n  i18n,\n  key = 'table',\n  orderableFieldName,\n  payload,\n  query,\n  renderRowTypes,\n  req,\n  tableAppearance,\n  useAsTitle,\n  viewType,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columns: ColumnPreference[]\n  customCellProps?: Record<string, unknown>\n  data?: PaginatedDocs | undefined\n  drawerSlug?: string\n  enableRowSelections: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  groupByFieldPath?: string\n  groupByValue?: string\n  heading?: string\n  i18n: I18nClient\n  key?: string\n  orderableFieldName: string\n  payload: Payload\n  query?: ListQuery\n  renderRowTypes?: boolean\n  req?: PayloadRequest\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\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  const isGroupingBy = Boolean(collectionConfig?.admin?.groupBy && query?.groupBy)\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n\n      for (const field of filterFieldsWithPermissions({\n        fieldPermissions,\n        fields: clientCollectionConfig.fields,\n      })) {\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\n      for (const field of filterFieldsWithPermissions<Field>({\n        fieldPermissions,\n        fields: serverCollectionConfig.fields,\n      })) {\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 sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'fieldPermissions'\n    | 'i18n'\n    | 'payload'\n    | 'req'\n    | 'serverFields'\n    | 'useAsTitle'\n    | 'viewType'\n  > = {\n    clientFields,\n    columns,\n    enableRowSelections,\n    fieldPermissions,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    req,\n    serverFields,\n    useAsTitle,\n    viewType,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs: data?.docs || [],\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs: data?.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: (data?.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: (data?.docs || []).map((_, i) => (\n        <SelectRow key={i} rowData={data?.docs[i]} />\n      )),\n    } as Column)\n  }\n\n  if (isGroupingBy) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <div\n          className={['table-wrap', groupByValue !== undefined && `table-wrap--group-by`]\n            .filter(Boolean)\n            .join(' ')}\n          key={key}\n        >\n          <SelectionProvider docs={data?.docs || []} totalDocs={data?.totalDocs || 0}>\n            <GroupByHeader\n              collectionConfig={clientCollectionConfig}\n              groupByFieldPath={groupByFieldPath}\n              groupByValue={groupByValue}\n              heading={heading}\n            />\n            <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n            <GroupByPageControls\n              collectionConfig={clientCollectionConfig}\n              data={data}\n              groupByValue={groupByValue}\n            />\n          </SelectionProvider>\n        </div>\n      ),\n    }\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: (\n        <div className=\"table-wrap\" key={key}>\n          <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n        </div>\n      ),\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: (data?.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      <div className=\"table-wrap\" key={key}>\n        <OrderableTable\n          appearance={tableAppearance}\n          collection={clientCollectionConfig}\n          columns={columnsToUse}\n          data={data?.docs || []}\n        />\n      </div>\n    ),\n  }\n}\n"],"names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","RenderServerComponent","GroupByHeader","GroupByPageControls","OrderableTable","Pill","SelectAll","SelectionProvider","SelectRow","SortHeader","SortRow","Table","filterFieldsWithPermissions","buildColumnState","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columns","customCellProps","data","enableRowSelections","fieldPermissions","groupByFieldPath","groupByValue","heading","i18n","key","orderableFieldName","payload","query","renderRowTypes","req","tableAppearance","useAsTitle","viewType","columnState","clientFields","serverFields","isPolymorphic","isGroupingBy","Boolean","groupBy","collection","find","each","slug","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","undefined","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","size","relationTo","labels","singular","_","rowData","div","className","filter","join","totalDocs","appearance"],"mappings":"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"}
+{"version":3,"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  ListQuery,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled } 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  GroupByHeader,\n  GroupByPageControls,\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectionProvider,\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 { filterFieldsWithPermissions } from '../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.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  columns,\n  customCellProps,\n  data,\n  enableRowSelections,\n  fieldPermissions,\n  groupByFieldPath,\n  groupByValue,\n  heading,\n  i18n,\n  key = 'table',\n  orderableFieldName,\n  payload,\n  query,\n  renderRowTypes,\n  req,\n  tableAppearance,\n  useAsTitle,\n  viewType,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columns: ColumnPreference[]\n  customCellProps?: Record<string, unknown>\n  data?: PaginatedDocs | undefined\n  drawerSlug?: string\n  enableRowSelections: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  groupByFieldPath?: string\n  groupByValue?: string\n  heading?: string\n  i18n: I18nClient\n  key?: string\n  orderableFieldName: string\n  payload: Payload\n  query?: ListQuery\n  renderRowTypes?: boolean\n  req?: PayloadRequest\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\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  const isGroupingBy = Boolean(collectionConfig?.admin?.groupBy && query?.groupBy)\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n\n      for (const field of filterFieldsWithPermissions({\n        fieldPermissions,\n        fields: clientCollectionConfig.fields,\n      })) {\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\n      for (const field of filterFieldsWithPermissions<Field>({\n        fieldPermissions,\n        fields: serverCollectionConfig.fields,\n      })) {\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 sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'fieldPermissions'\n    | 'i18n'\n    | 'payload'\n    | 'req'\n    | 'serverFields'\n    | 'useAsTitle'\n    | 'viewType'\n  > = {\n    clientFields,\n    columns,\n    enableRowSelections,\n    fieldPermissions,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    req,\n    serverFields,\n    useAsTitle,\n    viewType,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs: data?.docs || [],\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs: data?.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: (data?.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: (data?.docs || []).map((_, i) => (\n        <SelectRow key={i} rowData={data?.docs[i]} />\n      )),\n    } as Column)\n  }\n\n  if (isGroupingBy) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <div\n          className={['table-wrap', groupByValue !== undefined && `table-wrap--group-by`]\n            .filter(Boolean)\n            .join(' ')}\n          key={key}\n        >\n          <SelectionProvider docs={data?.docs || []} totalDocs={data?.totalDocs || 0}>\n            <GroupByHeader\n              collectionConfig={clientCollectionConfig}\n              groupByFieldPath={groupByFieldPath}\n              groupByValue={groupByValue}\n              heading={heading}\n            />\n            <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n            <GroupByPageControls\n              collectionConfig={clientCollectionConfig}\n              data={data}\n              groupByValue={groupByValue}\n            />\n          </SelectionProvider>\n        </div>\n      ),\n    }\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: (\n        <div className=\"table-wrap\" key={key}>\n          <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n        </div>\n      ),\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: (data?.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      <div className=\"table-wrap\" key={key}>\n        <OrderableTable\n          appearance={tableAppearance}\n          collection={clientCollectionConfig}\n          columns={columnsToUse}\n          data={data?.docs || []}\n        />\n      </div>\n    ),\n  }\n}\n"],"names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","React","RenderServerComponent","GroupByHeader","GroupByPageControls","OrderableTable","Pill","SelectAll","SelectionProvider","SelectRow","SortHeader","SortRow","Table","filterFieldsWithPermissions","buildColumnState","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columns","customCellProps","data","enableRowSelections","fieldPermissions","groupByFieldPath","groupByValue","heading","i18n","key","orderableFieldName","payload","query","renderRowTypes","req","tableAppearance","useAsTitle","viewType","columnState","clientFields","serverFields","isPolymorphic","isGroupingBy","Boolean","groupBy","collection","find","each","slug","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","undefined","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","size","relationTo","labels","singular","_","rowData","div","className","filter","join","totalDocs","appearance"],"mappings":"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"}

package/dist/views/BrowseByFolder/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useDndMonitor } from '@dnd-kit/core';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -30,9 +31,30 @@ 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 <FolderProvider activeCollectionFolderSlugs={activeCollectionFolderSlugs} allCollectionFolderSlugs={allCollectionFolderSlugs} allowCreateCollectionSlugs={allowCreateCollectionSlugs} baseFolderPath={baseFolderPath} breadcrumbs={breadcrumbs} documents={documents} folderFieldName={folderFieldName} folderID={folderID} FolderResultsComponent={FolderResultsComponent} search={search} subfolders={subfolders}>
-      <BrowseByFolderViewInContext {...restOfProps}/>
-    </FolderProvider>;
+    return /*#__PURE__*/ _jsxDEV(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__*/ _jsxDEV(BrowseByFolderViewInContext, {
+            ...restOfProps
+        }, void 0, false, {
+            fileName: "src/views/BrowseByFolder/index.tsx",
+            lineNumber: 67,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/BrowseByFolder/index.tsx",
+        lineNumber: 54,
+        columnNumber: 5
+    }, this);
 }
 function BrowseByFolderViewInContext(props) {
     const { AfterFolderList, AfterFolderListTable, BeforeFolderList, BeforeFolderListTable, Description, disableBulkDelete, disableBulkEdit, folderAssignedCollections, viewPreference } = props;
@@ -95,32 +117,63 @@ function BrowseByFolderViewInContext(props) {
         if (!drawerDepth) {
             setStepNav([
                 !breadcrumbs.length ? {
-                    label: <div className={`${baseClass}__step-nav-icon-label`} key="root">
-                  <ColoredFolderIcon/>
-                  {t('folder:browseByFolder')}
-                </div>
+                    label: /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__step-nav-icon-label`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                lineNumber: 189,
+                                columnNumber: 19
+                            }, this),
+                            t('folder:browseByFolder')
+                        ]
+                    }, "root", true, {
+                        fileName: "src/views/BrowseByFolder/index.tsx",
+                        lineNumber: 188,
+                        columnNumber: 17
+                    }, this)
                 } : {
-                    label: <DroppableBreadcrumb className={[
-                        `${baseClass}__step-nav-droppable`,
-                        `${baseClass}__step-nav-icon-label`
-                    ].filter(Boolean).join(' ')} id={null} key="root" onClick={()=>{
-                        startRouteTransition(()=>{
-                            router.push(getFolderRoute(null));
-                        });
-                    }}>
-                  <ColoredFolderIcon/>
-                  {t('folder:browseByFolder')}
-                </DroppableBreadcrumb>
+                    label: /*#__PURE__*/ _jsxDEV(DroppableBreadcrumb, {
+                        className: [
+                            `${baseClass}__step-nav-droppable`,
+                            `${baseClass}__step-nav-icon-label`
+                        ].filter(Boolean).join(' '),
+                        id: null,
+                        onClick: ()=>{
+                            startRouteTransition(()=>{
+                                router.push(getFolderRoute(null));
+                            });
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                lineNumber: 211,
+                                columnNumber: 19
+                            }, this),
+                            t('folder:browseByFolder')
+                        ]
+                    }, "root", true, {
+                        fileName: "src/views/BrowseByFolder/index.tsx",
+                        lineNumber: 196,
+                        columnNumber: 17
+                    }, this)
                 },
                 ...breadcrumbs.map((crumb, crumbIndex)=>{
                     return {
-                        label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : <DroppableBreadcrumb className={`${baseClass}__step-nav-droppable`} id={crumb.id} key={crumb.id} onClick={()=>{
-                            startRouteTransition(()=>{
-                                router.push(getFolderRoute(crumb.id));
-                            });
-                        }}>
-                  {crumb.name}
-                </DroppableBreadcrumb>
+                        label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : /*#__PURE__*/ _jsxDEV(DroppableBreadcrumb, {
+                            className: `${baseClass}__step-nav-droppable`,
+                            id: crumb.id,
+                            onClick: ()=>{
+                                startRouteTransition(()=>{
+                                    router.push(getFolderRoute(crumb.id));
+                                });
+                            },
+                            children: crumb.name
+                        }, crumb.id, false, {
+                            fileName: "src/views/BrowseByFolder/index.tsx",
+                            lineNumber: 222,
+                            columnNumber: 17
+                        }, this)
                     };
                 })
             ]);
@@ -135,55 +188,201 @@ function BrowseByFolderViewInContext(props) {
         t
     ]);
     const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter((slug)=>slug !== folderCollectionConfig.slug);
-    return <Fragment>
-      <DndEventListener onDragEnd={onDragEnd} setIsDragging={setIsDragging}/>
-      <div className={`${baseClass} ${baseClass}--folders`}>
-        {BeforeFolderList}
-        <Gutter className={`${baseClass}__wrap`}>
-          <ListHeader Actions={[
-        !smallBreak && <ListSelection disableBulkDelete={disableBulkDelete} disableBulkEdit={disableBulkEdit} folderAssignedCollections={folderAssignedCollections} key="list-selection"/>
-    ].filter(Boolean)} AfterListHeaderContent={Description} title={listHeaderTitle} TitleActions={[
-        allowCreateCollectionSlugs.length && <ListCreateNewDocInFolderButton buttonLabel={allowCreateCollectionSlugs.length > 1 ? t('general:createNew') : `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`} collectionSlugs={allowCreateCollectionSlugs} folderAssignedCollections={Array.isArray(folderType) ? folderType : []} key="create-new-button" onCreateSuccess={clearRouteCache} slugPrefix="create-document--header-pill"/>
-    ].filter(Boolean)}/>
-          <SearchBar Actions={[
-        <SortByPill key="sort-by-pill"/>,
-        folderID && <FilterFolderTypePill key="collection-type"/>,
-        <ToggleViewButtons activeView={activeView} key="toggle-view-buttons" setActiveView={handleSetViewType}/>,
-        <CurrentFolderActions key="current-folder-actions"/>
-    ].filter(Boolean)} label={searchPlaceholder} onSearchChange={(search)=>refineFolderData({
-            query: {
-                search
-            },
-            updateURL: true
-        })} searchQueryParam={search}/>
-          {BeforeFolderListTable}
-          {totalDocsAndSubfolders > 0 && <>
-              {activeView === 'grid' ? <div>
-                  {subfolders.length ? <>
-                      <ItemCardGrid items={subfolders} title={'Folders'} type="folder"/>
-                    </> : null}
-
-                  {documents.length ? <>
-                      <ItemCardGrid items={documents} subfolderCount={subfolders.length} title={'Documents'} type="file"/>
-                    </> : null}
-                </div> : <FolderFileTable/>}
-            </>}
-          {totalDocsAndSubfolders === 0 && <NoListResults Actions={[
-        allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && <ListCreateNewDocInFolderButton buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`} collectionSlugs={[
-            folderCollectionConfig.slug
-        ]} folderAssignedCollections={Array.isArray(folderType) ? folderType : []} key="create-folder" onCreateSuccess={clearRouteCache} slugPrefix="create-folder--no-results"/>,
-        folderID && nonFolderCollectionSlugs.length > 0 && <ListCreateNewDocInFolderButton buttonLabel={`${t('general:create')} ${t('general:document').toLowerCase()}`} collectionSlugs={nonFolderCollectionSlugs} folderAssignedCollections={Array.isArray(folderType) ? folderType : []} key="create-document" onCreateSuccess={clearRouteCache} slugPrefix="create-document--no-results"/>
-    ].filter(Boolean)} Message={<p>
-                  {i18n.t('general:noResults', {
-        label: noResultsLabel
-    })}
-                </p>}/>}
-          {AfterFolderListTable}
-        </Gutter>
-        {AfterFolderList}
-      </div>
-      {selectedItemKeys.size > 0 && dragOverlayItem && <DragOverlaySelection item={dragOverlayItem} selectedCount={selectedItemKeys.size}/>}
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(DndEventListener, {
+                onDragEnd: onDragEnd,
+                setIsDragging: setIsDragging
+            }, void 0, false, {
+                fileName: "src/views/BrowseByFolder/index.tsx",
+                lineNumber: 247,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass} ${baseClass}--folders`,
+                children: [
+                    BeforeFolderList,
+                    /*#__PURE__*/ _jsxDEV(Gutter, {
+                        className: `${baseClass}__wrap`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(ListHeader, {
+                                Actions: [
+                                    !smallBreak && /*#__PURE__*/ _jsxDEV(ListSelection, {
+                                        disableBulkDelete: disableBulkDelete,
+                                        disableBulkEdit: disableBulkEdit,
+                                        folderAssignedCollections: folderAssignedCollections
+                                    }, "list-selection", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 254,
+                                        columnNumber: 17
+                                    }, void 0)
+                                ].filter(Boolean),
+                                AfterListHeaderContent: Description,
+                                title: listHeaderTitle,
+                                TitleActions: [
+                                    allowCreateCollectionSlugs.length && /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
+                                        buttonLabel: allowCreateCollectionSlugs.length > 1 ? t('general:createNew') : `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+                                        collectionSlugs: allowCreateCollectionSlugs,
+                                        folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+                                        onCreateSuccess: clearRouteCache,
+                                        slugPrefix: "create-document--header-pill"
+                                    }, "create-new-button", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 266,
+                                        columnNumber: 17
+                                    }, void 0)
+                                ].filter(Boolean)
+                            }, void 0, false, {
+                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                lineNumber: 251,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(SearchBar, {
+                                Actions: [
+                                    /*#__PURE__*/ _jsxDEV(SortByPill, {}, "sort-by-pill", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 283,
+                                        columnNumber: 15
+                                    }, void 0),
+                                    folderID && /*#__PURE__*/ _jsxDEV(FilterFolderTypePill, {}, "collection-type", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 284,
+                                        columnNumber: 27
+                                    }, void 0),
+                                    /*#__PURE__*/ _jsxDEV(ToggleViewButtons, {
+                                        activeView: activeView,
+                                        setActiveView: handleSetViewType
+                                    }, "toggle-view-buttons", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 285,
+                                        columnNumber: 15
+                                    }, void 0),
+                                    /*#__PURE__*/ _jsxDEV(CurrentFolderActions, {}, "current-folder-actions", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 290,
+                                        columnNumber: 15
+                                    }, void 0)
+                                ].filter(Boolean),
+                                label: searchPlaceholder,
+                                onSearchChange: (search)=>refineFolderData({
+                                        query: {
+                                            search
+                                        },
+                                        updateURL: true
+                                    }),
+                                searchQueryParam: search
+                            }, void 0, false, {
+                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                lineNumber: 281,
+                                columnNumber: 11
+                            }, this),
+                            BeforeFolderListTable,
+                            totalDocsAndSubfolders > 0 && /*#__PURE__*/ _jsxDEV(_Fragment, {
+                                children: activeView === 'grid' ? /*#__PURE__*/ _jsxDEV("div", {
+                                    children: [
+                                        subfolders.length ? /*#__PURE__*/ _jsxDEV(_Fragment, {
+                                            children: /*#__PURE__*/ _jsxDEV(ItemCardGrid, {
+                                                items: subfolders,
+                                                title: 'Folders',
+                                                type: "folder"
+                                            }, void 0, false, {
+                                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                                lineNumber: 303,
+                                                columnNumber: 23
+                                            }, this)
+                                        }, void 0, false) : null,
+                                        documents.length ? /*#__PURE__*/ _jsxDEV(_Fragment, {
+                                            children: /*#__PURE__*/ _jsxDEV(ItemCardGrid, {
+                                                items: documents,
+                                                subfolderCount: subfolders.length,
+                                                title: 'Documents',
+                                                type: "file"
+                                            }, void 0, false, {
+                                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                                lineNumber: 309,
+                                                columnNumber: 23
+                                            }, this)
+                                        }, void 0, false) : null
+                                    ]
+                                }, void 0, true, {
+                                    fileName: "src/views/BrowseByFolder/index.tsx",
+                                    lineNumber: 300,
+                                    columnNumber: 17
+                                }, this) : /*#__PURE__*/ _jsxDEV(FolderFileTable, {}, void 0, false, {
+                                    fileName: "src/views/BrowseByFolder/index.tsx",
+                                    lineNumber: 319,
+                                    columnNumber: 17
+                                }, this)
+                            }, void 0, false),
+                            totalDocsAndSubfolders === 0 && /*#__PURE__*/ _jsxDEV(NoListResults, {
+                                Actions: [
+                                    allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
+                                        buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+                                        collectionSlugs: [
+                                            folderCollectionConfig.slug
+                                        ],
+                                        folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+                                        onCreateSuccess: clearRouteCache,
+                                        slugPrefix: "create-folder--no-results"
+                                    }, "create-folder", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 327,
+                                        columnNumber: 19
+                                    }, void 0),
+                                    folderID && nonFolderCollectionSlugs.length > 0 && /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
+                                        buttonLabel: `${t('general:create')} ${t('general:document').toLowerCase()}`,
+                                        collectionSlugs: nonFolderCollectionSlugs,
+                                        folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+                                        onCreateSuccess: clearRouteCache,
+                                        slugPrefix: "create-document--no-results"
+                                    }, "create-document", false, {
+                                        fileName: "src/views/BrowseByFolder/index.tsx",
+                                        lineNumber: 337,
+                                        columnNumber: 19
+                                    }, void 0)
+                                ].filter(Boolean),
+                                Message: /*#__PURE__*/ _jsxDEV("p", {
+                                    children: i18n.t('general:noResults', {
+                                        label: noResultsLabel
+                                    })
+                                }, void 0, false, {
+                                    fileName: "src/views/BrowseByFolder/index.tsx",
+                                    lineNumber: 348,
+                                    columnNumber: 17
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/views/BrowseByFolder/index.tsx",
+                                lineNumber: 324,
+                                columnNumber: 13
+                            }, this),
+                            AfterFolderListTable
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/views/BrowseByFolder/index.tsx",
+                        lineNumber: 250,
+                        columnNumber: 9
+                    }, this),
+                    AfterFolderList
+                ]
+            }, void 0, true, {
+                fileName: "src/views/BrowseByFolder/index.tsx",
+                lineNumber: 248,
+                columnNumber: 7
+            }, this),
+            selectedItemKeys.size > 0 && dragOverlayItem && /*#__PURE__*/ _jsxDEV(DragOverlaySelection, {
+                item: dragOverlayItem,
+                selectedCount: selectedItemKeys.size
+            }, void 0, false, {
+                fileName: "src/views/BrowseByFolder/index.tsx",
+                lineNumber: 361,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/BrowseByFolder/index.tsx",
+        lineNumber: 246,
+        columnNumber: 5
+    }, this);
 }
 function DndEventListener({ onDragEnd, setIsDragging }) {
     useDndMonitor({