@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <DragHandleIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"none\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"names":["React","Button","Thumbnail","baseClass","DraggableSortableItem","DragHandleIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","DocumentDrawer","DocumentDrawerToggler","draggableSortableItemProps","div","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","attributes","listeners","fileSrc","buttonStyle","icon","iconStyle","onClick","round"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,SAAS,QAAQ,2BAA0B;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,qBAAqB,QAAQ,qEAAoE;AAC1G,SAASC,cAAc,QAAQ,qCAAoC;AACnE,SAASC,QAAQ,QAAQ,+BAA8B;AACvD,SAASC,iBAAiB,QAAQ,gCAA+B;AAmBjE,OAAO,MAAMC,uBAA4D,CAACC;IACxE,MAAM,EACJC,cAAc,EACdC,GAAG,EACHC,cAAc,EACdC,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,YAAY,EACb,GAAGR;IAEJ,MAAM,EAAES,EAAE,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,GAAG,EAAE,GAAGV;IAE5C,MAAM,CAACW,gBAAgBC,sBAAsB,GAAGhB,kBAAkB;QAChEW;QACAR;IACF;IAEA,qBACE,KAACN;QAAsBc,IAAIA;kBACxB,CAACM,2CACA,MAACC;gBACCC,WAAW;oBACTvB;oBACAqB,8BAA8BV,cAAc,GAAGX,UAAU,iBAAiB,CAAC;iBAC5E,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,KAAKN,2BAA2BO,UAAU;gBAC1CC,OAAO;oBACLC,WAAWT,2BAA2BS,SAAS;oBAC/CC,YAAYV,2BAA2BU,UAAU;oBACjDC,QAAQX,2BAA2BY,UAAU,GAAG,IAAIC;gBACtD;;kCAEA,MAACZ;wBAAIC,WAAW,GAAGvB,UAAU,cAAc,CAAC;;4BACzCW,cAAcU,4CACb,KAACC;gCACCC,WAAW,GAAGvB,UAAU,MAAM,CAAC;gCAC9B,GAAGqB,2BAA2Bc,UAAU;gCACxC,GAAGd,2BAA2Be,SAAS;0CAExC,cAAA,KAAClC;;0CAGL,KAACH;gCACCwB,WAAW,GAAGvB,UAAU,WAAW,CAAC;gCACpCO,gBAAgBA;gCAChBC,KAAKA;gCACL6B,SAASpB,gBAAgBC;gCACzBR,eAAeA;gCACfI,cAAcA;;;;kCAGlB,KAACQ;wBAAIC,WAAW,GAAGvB,UAAU,aAAa,CAAC;kCAAGgB;;kCAE9C,MAACM;wBAAIC,WAAW,GAAGvB,UAAU,SAAS,CAAC;;0CACrC,KAACmB;0CACD,KAACC;0CACC,cAAA,KAACjB;;4BAEF,CAACM,kBAAkBG,4BAClB,KAACd;gCACCwC,aAAY;gCACZf,WAAW,GAAGvB,UAAU,QAAQ,CAAC;gCACjCuC,MAAK;gCACLC,WAAU;gCACVC,SAAS,IAAM7B,WAAWC;gCAC1B6B,KAAK;;;;;;OAjDmB3B;AAyDxC,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FileDetails/DraggableFileDetails/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../../Button/index.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-details-draggable'\n\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport { DraggableSortableItem } from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DragHandleIcon } from '../../../icons/DragHandle/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport type DraggableFileDetailsProps = {\n  collectionSlug: string\n  customUploadActions?: React.ReactNode[]\n  doc: {\n    sizes?: FileSizes\n  } & Data\n  enableAdjustments?: boolean\n  hasImageSizes?: boolean\n  hasMany: boolean\n  hideRemoveFile?: boolean\n  imageCacheTag?: string\n  isSortable?: boolean\n  removeItem?: (index: number) => void\n  rowIndex: number\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const DraggableFileDetails: React.FC<DraggableFileDetailsProps> = (props) => {\n  const {\n    collectionSlug,\n    doc,\n    hideRemoveFile,\n    imageCacheTag,\n    isSortable,\n    removeItem,\n    rowIndex,\n    uploadConfig,\n  } = props\n\n  const { id, filename, thumbnailURL, url } = doc\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    id,\n    collectionSlug,\n  })\n\n  return (\n    <DraggableSortableItem id={id} key={id}>\n      {(draggableSortableItemProps) => (\n        <div\n          className={[\n            baseClass,\n            draggableSortableItemProps && isSortable && `${baseClass}--has-drag-handle`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          ref={draggableSortableItemProps.setNodeRef}\n          style={{\n            transform: draggableSortableItemProps.transform,\n            transition: draggableSortableItemProps.transition,\n            zIndex: draggableSortableItemProps.isDragging ? 1 : undefined,\n          }}\n        >\n          <div className={`${baseClass}--drag-wrapper`}>\n            {isSortable && draggableSortableItemProps && (\n              <div\n                className={`${baseClass}__drag`}\n                {...draggableSortableItemProps.attributes}\n                {...draggableSortableItemProps.listeners}\n              >\n                <DragHandleIcon />\n              </div>\n            )}\n            <Thumbnail\n              className={`${baseClass}__thumbnail`}\n              collectionSlug={collectionSlug}\n              doc={doc}\n              fileSrc={thumbnailURL || url}\n              imageCacheTag={imageCacheTag}\n              uploadConfig={uploadConfig}\n            />\n          </div>\n          <div className={`${baseClass}__main-detail`}>{filename}</div>\n\n          <div className={`${baseClass}__actions`}>\n            <DocumentDrawer />\n            <DocumentDrawerToggler>\n              <EditIcon />\n            </DocumentDrawerToggler>\n            {!hideRemoveFile && removeItem && (\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"none\"\n                onClick={() => removeItem(rowIndex)}\n                round\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </DraggableSortableItem>\n  )\n}\n"],"names":["React","Button","Thumbnail","baseClass","DraggableSortableItem","DragHandleIcon","EditIcon","useDocumentDrawer","DraggableFileDetails","props","collectionSlug","doc","hideRemoveFile","imageCacheTag","isSortable","removeItem","rowIndex","uploadConfig","id","filename","thumbnailURL","url","DocumentDrawer","DocumentDrawerToggler","draggableSortableItemProps","div","className","filter","Boolean","join","ref","setNodeRef","style","transform","transition","zIndex","isDragging","undefined","attributes","listeners","fileSrc","buttonStyle","icon","iconStyle","onClick","round"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,SAAS,QAAQ,2BAA0B;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,qBAAqB,QAAQ,qEAAoE;AAC1G,SAASC,cAAc,QAAQ,qCAAoC;AACnE,SAASC,QAAQ,QAAQ,+BAA8B;AACvD,SAASC,iBAAiB,QAAQ,gCAA+B;AAmBjE,OAAO,MAAMC,uBAA4D,CAACC;IACxE,MAAM,EACJC,cAAc,EACdC,GAAG,EACHC,cAAc,EACdC,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,YAAY,EACb,GAAGR;IAEJ,MAAM,EAAES,EAAE,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,GAAG,EAAE,GAAGV;IAE5C,MAAM,CAACW,gBAAgBC,sBAAsB,GAAGhB,kBAAkB;QAChEW;QACAR;IACF;IAEA,qBACE,QAACN;QAAsBc,IAAIA;kBACxB,CAACM,2CACA,QAACC;gBACCC,WAAW;oBACTvB;oBACAqB,8BAA8BV,cAAc,GAAGX,UAAU,iBAAiB,CAAC;iBAC5E,CACEwB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,KAAKN,2BAA2BO,UAAU;gBAC1CC,OAAO;oBACLC,WAAWT,2BAA2BS,SAAS;oBAC/CC,YAAYV,2BAA2BU,UAAU;oBACjDC,QAAQX,2BAA2BY,UAAU,GAAG,IAAIC;gBACtD;;kCAEA,QAACZ;wBAAIC,WAAW,GAAGvB,UAAU,cAAc,CAAC;;4BACzCW,cAAcU,4CACb,QAACC;gCACCC,WAAW,GAAGvB,UAAU,MAAM,CAAC;gCAC9B,GAAGqB,2BAA2Bc,UAAU;gCACxC,GAAGd,2BAA2Be,SAAS;0CAExC,cAAA,QAAClC;;;;;;;;;;0CAGL,QAACH;gCACCwB,WAAW,GAAGvB,UAAU,WAAW,CAAC;gCACpCO,gBAAgBA;gCAChBC,KAAKA;gCACL6B,SAASpB,gBAAgBC;gCACzBR,eAAeA;gCACfI,cAAcA;;;;;;;;;;;;kCAGlB,QAACQ;wBAAIC,WAAW,GAAGvB,UAAU,aAAa,CAAC;kCAAGgB;;;;;;kCAE9C,QAACM;wBAAIC,WAAW,GAAGvB,UAAU,SAAS,CAAC;;0CACrC,QAACmB;;;;;0CACD,QAACC;0CACC,cAAA,QAACjB;;;;;;;;;;4BAEF,CAACM,kBAAkBG,4BAClB,QAACd;gCACCwC,aAAY;gCACZf,WAAW,GAAGvB,UAAU,QAAQ,CAAC;gCACjCuC,MAAK;gCACLC,WAAU;gCACVC,SAAS,IAAM7B,WAAWC;gCAC1B6B,KAAK;;;;;;;;;;;;;;;;;;OAjDmB3B;;;;;AAyDxC,EAAC"}

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

@@ -1,5 +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 { formatFilesize } from 'payload/shared';
 import React from 'react';
 import { CopyToClipboard } from '../../CopyToClipboard/index.js';
@@ -7,46 +7,74 @@ import './index.scss';
 const baseClass = 'file-meta';
 export const FileMeta = (props)=>{
     const { filename, filesize, height, mimeType, url: fileURL, width } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__url`,
                 children: [
-                    /*#__PURE__*/ _jsx("a", {
+                    /*#__PURE__*/ _jsxDEV("a", {
                         href: fileURL,
                         rel: "noopener noreferrer",
                         target: "_blank",
                         children: filename
-                    }),
-                    /*#__PURE__*/ _jsx(CopyToClipboard, {
+                    }, 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)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+            }, 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__*/ _jsxs(React.Fragment, {
+                    typeof width === 'number' && typeof height === 'number' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
                             " - ",
                             width,
                             "x",
                             height
                         ]
-                    }),
-                    mimeType && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, 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,"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,MAACQ;QAAIC,WAAWX;;0BACd,MAACU;gBAAIC,WAAW,GAAGX,UAAU,KAAK,CAAC;;kCACjC,KAACY;wBAAEC,MAAML;wBAASM,KAAI;wBAAsBC,QAAO;kCAChDZ;;kCAEH,KAACJ;wBAAgBiB,gBAAe;wBAAWC,OAAOT;;;;0BAEpD,MAACE;gBAAIC,WAAW,GAAGX,UAAU,WAAW,CAAC;;oBACtCH,eAAeO;oBACf,OAAOK,UAAU,YAAY,OAAOJ,WAAW,0BAC9C,MAACP,MAAMoB,QAAQ;;4BAAC;4BAEbT;4BAAM;4BAAEJ;;;oBAGZC,0BACC,MAACR,MAAMoB,QAAQ;;4BAAC;4BAEbZ;;;;;;;AAMb,EAAC"}
+{"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,5 +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';
@@ -11,48 +11,76 @@ 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", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsxs("header", {
+        children: /*#__PURE__*/ _jsxDEV("header", {
             children: [
-                previewAllowed && /*#__PURE__*/ _jsx(Thumbnail, {
+                previewAllowed && /*#__PURE__*/ _jsxDEV(Thumbnail, {
                     // size="small"
                     className: `${baseClass}__thumbnail`,
                     doc: doc,
                     fileSrc: thumbnailURL || url,
                     imageCacheTag: imageCacheTag,
                     uploadConfig: uploadConfig
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/FileDetails/StaticFileDetails/index.tsx",
+                    lineNumber: 47,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__main-detail`,
                     children: [
-                        /*#__PURE__*/ _jsx(FileMeta, {
+                        /*#__PURE__*/ _jsxDEV(FileMeta, {
                             filename: filename,
                             filesize: filesize,
                             height: height,
                             mimeType: mimeType,
                             url: url,
                             width: width
-                        }),
-                        (enableAdjustments || hasImageSizes && doc.filename || customUploadActions) && /*#__PURE__*/ _jsx(UploadActions, {
+                        }, 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)
                     ]
-                }),
-                !hideRemoveFile && handleRemove && /*#__PURE__*/ _jsx(Button, {
+                }, 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,"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,KAACC;QAAIC,WAAWrB;kBACd,cAAA,MAACsB;;gBACEJ,gCACC,KAACrB;oBACC,eAAe;oBACfwB,WAAW,GAAGrB,UAAU,WAAW,CAAC;oBACpCI,KAAKA;oBACLmB,SAASR,gBAAgBC;oBACzBP,eAAeA;oBACfC,cAAcA;;8BAGlB,MAACU;oBAAIC,WAAW,GAAGrB,UAAU,aAAa,CAAC;;sCACzC,KAACD;4BACCY,UAAUA;4BACVC,UAAUA;4BACVC,QAAQA;4BACRC,UAAUA;4BACVE,KAAKA;4BACLC,OAAOA;;wBAGPZ,CAAAA,qBAAsBE,iBAAiBH,IAAIO,QAAQ,IAAKR,mBAAkB,mBAC1E,KAACL;4BACC0B,eAAerB;4BACfE,mBAAmBoB,QAAQpB;4BAC3BqB,oBAAoBnB,iBAAiBH,IAAIO,QAAQ;4BACjDG,UAAUA;;;;gBAIf,CAACN,kBAAkBF,8BAClB,KAACV;oBACC+B,aAAY;oBACZN,WAAW,GAAGrB,UAAU,QAAQ,CAAC;oBACjC4B,MAAK;oBACLC,WAAU;oBACVC,SAASxB;oBACTyB,KAAK;;;;;AAMjB,EAAC"}
+{"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,18 +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, {
+        return /*#__PURE__*/ _jsxDEV(DraggableFileDetails, {
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/FileDetails/index.tsx",
+            lineNumber: 46,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(StaticFileDetails, {
+    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,"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,KAACJ;YAAsB,GAAGG,KAAK;;IACxC;IAEA,qBAAO,KAACF;QAAmB,GAAGE,KAAK;;AACrC,EAAC"}
+{"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,29 +1,45 @@
 'use client';
-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", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass} ${className || ''}`.trim(),
-        children: breadcrumbs?.map((crumb, index)=>/*#__PURE__*/ _jsxs("div", {
+        children: breadcrumbs?.map((crumb, index)=>/*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__crumb`,
                 children: [
-                    crumb.onClick ? /*#__PURE__*/ _jsx(DroppableBreadcrumb, {
+                    crumb.onClick ? /*#__PURE__*/ _jsxDEV(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, {
+                    }, 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))
-    });
+            }, 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({ id, children, className, onClick }) {
     const { isOver, setNodeRef } = useDroppable({
@@ -33,7 +49,7 @@ export function DroppableBreadcrumb({ id, children, className, onClick }) {
             type: 'folder'
         }
     });
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: [
             'droppable-button',
             className,
@@ -43,7 +59,11 @@ export function DroppableBreadcrumb({ id, children, className, 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,"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,KAACC;QAAID,WAAW,GAAGH,UAAU,CAAC,EAAEG,aAAa,IAAI,CAACE,IAAI;kBACnDH,aAAaI,IAAI,CAACC,OAAOC,sBACxB,MAACJ;gBAAID,WAAW,GAAGH,UAAU,OAAO,CAAC;;oBAClCO,MAAME,OAAO,iBACZ,KAACC;wBACCP,WAAW,GAAGH,UAAU,YAAY,CAAC;wBACrCW,IAAIJ,MAAMI,EAAE;wBACZF,SAASF,MAAME,OAAO;kCAErBF,MAAMK,IAAI;yBAGbL,MAAMK,IAAI;oBAEXV,YAAYW,MAAM,GAAG,KAAKL,UAAUN,YAAYW,MAAM,GAAG,mBACxD,KAACd;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,KAACC;QACCjB,WAAW;YAAC;YAAoBA;YAAWa,UAAU;SAA0B,CAC5EK,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,SAASA;QACTe,KAAKP;QACLE,MAAK;kBAEJJ;;AAGP"}
+{"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';
@@ -11,7 +11,7 @@ export function BrowseByFolderButton({ active }) {
     const { t } = useTranslation();
     const { config } = useConfig();
     const { admin: { routes: { browseByFolder: foldersRoute } }, routes: { admin: adminRoute } } = config;
-    return /*#__PURE__*/ _jsxs(Link, {
+    return /*#__PURE__*/ _jsxDEV(Link, {
         className: [
             baseClass,
             active && 'active'
@@ -23,10 +23,18 @@ export function BrowseByFolderButton({ active }) {
         id: "browse-by-folder",
         prefetch: false,
         children: [
-            /*#__PURE__*/ _jsx(ColoredFolderIcon, {}),
+            /*#__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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","className","filter","Boolean","join","href","path","id","prefetch"],"mappings":";AAAA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,qBAAqB,EAAEC,MAAM,EAAE;IAC7C,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,MAAM,EAAE,GAAGR;IACnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,qBACE,MAACN;QACCY,WAAW;YAACV;YAAWE,UAAU;SAAS,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QAChEC,MAAMpB,eAAe;YACnBe;YACAM,MAAMP;QACR;QACAQ,IAAG;QACHC,UAAU;;0BAEV,KAAClB;YACAI,EAAE;;;AAGT"}
+{"version":3,"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","className","filter","Boolean","join","href","path","id","prefetch"],"mappings":";AAAA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,qBAAqB,EAAEC,MAAM,EAAE;IAC7C,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,MAAM,EAAE,GAAGR;IACnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,qBACE,QAACN;QACCY,WAAW;YAACV;YAAWE,UAAU;SAAS,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QAChEC,MAAMpB,eAAe;YACnBe;YACAM,MAAMP;QACR;QACAQ,IAAG;QACHC,UAAU;;0BAEV,QAAClB;;;;;YACAI,EAAE;;;;;;;AAGT"}

package/dist/elements/FolderView/Cell/index.client.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect } from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js';
@@ -63,7 +63,7 @@ export const FolderTableCellClient = ({ collectionSlug, data, docTitle, folderCo
         intialFolderID,
         t
     ]);
-    return /*#__PURE__*/ _jsx(MoveDocToFolderButton, {
+    return /*#__PURE__*/ _jsxDEV(MoveDocToFolderButton, {
         buttonProps: {
             disabled: viewType === 'trash',
             size: 'small'
@@ -79,7 +79,11 @@ export const FolderTableCellClient = ({ collectionSlug, data, docTitle, folderCo
         modalSlug: `move-doc-to-folder-cell--${docID}`,
         onConfirm: onConfirm,
         skipConfirmModal: false
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Cell/index.client.tsx",
+        lineNumber: 93,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.client.js.map

package/dist/elements/FolderView/Cell/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, ViewTypes } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly viewType?: ViewTypes\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  viewType,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        disabled: viewType === 'trash',\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","viewType","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"mappings":"AAAA;;AAKA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,+DAA+D;AAC/D,SAASC,qBAAqB,EAAEC,SAAS,EAAEC,cAAc,QAAQ,mCAAkC;AAWnG,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,cAAc,EACdC,IAAI,EACJC,QAAQ,EACRC,oBAAoB,EACpBC,eAAe,EACfC,QAAQ,EACF;IACN,MAAMC,QAAQL,KAAKM,EAAE;IACrB,MAAMC,iBAAiBP,MAAM,CAACG,gBAAgB;IAE9C,MAAM,EAAEK,MAAM,EAAE,GAAGZ;IACnB,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IACd,MAAM,CAACa,gBAAgBC,kBAAkB,GAAGlB,MAAMmB,QAAQ,CAAC,IACzDL,iBAAiB,GAAGE,EAAE,mBAAmB,GAAG,CAAC,GAAGA,EAAE;IAEpD,MAAM,CAACI,cAAcC,gBAAgB,GAAGrB,MAAMmB,QAAQ,CAACL;IAEvD,MAAMQ,sBAAsBtB,MAAMuB,MAAM,CAAC;IAEzC,MAAMC,YAAYxB,MAAMyB,WAAW,CACjC,OAAO,EAAEZ,EAAE,EAAEa,IAAI,EAAE;QACjB,IAAI;YACF,MAAMC,MAAM,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEvB,eAAe,CAAC,EAAEM,OAAO,EAAE;gBAC7DkB,MAAMC,KAAKC,SAAS,CAAC;oBACnB,CAACtB,gBAAgB,EAAEG;gBACrB;gBACAoB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEAd,gBAAgBR;YAChBK,kBAAkBQ,QAAQV,EAAE;QAC9B,EAAE,OAAOoB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,mCAAmCA;QACnD;IACF,GACA;QAACrB,OAAOa,MAAM,CAACC,GAAG;QAAEvB;QAAgBM;QAAOF;QAAiBM;KAAE;IAGhEf,UAAU;QACR,MAAMqC,iBAAiB;YACrB,IAAI;gBACF,MAAMC,MAAM,MAAMZ,MAChB,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEpB,uBAAuBK,iBAAiB,CAAC,CAAC,EAAEA,gBAAgB,GAAG,IAAI,EAC3F;oBACEmB,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBAGF,MAAMK,MAAM,MAAMD,IAAIE,IAAI;gBAC1BvB,kBAAkBsB,KAAKd,QAAQV,EAAE;YACnC,EAAE,OAAOoB,OAAO;gBACd,sCAAsC;gBACtCC,QAAQD,KAAK,CAAC,mCAAmCA;YACnD;QACF;QAEA,IAAI,CAACd,oBAAoBoB,OAAO,EAAE;YAChC,KAAKJ;YACLhB,oBAAoBoB,OAAO,GAAG;QAChC;IACF,GAAG;QAAC3B,OAAOa,MAAM,CAACC,GAAG;QAAEpB;QAAsBK;QAAgBE;KAAE;IAE/D,qBACE,KAACd;QACCyC,aAAa;YACXC,UAAUjC,aAAa;YACvBkC,MAAM;QACR;QACAvC,gBAAgBA;QAChBwC,SAASvC;QACTK,OAAOA;QACPJ,UAAUA;QACVC,sBAAsBA;QACtBC,iBAAiBA;QACjBU,cAAcA;QACdH,gBAAgBA;QAChB8B,WAAW,CAAC,yBAAyB,EAAEnC,OAAO;QAC9CY,WAAWA;QACXwB,kBAAkB;;AAGxB,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, ViewTypes } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly viewType?: ViewTypes\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  viewType,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        disabled: viewType === 'trash',\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","viewType","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"mappings":"AAAA;;AAKA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,+DAA+D;AAC/D,SAASC,qBAAqB,EAAEC,SAAS,EAAEC,cAAc,QAAQ,mCAAkC;AAWnG,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,cAAc,EACdC,IAAI,EACJC,QAAQ,EACRC,oBAAoB,EACpBC,eAAe,EACfC,QAAQ,EACF;IACN,MAAMC,QAAQL,KAAKM,EAAE;IACrB,MAAMC,iBAAiBP,MAAM,CAACG,gBAAgB;IAE9C,MAAM,EAAEK,MAAM,EAAE,GAAGZ;IACnB,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IACd,MAAM,CAACa,gBAAgBC,kBAAkB,GAAGlB,MAAMmB,QAAQ,CAAC,IACzDL,iBAAiB,GAAGE,EAAE,mBAAmB,GAAG,CAAC,GAAGA,EAAE;IAEpD,MAAM,CAACI,cAAcC,gBAAgB,GAAGrB,MAAMmB,QAAQ,CAACL;IAEvD,MAAMQ,sBAAsBtB,MAAMuB,MAAM,CAAC;IAEzC,MAAMC,YAAYxB,MAAMyB,WAAW,CACjC,OAAO,EAAEZ,EAAE,EAAEa,IAAI,EAAE;QACjB,IAAI;YACF,MAAMC,MAAM,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEvB,eAAe,CAAC,EAAEM,OAAO,EAAE;gBAC7DkB,MAAMC,KAAKC,SAAS,CAAC;oBACnB,CAACtB,gBAAgB,EAAEG;gBACrB;gBACAoB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEAd,gBAAgBR;YAChBK,kBAAkBQ,QAAQV,EAAE;QAC9B,EAAE,OAAOoB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,mCAAmCA;QACnD;IACF,GACA;QAACrB,OAAOa,MAAM,CAACC,GAAG;QAAEvB;QAAgBM;QAAOF;QAAiBM;KAAE;IAGhEf,UAAU;QACR,MAAMqC,iBAAiB;YACrB,IAAI;gBACF,MAAMC,MAAM,MAAMZ,MAChB,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEpB,uBAAuBK,iBAAiB,CAAC,CAAC,EAAEA,gBAAgB,GAAG,IAAI,EAC3F;oBACEmB,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBAGF,MAAMK,MAAM,MAAMD,IAAIE,IAAI;gBAC1BvB,kBAAkBsB,KAAKd,QAAQV,EAAE;YACnC,EAAE,OAAOoB,OAAO;gBACd,sCAAsC;gBACtCC,QAAQD,KAAK,CAAC,mCAAmCA;YACnD;QACF;QAEA,IAAI,CAACd,oBAAoBoB,OAAO,EAAE;YAChC,KAAKJ;YACLhB,oBAAoBoB,OAAO,GAAG;QAChC;IACF,GAAG;QAAC3B,OAAOa,MAAM,CAACC,GAAG;QAAEpB;QAAsBK;QAAgBE;KAAE;IAE/D,qBACE,QAACd;QACCyC,aAAa;YACXC,UAAUjC,aAAa;YACvBkC,MAAM;QACR;QACAvC,gBAAgBA;QAChBwC,SAASvC;QACTK,OAAOA;QACPJ,UAAUA;QACVC,sBAAsBA;QACtBC,iBAAiBA;QACjBU,cAAcA;QACdH,gBAAgBA;QAChB8B,WAAW,CAAC,yBAAyB,EAAEnC,OAAO;QAC9CY,WAAWA;QACXwB,kBAAkB;;;;;;AAGxB,EAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { FolderTableCellClient } from './index.client.js';
 export const FolderTableCell = (props)=>{
@@ -6,14 +6,18 @@ export const FolderTableCell = (props)=>{
     if (!props.payload.config.folders) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(FolderTableCellClient, {
+    return /*#__PURE__*/ _jsxDEV(FolderTableCellClient, {
         collectionSlug: props.collectionSlug,
         data: props.rowData,
         docTitle: titleToRender,
         folderCollectionSlug: props.payload.config.folders.slug,
         folderFieldName: props.payload.config.folders.fieldName,
         viewType: props.viewType
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Cell/index.server.tsx",
+        lineNumber: 17,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.server.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n      viewType={props.viewType}\n    />\n  )\n}\n"],"names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAEzD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMC,gBACJ,AAACD,CAAAA,MAAME,gBAAgB,CAACC,MAAM,GAAGH,MAAMI,OAAO,EAAEC,WAAWL,MAAMI,OAAO,EAAEE,KAAI,KAC9EN,MAAMI,OAAO,CAACG,EAAE;IAElB,IAAI,CAACP,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;QACjC,OAAO;IACT;IAEA,qBACE,KAACZ;QACCa,gBAAgBX,MAAMW,cAAc;QACpCC,MAAMZ,MAAMI,OAAO;QACnBS,UAAUZ;QACVa,sBAAsBd,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,IAAI;QACvDC,iBAAiBhB,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACO,SAAS;QACvDC,UAAUlB,MAAMkB,QAAQ;;AAG9B,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n      viewType={props.viewType}\n    />\n  )\n}\n"],"names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAEzD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMC,gBACJ,AAACD,CAAAA,MAAME,gBAAgB,CAACC,MAAM,GAAGH,MAAMI,OAAO,EAAEC,WAAWL,MAAMI,OAAO,EAAEE,KAAI,KAC9EN,MAAMI,OAAO,CAACG,EAAE;IAElB,IAAI,CAACP,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;QACjC,OAAO;IACT;IAEA,qBACE,QAACZ;QACCa,gBAAgBX,MAAMW,cAAc;QACpCC,MAAMZ,MAAMI,OAAO;QACnBS,UAAUZ;QACVa,sBAAsBd,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,IAAI;QACvDC,iBAAiBhB,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACO,SAAS;QACvDC,UAAUlB,MAAMkB,QAAQ;;;;;;AAG9B,EAAC"}

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

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FolderIcon } from '../../../icons/Folder/index.js';
 import './index.scss';
 export function ColoredFolderIcon() {
-    return /*#__PURE__*/ _jsx(FolderIcon, {
+    return /*#__PURE__*/ _jsxDEV(FolderIcon, {
         className: "colored-folder-icon"
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/ColoredFolderIcon/index.tsx",
+        lineNumber: 4,
+        columnNumber: 10
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"sourcesContent":["import { FolderIcon } from '../../../icons/Folder/index.js'\nimport './index.scss'\nexport function ColoredFolderIcon() {\n  return <FolderIcon className=\"colored-folder-icon\" />\n}\n"],"names":["FolderIcon","ColoredFolderIcon","className"],"mappings":";AAAA,SAASA,UAAU,QAAQ,iCAAgC;AAC3D,OAAO,eAAc;AACrB,OAAO,SAASC;IACd,qBAAO,KAACD;QAAWE,WAAU;;AAC/B"}
+{"version":3,"sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"sourcesContent":["import { FolderIcon } from '../../../icons/Folder/index.js'\nimport './index.scss'\nexport function ColoredFolderIcon() {\n  return <FolderIcon className=\"colored-folder-icon\" />\n}\n"],"names":["FolderIcon","ColoredFolderIcon","className"],"mappings":";AAAA,SAASA,UAAU,QAAQ,iCAAgC;AAC3D,OAAO,eAAc;AACrB,OAAO,SAASC;IACd,qBAAO,QAACD;QAAWE,WAAU;;;;;;AAC/B"}