@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/utilities/renderTable.js

@@ -1,7 +1,5 @@
-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';
@@ -99,14 +97,9 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
                 hidden: true
             },
             Heading: i18n.t('version:type'),
-            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))
+            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>)
         });
     }
     if (enableRowSelections) {
@@ -119,94 +112,33 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
                 },
                 hidden: true
             },
-            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))
+            Heading: <SelectAll/>,
+            renderedCells: (data?.docs || []).map((_, i)=><SelectRow key={i} rowData={data?.docs[i]}/>)
         });
     }
     if (isGroupingBy) {
         return {
             columnState,
             // key is required since Next.js 15.2.0 to prevent React key error
-            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)
+            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>
         };
     }
     if (!orderableFieldName) {
         return {
             columnState,
             // key is required since Next.js 15.2.0 to prevent React key error
-            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)
+            Table: <div className="table-wrap" key={key}>
+          <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []}/>
+        </div>
         };
     }
     columnsToUse.unshift({
@@ -218,37 +150,15 @@ export const renderTable = ({ clientCollectionConfig, clientConfig, collectionCo
             },
             hidden: true
         },
-        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))
+        Heading: <SortHeader/>,
+        renderedCells: (data?.docs || []).map((_, i)=><SortRow key={i}/>)
     });
     return {
         columnState,
         // key is required since Next.js 15.2.0 to prevent React key error
-        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)
+        Table: <div className="table-wrap" key={key}>
+        <OrderableTable appearance={tableAppearance} collection={clientCollectionConfig} columns={columnsToUse} data={data?.docs || []}/>
+      </div>
     };
 };
 

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","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":";AAkBA,SAASA,cAAc,QAAyB,2BAA0B;AAC1E,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,iBAAgB;AAC1E,OAAOC,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,6CAA4C;AAClF,SACEC,aAAa,EACbC,mBAAmB,EACnBC,cAAc,EACdC,IAAI,EACJC,SAAS,EACTC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,KAAK,QACL,mLAAmL;AAC9K,6BAA4B;AACnC,SAASC,2BAA2B,QAAQ,4EAA2E;AACvH,SAASC,gBAAgB,QAAQ,sDAAqD;AAEtF,OAAO,MAAMC,gBAAgB,CAC3BC,QACAC,YAEAD,OAAOE,MAAM,CACX,CAACC,KAAKC;QACJ,IAAIpB,wBAAwBoB,QAAQ;YAClC,OAAOD;QACT;QAEA,IAAI,UAAUC,SAASA,MAAMC,KAAK,EAAEC,YAAYC,QAAQ;YACtDJ,IAAIK,GAAG,CACLJ,MAAMK,IAAI,EACVvB,sBAAsB;gBACpBwB,WAAWN,MAAMC,KAAK,CAACC,UAAU,EAAEC;gBACnCN;YACF;QAEJ;QAEA,OAAOE;IACT,GACA,IAAIQ,OACL;AAEH,OAAO,MAAMC,cAAc,CAAC,EAC1BC,sBAAsB,EACtBC,YAAY,EACZC,gBAAgB,EAChBC,WAAW,EACXC,OAAO,EACPC,eAAe,EACfC,IAAI,EACJC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,OAAO,EACPC,IAAI,EACJC,MAAM,OAAO,EACbC,kBAAkB,EAClBC,OAAO,EACPC,KAAK,EACLC,cAAc,EACdC,GAAG,EACHC,eAAe,EACfC,UAAU,EACVC,QAAQ,EAyBT;IAIC,4GAA4G;IAE5G,IAAIC;IACJ,IAAIC,eAA8BvB,wBAAwBb,UAAU,EAAE;IACtE,IAAIqC,eAAwBtB,kBAAkBf,UAAU,EAAE;IAC1D,MAAMsC,gBAAgBtB;IAEtB,MAAMuB,eAAeC,QAAQzB,kBAAkBV,OAAOoC,WAAWZ,OAAOY;IAExE,IAAIH,eAAe;QACjBF,eAAe,EAAE;QACjBC,eAAe,EAAE;QAEjB,KAAK,MAAMK,cAAc1B,YAAa;YACpC,MAAMH,yBAAyBC,aAAaE,WAAW,CAAC2B,IAAI,CAC1D,CAACC,OAASA,KAAKC,IAAI,KAAKH;YAG1B,KAAK,MAAMtC,SAASP,4BAA4B;gBAC9CwB;gBACArB,QAAQa,uBAAuBb,MAAM;YACvC,GAAI;gBACF,IAAIjB,iBAAiBqB,QAAQ;oBAC3B,IAAIgC,aAAaU,IAAI,CAAC,CAACF,OAAS7D,iBAAiB6D,SAASA,KAAKnC,IAAI,KAAKL,MAAMK,IAAI,GAAG;wBACnF;oBACF;gBACF;gBAEA2B,aAAaW,IAAI,CAAC3C;YACpB;YAEA,MAAM4C,yBAAyBpB,QAAQZ,WAAW,CAAC0B,WAAW,CAACO,MAAM;YAErE,KAAK,MAAM7C,SAASP,4BAAmC;gBACrDwB;gBACArB,QAAQgD,uBAAuBhD,MAAM;YACvC,GAAI;gBACF,IAAIjB,iBAAiBqB,QAAQ;oBAC3B,IAAIiC,aAAaS,IAAI,CAAC,CAACF,OAAS7D,iBAAiB6D,SAASA,KAAKnC,IAAI,KAAKL,MAAMK,IAAI,GAAG;wBACnF;oBACF;gBACF;gBAEA4B,aAAaU,IAAI,CAAC3C;YACpB;QACF;IACF;IAEA,MAAM8C,aAaF;QACFd;QACAnB;QACAG;QACAC;QACAI;QACA,mBAAmB;QACnBP;QACAU;QACAG;QACAM;QACAJ;QACAC;IACF;IAEA,IAAII,eAAe;QACjBH,cAAcrC,iBAAiB;YAC7B,GAAGoD,UAAU;YACbC,gBAAgBC;YAChBC,UAAU;YACVC,MAAMnC,MAAMmC,QAAQ,EAAE;QACxB;IACF,OAAO;QACLnB,cAAcrC,iBAAiB;YAC7B,GAAGoD,UAAU;YACbC,gBAAgBtC,uBAAuBgC,IAAI;YAC3CQ,UAAU;YACVC,MAAMnC,MAAMmC,QAAQ,EAAE;QACxB;IACF;IAEA,MAAMC,eAAe;WAAIpB;KAAY;IAErC,IAAIL,gBAAgB;QAClByB,aAAaC,OAAO,CAAC;YACnBC,UAAU;YACVC,QAAQ;YACRtD,OAAO;gBACLC,OAAO;oBACLsD,UAAU;gBACZ;gBACAC,QAAQ;YACV;YACAC,SAASpC,KAAKqC,CAAC,CAAC;YAChBC,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACC,KAAKC,kBAC1C,QAAC5E;oBAAa6E,MAAK;8BAChBrF,eACCkC,cACIY,QAAQZ,WAAW,CAACiD,IAAIG,UAAU,CAAC,CAACnB,MAAM,CAACoB,MAAM,CAACC,QAAQ,GAC1DzD,uBAAuBwD,MAAM,CAACC,QAAQ,EAC1C7C;mBALOyC;;;;;QASf;IACF;IAEA,IAAI9C,qBAAqB;QACvBmC,aAAaC,OAAO,CAAC;YACnBC,UAAU;YACVC,QAAQ;YACRtD,OAAO;gBACLC,OAAO;oBACLsD,UAAU;gBACZ;gBACAC,QAAQ;YACV;YACAC,uBAAS,QAACtE;;;;;YACVwE,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACO,GAAGL,kBACxC,QAACzE;oBAAkB+E,SAASrD,MAAMmC,IAAI,CAACY,EAAE;mBAAzBA;;;;;QAEpB;IACF;IAEA,IAAI3B,cAAc;QAChB,OAAO;YACLJ;YACA,kEAAkE;YAClEvC,qBACE,QAAC6E;gBACCC,WAAW;oBAAC;oBAAcnD,iBAAiB6B,aAAa,CAAC,oBAAoB,CAAC;iBAAC,CAC5EuB,MAAM,CAACnC,SACPoC,IAAI,CAAC;0BAGR,cAAA,QAACpF;oBAAkB8D,MAAMnC,MAAMmC,QAAQ,EAAE;oBAAEuB,WAAW1D,MAAM0D,aAAa;;sCACvE,QAAC1F;4BACC4B,kBAAkBF;4BAClBS,kBAAkBA;4BAClBC,cAAcA;4BACdC,SAASA;;;;;;sCAEX,QAAC5B;4BAAMkF,YAAY9C;4BAAiBf,SAASsC;4BAAcpC,MAAMA,MAAMmC,QAAQ,EAAE;;;;;;sCACjF,QAAClE;4BACC2B,kBAAkBF;4BAClBM,MAAMA;4BACNI,cAAcA;;;;;;;;;;;;eAbbG;;;;;QAkBX;IACF;IAEA,IAAI,CAACC,oBAAoB;QACvB,OAAO;YACLQ;YACA,kEAAkE;YAClEvC,qBACE,QAAC6E;gBAAIC,WAAU;0BACb,cAAA,QAAC9E;oBAAMkF,YAAY9C;oBAAiBf,SAASsC;oBAAcpC,MAAMA,MAAMmC,QAAQ,EAAE;;;;;;eADlD5B;;;;;QAIrC;IACF;IAEA6B,aAAaC,OAAO,CAAC;QACnBC,UAAU;QACVC,QAAQ;QACRtD,OAAO;YACLC,OAAO;gBACLsD,UAAU;YACZ;YACAC,QAAQ;QACV;QACAC,uBAAS,QAACnE;;;;;QACVqE,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACO,GAAGL,kBAAM,QAACvE,aAAauE;;;;;IAChE;IAEA,OAAO;QACL/B;QACA,kEAAkE;QAClEvC,qBACE,QAAC6E;YAAIC,WAAU;sBACb,cAAA,QAACrF;gBACCyF,YAAY9C;gBACZU,YAAY7B;gBACZI,SAASsC;gBACTpC,MAAMA,MAAMmC,QAAQ,EAAE;;;;;;WALO5B;;;;;IASrC;AACF,EAAC"}
+{"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":"AAkBA,SAASA,cAAc,QAAyB,2BAA0B;AAC1E,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,iBAAgB;AAK1E,SAASC,qBAAqB,QAAQ,6CAA4C;AAClF,SACEC,aAAa,EACbC,mBAAmB,EACnBC,cAAc,EACdC,IAAI,EACJC,SAAS,EACTC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,KAAK,QACL,mLAAmL;AAC9K,6BAA4B;AACnC,SAASC,2BAA2B,QAAQ,4EAA2E;AACvH,SAASC,gBAAgB,QAAQ,sDAAqD;AAEtF,OAAO,MAAMC,gBAAgB,CAC3BC,QACAC,YAEAD,OAAOE,MAAM,CACX,CAACC,KAAKC;QACJ,IAAInB,wBAAwBmB,QAAQ;YAClC,OAAOD;QACT;QAEA,IAAI,UAAUC,SAASA,MAAMC,KAAK,EAAEC,YAAYC,QAAQ;YACtDJ,IAAIK,GAAG,CACLJ,MAAMK,IAAI,EACVvB,sBAAsB;gBACpBwB,WAAWN,MAAMC,KAAK,CAACC,UAAU,EAAEC;gBACnCN;YACF;QAEJ;QAEA,OAAOE;IACT,GACA,IAAIQ,OACL;AAEH,OAAO,MAAMC,cAAc,CAAC,EAC1BC,sBAAsB,EACtBC,YAAY,EACZC,gBAAgB,EAChBC,WAAW,EACXC,OAAO,EACPC,eAAe,EACfC,IAAI,EACJC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,OAAO,EACPC,IAAI,EACJC,MAAM,OAAO,EACbC,kBAAkB,EAClBC,OAAO,EACPC,KAAK,EACLC,cAAc,EACdC,GAAG,EACHC,eAAe,EACfC,UAAU,EACVC,QAAQ,EAyBT;IAIC,4GAA4G;IAE5G,IAAIC;IACJ,IAAIC,eAA8BvB,wBAAwBb,UAAU,EAAE;IACtE,IAAIqC,eAAwBtB,kBAAkBf,UAAU,EAAE;IAC1D,MAAMsC,gBAAgBtB;IAEtB,MAAMuB,eAAeC,QAAQzB,kBAAkBV,OAAOoC,WAAWZ,OAAOY;IAExE,IAAIH,eAAe;QACjBF,eAAe,EAAE;QACjBC,eAAe,EAAE;QAEjB,KAAK,MAAMK,cAAc1B,YAAa;YACpC,MAAMH,yBAAyBC,aAAaE,WAAW,CAAC2B,IAAI,CAC1D,CAACC,OAASA,KAAKC,IAAI,KAAKH;YAG1B,KAAK,MAAMtC,SAASP,4BAA4B;gBAC9CwB;gBACArB,QAAQa,uBAAuBb,MAAM;YACvC,GAAI;gBACF,IAAIhB,iBAAiBoB,QAAQ;oBAC3B,IAAIgC,aAAaU,IAAI,CAAC,CAACF,OAAS5D,iBAAiB4D,SAASA,KAAKnC,IAAI,KAAKL,MAAMK,IAAI,GAAG;wBACnF;oBACF;gBACF;gBAEA2B,aAAaW,IAAI,CAAC3C;YACpB;YAEA,MAAM4C,yBAAyBpB,QAAQZ,WAAW,CAAC0B,WAAW,CAACO,MAAM;YAErE,KAAK,MAAM7C,SAASP,4BAAmC;gBACrDwB;gBACArB,QAAQgD,uBAAuBhD,MAAM;YACvC,GAAI;gBACF,IAAIhB,iBAAiBoB,QAAQ;oBAC3B,IAAIiC,aAAaS,IAAI,CAAC,CAACF,OAAS5D,iBAAiB4D,SAASA,KAAKnC,IAAI,KAAKL,MAAMK,IAAI,GAAG;wBACnF;oBACF;gBACF;gBAEA4B,aAAaU,IAAI,CAAC3C;YACpB;QACF;IACF;IAEA,MAAM8C,aAaF;QACFd;QACAnB;QACAG;QACAC;QACAI;QACA,mBAAmB;QACnBP;QACAU;QACAG;QACAM;QACAJ;QACAC;IACF;IAEA,IAAII,eAAe;QACjBH,cAAcrC,iBAAiB;YAC7B,GAAGoD,UAAU;YACbC,gBAAgBC;YAChBC,UAAU;YACVC,MAAMnC,MAAMmC,QAAQ,EAAE;QACxB;IACF,OAAO;QACLnB,cAAcrC,iBAAiB;YAC7B,GAAGoD,UAAU;YACbC,gBAAgBtC,uBAAuBgC,IAAI;YAC3CQ,UAAU;YACVC,MAAMnC,MAAMmC,QAAQ,EAAE;QACxB;IACF;IAEA,MAAMC,eAAe;WAAIpB;KAAY;IAErC,IAAIL,gBAAgB;QAClByB,aAAaC,OAAO,CAAC;YACnBC,UAAU;YACVC,QAAQ;YACRtD,OAAO;gBACLC,OAAO;oBACLsD,UAAU;gBACZ;gBACAC,QAAQ;YACV;YACAC,SAASpC,KAAKqC,CAAC,CAAC;YAChBC,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACC,KAAKC,KACzC5E,KAAKoC,KAAKwC,GAAGC,KAAK,QAAQ;UACzB,CAACpF,eACCiC,cACIY,QAAQZ,WAAW,CAACiD,IAAIG,UAAU,CAAC,CAACnB,MAAM,CAACoB,MAAM,CAACC,QAAQ,GAC1DzD,uBAAuBwD,MAAM,CAACC,QAAQ,EAC1C7C,MACA;QACJ,EAAEnC;QAEN;IACF;IAEA,IAAI8B,qBAAqB;QACvBmC,aAAaC,OAAO,CAAC;YACnBC,UAAU;YACVC,QAAQ;YACRtD,OAAO;gBACLC,OAAO;oBACLsD,UAAU;gBACZ;gBACAC,QAAQ;YACV;YACAC,UAAUtE;YACVwE,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACO,GAAGL,KACvCzE,UAAUiC,KAAKwC,GAAGM,SAASrD,MAAMmC,IAAI,CAACY,EAAE;QAE7C;IACF;IAEA,IAAI3B,cAAc;QAChB,OAAO;YACLJ;YACA,kEAAkE;YAClEvC,QACG6E,IACCC,WAAW;gBAAC;gBAAcnD,iBAAiB6B,aAAa,CAAC,oBAAoB,CAAC;aAAC,CAC5EuB,MAAM,CAACnC,SACPoC,IAAI,CAAC,MACRlD,KAAKA,KACN;UACC,CAAClC,kBAAkB8D,MAAMnC,MAAMmC,QAAQ,EAAE,EAAEuB,WAAW1D,MAAM0D,aAAa,GAAG;YAC1E,CAAC1F,cACC4B,kBAAkBF,wBAClBS,kBAAkBA,kBAClBC,cAAcA,cACdC,SAASA,UACT;YACF,CAAC5B,MAAMkF,YAAY9C,iBAAiBf,SAASsC,cAAcpC,MAAMA,MAAMmC,QAAQ,EAAE,GAAI;YACrF,CAAClE,oBACC2B,kBAAkBF,wBAClBM,MAAMA,MACNI,cAAcA,eACd;UACJ,EAAE/B,kBAAkB;QACtB,EAAEiF;QAEN;IACF;IAEA,IAAI,CAAC9C,oBAAoB;QACvB,OAAO;YACLQ;YACA,kEAAkE;YAClEvC,QACG6E,IAAIC,UAAU,aAAahD,KAAKA,KAAK;UACpC,CAAC9B,MAAMkF,YAAY9C,iBAAiBf,SAASsC,cAAcpC,MAAMA,MAAMmC,QAAQ,EAAE,GAAI;QACvF,EAAEmB;QAEN;IACF;IAEAlB,aAAaC,OAAO,CAAC;QACnBC,UAAU;QACVC,QAAQ;QACRtD,OAAO;YACLC,OAAO;gBACLsD,UAAU;YACZ;YACAC,QAAQ;QACV;QACAC,UAAUnE;QACVqE,eAAe,AAAC5C,CAAAA,MAAMmC,QAAQ,EAAE,AAAD,EAAGU,GAAG,CAAC,CAACO,GAAGL,KAAOvE,QAAQ+B,KAAKwC;IAChE;IAEA,OAAO;QACL/B;QACA,kEAAkE;QAClEvC,QACG6E,IAAIC,UAAU,aAAahD,KAAKA,KAAK;QACpC,CAACrC,eACCyF,YAAY9C,iBACZU,YAAY7B,wBACZI,SAASsC,cACTpC,MAAMA,MAAMmC,QAAQ,EAAE,GACtB;MACJ,EAAEmB;IAEN;AACF,EAAC"}

package/dist/views/BrowseByFolder/index.js

@@ -1,5 +1,4 @@
 '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';
@@ -31,30 +30,9 @@ 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__*/ _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);
+    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>;
 }
 function BrowseByFolderViewInContext(props) {
     const { AfterFolderList, AfterFolderListTable, BeforeFolderList, BeforeFolderListTable, Description, disableBulkDelete, disableBulkEdit, folderAssignedCollections, viewPreference } = props;
@@ -117,63 +95,32 @@ function BrowseByFolderViewInContext(props) {
         if (!drawerDepth) {
             setStepNav([
                 !breadcrumbs.length ? {
-                    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: <div className={`${baseClass}__step-nav-icon-label`} key="root">
+                  <ColoredFolderIcon/>
+                  {t('folder:browseByFolder')}
+                </div>
                 } : {
-                    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)
+                    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>
                 },
                 ...breadcrumbs.map((crumb, crumbIndex)=>{
                     return {
-                        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)
+                        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>
                     };
                 })
             ]);
@@ -188,201 +135,55 @@ function BrowseByFolderViewInContext(props) {
         t
     ]);
     const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter((slug)=>slug !== folderCollectionConfig.slug);
-    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);
+    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>;
 }
 function DndEventListener({ onDragEnd, setIsDragging }) {
     useDndMonitor({