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

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

@@ -1 +1 @@
-{"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":[]}
+{"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,95 +1,96 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { formatAdminURL } from 'payload/shared';
 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(formatAdminURL({
-        apiRoute: config.routes.api,
-        path: `/${collectionSlug}/${docID}`
-      }), {
-        body: JSON.stringify({
-          [folderFieldName]: id
-        }),
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json'
+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(formatAdminURL({
+                apiRoute: config.routes.api,
+                path: `/${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(formatAdminURL({
+                    apiRoute: config.routes.api,
+                    path: `/${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 /*#__PURE__*/ _jsxDEV(MoveDocToFolderButton, {
+        buttonProps: {
+            disabled: viewType === 'trash',
+            size: 'small'
         },
-        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(formatAdminURL({
-          apiRoute: config.routes.api,
-          path: `/${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
-  });
+        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
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Cell/index.client.tsx",
+        lineNumber: 103,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["formatAdminURL","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","apiRoute","routes","api","path","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 { formatAdminURL } from 'payload/shared'\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(\n          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${collectionSlug}/${docID}`,\n          }),\n          {\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\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          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          }),\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":[]}
+{"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 { formatAdminURL } from 'payload/shared'\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(\n          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${collectionSlug}/${docID}`,\n          }),\n          {\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\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          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          }),\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":["formatAdminURL","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","apiRoute","routes","api","path","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"mappings":"AAAA;;AAKA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,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,MACJ5B,eAAe;gBACb6B,UAAUb,OAAOc,MAAM,CAACC,GAAG;gBAC3BC,MAAM,CAAC,CAAC,EAAEzB,eAAe,CAAC,EAAEM,OAAO;YACrC,IACA;gBACEoB,MAAMC,KAAKC,SAAS,CAAC;oBACnB,CAACxB,gBAAgB,EAAEG;gBACrB;gBACAsB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAGFhB,gBAAgBR;YAChBK,kBAAkBQ,QAAQV,EAAE;QAC9B,EAAE,OAAOsB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,mCAAmCA;QACnD;IACF,GACA;QAACvB,OAAOc,MAAM,CAACC,GAAG;QAAExB;QAAgBM;QAAOF;QAAiBM;KAAE;IAGhEf,UAAU;QACR,MAAMuC,iBAAiB;YACrB,IAAI;gBACF,MAAMC,MAAM,MAAMd,MAChB5B,eAAe;oBACb6B,UAAUb,OAAOc,MAAM,CAACC,GAAG;oBAC3BC,MAAM,CAAC,CAAC,EAAEtB,uBAAuBK,iBAAiB,CAAC,CAAC,EAAEA,gBAAgB,GAAG,IAAI;gBAC/E,IACA;oBACEqB,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBAGF,MAAMK,MAAM,MAAMD,IAAIE,IAAI;gBAC1BzB,kBAAkBwB,KAAKhB,QAAQV,EAAE;YACnC,EAAE,OAAOsB,OAAO;gBACd,sCAAsC;gBACtCC,QAAQD,KAAK,CAAC,mCAAmCA;YACnD;QACF;QAEA,IAAI,CAAChB,oBAAoBsB,OAAO,EAAE;YAChC,KAAKJ;YACLlB,oBAAoBsB,OAAO,GAAG;QAChC;IACF,GAAG;QAAC7B,OAAOc,MAAM,CAACC,GAAG;QAAErB;QAAsBK;QAAgBE;KAAE;IAE/D,qBACE,QAACd;QACC2C,aAAa;YACXC,UAAUnC,aAAa;YACvBoC,MAAM;QACR;QACAzC,gBAAgBA;QAChB0C,SAASzC;QACTK,OAAOA;QACPJ,UAAUA;QACVC,sBAAsBA;QACtBC,iBAAiBA;QACjBU,cAAcA;QACdH,gBAAgBA;QAChBgC,WAAW,CAAC,yBAAyB,EAAErC,OAAO;QAC9CY,WAAWA;QACX0B,kBAAkB;;;;;;AAGxB,EAAC"}

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

@@ -1,18 +1,23 @@
-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 => {
-  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
-  });
+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__*/ _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,"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":[]}
+{"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,9 +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, {
-    className: "colored-folder-icon"
-  });
+    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,"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":[]}
+{"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"}