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

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -31,44 +30,17 @@ export function FilterFolderTypePill() {
             }
         ]);
     });
-    return /*#__PURE__*/ _jsxDEV(CheckboxPopup, {
-        Button: /*#__PURE__*/ _jsxDEV(Button, {
-            buttonStyle: "pill",
-            el: "div",
-            icon: "chevron",
-            margin: false,
-            size: "small",
-            children: [
-                visibleCollectionSlugs.length ? /*#__PURE__*/ _jsxDEV("span", {
-                    className: `${baseClass}__count`,
-                    children: visibleCollectionSlugs.length
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
-                    lineNumber: 54,
-                    columnNumber: 13
-                }, void 0) : null,
-                t('version:type')
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
-            lineNumber: 52,
-            columnNumber: 9
-        }, void 0),
-        onChange: ({ selectedValues: relationTo })=>{
-            void refineFolderData({
-                query: {
-                    relationTo
-                },
-                updateURL: true
-            });
-        },
-        options: allCollectionOptions,
-        selectedValues: visibleCollectionSlugs
-    }, "relation-to-selection-popup", false, {
-        fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
-        lineNumber: 50,
-        columnNumber: 5
-    }, this);
+    return <CheckboxPopup Button={<Button buttonStyle="pill" el="div" icon="chevron" margin={false} size="small">
+          {visibleCollectionSlugs.length ? <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span> : null}
+          {t('version:type')}
+        </Button>} key="relation-to-selection-popup" onChange={({ selectedValues: relationTo })=>{
+        void refineFolderData({
+            query: {
+                relationTo
+            },
+            updateURL: true
+        });
+    }} options={allCollectionOptions} selectedValues={visibleCollectionSlugs}/>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FilterFolderTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function FilterFolderTypePill() {\n  const {\n    activeCollectionFolderSlugs: visibleCollectionSlugs,\n    allCollectionFolderSlugs: folderCollectionSlugs,\n    folderCollectionSlug,\n    refineFolderData,\n  } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues: relationTo }) => {\n        void refineFolderData({ query: { relationTo }, updateURL: true })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"names":["getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","FilterFolderTypePill","activeCollectionFolderSlugs","visibleCollectionSlugs","allCollectionFolderSlugs","folderCollectionSlugs","folderCollectionSlug","refineFolderData","i18n","t","config","getEntityConfig","allCollectionOptions","useState","collections","reduce","acc","collection","folders","includes","slug","push","label","labels","plural","value","collectionSlug","buttonStyle","el","icon","margin","size","length","span","className","onChange","selectedValues","relationTo","query","updateURL","options"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,sCAAqC;AAC/D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC;IACd,MAAM,EACJC,6BAA6BC,sBAAsB,EACnDC,0BAA0BC,qBAAqB,EAC/CC,oBAAoB,EACpBC,gBAAgB,EACjB,GAAGX;IACJ,MAAM,EAAEY,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,EAAEa,MAAM,EAAEC,eAAe,EAAE,GAAGhB;IAEpC,MAAM,CAACiB,qBAAqB,GAAGlB,MAAMmB,QAAQ,CAAC;QAC5C,OAAOH,OAAOI,WAAW,CAACC,MAAM,CAC9B,CAACC,KAAKC;YACJ,IAAIA,WAAWC,OAAO,IAAIb,sBAAsBc,QAAQ,CAACF,WAAWG,IAAI,GAAG;gBACzEJ,IAAIK,IAAI,CAAC;oBACPC,OAAO7B,eAAewB,WAAWM,MAAM,EAAEC,QAAQhB;oBACjDiB,OAAOR,WAAWG,IAAI;gBACxB;YACF;YAEA,OAAOJ;QACT,GACA;YACE;gBACEM,OAAO7B,eACLkB,gBAAgB;oBAAEe,gBAAgBpB;gBAAqB,GAAGiB,MAAM,EAAEC,QAClEhB;gBAEFiB,OAAOnB;YACT;SACD;IAEL;IAEA,qBACE,QAACP;QACCD,sBACE,QAACA;YAAO6B,aAAY;YAAOC,IAAG;YAAMC,MAAK;YAAUC,QAAQ;YAAOC,MAAK;;gBACpE5B,uBAAuB6B,MAAM,iBAC5B,QAACC;oBAAKC,WAAW,GAAGlC,UAAU,OAAO,CAAC;8BAAGG,uBAAuB6B,MAAM;;;;;6BACpE;gBACHvB,EAAE;;;;;;;QAIP0B,UAAU,CAAC,EAAEC,gBAAgBC,UAAU,EAAE;YACvC,KAAK9B,iBAAiB;gBAAE+B,OAAO;oBAAED;gBAAW;gBAAGE,WAAW;YAAK;QACjE;QACAC,SAAS5B;QACTwB,gBAAgBjC;OALZ;;;;;AAQV"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FilterFolderTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function FilterFolderTypePill() {\n  const {\n    activeCollectionFolderSlugs: visibleCollectionSlugs,\n    allCollectionFolderSlugs: folderCollectionSlugs,\n    folderCollectionSlug,\n    refineFolderData,\n  } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues: relationTo }) => {\n        void refineFolderData({ query: { relationTo }, updateURL: true })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"names":["getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","FilterFolderTypePill","activeCollectionFolderSlugs","visibleCollectionSlugs","allCollectionFolderSlugs","folderCollectionSlugs","folderCollectionSlug","refineFolderData","i18n","t","config","getEntityConfig","allCollectionOptions","useState","collections","reduce","acc","collection","folders","includes","slug","push","label","labels","plural","value","collectionSlug","buttonStyle","el","icon","margin","size","length","span","className","key","onChange","selectedValues","relationTo","query","updateURL","options"],"mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,sCAAqC;AAC/D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC;IACd,MAAM,EACJC,6BAA6BC,sBAAsB,EACnDC,0BAA0BC,qBAAqB,EAC/CC,oBAAoB,EACpBC,gBAAgB,EACjB,GAAGX;IACJ,MAAM,EAAEY,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,EAAEa,MAAM,EAAEC,eAAe,EAAE,GAAGhB;IAEpC,MAAM,CAACiB,qBAAqB,GAAGlB,MAAMmB,QAAQ,CAAC;QAC5C,OAAOH,OAAOI,WAAW,CAACC,MAAM,CAC9B,CAACC,KAAKC;YACJ,IAAIA,WAAWC,OAAO,IAAIb,sBAAsBc,QAAQ,CAACF,WAAWG,IAAI,GAAG;gBACzEJ,IAAIK,IAAI,CAAC;oBACPC,OAAO7B,eAAewB,WAAWM,MAAM,EAAEC,QAAQhB;oBACjDiB,OAAOR,WAAWG,IAAI;gBACxB;YACF;YAEA,OAAOJ;QACT,GACA;YACE;gBACEM,OAAO7B,eACLkB,gBAAgB;oBAAEe,gBAAgBpB;gBAAqB,GAAGiB,MAAM,EAAEC,QAClEhB;gBAEFiB,OAAOnB;YACT;SACD;IAEL;IAEA,QACGP,cACCD,SACGA,OAAO6B,YAAY,OAAOC,GAAG,MAAMC,KAAK,UAAUC,QAAQ,OAAOC,KAAK,QAAQ;UAC7E,CAAC5B,uBAAuB6B,MAAM,IAC3BC,KAAKC,WAAW,GAAGlC,UAAU,OAAO,CAAC,GAAGG,uBAAuB6B,MAAM,GAAGC,QACvE,KAAK;UACT,CAACxB,EAAE,gBAAgB;QACrB,EAAEX,SAEJqC,IAAI,8BACJC,UAAU,CAAC,EAAEC,gBAAgBC,UAAU,EAAE;QACvC,KAAK/B,iBAAiB;YAAEgC,OAAO;gBAAED;YAAW;YAAGE,WAAW;QAAK;IACjE,GACAC,SAAS7B,sBACTyB,gBAAgBlC;AAGtB"}

package/dist/elements/FolderView/FolderField/index.server.js

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { MoveDocToFolder } from '../../../exports/client/index.js';
 import './index.scss';
@@ -7,15 +6,7 @@ export const FolderField = (props)=>{
     if (props.payload.config.folders === false) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(MoveDocToFolder, {
-        className: baseClass,
-        folderCollectionSlug: props.payload.config.folders.slug,
-        folderFieldName: props.payload.config.folders.fieldName
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderField/index.server.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+    return <MoveDocToFolder className={baseClass} folderCollectionSlug={props.payload.config.folders.slug} folderFieldName={props.payload.config.folders.fieldName}/>;
 };
 
 //# sourceMappingURL=index.server.js.map

package/dist/elements/FolderView/FolderField/index.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderField/index.server.tsx"],"sourcesContent":["import type { RelationshipFieldServerProps } from 'payload'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolder } from '../../../exports/client/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-edit-field'\n\nexport const FolderField = (props: RelationshipFieldServerProps) => {\n  if (props.payload.config.folders === false) {\n    return null\n  }\n  return (\n    <MoveDocToFolder\n      className={baseClass}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"names":["MoveDocToFolder","baseClass","FolderField","props","payload","config","folders","className","folderCollectionSlug","slug","folderFieldName","fieldName"],"mappings":";AAEA,+DAA+D;AAC/D,SAASA,eAAe,QAAQ,mCAAkC;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAACC;IAC1B,IAAIA,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,KAAK,OAAO;QAC1C,OAAO;IACT;IACA,qBACE,QAACN;QACCO,WAAWN;QACXO,sBAAsBL,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACG,IAAI;QACvDC,iBAAiBP,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,SAAS;;;;;;AAG7D,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderField/index.server.tsx"],"sourcesContent":["import type { RelationshipFieldServerProps } from 'payload'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolder } from '../../../exports/client/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-edit-field'\n\nexport const FolderField = (props: RelationshipFieldServerProps) => {\n  if (props.payload.config.folders === false) {\n    return null\n  }\n  return (\n    <MoveDocToFolder\n      className={baseClass}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"names":["MoveDocToFolder","baseClass","FolderField","props","payload","config","folders","className","folderCollectionSlug","slug","folderFieldName","fieldName"],"mappings":"AAEA,+DAA+D;AAC/D,SAASA,eAAe,QAAQ,mCAAkC;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAACC;IAC1B,IAAIA,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,KAAK,OAAO;QAC1C,OAAO;IACT;IACA,QACGN,gBACCO,WAAWN,WACXO,sBAAsBL,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACG,IAAI,EACvDC,iBAAiBP,MAAMC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,SAAS;AAG7D,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -41,126 +40,37 @@ export function FolderFileCard({ id, type, className = '', disabled = false, fol
     }, [
         isFocused
     ]);
-    return /*#__PURE__*/ _jsxDEV(DraggableWithClick, {
-        className: [
-            baseClass,
-            className,
-            isSelected && `${baseClass}--selected`,
-            disabled && `${baseClass}--disabled`,
-            isDeleting && `${baseClass}--deleting`,
-            isFocused && `${baseClass}--focused`,
-            isOver && `${baseClass}--over`,
-            `${baseClass}--${type}`
-        ].filter(Boolean).join(' '),
-        disabled: disabled || !onClick && !onKeyDown,
-        onClick: onClick,
-        onKeyDown: onKeyDown,
-        ref: ref,
-        children: [
-            !disableDrop ? /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__drop-area`,
-                ref: setNodeRef
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                lineNumber: 103,
-                columnNumber: 23
-            }, this) : null,
-            type === 'file' ? /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__preview-area`,
-                children: previewUrl ? /*#__PURE__*/ _jsxDEV(Thumbnail, {
-                    fileSrc: previewUrl
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                    lineNumber: 107,
-                    columnNumber: 25
-                }, this) : /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
-                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                    lineNumber: 107,
-                    columnNumber: 62
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                lineNumber: 106,
-                columnNumber: 9
-            }, this) : null,
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__titlebar-area`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__icon-wrap`,
-                        children: type === 'file' ? /*#__PURE__*/ _jsxDEV(DocumentIcon, {}, void 0, false, {
-                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                            lineNumber: 113,
-                            columnNumber: 30
-                        }, this) : /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
-                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                            lineNumber: 113,
-                            columnNumber: 49
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                        lineNumber: 112,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__titlebar-labels`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("p", {
-                                className: `${baseClass}__name`,
-                                title: title,
-                                children: /*#__PURE__*/ _jsxDEV("span", {
-                                    children: title
-                                }, void 0, false, {
-                                    fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                                    lineNumber: 117,
-                                    columnNumber: 13
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                                lineNumber: 116,
-                                columnNumber: 11
-                            }, this),
-                            folderType && folderType.length > 0 ? /*#__PURE__*/ _jsxDEV(AssignedCollections, {
-                                folderType: folderType
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                                lineNumber: 120,
-                                columnNumber: 13
-                            }, this) : null
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                        lineNumber: 115,
-                        columnNumber: 9
-                    }, this),
-                    PopupActions ? /*#__PURE__*/ _jsxDEV(Popup, {
-                        button: /*#__PURE__*/ _jsxDEV(ThreeDotsIcon, {}, void 0, false, {
-                            fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                            lineNumber: 125,
-                            columnNumber: 21
-                        }, void 0),
-                        disabled: selectedCount > 1 || selectedCount === 1 && !isSelected,
-                        horizontalAlign: "right",
-                        size: "large",
-                        verticalAlign: "bottom",
-                        children: PopupActions
-                    }, void 0, false, {
-                        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                        lineNumber: 124,
-                        columnNumber: 11
-                    }, this) : null
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                lineNumber: 111,
-                columnNumber: 7
-            }, this)
-        ]
-    }, itemKey, true, {
-        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-        lineNumber: 84,
-        columnNumber: 5
-    }, this);
+    return <DraggableWithClick className={[
+        baseClass,
+        className,
+        isSelected && `${baseClass}--selected`,
+        disabled && `${baseClass}--disabled`,
+        isDeleting && `${baseClass}--deleting`,
+        isFocused && `${baseClass}--focused`,
+        isOver && `${baseClass}--over`,
+        `${baseClass}--${type}`
+    ].filter(Boolean).join(' ')} disabled={disabled || !onClick && !onKeyDown} key={itemKey} onClick={onClick} onKeyDown={onKeyDown} ref={ref}>
+      {!disableDrop ? <div className={`${baseClass}__drop-area`} ref={setNodeRef}/> : null}
+
+      {type === 'file' ? <div className={`${baseClass}__preview-area`}>
+          {previewUrl ? <Thumbnail fileSrc={previewUrl}/> : <DocumentIcon/>}
+        </div> : null}
+
+      <div className={`${baseClass}__titlebar-area`}>
+        <div className={`${baseClass}__icon-wrap`}>
+          {type === 'file' ? <DocumentIcon/> : <ColoredFolderIcon/>}
+        </div>
+        <div className={`${baseClass}__titlebar-labels`}>
+          <p className={`${baseClass}__name`} title={title}>
+            <span>{title}</span>
+          </p>
+          {folderType && folderType.length > 0 ? <AssignedCollections folderType={folderType}/> : null}
+        </div>
+        {PopupActions ? <Popup button={<ThreeDotsIcon/>} disabled={selectedCount > 1 || selectedCount === 1 && !isSelected} horizontalAlign="right" size="large" verticalAlign="bottom">
+            {PopupActions}
+          </Popup> : null}
+      </div>
+    </DraggableWithClick>;
 }
 function AssignedCollections({ folderType }) {
     const { config } = useConfig();
@@ -181,59 +91,31 @@ function AssignedCollections({ folderType }) {
         config.collections,
         i18n
     ]);
-    return /*#__PURE__*/ _jsxDEV("p", {
-        className: `${baseClass}__assigned-collections`,
-        children: collectionsDisplayText.map((label, index)=>/*#__PURE__*/ _jsxDEV("span", {
-                children: [
-                    label,
-                    index < folderType.length - 1 ? ', ' : ''
-                ]
-            }, label, true, {
-                fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-                lineNumber: 156,
-                columnNumber: 9
-            }, this))
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-        lineNumber: 154,
-        columnNumber: 5
-    }, this);
+    return <p className={`${baseClass}__assigned-collections`}>
+      {collectionsDisplayText.map((label, index)=><span key={label}>
+          {label}
+          {index < folderType.length - 1 ? ', ' : ''}
+        </span>)}
+    </p>;
 }
 // todo: possibly remove
 export function ContextFolderFileCard({ type, className, index, item }) {
     const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } = useFolder();
     const isSelected = selectedItemKeys.has(item.itemKey);
     const isDisabled = checkIfItemIsDisabled(item);
-    return /*#__PURE__*/ _jsxDEV(FolderFileCard, {
-        className: className,
-        disabled: isDisabled,
-        folderType: item.value.folderType || [],
-        id: item.value.id,
-        isFocused: focusedRowIndex === index,
-        isSelected: isSelected,
-        itemKey: item.itemKey,
-        onClick: (event)=>{
-            void onItemClick({
-                event,
-                index,
-                item
-            });
-        },
-        onKeyDown: (event)=>{
-            void onItemKeyPress({
-                event,
-                index,
-                item
-            });
-        },
-        previewUrl: item.value.url,
-        title: item.value._folderOrDocumentTitle,
-        type: type
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/FolderFileCard/index.tsx",
-        lineNumber: 178,
-        columnNumber: 5
-    }, this);
+    return <FolderFileCard className={className} disabled={isDisabled} folderType={item.value.folderType || []} id={item.value.id} isFocused={focusedRowIndex === index} isSelected={isSelected} itemKey={item.itemKey} onClick={(event)=>{
+        void onItemClick({
+            event,
+            index,
+            item
+        });
+    }} onKeyDown={(event)=>{
+        void onItemKeyPress({
+            event,
+            index,
+            item
+        });
+    }} previewUrl={item.value.url} title={item.value._folderOrDocumentTitle} type={type}/>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileCard/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { ThreeDotsIcon } from '../../../icons/ThreeDots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-card'\n\ntype Props = {\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly folderType?: string[]\n  readonly id: number | string\n  readonly isDeleting?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly PopupActions?: React.ReactNode\n  readonly previewUrl?: string\n  readonly selectedCount?: number\n  readonly title: string\n  readonly type: 'file' | 'folder'\n}\nexport function FolderFileCard({\n  id,\n  type,\n  className = '',\n  disabled = false,\n  folderType,\n  isDeleting = false,\n  isFocused = false,\n  isSelected = false,\n  itemKey,\n  onClick,\n  onKeyDown,\n  PopupActions,\n  previewUrl,\n  selectedCount = 0,\n  title,\n}: Props) {\n  const disableDrop = !id || disabled || type !== 'folder'\n  const { isOver, setNodeRef } = useDroppable({\n    id: itemKey,\n    data: {\n      id,\n      type,\n      folderType,\n    },\n    disabled: disableDrop,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      className={[\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`,\n        disabled && `${baseClass}--disabled`,\n        isDeleting && `${baseClass}--deleting`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n        `${baseClass}--${type}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={disabled || (!onClick && !onKeyDown)}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {!disableDrop ? <div className={`${baseClass}__drop-area`} ref={setNodeRef} /> : null}\n\n      {type === 'file' ? (\n        <div className={`${baseClass}__preview-area`}>\n          {previewUrl ? <Thumbnail fileSrc={previewUrl} /> : <DocumentIcon />}\n        </div>\n      ) : null}\n\n      <div className={`${baseClass}__titlebar-area`}>\n        <div className={`${baseClass}__icon-wrap`}>\n          {type === 'file' ? <DocumentIcon /> : <ColoredFolderIcon />}\n        </div>\n        <div className={`${baseClass}__titlebar-labels`}>\n          <p className={`${baseClass}__name`} title={title}>\n            <span>{title}</span>\n          </p>\n          {folderType && folderType.length > 0 ? (\n            <AssignedCollections folderType={folderType} />\n          ) : null}\n        </div>\n        {PopupActions ? (\n          <Popup\n            button={<ThreeDotsIcon />}\n            disabled={selectedCount > 1 || (selectedCount === 1 && !isSelected)}\n            horizontalAlign=\"right\"\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          >\n            {PopupActions}\n          </Popup>\n        ) : null}\n      </div>\n    </DraggableWithClick>\n  )\n}\n\nfunction AssignedCollections({ folderType }: { folderType: string[] }) {\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n\n  const collectionsDisplayText = React.useMemo(() => {\n    return folderType.reduce((acc, collection) => {\n      const collectionConfig = config.collections?.find((c) => c.slug === collection)\n      if (collectionConfig) {\n        return [...acc, getTranslation(collectionConfig.labels.plural, i18n)]\n      }\n      return acc\n    }, [])\n  }, [folderType, config.collections, i18n])\n\n  return (\n    <p className={`${baseClass}__assigned-collections`}>\n      {collectionsDisplayText.map((label, index) => (\n        <span key={label}>\n          {label}\n          {index < folderType.length - 1 ? ', ' : ''}\n        </span>\n      ))}\n    </p>\n  )\n}\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number // todo: possibly remove\n  readonly item: FolderOrDocument\n  readonly type: 'file' | 'folder'\n}\nexport function ContextFolderFileCard({ type, className, index, item }: ContextCardProps) {\n  const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } =\n    useFolder()\n  const isSelected = selectedItemKeys.has(item.itemKey)\n  const isDisabled = checkIfItemIsDisabled(item)\n\n  return (\n    <FolderFileCard\n      className={className}\n      disabled={isDisabled}\n      folderType={item.value.folderType || []}\n      id={item.value.id}\n      isFocused={focusedRowIndex === index}\n      isSelected={isSelected}\n      itemKey={item.itemKey}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n      previewUrl={item.value.url}\n      title={item.value._folderOrDocumentTitle}\n      type={type}\n    />\n  )\n}\n"],"names":["useDroppable","getTranslation","React","DocumentIcon","ThreeDotsIcon","useConfig","useFolder","useTranslation","Popup","Thumbnail","ColoredFolderIcon","DraggableWithClick","baseClass","FolderFileCard","id","type","className","disabled","folderType","isDeleting","isFocused","isSelected","itemKey","onClick","onKeyDown","PopupActions","previewUrl","selectedCount","title","disableDrop","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","filter","Boolean","join","div","fileSrc","p","span","length","AssignedCollections","button","horizontalAlign","size","verticalAlign","config","i18n","collectionsDisplayText","useMemo","reduce","acc","collection","collectionConfig","collections","find","c","slug","labels","plural","map","label","index","ContextFolderFileCard","item","checkIfItemIsDisabled","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","has","isDisabled","value","event","url","_folderOrDocumentTitle"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderFileCard/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { ThreeDotsIcon } from '../../../icons/ThreeDots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup } from '../../Popup/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-file-card'\n\ntype Props = {\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly folderType?: string[]\n  readonly id: number | string\n  readonly isDeleting?: boolean\n  readonly isFocused?: boolean\n  readonly isSelected?: boolean\n  readonly itemKey: string\n  readonly onClick?: (e: React.MouseEvent) => void\n  readonly onKeyDown?: (e: React.KeyboardEvent) => void\n  readonly PopupActions?: React.ReactNode\n  readonly previewUrl?: string\n  readonly selectedCount?: number\n  readonly title: string\n  readonly type: 'file' | 'folder'\n}\nexport function FolderFileCard({\n  id,\n  type,\n  className = '',\n  disabled = false,\n  folderType,\n  isDeleting = false,\n  isFocused = false,\n  isSelected = false,\n  itemKey,\n  onClick,\n  onKeyDown,\n  PopupActions,\n  previewUrl,\n  selectedCount = 0,\n  title,\n}: Props) {\n  const disableDrop = !id || disabled || type !== 'folder'\n  const { isOver, setNodeRef } = useDroppable({\n    id: itemKey,\n    data: {\n      id,\n      type,\n      folderType,\n    },\n    disabled: disableDrop,\n  })\n  const ref = React.useRef(null)\n\n  React.useEffect(() => {\n    const copyOfRef = ref.current\n    if (isFocused && ref.current) {\n      ref.current.focus()\n    } else if (!isFocused && ref.current) {\n      ref.current.blur()\n    }\n\n    return () => {\n      if (copyOfRef) {\n        copyOfRef.blur()\n      }\n    }\n  }, [isFocused])\n\n  return (\n    <DraggableWithClick\n      className={[\n        baseClass,\n        className,\n        isSelected && `${baseClass}--selected`,\n        disabled && `${baseClass}--disabled`,\n        isDeleting && `${baseClass}--deleting`,\n        isFocused && `${baseClass}--focused`,\n        isOver && `${baseClass}--over`,\n        `${baseClass}--${type}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      disabled={disabled || (!onClick && !onKeyDown)}\n      key={itemKey}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      {!disableDrop ? <div className={`${baseClass}__drop-area`} ref={setNodeRef} /> : null}\n\n      {type === 'file' ? (\n        <div className={`${baseClass}__preview-area`}>\n          {previewUrl ? <Thumbnail fileSrc={previewUrl} /> : <DocumentIcon />}\n        </div>\n      ) : null}\n\n      <div className={`${baseClass}__titlebar-area`}>\n        <div className={`${baseClass}__icon-wrap`}>\n          {type === 'file' ? <DocumentIcon /> : <ColoredFolderIcon />}\n        </div>\n        <div className={`${baseClass}__titlebar-labels`}>\n          <p className={`${baseClass}__name`} title={title}>\n            <span>{title}</span>\n          </p>\n          {folderType && folderType.length > 0 ? (\n            <AssignedCollections folderType={folderType} />\n          ) : null}\n        </div>\n        {PopupActions ? (\n          <Popup\n            button={<ThreeDotsIcon />}\n            disabled={selectedCount > 1 || (selectedCount === 1 && !isSelected)}\n            horizontalAlign=\"right\"\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          >\n            {PopupActions}\n          </Popup>\n        ) : null}\n      </div>\n    </DraggableWithClick>\n  )\n}\n\nfunction AssignedCollections({ folderType }: { folderType: string[] }) {\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n\n  const collectionsDisplayText = React.useMemo(() => {\n    return folderType.reduce((acc, collection) => {\n      const collectionConfig = config.collections?.find((c) => c.slug === collection)\n      if (collectionConfig) {\n        return [...acc, getTranslation(collectionConfig.labels.plural, i18n)]\n      }\n      return acc\n    }, [])\n  }, [folderType, config.collections, i18n])\n\n  return (\n    <p className={`${baseClass}__assigned-collections`}>\n      {collectionsDisplayText.map((label, index) => (\n        <span key={label}>\n          {label}\n          {index < folderType.length - 1 ? ', ' : ''}\n        </span>\n      ))}\n    </p>\n  )\n}\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number // todo: possibly remove\n  readonly item: FolderOrDocument\n  readonly type: 'file' | 'folder'\n}\nexport function ContextFolderFileCard({ type, className, index, item }: ContextCardProps) {\n  const { checkIfItemIsDisabled, focusedRowIndex, onItemClick, onItemKeyPress, selectedItemKeys } =\n    useFolder()\n  const isSelected = selectedItemKeys.has(item.itemKey)\n  const isDisabled = checkIfItemIsDisabled(item)\n\n  return (\n    <FolderFileCard\n      className={className}\n      disabled={isDisabled}\n      folderType={item.value.folderType || []}\n      id={item.value.id}\n      isFocused={focusedRowIndex === index}\n      isSelected={isSelected}\n      itemKey={item.itemKey}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n      previewUrl={item.value.url}\n      title={item.value._folderOrDocumentTitle}\n      type={type}\n    />\n  )\n}\n"],"names":["useDroppable","getTranslation","React","DocumentIcon","ThreeDotsIcon","useConfig","useFolder","useTranslation","Popup","Thumbnail","ColoredFolderIcon","DraggableWithClick","baseClass","FolderFileCard","id","type","className","disabled","folderType","isDeleting","isFocused","isSelected","itemKey","onClick","onKeyDown","PopupActions","previewUrl","selectedCount","title","disableDrop","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","filter","Boolean","join","key","div","fileSrc","p","span","length","AssignedCollections","button","horizontalAlign","size","verticalAlign","config","i18n","collectionsDisplayText","useMemo","reduce","acc","collection","collectionConfig","collections","find","c","slug","labels","plural","map","label","index","ContextFolderFileCard","item","checkIfItemIsDisabled","focusedRowIndex","onItemClick","onItemKeyPress","selectedItemKeys","has","isDisabled","value","event","url","_folderOrDocumentTitle"],"mappings":"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"}