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

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { extractID } from 'payload/shared';
 import React from 'react';
@@ -50,174 +49,106 @@ export function FolderFileTable({ showRelationCell = true }) {
         }
         return columnsToShow;
     });
-    return /*#__PURE__*/ _jsxDEV(SimpleTable, {
-        headerCells: columns.map(({ name, label })=>/*#__PURE__*/ _jsxDEV(TableHeader, {
-                children: label
-            }, name, false, {
-                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                lineNumber: 76,
-                columnNumber: 9
-            }, void 0)),
-        tableRows: [
-            ...subfolders.map((subfolder, rowIndex)=>{
-                const { itemKey, relationTo, value } = subfolder;
-                const subfolderID = extractID(value);
-                return /*#__PURE__*/ _jsxDEV(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: config.admin.dateFormat
-                            });
-                        }
-                        if (name === 'type') {
-                            cellValue = /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                children: [
-                                    relationToMap[relationTo]?.singular || relationTo,
-                                    Array.isArray(subfolder.value?.folderType) ? subfolder.value?.folderType.reduce((acc, slug, index)=>{
-                                        if (index === 0) {
-                                            return ` — ${relationToMap[slug]?.plural || slug}`;
-                                        }
-                                        if (index > 0) {
-                                            return `${acc}, ${relationToMap[slug]?.plural || slug}`;
-                                        }
-                                        return acc;
-                                    }, '') : ''
-                                ]
-                            }, void 0, true);
-                        }
+    return <SimpleTable headerCells={columns.map(({ name, label })=><TableHeader key={name}>{label}</TableHeader>)} tableRows={[
+        ...subfolders.map((subfolder, rowIndex)=>{
+            const { itemKey, relationTo, value } = subfolder;
+            const subfolderID = extractID(value);
+            return <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: config.admin.dateFormat
+                    });
+                }
+                if (name === 'type') {
+                    cellValue = <>
+                      {relationToMap[relationTo]?.singular || relationTo}
+                      {Array.isArray(subfolder.value?.folderType) ? subfolder.value?.folderType.reduce((acc, slug, index)=>{
                         if (index === 0) {
-                            return /*#__PURE__*/ _jsxDEV("span", {
-                                className: `${baseClass}__cell-with-icon`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
-                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                        lineNumber: 121,
-                                        columnNumber: 23
-                                    }, void 0),
-                                    cellValue
-                                ]
-                            }, `${itemKey}-${name}`, true, {
-                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                lineNumber: 120,
-                                columnNumber: 21
-                            }, void 0);
-                        } else {
-                            return cellValue;
-                        }
-                    }),
-                    disabled: checkIfItemIsDisabled(subfolder),
-                    dragData: {
-                        id: subfolderID,
-                        type: 'folder'
-                    },
-                    id: subfolderID,
-                    isDroppable: true,
-                    isFocused: focusedRowIndex === rowIndex,
-                    isSelected: selectedItemKeys.has(itemKey),
-                    isSelecting: selectedItemKeys.size > 0,
-                    itemKey: itemKey,
-                    onClick: (event)=>{
-                        void onItemClick({
-                            event,
-                            index: rowIndex,
-                            item: subfolder
-                        });
-                    },
-                    onKeyDown: (event)=>{
-                        void onItemKeyPress({
-                            event,
-                            index: rowIndex,
-                            item: subfolder
-                        });
-                    }
-                }, `${rowIndex}-${itemKey}`, false, {
-                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                    lineNumber: 84,
-                    columnNumber: 13
-                }, void 0);
-            }),
-            ...documents.map((document, unadjustedIndex)=>{
-                const { itemKey, relationTo, value } = document;
-                const documentID = extractID(value);
-                const rowIndex = unadjustedIndex + subfolders.length;
-                return /*#__PURE__*/ _jsxDEV(DraggableTableRow, {
-                    columns: columns.map(({ name }, index)=>{
-                        let cellValue = '—';
-                        if (name === 'name' && value._folderOrDocumentTitle !== undefined) {
-                            cellValue = value._folderOrDocumentTitle;
+                            return ` — ${relationToMap[slug]?.plural || slug}`;
                         }
-                        if ((name === 'createdAt' || name === 'updatedAt') && value[name]) {
-                            cellValue = formatDate({
-                                date: value[name],
-                                i18n,
-                                pattern: config.admin.dateFormat
-                            });
-                        }
-                        if (name === 'type') {
-                            cellValue = relationToMap[relationTo]?.singular || relationTo;
-                        }
-                        if (index === 0) {
-                            return /*#__PURE__*/ _jsxDEV("span", {
-                                className: `${baseClass}__cell-with-icon`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
-                                        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                        lineNumber: 187,
-                                        columnNumber: 23
-                                    }, void 0),
-                                    cellValue
-                                ]
-                            }, `${itemKey}-${name}`, true, {
-                                fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                                lineNumber: 186,
-                                columnNumber: 21
-                            }, void 0);
-                        } else {
-                            return cellValue;
+                        if (index > 0) {
+                            return `${acc}, ${relationToMap[slug]?.plural || slug}`;
                         }
-                    }),
-                    disabled: checkIfItemIsDisabled(document),
-                    dragData: {
-                        id: documentID,
-                        type: 'document'
-                    },
-                    id: documentID,
-                    isFocused: focusedRowIndex === rowIndex,
-                    isSelected: selectedItemKeys.has(itemKey),
-                    isSelecting: selectedItemKeys.size > 0,
-                    itemKey: itemKey,
-                    onClick: (event)=>{
-                        void onItemClick({
-                            event,
-                            index: rowIndex,
-                            item: document
-                        });
-                    },
-                    onKeyDown: (event)=>{
-                        void onItemKeyPress({
-                            event,
-                            index: rowIndex,
-                            item: document
-                        });
-                    }
-                }, `${rowIndex}-${itemKey}`, false, {
-                    fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-                    lineNumber: 165,
-                    columnNumber: 13
-                }, void 0);
-            })
-        ]
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderFileTable/index.tsx",
-        lineNumber: 74,
-        columnNumber: 5
-    }, this);
+                        return acc;
+                    }, '') : ''}
+                    </>;
+                }
+                if (index === 0) {
+                    return <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>
+                      <ColoredFolderIcon/>
+                      {cellValue}
+                    </span>;
+                } else {
+                    return cellValue;
+                }
+            })} disabled={checkIfItemIsDisabled(subfolder)} dragData={{
+                id: subfolderID,
+                type: 'folder'
+            }} id={subfolderID} isDroppable isFocused={focusedRowIndex === rowIndex} isSelected={selectedItemKeys.has(itemKey)} isSelecting={selectedItemKeys.size > 0} itemKey={itemKey} key={`${rowIndex}-${itemKey}`} onClick={(event)=>{
+                void onItemClick({
+                    event,
+                    index: rowIndex,
+                    item: subfolder
+                });
+            }} onKeyDown={(event)=>{
+                void onItemKeyPress({
+                    event,
+                    index: rowIndex,
+                    item: subfolder
+                });
+            }}/>;
+        }),
+        ...documents.map((document, unadjustedIndex)=>{
+            const { itemKey, relationTo, value } = document;
+            const documentID = extractID(value);
+            const rowIndex = unadjustedIndex + subfolders.length;
+            return <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: config.admin.dateFormat
+                    });
+                }
+                if (name === 'type') {
+                    cellValue = relationToMap[relationTo]?.singular || relationTo;
+                }
+                if (index === 0) {
+                    return <span className={`${baseClass}__cell-with-icon`} key={`${itemKey}-${name}`}>
+                      <DocumentIcon/>
+                      {cellValue}
+                    </span>;
+                } else {
+                    return cellValue;
+                }
+            })} disabled={checkIfItemIsDisabled(document)} dragData={{
+                id: documentID,
+                type: 'document'
+            }} id={documentID} isFocused={focusedRowIndex === rowIndex} isSelected={selectedItemKeys.has(itemKey)} isSelecting={selectedItemKeys.size > 0} itemKey={itemKey} key={`${rowIndex}-${itemKey}`} onClick={(event)=>{
+                void onItemClick({
+                    event,
+                    index: rowIndex,
+                    item: document
+                });
+            }} onKeyDown={(event)=>{
+                void onItemKeyPress({
+                    event,
+                    index: rowIndex,
+                    item: document
+                });
+            }}/>;
+        })
+    ]}/>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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    checkIfItemIsDisabled,\n    documents,\n    focusedRowIndex,\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, { plural: string; singular: string }> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = {\n        plural: getTranslation(collection.labels?.plural, i18n),\n        singular: getTranslation(collection.labels?.singular, i18n),\n      }\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 = (\n                    <>\n                      {relationToMap[relationTo]?.singular || relationTo}\n                      {Array.isArray(subfolder.value?.folderType)\n                        ? subfolder.value?.folderType.reduce((acc, slug, index) => {\n                            if (index === 0) {\n                              return ` — ${relationToMap[slug]?.plural || slug}`\n                            }\n                            if (index > 0) {\n                              return `${acc}, ${relationToMap[slug]?.plural || slug}`\n                            }\n                            return acc\n                          }, '')\n                        : ''}\n                    </>\n                  )\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={checkIfItemIsDisabled(subfolder)}\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]?.singular || 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={checkIfItemIsDisabled(document)}\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"],"names":["getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","showRelationCell","checkIfItemIsDisabled","documents","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","relationToMap","useState","map","collections","forEach","collection","slug","plural","labels","singular","columns","columnsToShow","name","label","push","headerCells","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","admin","dateFormat","Array","isArray","folderType","reduce","acc","span","className","disabled","dragData","id","type","isDroppable","isFocused","isSelected","has","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"mappings":"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"}
+{"version":3,"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    checkIfItemIsDisabled,\n    documents,\n    focusedRowIndex,\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, { plural: string; singular: string }> = {}\n    config.collections.forEach((collection) => {\n      map[collection.slug] = {\n        plural: getTranslation(collection.labels?.plural, i18n),\n        singular: getTranslation(collection.labels?.singular, i18n),\n      }\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 = (\n                    <>\n                      {relationToMap[relationTo]?.singular || relationTo}\n                      {Array.isArray(subfolder.value?.folderType)\n                        ? subfolder.value?.folderType.reduce((acc, slug, index) => {\n                            if (index === 0) {\n                              return ` — ${relationToMap[slug]?.plural || slug}`\n                            }\n                            if (index > 0) {\n                              return `${acc}, ${relationToMap[slug]?.plural || slug}`\n                            }\n                            return acc\n                          }, '')\n                        : ''}\n                    </>\n                  )\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={checkIfItemIsDisabled(subfolder)}\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]?.singular || 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={checkIfItemIsDisabled(document)}\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"],"names":["getTranslation","extractID","React","DocumentIcon","useConfig","useFolder","useTranslation","formatDate","ColoredFolderIcon","DraggableTableRow","SimpleTable","TableHeader","baseClass","FolderFileTable","showRelationCell","checkIfItemIsDisabled","documents","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","subfolders","config","i18n","t","relationToMap","useState","map","collections","forEach","collection","slug","plural","labels","singular","columns","columnsToShow","name","label","push","headerCells","key","tableRows","subfolder","rowIndex","itemKey","relationTo","value","subfolderID","index","cellValue","_folderOrDocumentTitle","undefined","date","pattern","admin","dateFormat","Array","isArray","folderType","reduce","acc","span","className","disabled","dragData","id","type","isDroppable","isFocused","isSelected","has","isSelecting","size","onClick","event","item","onKeyDown","document","unadjustedIndex","documentID","length"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
 import { formatOptions } from '../../../fields/Select/index.js';
@@ -70,35 +69,7 @@ export const FolderTypeField = ({ options: allSelectOptions, ...props })=>{
     const styles = React.useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxDEV(SelectInput, {
-        AfterInput: AfterInput,
-        BeforeInput: BeforeInput,
-        className: className,
-        Description: Description,
-        description: t('folder:folderTypeDescription'),
-        Error: Error,
-        filterOption: selectFilterOptions ? ({ value })=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) : undefined,
-        hasMany: hasMany,
-        isClearable: isClearable,
-        isSortable: isSortable,
-        Label: Label,
-        label: label,
-        localized: localized,
-        name: name,
-        onChange: onChange,
-        options: options,
-        path: path,
-        placeholder: placeholder,
-        readOnly: readOnly || disabled,
-        required: required || Array.isArray(folderType) && folderType.length > 0,
-        showError: showError,
-        style: styles,
-        value: value
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderTypeField/index.tsx",
-        lineNumber: 105,
-        columnNumber: 5
-    }, this);
+    return <SelectInput AfterInput={AfterInput} BeforeInput={BeforeInput} className={className} Description={Description} description={t('folder:folderTypeDescription')} Error={Error} filterOption={selectFilterOptions ? ({ value })=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) : undefined} hasMany={hasMany} isClearable={isClearable} isSortable={isSortable} Label={Label} label={label} localized={localized} name={name} onChange={onChange} options={options} path={path} placeholder={placeholder} readOnly={readOnly || disabled} required={required || Array.isArray(folderType) && folderType.length > 0} showError={showError} style={styles} value={value}/>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","description","filterOption","some","undefined","style"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","description","filterOption","some","undefined","style"],"mappings":"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"}

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

@@ -1,42 +1,18 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
-import React from 'react';
 import { ContextFolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'item-card-grid';
 export function ItemCardGrid({ type, items, subfolderCount, title }) {
-    return /*#__PURE__*/ _jsxDEV(_Fragment, {
-        children: [
-            title && /*#__PURE__*/ _jsxDEV("p", {
-                className: `${baseClass}__title`,
-                children: title
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
-                lineNumber: 28,
-                columnNumber: 17
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: baseClass,
-                children: !items || items?.length === 0 ? null : items.map((item, _index)=>{
-                    const index = _index + (subfolderCount || 0);
-                    const { itemKey } = item;
-                    return /*#__PURE__*/ _jsxDEV(ContextFolderFileCard, {
-                        index: index,
-                        item: item,
-                        type: type
-                    }, itemKey, false, {
-                        fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
-                        lineNumber: 36,
-                        columnNumber: 22
-                    }, this);
-                })
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
-                lineNumber: 29,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true);
+    return <>
+      {title && <p className={`${baseClass}__title`}>{title}</p>}
+      <div className={baseClass}>
+        {!items || items?.length === 0 ? null : items.map((item, _index)=>{
+        const index = _index + (subfolderCount || 0);
+        const { itemKey } = item;
+        return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type}/>;
+    })}
+      </div>
+    </>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","p","className","div","length","map","item","_index","index","itemKey"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,6BAA4B;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAelB,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,cAAc,EAAEC,KAAK,EAAqB;IACpF,qBACE;;YACGA,uBAAS,QAACC;gBAAEC,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAGK;;;;;;0BAChD,QAACG;gBAAID,WAAWP;0BACb,CAACG,SAASA,OAAOM,WAAW,IACzB,OACAN,MAAMO,GAAG,CAAC,CAACC,MAAMC;oBACf,MAAMC,QAAQD,SAAUR,CAAAA,kBAAkB,CAAA;oBAC1C,MAAM,EAAEU,OAAO,EAAE,GAAGH;oBAEpB,qBAAO,QAACZ;wBAAsBc,OAAOA;wBAAOF,MAAMA;wBAAoBT,MAAMA;uBAAfY;;;;;gBAC/D;;;;;;;;AAIZ"}
+{"version":3,"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"names":["ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","p","className","div","length","map","item","_index","index","itemKey","key"],"mappings":"AAAA;AAMA,SAASA,qBAAqB,QAAQ,6BAA4B;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAelB,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,cAAc,EAAEC,KAAK,EAAqB;IACpF,SACI;MACA,CAACA,UAAUC,EAAEC,WAAW,GAAGP,UAAU,OAAO,CAAC,GAAGK,QAAQC,GAAG;MAC3D,CAACE,IAAID,WAAWP,WAAW;QACzB,CAAC,CAACG,SAASA,OAAOM,WAAW,IACzB,OACAN,MAAMO,GAAG,CAAC,CAACC,MAAMC;QACf,MAAMC,QAAQD,SAAUR,CAAAA,kBAAkB,CAAA;QAC1C,MAAM,EAAEU,OAAO,EAAE,GAAGH;QAEpB,QAAQZ,sBAAsBc,OAAOA,OAAOF,MAAMA,MAAMI,KAAKD,SAASZ,MAAMA;IAC9E,GAAG;MACT,EAAEM,IAAI;IACR;AAEJ"}