@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

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

@@ -1,80 +1,41 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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__*/ _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);
+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]
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button } from '../../Button/index.js';
 import { Thumbnail } from '../../Thumbnail/index.js';
@@ -7,80 +8,61 @@ 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__*/ _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);
+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
+      })]
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

package/dist/elements/FileDetails/index.js

@@ -1,26 +1,20 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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__*/ _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);
+export const FileDetails = props => {
+  const {
+    hasMany
+  } = props;
+  if (hasMany) {
+    return /*#__PURE__*/_jsx(DraggableFileDetails, {
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx(StaticFileDetails, {
+    ...props
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,69 +1,96 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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__*/ _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 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 DroppableBreadcrumb({ id, children, className, onClick }) {
-    const { isOver, setNodeRef } = useDroppable({
-        id: `folder-${id}`,
-        data: {
-            id,
-            type: 'folder'
-        }
+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
     });
-    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);
+    $[8] = children;
+    $[9] = onClick;
+    $[10] = setNodeRef;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,4 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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__*/ _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);
+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')]
+  });
 }
-
 //# sourceMappingURL=index.js.map