@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/FileDetails/index.js

@@ -1,12 +1,20 @@
 'use client';
+
+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 <DraggableFileDetails {...props}/>;
-    }
-    return <StaticFileDetails {...props}/>;
+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":["DraggableFileDetails","StaticFileDetails","FileDetails","props","hasMany"],"mappings":"AAAA;AAKA,SAASA,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,iBAAiB,QAAQ,+BAA8B;AAmChE,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,IAAIC,SAAS;QACX,QAAQJ,sBAAsB,GAAGG,KAAK;IACxC;IAEA,QAAQF,mBAAmB,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,33 +1,96 @@
 'use client';
+
+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 <div className={`${baseClass} ${className || ''}`.trim()}>
-      {breadcrumbs?.map((crumb, index)=><div className={`${baseClass}__crumb`} key={index}>
-          {crumb.onClick ? <DroppableBreadcrumb className={`${baseClass}__crumb-item`} id={crumb.id} onClick={crumb.onClick}>
-              {crumb.name}
-            </DroppableBreadcrumb> : crumb.name}
-          {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && <ChevronIcon className={`${baseClass}__crumb-chevron`} direction="right"/>}
-        </div>)}
-    </div>;
+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 <button className={[
-        'droppable-button',
-        className,
-        isOver && 'droppable-button--hover'
-    ].filter(Boolean).join(' ')} onClick={onClick} ref={setNodeRef} type="button">
-      {children}
-    </button>;
+    $[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","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","div","trim","map","crumb","index","key","onClick","DroppableBreadcrumb","id","name","length","direction","children","isOver","setNodeRef","data","type","button","filter","Boolean","join","ref"],"mappings":"AAAA;AAIA,SAASA,YAAY,QAAQ,gBAAe;AAG5C,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,SAASC,kBAAkB,EAAEC,WAAW,EAAEC,SAAS,EAAS;IACjE,QACGC,IAAID,WAAW,GAAGH,UAAU,CAAC,EAAEG,aAAa,IAAI,CAACE,IAAI,IAAI;MACxD,CAACH,aAAaI,IAAI,CAACC,OAAOC,SACvBJ,IAAID,WAAW,GAAGH,UAAU,OAAO,CAAC,EAAES,KAAKD,OAAO;UACjD,CAACD,MAAMG,OAAO,IACXC,oBACCR,WAAW,GAAGH,UAAU,YAAY,CAAC,EACrCY,IAAIL,MAAMK,EAAE,EACZF,SAASH,MAAMG,OAAO,EACvB;cACC,CAACH,MAAMM,IAAI,CAAC;YACd,EAAEF,uBAEFJ,MAAMM,IAAI,CACV;UACF,CAACX,YAAYY,MAAM,GAAG,KAAKN,UAAUN,YAAYY,MAAM,GAAG,MACvDf,YAAYI,WAAW,GAAGH,UAAU,eAAe,CAAC,EAAEe,UAAU,UACjE;QACJ,EAAEX,MACD;IACL,EAAEA;AAEN;AAEA,OAAO,SAASO,oBAAoB,EAClCC,EAAE,EACFI,QAAQ,EACRb,SAAS,EACTO,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,QACGC,OACClB,WAAW;QAAC;QAAoBA;QAAWc,UAAU;KAA0B,CAC5EK,MAAM,CAACC,SACPC,IAAI,CAAC,MACRd,SAASA,SACTe,KAAKP,YACLE,KAAK,SACN;MACC,CAACJ,SAAS;IACZ,EAAEK;AAEN"}
+{"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,24 +1,40 @@
+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';
 import { useTranslation } from '../../../providers/Translation/index.js';
 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 <Link className={[
-        baseClass,
-        active && 'active'
-    ].filter(Boolean).join(' ')} href={formatAdminURL({
-        adminRoute,
-        path: foldersRoute
-    })} id="browse-by-folder" prefetch={false}>
-      <ColoredFolderIcon/>
-      {t('folder:browseByFolder')}
-    </Link>;
+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

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","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;AAG/C,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,QACGN,KACCY,WAAW;QAACV;QAAWE,UAAU;KAAS,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MAChEC,MAAMnB,eAAe;QACnBc;QACAM,MAAMP;IACR,IACAQ,GAAG,mBACHC,UAAU,OACX;MACC,CAAClB,mBAAoB;MACrB,CAACI,EAAE,yBAAyB;IAC9B,EAAEL;AAEN"}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","_jsxs","className","filter","Boolean","join","href","path","id","prefetch","_jsx"],"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"],"mappings":";AAAA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,qBAAqB;EAAEC;AAAM,CAAE;EAC7C,MAAM;IAAEC;EAAC,CAAE,GAAGN,cAAA;EACd,MAAM;IAAEO;EAAM,CAAE,GAAGR,SAAA;EACnB,MAAM;IACJS,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAEC,cAAA,EAAgBC;MAAY;IAAE,CACzC;IACDF,MAAA,EAAQ;MAAED,KAAA,EAAOI;IAAU;EAAE,CAC9B,GAAGL,MAAA;EAEJ,oBACEM,KAAA,CAACZ,IAAA;IACCa,SAAA,EAAW,CAACX,SAAA,EAAWE,MAAA,IAAU,SAAS,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAChEC,IAAA,EAAMrB,cAAA,CAAe;MACnBe,UAAA;MACAO,IAAA,EAAMR;IACR;IACAS,EAAA,EAAG;IACHC,QAAA,EAAU;4BAEVC,IAAA,CAACpB,iBAAA,OACAI,CAAA,CAAE;;AAGT","ignoreList":[]}

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

@@ -1,71 +1,88 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-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';
-export const FolderTableCellClient = ({ collectionSlug, data, docTitle, folderCollectionSlug, folderFieldName, viewType })=>{
-    const docID = data.id;
-    const intialFolderID = data?.[folderFieldName];
-    const { config } = useConfig();
-    const { t } = useTranslation();
-    const [fromFolderName, setFromFolderName] = React.useState(()=>intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'));
-    const [fromFolderID, setFromFolderID] = React.useState(intialFolderID);
-    const hasLoadedFolderName = React.useRef(false);
-    const onConfirm = React.useCallback(async ({ id, name })=>{
-        try {
-            await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {
-                body: JSON.stringify({
-                    [folderFieldName]: id
-                }),
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                method: 'PATCH'
-            });
-            setFromFolderID(id);
-            setFromFolderName(name || t('folder:noFolder'));
-        } catch (error) {
-            // eslint-disable-next-line no-console
-            console.error('Error moving document to folder', error);
-        }
-    }, [
-        config.routes.api,
-        collectionSlug,
-        docID,
-        folderFieldName,
-        t
-    ]);
-    useEffect(()=>{
-        const loadFolderName = async ()=>{
-            try {
-                const req = await fetch(`${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`, {
-                    credentials: 'include',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    method: 'GET'
-                });
-                const res = await req.json();
-                setFromFolderName(res?.name || t('folder:noFolder'));
-            } catch (error) {
-                // eslint-disable-next-line no-console
-                console.error('Error moving document to folder', error);
-            }
-        };
-        if (!hasLoadedFolderName.current) {
-            void loadFolderName();
-            hasLoadedFolderName.current = true;
-        }
-    }, [
-        config.routes.api,
-        folderCollectionSlug,
-        intialFolderID,
-        t
-    ]);
-    return <MoveDocToFolderButton buttonProps={{
-        disabled: viewType === 'trash',
-        size: 'small'
-    }} collectionSlug={collectionSlug} docData={data} docID={docID} docTitle={docTitle} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={fromFolderID} fromFolderName={fromFolderName} modalSlug={`move-doc-to-folder-cell--${docID}`} onConfirm={onConfirm} skipConfirmModal={false}/>;
+export const FolderTableCellClient = ({
+  collectionSlug,
+  data,
+  docTitle,
+  folderCollectionSlug,
+  folderFieldName,
+  viewType
+}) => {
+  const docID = data.id;
+  const intialFolderID = data?.[folderFieldName];
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const [fromFolderName, setFromFolderName] = React.useState(() => intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'));
+  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID);
+  const hasLoadedFolderName = React.useRef(false);
+  const onConfirm = React.useCallback(async ({
+    id,
+    name
+  }) => {
+    try {
+      await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {
+        body: JSON.stringify({
+          [folderFieldName]: id
+        }),
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        method: 'PATCH'
+      });
+      setFromFolderID(id);
+      setFromFolderName(name || t('folder:noFolder'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error moving document to folder', error);
+    }
+  }, [config.routes.api, collectionSlug, docID, folderFieldName, t]);
+  useEffect(() => {
+    const loadFolderName = async () => {
+      try {
+        const req = await fetch(`${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`, {
+          credentials: 'include',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          method: 'GET'
+        });
+        const res = await req.json();
+        setFromFolderName(res?.name || t('folder:noFolder'));
+      } catch (error_0) {
+        // eslint-disable-next-line no-console
+        console.error('Error moving document to folder', error_0);
+      }
+    };
+    if (!hasLoadedFolderName.current) {
+      void loadFolderName();
+      hasLoadedFolderName.current = true;
+    }
+  }, [config.routes.api, folderCollectionSlug, intialFolderID, t]);
+  return /*#__PURE__*/_jsx(MoveDocToFolderButton, {
+    buttonProps: {
+      disabled: viewType === 'trash',
+      size: 'small'
+    },
+    collectionSlug: collectionSlug,
+    docData: data,
+    docID: docID,
+    docTitle: docTitle,
+    folderCollectionSlug: folderCollectionSlug,
+    folderFieldName: folderFieldName,
+    fromFolderID: fromFolderID,
+    fromFolderName: fromFolderName,
+    modalSlug: `move-doc-to-folder-cell--${docID}`,
+    onConfirm: onConfirm,
+    skipConfirmModal: false
+  });
 };
-
 //# 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,QACGd,sBACCyC,aAAa;QACXC,UAAUjC,aAAa;QACvBkC,MAAM;IACR,GACAvC,gBAAgBA,gBAChBwC,SAASvC,MACTK,OAAOA,OACPJ,UAAUA,UACVC,sBAAsBA,sBACtBC,iBAAiBA,iBACjBU,cAAcA,cACdH,gBAAgBA,gBAChB8B,WAAW,CAAC,yBAAyB,EAAEnC,OAAO,EAC9CY,WAAWA,WACXwB,kBAAkB;AAGxB,EAAC"}
+{"version":3,"file":"index.client.js","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","_jsx","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { FolderTableCellClient } from './index.client.js';
-export const FolderTableCell = (props)=>{
-    const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
-    if (!props.payload.config.folders) {
-        return null;
-    }
-    return <FolderTableCellClient collectionSlug={props.collectionSlug} data={props.rowData} docTitle={titleToRender} folderCollectionSlug={props.payload.config.folders.slug} folderFieldName={props.payload.config.folders.fieldName} viewType={props.viewType}/>;
+export const FolderTableCell = props => {
+  const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
+  if (!props.payload.config.folders) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(FolderTableCellClient, {
+    collectionSlug: props.collectionSlug,
+    data: props.rowData,
+    docTitle: titleToRender,
+    folderCollectionSlug: props.payload.config.folders.slug,
+    folderFieldName: props.payload.config.folders.fieldName,
+    viewType: props.viewType
+  });
 };
-
 //# 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":["FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"mappings":"AAIA,SAASA,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,QACGZ,sBACCa,gBAAgBX,MAAMW,cAAc,EACpCC,MAAMZ,MAAMI,OAAO,EACnBS,UAAUZ,eACVa,sBAAsBd,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,IAAI,EACvDC,iBAAiBhB,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACO,SAAS,EACvDC,UAAUlB,MAAMkB,QAAQ;AAG9B,EAAC"}
+{"version":3,"file":"index.server.js","names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","_jsx","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"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"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAAmBC,KAAA;EAC9B,MAAMC,aAAA,GACJ,CAACD,KAAA,CAAME,gBAAgB,CAACC,MAAM,GAAGH,KAAA,CAAMI,OAAO,EAAEC,QAAA,GAAWL,KAAA,CAAMI,OAAO,EAAEE,KAAI,KAC9EN,KAAA,CAAMI,OAAO,CAACG,EAAE;EAElB,IAAI,CAACP,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;IACjC,OAAO;EACT;EAEA,oBACEC,IAAA,CAACb,qBAAA;IACCc,cAAA,EAAgBZ,KAAA,CAAMY,cAAc;IACpCC,IAAA,EAAMb,KAAA,CAAMI,OAAO;IACnBU,QAAA,EAAUb,aAAA;IACVc,oBAAA,EAAsBf,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACM,IAAI;IACvDC,eAAA,EAAiBjB,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACQ,SAAS;IACvDC,QAAA,EAAUnB,KAAA,CAAMmB;;AAGtB","ignoreList":[]}

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

@@ -1,7 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FolderIcon } from '../../../icons/Folder/index.js';
 import './index.scss';
 export function ColoredFolderIcon() {
-    return <FolderIcon className="colored-folder-icon"/>;
+  return /*#__PURE__*/_jsx(FolderIcon, {
+    className: "colored-folder-icon"
+  });
 }
-
 //# 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,QAAQD,WAAWE,UAAU;AAC/B"}
+{"version":3,"file":"index.js","names":["FolderIcon","ColoredFolderIcon","_jsx","className"],"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"],"mappings":";AAAA,SAASA,UAAU,QAAQ;AAC3B,OAAO;AACP,OAAO,SAASC,kBAAA;EACd,oBAAOC,IAAA,CAACF,UAAA;IAAWG,SAAA,EAAU;;AAC/B","ignoreList":[]}