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

package/dist/elements/FolderView/FolderFileTable/index.js

@@ -1,13 +1,9 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { extractID } from 'payload/shared';
 import React from 'react';
 import { DocumentIcon } from '../../../icons/Document/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
-import { useFolder } from '../../../providers/Folders/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js';
 import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
@@ -15,257 +11,179 @@ import { DraggableTableRow } from '../DraggableTableRow/index.js';
 import { SimpleTable, TableHeader } from '../SimpleTable/index.js';
 import './index.scss';
 const baseClass = 'folder-file-table';
-export function FolderFileTable(t0) {
-  const $ = _c(39);
-  const {
-    showRelationCell: t1
-  } = t0;
-  const showRelationCell = t1 === undefined ? true : t1;
-  const {
-    documents,
-    focusedRowIndex,
-    isDragging,
-    onItemClick,
-    onItemKeyPress,
-    selectedItemKeys,
-    subfolders
-  } = useFolder();
+export function FolderFileTable({
+  dateFormat,
+  disabledItems = new Set(),
+  documents,
+  focusedRowIndex,
+  i18n,
+  isMovingItems,
+  onRowClick,
+  onRowPress,
+  selectedItems,
+  showRelationCell = true,
+  subfolders
+}) {
   const {
     config
   } = useConfig();
   const {
-    i18n,
     t
   } = useTranslation();
-  let t2;
-  if ($[0] !== config || $[1] !== i18n) {
-    t2 = () => {
-      const map = {};
-      config.collections.forEach(collection => {
-        map[collection.slug] = getTranslation(collection.labels?.singular, i18n);
+  const [relationToMap] = React.useState(() => {
+    const map = {};
+    config.collections.forEach(collection => {
+      map[collection.slug] = getTranslation(collection.labels?.singular, i18n);
+    });
+    return map;
+  });
+  const [columns] = React.useState(() => {
+    const columnsToShow = [{
+      name: 'name',
+      label: t('general:name')
+    }, {
+      name: 'createdAt',
+      label: t('general:createdAt')
+    }, {
+      name: 'updatedAt',
+      label: t('general:updatedAt')
+    }];
+    if (showRelationCell) {
+      columnsToShow.push({
+        name: 'type',
+        label: t('version:type')
       });
-      return map;
-    };
-    $[0] = config;
-    $[1] = i18n;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const [relationToMap] = React.useState(t2);
-  let t3;
-  if ($[3] !== showRelationCell || $[4] !== t) {
-    t3 = () => {
-      const columnsToShow = [{
-        name: "name",
-        label: t("general:name")
-      }, {
-        name: "createdAt",
-        label: t("general:createdAt")
-      }, {
-        name: "updatedAt",
-        label: t("general:updatedAt")
-      }];
-      if (showRelationCell) {
-        columnsToShow.push({
-          name: "type",
-          label: t("version:type")
-        });
-      }
-      return columnsToShow;
-    };
-    $[3] = showRelationCell;
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const [columns] = React.useState(t3);
-  let t4;
-  if ($[6] !== columns || $[7] !== config || $[8] !== documents || $[9] !== focusedRowIndex || $[10] !== i18n || $[11] !== isDragging || $[12] !== onItemClick || $[13] !== onItemKeyPress || $[14] !== relationToMap || $[15] !== selectedItemKeys || $[16] !== subfolders) {
-    let t5;
-    if ($[18] !== columns || $[19] !== config || $[20] !== focusedRowIndex || $[21] !== i18n || $[22] !== isDragging || $[23] !== onItemClick || $[24] !== onItemKeyPress || $[25] !== relationToMap || $[26] !== selectedItemKeys) {
-      t5 = (subfolder, rowIndex) => {
-        const {
-          itemKey,
-          relationTo,
-          value
-        } = subfolder;
-        const subfolderID = extractID(value);
-        return _jsx(DraggableTableRow, {
-          columns: columns.map((t6, index) => {
-            const {
-              name: name_0
-            } = t6;
-            let cellValue = "\u2014";
-            if (name_0 === "name" && value._folderOrDocumentTitle !== undefined) {
-              cellValue = value._folderOrDocumentTitle;
-            }
-            if ((name_0 === "createdAt" || name_0 === "updatedAt") && value[name_0]) {
-              cellValue = formatDate({
-                date: value[name_0],
-                i18n,
-                pattern: config.admin.dateFormat
-              });
-            }
-            if (name_0 === "type") {
-              cellValue = relationToMap[relationTo] || relationTo;
-            }
-            if (index === 0) {
-              return _jsxs("span", {
-                className: `${baseClass}__cell-with-icon`,
-                children: [_jsx(ColoredFolderIcon, {}), cellValue]
-              }, `${itemKey}-${name_0}`);
-            } else {
-              return cellValue;
-            }
-          }),
-          disabled: isDragging && selectedItemKeys?.has(itemKey),
-          dragData: {
-            id: subfolderID,
-            type: "folder"
-          },
-          id: subfolderID,
-          isDroppable: true,
-          isFocused: focusedRowIndex === rowIndex,
-          isSelected: selectedItemKeys.has(itemKey),
-          isSelecting: selectedItemKeys.size > 0,
-          itemKey,
-          onClick: event => {
-            onItemClick({
-              event,
-              index: rowIndex,
-              item: subfolder
-            });
-          },
-          onKeyDown: event_0 => {
-            onItemKeyPress({
-              event: event_0,
-              index: rowIndex,
-              item: subfolder
-            });
-          }
-        }, `${rowIndex}-${itemKey}`);
-      };
-      $[18] = columns;
-      $[19] = config;
-      $[20] = focusedRowIndex;
-      $[21] = i18n;
-      $[22] = isDragging;
-      $[23] = onItemClick;
-      $[24] = onItemKeyPress;
-      $[25] = relationToMap;
-      $[26] = selectedItemKeys;
-      $[27] = t5;
-    } else {
-      t5 = $[27];
     }
-    let t6;
-    if ($[28] !== columns || $[29] !== config || $[30] !== focusedRowIndex || $[31] !== i18n || $[32] !== isDragging || $[33] !== onItemClick || $[34] !== onItemKeyPress || $[35] !== relationToMap || $[36] !== selectedItemKeys || $[37] !== subfolders.length) {
-      t6 = (document, unadjustedIndex) => {
-        const {
-          itemKey: itemKey_0,
-          relationTo: relationTo_0,
-          value: value_0
-        } = document;
-        const documentID = extractID(value_0);
-        const rowIndex_0 = unadjustedIndex + subfolders.length;
-        return _jsx(DraggableTableRow, {
-          columns: columns.map((t7, index_0) => {
-            const {
-              name: name_1
-            } = t7;
-            let cellValue_0 = "\u2014";
-            if (name_1 === "name" && value_0._folderOrDocumentTitle !== undefined) {
-              cellValue_0 = value_0._folderOrDocumentTitle;
-            }
-            if ((name_1 === "createdAt" || name_1 === "updatedAt") && value_0[name_1]) {
-              cellValue_0 = formatDate({
-                date: value_0[name_1],
-                i18n,
-                pattern: config.admin.dateFormat
-              });
-            }
-            if (name_1 === "type") {
-              cellValue_0 = relationToMap[relationTo_0] || relationTo_0;
-            }
-            if (index_0 === 0) {
-              return _jsxs("span", {
-                className: `${baseClass}__cell-with-icon`,
-                children: [_jsx(DocumentIcon, {}), cellValue_0]
-              }, `${itemKey_0}-${name_1}`);
-            } else {
-              return cellValue_0;
-            }
-          }),
-          disabled: isDragging || selectedItemKeys?.has(itemKey_0),
-          dragData: {
-            id: documentID,
-            type: "document"
-          },
-          id: documentID,
-          isFocused: focusedRowIndex === rowIndex_0,
-          isSelected: selectedItemKeys.has(itemKey_0),
-          isSelecting: selectedItemKeys.size > 0,
-          itemKey: itemKey_0,
-          onClick: event_1 => {
-            onItemClick({
-              event: event_1,
-              index: rowIndex_0,
-              item: document
+    return columnsToShow;
+  });
+  return /*#__PURE__*/_jsx(SimpleTable, {
+    headerCells: columns.map(({
+      name,
+      label
+    }) => /*#__PURE__*/_jsx(TableHeader, {
+      children: label
+    }, name)),
+    tableRows: [...subfolders.map((subfolder, rowIndex) => {
+      const {
+        itemKey,
+        relationTo,
+        value
+      } = subfolder;
+      const subfolderID = extractID(value);
+      return /*#__PURE__*/_jsx(DraggableTableRow, {
+        columns: columns.map(({
+          name
+        }, index) => {
+          let cellValue = '—';
+          if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
+            cellValue = value._folderOrDocumentTitle;
+          }
+          if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {
+            cellValue = formatDate({
+              date: value[name],
+              i18n,
+              pattern: dateFormat
             });
-          },
-          onKeyDown: event_2 => {
-            onItemKeyPress({
-              event: event_2,
-              index: rowIndex_0,
-              item: document
+          }
+          if (name === 'type') {
+            cellValue = relationToMap[relationTo] || relationTo;
+          }
+          if (index === 0) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: `${baseClass}__cell-with-icon`,
+              children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), cellValue]
+            }, `${itemKey}-${name}`);
+          } else {
+            return cellValue;
+          }
+        }),
+        disabled: isMovingItems && selectedItems?.has(itemKey) || disabledItems?.has(itemKey),
+        dragData: {
+          id: subfolderID,
+          type: 'folder'
+        },
+        id: subfolderID,
+        isDroppable: true,
+        isFocused: focusedRowIndex === rowIndex,
+        isSelected: selectedItems.has(itemKey),
+        isSelecting: selectedItems.size > 0,
+        itemKey: itemKey,
+        onClick: event => {
+          void onRowClick({
+            event,
+            index: rowIndex,
+            item: subfolder
+          });
+        },
+        onKeyDown: event => {
+          void onRowPress({
+            event,
+            index: rowIndex,
+            item: subfolder
+          });
+        }
+      }, `${rowIndex}-${itemKey}`);
+    }), ...documents.map((document, unadjustedIndex) => {
+      const {
+        itemKey,
+        relationTo,
+        value
+      } = document;
+      const documentID = extractID(value);
+      const rowIndex = unadjustedIndex + subfolders.length;
+      return /*#__PURE__*/_jsx(DraggableTableRow, {
+        columns: columns.map(({
+          name
+        }, index) => {
+          let cellValue = '—';
+          if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
+            cellValue = value._folderOrDocumentTitle;
+          }
+          if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {
+            cellValue = formatDate({
+              date: value[name],
+              i18n,
+              pattern: dateFormat
             });
           }
-        }, `${rowIndex_0}-${itemKey_0}`);
-      };
-      $[28] = columns;
-      $[29] = config;
-      $[30] = focusedRowIndex;
-      $[31] = i18n;
-      $[32] = isDragging;
-      $[33] = onItemClick;
-      $[34] = onItemKeyPress;
-      $[35] = relationToMap;
-      $[36] = selectedItemKeys;
-      $[37] = subfolders.length;
-      $[38] = t6;
-    } else {
-      t6 = $[38];
-    }
-    t4 = _jsx(SimpleTable, {
-      headerCells: columns.map(_temp),
-      tableRows: [...subfolders.map(t5), ...documents.map(t6)]
-    });
-    $[6] = columns;
-    $[7] = config;
-    $[8] = documents;
-    $[9] = focusedRowIndex;
-    $[10] = i18n;
-    $[11] = isDragging;
-    $[12] = onItemClick;
-    $[13] = onItemKeyPress;
-    $[14] = relationToMap;
-    $[15] = selectedItemKeys;
-    $[16] = subfolders;
-    $[17] = t4;
-  } else {
-    t4 = $[17];
-  }
-  return t4;
-}
-function _temp(t0) {
-  const {
-    name,
-    label
-  } = t0;
-  return _jsx(TableHeader, {
-    children: label
-  }, name);
+          if (name === 'type') {
+            cellValue = relationToMap[relationTo] || relationTo;
+          }
+          if (index === 0) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: `${baseClass}__cell-with-icon`,
+              children: [/*#__PURE__*/_jsx(DocumentIcon, {}), cellValue]
+            }, `${itemKey}-${name}`);
+          } else {
+            return cellValue;
+          }
+        }),
+        disabled: isMovingItems || disabledItems?.has(itemKey),
+        dragData: {
+          id: documentID,
+          type: 'document'
+        },
+        id: documentID,
+        isFocused: focusedRowIndex === rowIndex,
+        isSelected: selectedItems.has(itemKey),
+        isSelecting: selectedItems.size > 0,
+        itemKey: itemKey,
+        onClick: event => {
+          void onRowClick({
+            event,
+            index: rowIndex,
+            item: document
+          });
+        },
+        onKeyDown: event => {
+          void onRowPress({
+            event,
+            index: rowIndex,
+            item: document
+          });
+        }
+      }, `${rowIndex}-${itemKey}`);
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/FolderFileTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","t0","$","showRelationCell","t1","undefined","documents","focusedRowIndex","isDragging","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","t2","map","collections","forEach","collection","slug","labels","singular","relationToMap","useState","t3","columnsToShow","name","label","push","columns","t4","t5","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","_jsx","t6","index","name_0","cellValue","_folderOrDocumentTitle","pattern","admin","dateFormat","_jsxs","className","children","disabled","has","dragData","id","type","isDroppable","isFocused","isSelected","isSelecting","size","onClick","event","item","onKeyDown","event_0","length","document","unadjustedIndex","itemKey_0","relationTo_0","value_0","documentID","rowIndex_0","t7","index_0","name_1","cellValue_0","event_1","event_2","headerCells","_temp","tableRows"],"sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableTableRow } from '../DraggableTableRow/index.js'\nimport { SimpleTable, TableHeader } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-table'\n\ntype Props = {\n  showRelationCell?: boolean\n}\n\nexport function FolderFileTable({ showRelationCell = true }: Props) {\n  const {\n    documents,\n    focusedRowIndex,\n    isDragging,\n    onItemClick,\n    onItemKeyPress,\n    selectedItemKeys,\n    subfolders,\n  } = useFolder()\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const [relationToMap] = React.useState(() => {\n    const map: Record<string, string> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = getTranslation(collection.labels?.singular, i18n)\n    })\n    return map\n  })\n\n  const [columns] = React.useState(() => {\n    const columnsToShow = [\n      {\n        name: 'name',\n        label: t('general:name'),\n      },\n      {\n        name: 'createdAt',\n        label: t('general:createdAt'),\n      },\n      {\n        name: 'updatedAt',\n        label: t('general:updatedAt'),\n      },\n    ]\n\n    if (showRelationCell) {\n      columnsToShow.push({\n        name: 'type',\n        label: t('version:type'),\n      })\n    }\n\n    return columnsToShow\n  })\n\n  return (\n    <SimpleTable\n      headerCells={columns.map(({ name, label }) => (\n        <TableHeader key={name}>{label}</TableHeader>\n      ))}\n      tableRows={[\n        ...subfolders.map((subfolder, rowIndex) => {\n          const { itemKey, relationTo, value } = subfolder\n          const subfolderID = extractID(value)\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <ColoredFolderIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={isDragging && selectedItemKeys?.has(itemKey)}\n              dragData={{\n                id: subfolderID,\n                type: 'folder',\n              }}\n              id={subfolderID}\n              isDroppable\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n            />\n          )\n        }),\n\n        ...documents.map((document, unadjustedIndex) => {\n          const { itemKey, relationTo, value } = document\n          const documentID = extractID(value)\n          const rowIndex = unadjustedIndex + subfolders.length\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({\n                    date: value[name],\n                    i18n,\n                    pattern: config.admin.dateFormat,\n                  })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <DocumentIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={isDragging || selectedItemKeys?.has(itemKey)}\n              dragData={{\n                id: documentID,\n                type: 'document',\n              }}\n              id={documentID}\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItemKeys.has(itemKey)}\n              isSelecting={selectedItemKeys.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onItemClick({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onItemKeyPress({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n            />\n          )\n        }),\n      ]}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","extractID","React","DocumentIcon","useConfig","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","dateFormat","disabledItems","Set","documents","focusedRowIndex","i18n","isMovingItems","onRowClick","onRowPress","selectedItems","showRelationCell","subfolders","config","t","relationToMap","useState","map","collections","forEach","collection","slug","labels","singular","columns","columnsToShow","name","label","push","_jsx","headerCells","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","_jsxs","className","disabled","has","dragData","id","type","isDroppable","isFocused","isSelected","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"sources":["../../../../src/elements/FolderView/FolderFileTable/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport type { FormatDateArgs } from '../../../utilities/formatDocTitle/formatDateTitle.js'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableTableRow } from '../DraggableTableRow/index.js'\nimport { SimpleTable, TableHeader } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-table'\n\ntype Props = {\n  dateFormat: FormatDateArgs['pattern']\n  disabledItems?: Set<FolderDocumentItemKey>\n  documents: FolderOrDocument[]\n  focusedRowIndex: number\n  i18n: I18nClient\n  isMovingItems: boolean\n  onRowClick: (args: {\n    event: React.MouseEvent<Element>\n    index: number\n    item: FolderOrDocument\n  }) => void\n  onRowPress: (args: {\n    event: React.KeyboardEvent<Element>\n    index: number\n    item: FolderOrDocument\n  }) => void\n  selectedItems: Set<FolderDocumentItemKey>\n  showRelationCell?: boolean\n  subfolders: FolderOrDocument[]\n}\n\nexport function FolderFileTable({\n  dateFormat,\n  disabledItems = new Set(),\n  documents,\n  focusedRowIndex,\n  i18n,\n  isMovingItems,\n  onRowClick,\n  onRowPress,\n  selectedItems,\n  showRelationCell = true,\n  subfolders,\n}: Props) {\n  const { config } = useConfig()\n  const { t } = useTranslation()\n\n  const [relationToMap] = React.useState(() => {\n    const map: Record<string, string> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = getTranslation(collection.labels?.singular, i18n)\n    })\n    return map\n  })\n\n  const [columns] = React.useState(() => {\n    const columnsToShow = [\n      {\n        name: 'name',\n        label: t('general:name'),\n      },\n      {\n        name: 'createdAt',\n        label: t('general:createdAt'),\n      },\n      {\n        name: 'updatedAt',\n        label: t('general:updatedAt'),\n      },\n    ]\n\n    if (showRelationCell) {\n      columnsToShow.push({\n        name: 'type',\n        label: t('version:type'),\n      })\n    }\n\n    return columnsToShow\n  })\n\n  return (\n    <SimpleTable\n      headerCells={columns.map(({ name, label }) => (\n        <TableHeader key={name}>{label}</TableHeader>\n      ))}\n      tableRows={[\n        ...subfolders.map((subfolder, rowIndex) => {\n          const { itemKey, relationTo, value } = subfolder\n          const subfolderID = extractID(value)\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({ date: value[name], i18n, pattern: dateFormat })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <ColoredFolderIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={\n                (isMovingItems && selectedItems?.has(itemKey)) || disabledItems?.has(itemKey)\n              }\n              dragData={{\n                id: subfolderID,\n                type: 'folder',\n              }}\n              id={subfolderID}\n              isDroppable\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItems.has(itemKey)}\n              isSelecting={selectedItems.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onRowClick({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onRowPress({\n                  event,\n                  index: rowIndex,\n                  item: subfolder,\n                })\n              }}\n            />\n          )\n        }),\n\n        ...documents.map((document, unadjustedIndex) => {\n          const { itemKey, relationTo, value } = document\n          const documentID = extractID(value)\n          const rowIndex = unadjustedIndex + subfolders.length\n\n          return (\n            <DraggableTableRow\n              columns={columns.map(({ name }, index) => {\n                let cellValue: React.ReactNode = '—'\n                if (name === 'name' && value._folderOrDocumentTitle !== undefined) {\n                  cellValue = value._folderOrDocumentTitle\n                }\n\n                if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {\n                  cellValue = formatDate({ date: value[name], i18n, pattern: dateFormat })\n                }\n\n                if (name === 'type') {\n                  cellValue = relationToMap[relationTo] || relationTo\n                }\n\n                if (index === 0) {\n                  return (\n                    <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>\n                      <DocumentIcon />\n                      {cellValue}\n                    </span>\n                  )\n                } else {\n                  return cellValue\n                }\n              })}\n              disabled={isMovingItems || disabledItems?.has(itemKey)}\n              dragData={{\n                id: documentID,\n                type: 'document',\n              }}\n              id={documentID}\n              isFocused={focusedRowIndex === rowIndex}\n              isSelected={selectedItems.has(itemKey)}\n              isSelecting={selectedItems.size > 0}\n              itemKey={itemKey}\n              key={`${rowIndex}-${itemKey}`}\n              onClick={(event) => {\n                void onRowClick({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n              onKeyDown={(event) => {\n                void onRowPress({\n                  event,\n                  index: rowIndex,\n                  item: document,\n                })\n              }}\n            />\n          )\n        }),\n      ]}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/ItemCardGrid/index.d.ts

@@ -1,8 +1,14 @@
-import type { FolderOrDocument } from 'payload/shared';
+import type { FolderDocumentItemKey, FolderOrDocument } from 'payload/shared';
 import React from 'react';
 import './index.scss';
 type ItemCardGridProps = {
+    disabledItemKeys?: Set<FolderDocumentItemKey>;
     items: FolderOrDocument[];
+    RenderActionGroup?: (args: {
+        index: number;
+        item: FolderOrDocument;
+    }) => React.ReactNode;
+    selectedItemKeys: Set<FolderDocumentItemKey>;
     title?: string;
 } & ({
     subfolderCount: number;
@@ -11,6 +17,6 @@ type ItemCardGridProps = {
     subfolderCount?: never;
     type: 'folder';
 });
-export declare function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps): React.JSX.Element;
+export declare function ItemCardGrid({ type, disabledItemKeys, items, RenderActionGroup, selectedItemKeys, subfolderCount, title, }: ItemCardGridProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/ItemCardGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,CACA;IACE,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;CACf,CACJ,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAgBrF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAC7C,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,gBAAgB,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACxF,gBAAgB,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,CACA;IACE,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;CACf,CACJ,CAAA;AACD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,gBAAgB,EAChB,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,KAAK,GACN,EAAE,iBAAiB,qBA+CnB"}

package/dist/elements/FolderView/ItemCardGrid/index.js

@@ -1,34 +1,100 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { ContextFolderFileCard } from '../FolderFileCard/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { FolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'item-card-grid';
-export function ItemCardGrid({
-  type,
-  items,
-  subfolderCount,
-  title
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [title && /*#__PURE__*/_jsx("p", {
+export function ItemCardGrid(t0) {
+  const $ = _c(15);
+  const {
+    type,
+    disabledItemKeys,
+    items,
+    RenderActionGroup,
+    selectedItemKeys,
+    subfolderCount,
+    title
+  } = t0;
+  const {
+    focusedRowIndex,
+    isDragging,
+    onItemClick,
+    onItemKeyPress,
+    selectedIndexes
+  } = useFolder();
+  let t1;
+  if ($[0] !== title) {
+    t1 = title && _jsx("p", {
       className: `${baseClass}__title`,
       children: title
-    }), /*#__PURE__*/_jsx("div", {
-      className: baseClass,
-      children: !items || items?.length === 0 ? null : items.map((item, _index) => {
-        const index = _index + (subfolderCount || 0);
-        const {
-          itemKey
-        } = item;
-        return /*#__PURE__*/_jsx(ContextFolderFileCard, {
-          index: index,
-          item: item,
-          type: type
-        }, itemKey);
-      })
-    })]
-  });
+    });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== RenderActionGroup || $[3] !== disabledItemKeys || $[4] !== focusedRowIndex || $[5] !== isDragging || $[6] !== items || $[7] !== onItemClick || $[8] !== onItemKeyPress || $[9] !== selectedIndexes || $[10] !== selectedItemKeys || $[11] !== subfolderCount || $[12] !== t1 || $[13] !== type) {
+    t2 = _jsxs(_Fragment, {
+      children: [t1, _jsx("div", {
+        className: baseClass,
+        children: !items || items?.length === 0 ? null : items.map((item, _index) => {
+          const index = _index + (subfolderCount || 0);
+          const {
+            itemKey,
+            value
+          } = item;
+          return _jsx(FolderFileCard, {
+            disabled: isDragging && selectedItemKeys.has(itemKey) || disabledItemKeys?.has(itemKey),
+            id: value.id,
+            isFocused: focusedRowIndex === index,
+            isSelected: selectedItemKeys.has(itemKey),
+            itemKey,
+            onClick: event => {
+              onItemClick({
+                event,
+                index,
+                item
+              });
+            },
+            onKeyDown: event_0 => {
+              onItemKeyPress({
+                event: event_0,
+                index,
+                item
+              });
+            },
+            PopupActions: RenderActionGroup ? RenderActionGroup({
+              index,
+              item
+            }) : null,
+            previewUrl: value?.url,
+            selectedCount: selectedIndexes.size,
+            title: value._folderOrDocumentTitle,
+            type
+          }, itemKey);
+        })
+      })]
+    });
+    $[2] = RenderActionGroup;
+    $[3] = disabledItemKeys;
+    $[4] = focusedRowIndex;
+    $[5] = isDragging;
+    $[6] = items;
+    $[7] = onItemClick;
+    $[8] = onItemKeyPress;
+    $[9] = selectedIndexes;
+    $[10] = selectedItemKeys;
+    $[11] = subfolderCount;
+    $[12] = t1;
+    $[13] = type;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
 }
 //# sourceMappingURL=index.js.map