@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/elements/FileDetails/FileMeta/index.js

@@ -1,41 +1,80 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { formatFilesize } from 'payload/shared';
 import React from 'react';
 import { CopyToClipboard } from '../../CopyToClipboard/index.js';
 import './index.scss';
 const baseClass = 'file-meta';
-export const FileMeta = props => {
-  const {
-    filename,
-    filesize,
-    height,
-    mimeType,
-    url: fileURL,
-    width
-  } = props;
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__url`,
-      children: [/*#__PURE__*/_jsx("a", {
-        href: fileURL,
-        rel: "noopener noreferrer",
-        target: "_blank",
-        children: filename
-      }), /*#__PURE__*/_jsx(CopyToClipboard, {
-        defaultMessage: "Copy URL",
-        value: fileURL
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__size-type`,
-      children: [formatFilesize(filesize), typeof width === 'number' && typeof height === 'number' && /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [" - ", width, "x", height]
-      }), mimeType && /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [" - ", mimeType]
-      })]
-    })]
-  });
+export const FileMeta = (props)=>{
+    const { filename, filesize, height, mimeType, url: fileURL, width } = props;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__url`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("a", {
+                        href: fileURL,
+                        rel: "noopener noreferrer",
+                        target: "_blank",
+                        children: filename
+                    }, void 0, false, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 26,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
+                        defaultMessage: "Copy URL",
+                        value: fileURL
+                    }, void 0, false, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 29,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                lineNumber: 25,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__size-type`,
+                children: [
+                    formatFilesize(filesize),
+                    typeof width === 'number' && typeof height === 'number' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            " - ",
+                            width,
+                            "x",
+                            height
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 11
+                    }, this),
+                    mimeType && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            " - ",
+                            mimeType
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+                lineNumber: 31,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/FileDetails/FileMeta/index.tsx",
+        lineNumber: 24,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FileDetails/FileMeta/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatFilesize","React","CopyToClipboard","baseClass","FileMeta","props","filename","filesize","height","mimeType","url","fileURL","width","_jsxs","className","_jsx","href","rel","target","defaultMessage","value","Fragment"],"sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nexport type FileMetaProps = {\n  filename: string\n  filesize: number\n  height?: number\n  mimeType: string\n  sizes?: unknown\n  url: string\n  width?: number\n}\n\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-meta'\n\nexport const FileMeta: React.FC<FileMetaProps> = (props) => {\n  const { filename, filesize, height, mimeType, url: fileURL, width } = props\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__url`}>\n        <a href={fileURL} rel=\"noopener noreferrer\" target=\"_blank\">\n          {filename}\n        </a>\n        <CopyToClipboard defaultMessage=\"Copy URL\" value={fileURL} />\n      </div>\n      <div className={`${baseClass}__size-type`}>\n        {formatFilesize(filesize)}\n        {typeof width === 'number' && typeof height === 'number' && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {width}x{height}\n          </React.Fragment>\n        )}\n        {mimeType && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {mimeType}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAYlB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,GAAA,EAAKC,OAAO;IAAEC;EAAK,CAAE,GAAGP,KAAA;EAEtE,oBACEQ,KAAA,CAAC;IAAIC,SAAA,EAAWX,SAAA;4BACdU,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,OAAgB;8BACjCY,IAAA,CAAC;QAAEC,IAAA,EAAML,OAAA;QAASM,GAAA,EAAI;QAAsBC,MAAA,EAAO;kBAChDZ;uBAEHS,IAAA,CAACb,eAAA;QAAgBiB,cAAA,EAAe;QAAWC,KAAA,EAAOT;;qBAEpDE,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,aAAsB;iBACtCH,cAAA,CAAeO,QAAA,GACf,OAAOK,KAAA,KAAU,YAAY,OAAOJ,MAAA,KAAW,yBAC9CK,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbT,KAAA,EAAM,KAAEJ,MAAA;UAGZC,QAAA,iBACCI,KAAA,CAACZ,KAAA,CAAMoB,QAAQ;mBAAC,OAEbZ,QAAA;;;;AAMb","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FileDetails/FileMeta/index.tsx"],"sourcesContent":["'use client'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nexport type FileMetaProps = {\n  filename: string\n  filesize: number\n  height?: number\n  mimeType: string\n  sizes?: unknown\n  url: string\n  width?: number\n}\n\nimport { CopyToClipboard } from '../../CopyToClipboard/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-meta'\n\nexport const FileMeta: React.FC<FileMetaProps> = (props) => {\n  const { filename, filesize, height, mimeType, url: fileURL, width } = props\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__url`}>\n        <a href={fileURL} rel=\"noopener noreferrer\" target=\"_blank\">\n          {filename}\n        </a>\n        <CopyToClipboard defaultMessage=\"Copy URL\" value={fileURL} />\n      </div>\n      <div className={`${baseClass}__size-type`}>\n        {formatFilesize(filesize)}\n        {typeof width === 'number' && typeof height === 'number' && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {width}x{height}\n          </React.Fragment>\n        )}\n        {mimeType && (\n          <React.Fragment>\n            &nbsp;-&nbsp;\n            {mimeType}\n          </React.Fragment>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["formatFilesize","React","CopyToClipboard","baseClass","FileMeta","props","filename","filesize","height","mimeType","url","fileURL","width","div","className","a","href","rel","target","defaultMessage","value","Fragment"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAYzB,SAASC,eAAe,QAAQ,iCAAgC;AAChE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,KAAKC,OAAO,EAAEC,KAAK,EAAE,GAAGP;IAEtE,qBACE,QAACQ;QAAIC,WAAWX;;0BACd,QAACU;gBAAIC,WAAW,GAAGX,UAAU,KAAK,CAAC;;kCACjC,QAACY;wBAAEC,MAAML;wBAASM,KAAI;wBAAsBC,QAAO;kCAChDZ;;;;;;kCAEH,QAACJ;wBAAgBiB,gBAAe;wBAAWC,OAAOT;;;;;;;;;;;;0BAEpD,QAACE;gBAAIC,WAAW,GAAGX,UAAU,WAAW,CAAC;;oBACtCH,eAAeO;oBACf,OAAOK,UAAU,YAAY,OAAOJ,WAAW,0BAC9C,QAACP,MAAMoB,QAAQ;;4BAAC;4BAEbT;4BAAM;4BAAEJ;;;;;;;oBAGZC,0BACC,QAACR,MAAMoB,QAAQ;;4BAAC;4BAEbZ;;;;;;;;;;;;;;;;;;;AAMb,EAAC"}

package/dist/elements/FileDetails/StaticFileDetails/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { Button } from '../../Button/index.js';
 import { Thumbnail } from '../../Thumbnail/index.js';
@@ -8,61 +7,80 @@ import { UploadActions } from '../../Upload/index.js';
 import { FileMeta } from '../FileMeta/index.js';
 import './index.scss';
 const baseClass = 'file-details';
-export const StaticFileDetails = props => {
-  const {
-    customUploadActions,
-    doc,
-    enableAdjustments,
-    handleRemove,
-    hasImageSizes,
-    hideRemoveFile,
-    imageCacheTag,
-    uploadConfig
-  } = props;
-  const {
-    filename,
-    filesize,
-    height,
-    mimeType,
-    thumbnailURL,
-    url,
-    width
-  } = doc;
-  const previewAllowed = uploadConfig.displayPreview ?? true;
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: /*#__PURE__*/_jsxs("header", {
-      children: [previewAllowed && /*#__PURE__*/_jsx(Thumbnail, {
-        // size="small"
-        className: `${baseClass}__thumbnail`,
-        doc: doc,
-        fileSrc: thumbnailURL || url,
-        imageCacheTag: imageCacheTag,
-        uploadConfig: uploadConfig
-      }), /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__main-detail`,
-        children: [/*#__PURE__*/_jsx(FileMeta, {
-          filename: filename,
-          filesize: filesize,
-          height: height,
-          mimeType: mimeType,
-          url: url,
-          width: width
-        }), (enableAdjustments || hasImageSizes && doc.filename || customUploadActions) && /*#__PURE__*/_jsx(UploadActions, {
-          customActions: customUploadActions,
-          enableAdjustments: Boolean(enableAdjustments),
-          enablePreviewSizes: hasImageSizes && doc.filename,
-          mimeType: mimeType
-        })]
-      }), !hideRemoveFile && handleRemove && /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__remove`,
-        icon: "x",
-        iconStyle: "with-border",
-        onClick: handleRemove,
-        round: true
-      })]
-    })
-  });
+export const StaticFileDetails = (props)=>{
+    const { customUploadActions, doc, enableAdjustments, handleRemove, hasImageSizes, hideRemoveFile, imageCacheTag, uploadConfig } = props;
+    const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc;
+    const previewAllowed = uploadConfig.displayPreview ?? true;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV("header", {
+            children: [
+                previewAllowed && /*#__PURE__*/ _jsxDEV(Thumbnail, {
+                    // size="small"
+                    className: `${baseClass}__thumbnail`,
+                    doc: doc,
+                    fileSrc: thumbnailURL || url,
+                    imageCacheTag: imageCacheTag,
+                    uploadConfig: uploadConfig
+                }, void 0, false, {
+                    fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                    lineNumber: 47,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__main-detail`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(FileMeta, {
+                            filename: filename,
+                            filesize: filesize,
+                            height: height,
+                            mimeType: mimeType,
+                            url: url,
+                            width: width
+                        }, void 0, false, {
+                            fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                            lineNumber: 57,
+                            columnNumber: 11
+                        }, this),
+                        (enableAdjustments || hasImageSizes && doc.filename || customUploadActions) && /*#__PURE__*/ _jsxDEV(UploadActions, {
+                            customActions: customUploadActions,
+                            enableAdjustments: Boolean(enableAdjustments),
+                            enablePreviewSizes: hasImageSizes && doc.filename,
+                            mimeType: mimeType
+                        }, void 0, false, {
+                            fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                            lineNumber: 67,
+                            columnNumber: 13
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                    lineNumber: 56,
+                    columnNumber: 9
+                }, this),
+                !hideRemoveFile && handleRemove && /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "icon-label",
+                    className: `${baseClass}__remove`,
+                    icon: "x",
+                    iconStyle: "with-border",
+                    onClick: handleRemove,
+                    round: true
+                }, void 0, false, {
+                    fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                    lineNumber: 76,
+                    columnNumber: 11
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+            lineNumber: 45,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+        lineNumber: 44,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FileDetails/StaticFileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","_jsx","className","_jsxs","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","iconStyle","onClick","round"],"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,iBAAA,GAAuDC,KAAA;EAClE,MAAM;IACJC,mBAAmB;IACnBC,GAAG;IACHC,iBAAiB;IACjBC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC;EAAY,CACb,GAAGR,KAAA;EAEJ,MAAM;IAAES,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,GAAG;IAAEC;EAAK,CAAE,GAAGb,GAAA;EAE3E,MAAMc,cAAA,GAAiBR,YAAA,CAAaS,cAAc,IAAI;EAEtD,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWrB,SAAA;cACd,aAAAsB,KAAA,CAAC;iBACEJ,cAAA,iBACCE,IAAA,CAACvB,SAAA;QACC;QACAwB,SAAA,EAAW,GAAGrB,SAAA,aAAsB;QACpCI,GAAA,EAAKA,GAAA;QACLmB,OAAA,EAASR,YAAA,IAAgBC,GAAA;QACzBP,aAAA,EAAeA,aAAA;QACfC,YAAA,EAAcA;uBAGlBY,KAAA,CAAC;QAAID,SAAA,EAAW,GAAGrB,SAAA,eAAwB;gCACzCoB,IAAA,CAACrB,QAAA;UACCY,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVC,MAAA,EAAQA,MAAA;UACRC,QAAA,EAAUA,QAAA;UACVE,GAAA,EAAKA,GAAA;UACLC,KAAA,EAAOA;YAGP,CAAAZ,iBAAA,IAAsBE,aAAA,IAAiBH,GAAA,CAAIO,QAAQ,IAAKR,mBAAkB,kBAC1EiB,IAAA,CAACtB,aAAA;UACC0B,aAAA,EAAerB,mBAAA;UACfE,iBAAA,EAAmBoB,OAAA,CAAQpB,iBAAA;UAC3BqB,kBAAA,EAAoBnB,aAAA,IAAiBH,GAAA,CAAIO,QAAQ;UACjDG,QAAA,EAAUA;;UAIf,CAACN,cAAA,IAAkBF,YAAA,iBAClBc,IAAA,CAACxB,MAAA;QACC+B,WAAA,EAAY;QACZN,SAAA,EAAW,GAAGrB,SAAA,UAAmB;QACjC4B,IAAA,EAAK;QACLC,SAAA,EAAU;QACVC,OAAA,EAASxB,YAAA;QACTyB,KAAK;;;;AAMjB","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FileDetails/StaticFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport { UploadActions } from '../../Upload/index.js'\nimport { FileMeta } from '../FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nexport type StaticFileDetailsProps = {\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  handleRemove?: () => void\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const StaticFileDetails: React.FC<StaticFileDetailsProps> = (props) => {\n  const {\n    customUploadActions,\n    doc,\n    enableAdjustments,\n    handleRemove,\n    hasImageSizes,\n    hideRemoveFile,\n    imageCacheTag,\n    uploadConfig,\n  } = props\n\n  const { filename, filesize, height, mimeType, thumbnailURL, url, width } = doc\n\n  const previewAllowed = uploadConfig.displayPreview ?? true\n\n  return (\n    <div className={baseClass}>\n      <header>\n        {previewAllowed && (\n          <Thumbnail\n            // size=\"small\"\n            className={`${baseClass}__thumbnail`}\n            doc={doc}\n            fileSrc={thumbnailURL || url}\n            imageCacheTag={imageCacheTag}\n            uploadConfig={uploadConfig}\n          />\n        )}\n        <div className={`${baseClass}__main-detail`}>\n          <FileMeta\n            filename={filename as string}\n            filesize={filesize as number}\n            height={height as number}\n            mimeType={mimeType as string}\n            url={url as string}\n            width={width as number}\n          />\n\n          {(enableAdjustments || (hasImageSizes && doc.filename) || customUploadActions) && (\n            <UploadActions\n              customActions={customUploadActions}\n              enableAdjustments={Boolean(enableAdjustments)}\n              enablePreviewSizes={hasImageSizes && doc.filename}\n              mimeType={mimeType}\n            />\n          )}\n        </div>\n        {!hideRemoveFile && handleRemove && (\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={handleRemove}\n            round\n          />\n        )}\n      </header>\n    </div>\n  )\n}\n"],"names":["React","Button","Thumbnail","UploadActions","FileMeta","baseClass","StaticFileDetails","props","customUploadActions","doc","enableAdjustments","handleRemove","hasImageSizes","hideRemoveFile","imageCacheTag","uploadConfig","filename","filesize","height","mimeType","thumbnailURL","url","width","previewAllowed","displayPreview","div","className","header","fileSrc","customActions","Boolean","enablePreviewSizes","buttonStyle","icon","iconStyle","onClick","round"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,aAAa,QAAQ,wBAAuB;AACrD,SAASC,QAAQ,QAAQ,uBAAsB;AAC/C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB,OAAO,MAAMC,oBAAsD,CAACC;IAClE,MAAM,EACJC,mBAAmB,EACnBC,GAAG,EACHC,iBAAiB,EACjBC,YAAY,EACZC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,YAAY,EACb,GAAGR;IAEJ,MAAM,EAAES,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,GAAG,EAAEC,KAAK,EAAE,GAAGb;IAE3E,MAAMc,iBAAiBR,aAAaS,cAAc,IAAI;IAEtD,qBACE,QAACC;QAAIC,WAAWrB;kBACd,cAAA,QAACsB;;gBACEJ,gCACC,QAACrB;oBACC,eAAe;oBACfwB,WAAW,GAAGrB,UAAU,WAAW,CAAC;oBACpCI,KAAKA;oBACLmB,SAASR,gBAAgBC;oBACzBP,eAAeA;oBACfC,cAAcA;;;;;;8BAGlB,QAACU;oBAAIC,WAAW,GAAGrB,UAAU,aAAa,CAAC;;sCACzC,QAACD;4BACCY,UAAUA;4BACVC,UAAUA;4BACVC,QAAQA;4BACRC,UAAUA;4BACVE,KAAKA;4BACLC,OAAOA;;;;;;wBAGPZ,CAAAA,qBAAsBE,iBAAiBH,IAAIO,QAAQ,IAAKR,mBAAkB,mBAC1E,QAACL;4BACC0B,eAAerB;4BACfE,mBAAmBoB,QAAQpB;4BAC3BqB,oBAAoBnB,iBAAiBH,IAAIO,QAAQ;4BACjDG,UAAUA;;;;;;;;;;;;gBAIf,CAACN,kBAAkBF,8BAClB,QAACV;oBACC+B,aAAY;oBACZN,WAAW,GAAGrB,UAAU,QAAQ,CAAC;oBACjC4B,MAAK;oBACLC,WAAU;oBACVC,SAASxB;oBACTyB,KAAK;;;;;;;;;;;;;;;;;AAMjB,EAAC"}

package/dist/elements/FileDetails/index.js

@@ -1,20 +1,26 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { DraggableFileDetails } from './DraggableFileDetails/index.js';
 import { StaticFileDetails } from './StaticFileDetails/index.js';
-export const FileDetails = props => {
-  const {
-    hasMany
-  } = props;
-  if (hasMany) {
-    return /*#__PURE__*/_jsx(DraggableFileDetails, {
-      ...props
-    });
-  }
-  return /*#__PURE__*/_jsx(StaticFileDetails, {
-    ...props
-  });
+export const FileDetails = (props)=>{
+    const { hasMany } = props;
+    if (hasMany) {
+        return /*#__PURE__*/ _jsxDEV(DraggableFileDetails, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/FileDetails/index.tsx",
+            lineNumber: 46,
+            columnNumber: 12
+        }, this);
+    }
+    return /*#__PURE__*/ _jsxDEV(StaticFileDetails, {
+        ...props
+    }, void 0, false, {
+        fileName: "src/elements/FileDetails/index.tsx",
+        lineNumber: 49,
+        columnNumber: 10
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FileDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany","_jsx"],"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAmClC,OAAO,MAAMC,WAAA,GAA2CC,KAAA;EACtD,MAAM;IAAEC;EAAO,CAAE,GAAGD,KAAA;EAEpB,IAAIC,OAAA,EAAS;IACX,oBAAOC,IAAA,CAACL,oBAAA;MAAsB,GAAGG;;EACnC;EAEA,oBAAOE,IAAA,CAACJ,iBAAA;IAAmB,GAAGE;;AAChC","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/FileDetails/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { DraggableFileDetails } from './DraggableFileDetails/index.js'\nimport { StaticFileDetails } from './StaticFileDetails/index.js'\n\ntype SharedFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\ntype StaticFileDetailsProps = {\n  draggableItemProps?: never\n  handleRemove?: () => void\n  hasMany?: never\n  isSortable?: never\n  removeItem?: never\n  rowIndex?: never\n}\n\ntype DraggableFileDetailsProps = {\n  handleRemove?: never\n  hasMany: boolean\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n}\n\nexport type FileDetailsProps = (DraggableFileDetailsProps | StaticFileDetailsProps) &\n  SharedFileDetailsProps\n\nexport const FileDetails: React.FC<FileDetailsProps> = (props) => {\n  const { hasMany } = props\n\n  if (hasMany) {\n    return <DraggableFileDetails {...props} />\n  }\n\n  return <StaticFileDetails {...props} />\n}\n"],"names":["React","DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,iBAAiB,QAAQ,+BAA8B;AAmChE,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,IAAIC,SAAS;QACX,qBAAO,QAACJ;YAAsB,GAAGG,KAAK;;;;;;IACxC;IAEA,qBAAO,QAACF;QAAmB,GAAGE,KAAK;;;;;;AACrC,EAAC"}

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

@@ -1,96 +1,69 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import './index.scss';
 const baseClass = 'folderBreadcrumbs';
-export function FolderBreadcrumbs({
-  breadcrumbs,
-  className
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    className: `${baseClass} ${className || ''}`.trim(),
-    children: breadcrumbs?.map((crumb, index) => /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__crumb`,
-      children: [crumb.onClick ? /*#__PURE__*/_jsx(DroppableBreadcrumb, {
-        className: `${baseClass}__crumb-item`,
-        id: crumb.id,
-        onClick: crumb.onClick,
-        children: crumb.name
-      }) : crumb.name, breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && /*#__PURE__*/_jsx(ChevronIcon, {
-        className: `${baseClass}__crumb-chevron`,
-        direction: "right"
-      })]
-    }, index))
-  });
+export function FolderBreadcrumbs({ breadcrumbs, className }) {
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass} ${className || ''}`.trim(),
+        children: breadcrumbs?.map((crumb, index)=>/*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__crumb`,
+                children: [
+                    crumb.onClick ? /*#__PURE__*/ _jsxDEV(DroppableBreadcrumb, {
+                        className: `${baseClass}__crumb-item`,
+                        id: crumb.id,
+                        onClick: crumb.onClick,
+                        children: crumb.name
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/Breadcrumbs/index.tsx",
+                        lineNumber: 27,
+                        columnNumber: 13
+                    }, this) : crumb.name,
+                    breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && /*#__PURE__*/ _jsxDEV(ChevronIcon, {
+                        className: `${baseClass}__crumb-chevron`,
+                        direction: "right"
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/Breadcrumbs/index.tsx",
+                        lineNumber: 38,
+                        columnNumber: 13
+                    }, this)
+                ]
+            }, index, true, {
+                fileName: "src/elements/FolderView/Breadcrumbs/index.tsx",
+                lineNumber: 25,
+                columnNumber: 9
+            }, this))
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Breadcrumbs/index.tsx",
+        lineNumber: 23,
+        columnNumber: 5
+    }, this);
 }
-export function DroppableBreadcrumb(t0) {
-  const $ = _c(13);
-  const {
-    id,
-    children,
-    className,
-    onClick
-  } = t0;
-  const t1 = `folder-${id}`;
-  let t2;
-  if ($[0] !== id) {
-    t2 = {
-      id,
-      type: "folder"
-    };
-    $[0] = id;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== t1 || $[3] !== t2) {
-    t3 = {
-      id: t1,
-      data: t2
-    };
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable(t3);
-  const t4 = isOver && "droppable-button--hover";
-  let t5;
-  if ($[5] !== className || $[6] !== t4) {
-    t5 = ["droppable-button", className, t4].filter(Boolean);
-    $[5] = className;
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const t6 = t5.join(" ");
-  let t7;
-  if ($[8] !== children || $[9] !== onClick || $[10] !== setNodeRef || $[11] !== t6) {
-    t7 = _jsx("button", {
-      className: t6,
-      onClick,
-      ref: setNodeRef,
-      type: "button",
-      children
+export function DroppableBreadcrumb({ id, children, className, onClick }) {
+    const { isOver, setNodeRef } = useDroppable({
+        id: `folder-${id}`,
+        data: {
+            id,
+            type: 'folder'
+        }
     });
-    $[8] = children;
-    $[9] = onClick;
-    $[10] = setNodeRef;
-    $[11] = t6;
-    $[12] = t7;
-  } else {
-    t7 = $[12];
-  }
-  return t7;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: [
+            'droppable-button',
+            className,
+            isOver && 'droppable-button--hover'
+        ].filter(Boolean).join(' '),
+        onClick: onClick,
+        ref: setNodeRef,
+        type: "button",
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Breadcrumbs/index.tsx",
+        lineNumber: 65,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","_jsx","trim","map","crumb","index","_jsxs","onClick","DroppableBreadcrumb","id","name","length","direction","t0","$","children","t1","t2","type","t3","data","isOver","setNodeRef","t4","t5","filter","Boolean","t6","join","t7","ref"],"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n  readonly breadcrumbs: {\n    id: null | number | string\n    name: React.ReactNode | string\n    onClick: () => void\n  }[]\n  className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n  return (\n    <div className={`${baseClass} ${className || ''}`.trim()}>\n      {breadcrumbs?.map((crumb, index) => (\n        <div className={`${baseClass}__crumb`} key={index}>\n          {crumb.onClick ? (\n            <DroppableBreadcrumb\n              className={`${baseClass}__crumb-item`}\n              id={crumb.id}\n              onClick={crumb.onClick}\n            >\n              {crumb.name}\n            </DroppableBreadcrumb>\n          ) : (\n            crumb.name\n          )}\n          {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n            <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport function DroppableBreadcrumb({\n  id,\n  children,\n  className,\n  onClick,\n}: {\n  children: React.ReactNode\n  className?: string\n  onClick: () => void\n} & Pick<FolderBreadcrumb, 'id'>) {\n  const { isOver, setNodeRef } = useDroppable({\n    id: `folder-${id}`,\n    data: {\n      id,\n      type: 'folder',\n    },\n  })\n\n  return (\n    <button\n      className={['droppable-button', className, isOver && 'droppable-button--hover']\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      ref={setNodeRef}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,kBAAkB;EAAEC,WAAW;EAAEC;AAAS,CAAS;EACjE,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAW,GAAGH,SAAA,IAAaG,SAAA,IAAa,IAAI,CAACE,IAAI;cACnDH,WAAA,EAAaI,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,kBACxBC,KAAA,CAAC;MAAIN,SAAA,EAAW,GAAGH,SAAA,SAAkB;iBAClCO,KAAA,CAAMG,OAAO,gBACZN,IAAA,CAACO,mBAAA;QACCR,SAAA,EAAW,GAAGH,SAAA,cAAuB;QACrCY,EAAA,EAAIL,KAAA,CAAMK,EAAE;QACZF,OAAA,EAASH,KAAA,CAAMG,OAAO;kBAErBH,KAAA,CAAMM;WAGTN,KAAA,CAAMM,IAAI,EAEXX,WAAA,CAAYY,MAAM,GAAG,KAAKN,KAAA,KAAUN,WAAA,CAAYY,MAAM,GAAG,kBACxDV,IAAA,CAACL,WAAA;QAAYI,SAAA,EAAW,GAAGH,SAAA,iBAA0B;QAAEe,SAAA,EAAU;;OAbzBP,KAAA;;AAmBpD;AAEA,OAAO,SAAAG,oBAAAK,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAA6B;IAAAgB,EAAA;IAAAM,QAAA;IAAAf,SAAA;IAAAO;EAAA,IAAAM,EASJ;EAExB,MAAAG,EAAA,aAAUP,EAAA,EAAI;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,EAAA;IACZQ,EAAA;MAAAR,EAAA;MAAAS,IAAA,EAEE;IAAA;IACRJ,CAAA,MAAAL,EAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAE,EAAA,IAAAF,CAAA,QAAAG,EAAA;IAL0CE,EAAA;MAAAV,EAAA,EACtCO,EAAc;MAAAI,IAAA,EACZH;IAGN;IACFH,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA;IAAAO,MAAA;IAAAC;EAAA,IAA+B5B,YAAA,CAAayB,EAM5C;EAI+C,MAAAI,EAAA,GAAAF,MAAA,IAAU;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAd,SAAA,IAAAc,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAAC,oBAAoBxB,SAAA,EAAWuB,EAAU,EAAAE,MAAA,CAAAC,OAC3C;IAAAZ,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,OAAA,IAAAO,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAa,EAAA;IAHVE,EAAA,GAAA5B,IAAA,CAAC;MAAAD,SAAA,EACY2B,EAEH;MAAApB,OAAA;MAAAuB,GAAA,EAEHR,UAAA;MAAAJ,IAAA,EACA;MAAAH;IAAA,C;;;;;;;;;SANPc,E","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n  readonly breadcrumbs: {\n    id: null | number | string\n    name: React.ReactNode | string\n    onClick: () => void\n  }[]\n  className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n  return (\n    <div className={`${baseClass} ${className || ''}`.trim()}>\n      {breadcrumbs?.map((crumb, index) => (\n        <div className={`${baseClass}__crumb`} key={index}>\n          {crumb.onClick ? (\n            <DroppableBreadcrumb\n              className={`${baseClass}__crumb-item`}\n              id={crumb.id}\n              onClick={crumb.onClick}\n            >\n              {crumb.name}\n            </DroppableBreadcrumb>\n          ) : (\n            crumb.name\n          )}\n          {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n            <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport function DroppableBreadcrumb({\n  id,\n  children,\n  className,\n  onClick,\n}: {\n  children: React.ReactNode\n  className?: string\n  onClick: () => void\n} & Pick<FolderBreadcrumb, 'id'>) {\n  const { isOver, setNodeRef } = useDroppable({\n    id: `folder-${id}`,\n    data: {\n      id,\n      type: 'folder',\n    },\n  })\n\n  return (\n    <button\n      className={['droppable-button', className, isOver && 'droppable-button--hover']\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      ref={setNodeRef}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","div","trim","map","crumb","index","onClick","DroppableBreadcrumb","id","name","length","direction","children","isOver","setNodeRef","data","type","button","filter","Boolean","join","ref"],"mappings":"AAAA;;AAIA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,SAAS,EAAS;IACjE,qBACE,QAACC;QAAID,WAAW,GAAGH,UAAU,CAAC,EAAEG,aAAa,IAAI,CAACE,IAAI;kBACnDH,aAAaI,IAAI,CAACC,OAAOC,sBACxB,QAACJ;gBAAID,WAAW,GAAGH,UAAU,OAAO,CAAC;;oBAClCO,MAAME,OAAO,iBACZ,QAACC;wBACCP,WAAW,GAAGH,UAAU,YAAY,CAAC;wBACrCW,IAAIJ,MAAMI,EAAE;wBACZF,SAASF,MAAME,OAAO;kCAErBF,MAAMK,IAAI;;;;;+BAGbL,MAAMK,IAAI;oBAEXV,YAAYW,MAAM,GAAG,KAAKL,UAAUN,YAAYW,MAAM,GAAG,mBACxD,QAACd;wBAAYI,WAAW,GAAGH,UAAU,eAAe,CAAC;wBAAEc,WAAU;;;;;;;eAbzBN;;;;;;;;;;AAmBpD;AAEA,OAAO,SAASE,oBAAoB,EAClCC,EAAE,EACFI,QAAQ,EACRZ,SAAS,EACTM,OAAO,EAKuB;IAC9B,MAAM,EAAEO,MAAM,EAAEC,UAAU,EAAE,GAAGpB,aAAa;QAC1Cc,IAAI,CAAC,OAAO,EAAEA,IAAI;QAClBO,MAAM;YACJP;YACAQ,MAAM;QACR;IACF;IAEA,qBACE,QAACC;QACCjB,WAAW;YAAC;YAAoBA;YAAWa,UAAU;SAA0B,CAC5EK,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,SAASA;QACTe,KAAKP;QACLE,MAAK;kBAEJJ;;;;;;AAGP"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -7,34 +7,34 @@ import { Link } from '../../Link/index.js';
 import { ColoredFolderIcon } from '../ColoredFolderIcon/index.js';
 import './index.scss';
 const baseClass = 'browse-by-folder-button';
-export function BrowseByFolderButton({
-  active
-}) {
-  const {
-    t
-  } = useTranslation();
-  const {
-    config
-  } = useConfig();
-  const {
-    admin: {
-      routes: {
-        browseByFolder: foldersRoute
-      }
-    },
-    routes: {
-      admin: adminRoute
-    }
-  } = config;
-  return /*#__PURE__*/_jsxs(Link, {
-    className: [baseClass, active && 'active'].filter(Boolean).join(' '),
-    href: formatAdminURL({
-      adminRoute,
-      path: foldersRoute
-    }),
-    id: "browse-by-folder",
-    prefetch: false,
-    children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:browseByFolder')]
-  });
+export function BrowseByFolderButton({ active }) {
+    const { t } = useTranslation();
+    const { config } = useConfig();
+    const { admin: { routes: { browseByFolder: foldersRoute } }, routes: { admin: adminRoute } } = config;
+    return /*#__PURE__*/ _jsxDEV(Link, {
+        className: [
+            baseClass,
+            active && 'active'
+        ].filter(Boolean).join(' '),
+        href: formatAdminURL({
+            adminRoute,
+            path: foldersRoute
+        }),
+        id: "browse-by-folder",
+        prefetch: false,
+        children: [
+            /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                fileName: "src/elements/FolderView/BrowseByFolderButton/index.tsx",
+                lineNumber: 32,
+                columnNumber: 7
+            }, this),
+            t('folder:browseByFolder')
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/FolderView/BrowseByFolderButton/index.tsx",
+        lineNumber: 23,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map