@maas/payload-plugin-media-cloud 0.0.40 → 0.0.41

package/dist/components/folderFileCard/folderFileCard.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/folderFileCard/folderFileCard.tsx
 function ContextFolderFileCard(props) {
-	const $ = c(23);
+	const $ = c(21);
 	const { className, index, item } = props;
 	const { focusedItemIndex, onItemClick, onItemKeyPress } = useGrid();
 	const { selectedIDs } = useSelection();
@@ -19,67 +19,60 @@ function ContextFolderFileCard(props) {
 	} else t0 = $[2];
 	const isSelected = t0;
 	const isFocused = focusedItemIndex === index;
-	const t1 = item.id;
-	let t2;
-	if ($[3] !== item.id) {
-		t2 = item.id.toString();
-		$[3] = item.id;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== index || $[6] !== item || $[7] !== onItemClick) {
-		t3 = (event) => {
+	let t1;
+	if ($[3] !== index || $[4] !== item || $[5] !== onItemClick) {
+		t1 = (event) => {
 			onItemClick({
 				event,
 				index,
 				item
 			});
 		};
-		$[5] = index;
-		$[6] = item;
-		$[7] = onItemClick;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== index || $[10] !== item || $[11] !== onItemKeyPress) {
-		t4 = (event_0) => {
+		$[3] = index;
+		$[4] = item;
+		$[5] = onItemClick;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== index || $[8] !== item || $[9] !== onItemKeyPress) {
+		t2 = (event_0) => {
 			onItemKeyPress({
 				event: event_0,
 				index,
 				item
 			});
 		};
-		$[9] = index;
-		$[10] = item;
-		$[11] = onItemKeyPress;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== className || $[14] !== isFocused || $[15] !== isSelected || $[16] !== item.id || $[17] !== item.thumbnailURL || $[18] !== item.title || $[19] !== t2 || $[20] !== t3 || $[21] !== t4) {
-		t5 = /* @__PURE__ */ jsx(FolderFileCard, {
+		$[7] = index;
+		$[8] = item;
+		$[9] = onItemKeyPress;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== className || $[12] !== isFocused || $[13] !== isSelected || $[14] !== item.id || $[15] !== item.itemKey || $[16] !== item.thumbnailURL || $[17] !== item.title || $[18] !== t1 || $[19] !== t2) {
+		t3 = /* @__PURE__ */ jsx(FolderFileCard, {
 			className,
-			id: t1,
+			id: item.id,
 			isFocused,
 			isSelected,
-			itemKey: t2,
+			itemKey: item.itemKey,
 			previewUrl: item.thumbnailURL,
 			title: item.title,
 			type: "file",
-			onClick: t3,
-			onKeyDown: t4
+			onClick: t1,
+			onKeyDown: t2
 		});
-		$[13] = className;
-		$[14] = isFocused;
-		$[15] = isSelected;
-		$[16] = item.id;
-		$[17] = item.thumbnailURL;
-		$[18] = item.title;
+		$[11] = className;
+		$[12] = isFocused;
+		$[13] = isSelected;
+		$[14] = item.id;
+		$[15] = item.itemKey;
+		$[16] = item.thumbnailURL;
+		$[17] = item.title;
+		$[18] = t1;
 		$[19] = t2;
 		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-	} else t5 = $[22];
-	return t5;
+	} else t3 = $[20];
+	return t3;
 }
 
 //#endregion

package/dist/components/folderFileCard/folderFileCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"folderFileCard.mjs","names":["useMemo","FolderFileCard","useSelection","useGrid","jsx","_jsx","ContextFolderFileCard","props","$","_c","className","index","item","focusedItemIndex","onItemClick","onItemKeyPress","selectedIDs","t0","id","includes","isSelected","isFocused","t1","t2","toString","t3","event","t4","event_0","t5","thumbnailURL","title","itemKey","previewUrl","type","onClick","onKeyDown"],"sources":["../../../src/components/folderFileCard/folderFileCard.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FolderFileCard } from '@payloadcms/ui/elements/FolderView/FolderFileCard'\nimport { useSelection } from '@payloadcms/ui'\nimport { useGrid } from '../gridContext/gridContext'\n\nimport type { MappedDocument } from '../gridView/gridView'\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number\n  readonly item: MappedDocument\n}\n\nexport function ContextFolderFileCard(props: ContextCardProps) {\n  const { className, index, item } = props\n\n  const { focusedItemIndex, onItemClick, onItemKeyPress } = useGrid()\n  const { selectedIDs } = useSelection()\n\n  const isSelected = useMemo(\n    () => selectedIDs.includes(item.id),\n    [selectedIDs, item.id]\n  )\n\n  const isFocused = useMemo(\n    () => focusedItemIndex === index,\n    [focusedItemIndex, index]\n  )\n\n  return (\n    <FolderFileCard\n      className={className}\n      id={item.id}\n      isFocused={isFocused}\n      isSelected={isSelected}\n      itemKey={item.id.toString()}\n      previewUrl={item.thumbnailURL}\n      title={item.title}\n      type={'file'}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAaA,SAAOM,sBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,WAAAC,OAAAC,SAAmCL;CAEnC,MAAA,EAAAM,kBAAAC,aAAAC,mBAA0DZ,SAAS;CACnE,MAAA,EAAAa,gBAAwBd,cAAc;CAAA,IAAAe;AAAA,KAAAT,EAAA,OAAAI,KAAAM,MAAAV,EAAA,OAAAQ,aAAA;AAG9BC,OAAAD,YAAWG,SAAUP,KAAIM,GAAI;AAAAV,IAAA,KAAAI,KAAAM;AAAAV,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CADrC,MAAAY,aACQH;CAIR,MAAAI,YACQR,qBAAqBF;CAOrB,MAAAW,KAAAV,KAAIM;CAAG,IAAAK;AAAA,KAAAf,EAAA,OAAAI,KAAAM,IAAA;AAGFK,OAAAX,KAAIM,GAAGM,UAAW;AAAAhB,IAAA,KAAAI,KAAAM;AAAAV,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAG,SAAAH,EAAA,OAAAI,QAAAJ,EAAA,OAAAM,aAAA;AAIlBW,QAAAC,UAAA;AACFZ,eAAY;IAAAY;IAAAf;IAAAC;IAAsB,CAAC;;AACzCJ,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;AAAAN,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAG,SAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAO,gBAAA;AACUY,QAAAC,YAAA;AACJb,kBAAe;IAAAW,OAAEA;IAAKf;IAAAC;IAAe,CAAC;;AAC5CJ,IAAA,KAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAO;AAAAP,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAE,aAAAF,EAAA,QAAAa,aAAAb,EAAA,QAAAY,cAAAZ,EAAA,QAAAI,KAAAM,MAAAV,EAAA,QAAAI,KAAAkB,gBAAAtB,EAAA,QAAAI,KAAAmB,SAAAvB,EAAA,QAAAe,MAAAf,EAAA,QAAAiB,MAAAjB,EAAA,QAAAmB,IAAA;AAdHE,OAAAxB,oBAACJ,gBAAc;GACFS;GACPQ,IAAAI;GACOD;GACCD;GACHY,SAAAT;GACGU,YAAArB,KAAIkB;GACTC,OAAAnB,KAAImB;GACLG,MAAA;GACGC,SAAAV;GAGEW,WAAAT;GAGZ,CAAC;AAAAnB,IAAA,MAAAE;AAAAF,IAAA,MAAAa;AAAAb,IAAA,MAAAY;AAAAZ,IAAA,MAAAI,KAAAM;AAAAV,IAAA,MAAAI,KAAAkB;AAAAtB,IAAA,MAAAI,KAAAmB;AAAAvB,IAAA,MAAAe;AAAAf,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAfFqB"}
+{"version":3,"file":"folderFileCard.mjs","names":["useMemo","FolderFileCard","useSelection","useGrid","jsx","_jsx","ContextFolderFileCard","props","$","_c","className","index","item","focusedItemIndex","onItemClick","onItemKeyPress","selectedIDs","t0","id","includes","isSelected","isFocused","t1","event","t2","event_0","t3","itemKey","thumbnailURL","title","previewUrl","type","onClick","onKeyDown"],"sources":["../../../src/components/folderFileCard/folderFileCard.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { FolderFileCard } from '@payloadcms/ui/elements/FolderView/FolderFileCard'\nimport { useSelection } from '@payloadcms/ui'\nimport { useGrid } from '../gridContext/gridContext'\n\nimport type { MappedDocument } from '../gridView/gridView'\n\ntype ContextCardProps = {\n  readonly className?: string\n  readonly index: number\n  readonly item: MappedDocument\n}\n\nexport function ContextFolderFileCard(props: ContextCardProps) {\n  const { className, index, item } = props\n\n  const { focusedItemIndex, onItemClick, onItemKeyPress } = useGrid()\n  const { selectedIDs } = useSelection()\n\n  const isSelected = useMemo(\n    () => selectedIDs.includes(item.id),\n    [selectedIDs, item.id]\n  )\n\n  const isFocused = useMemo(\n    () => focusedItemIndex === index,\n    [focusedItemIndex, index]\n  )\n\n  return (\n    // <span>{item.id}</span>\n    <FolderFileCard\n      className={className}\n      id={item.id}\n      isFocused={isFocused}\n      isSelected={isSelected}\n      itemKey={item.itemKey}\n      previewUrl={item.thumbnailURL}\n      title={item.title}\n      type={'file'}\n      onClick={(event) => {\n        void onItemClick({ event, index, item })\n      }}\n      onKeyDown={(event) => {\n        void onItemKeyPress({ event, index, item })\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAaA,SAAOM,sBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,WAAAC,OAAAC,SAAmCL;CAEnC,MAAA,EAAAM,kBAAAC,aAAAC,mBAA0DZ,SAAS;CACnE,MAAA,EAAAa,gBAAwBd,cAAc;CAAA,IAAAe;AAAA,KAAAT,EAAA,OAAAI,KAAAM,MAAAV,EAAA,OAAAQ,aAAA;AAG9BC,OAAAD,YAAWG,SAAUP,KAAIM,GAAI;AAAAV,IAAA,KAAAI,KAAAM;AAAAV,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CADrC,MAAAY,aACQH;CAIR,MAAAI,YACQR,qBAAqBF;CAE5B,IAAAW;AAAA,KAAAd,EAAA,OAAAG,SAAAH,EAAA,OAAAI,QAAAJ,EAAA,OAAAM,aAAA;AAaYQ,QAAAC,UAAA;AACFT,eAAY;IAAAS;IAAAZ;IAAAC;IAAsB,CAAC;;AACzCJ,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;AAAAN,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAG,SAAAH,EAAA,OAAAI,QAAAJ,EAAA,OAAAO,gBAAA;AACUS,QAAAC,YAAA;AACJV,kBAAe;IAAAQ,OAAEA;IAAKZ;IAAAC;IAAe,CAAC;;AAC5CJ,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;AAAAP,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAE,aAAAF,EAAA,QAAAa,aAAAb,EAAA,QAAAY,cAAAZ,EAAA,QAAAI,KAAAM,MAAAV,EAAA,QAAAI,KAAAe,WAAAnB,EAAA,QAAAI,KAAAgB,gBAAApB,EAAA,QAAAI,KAAAiB,SAAArB,EAAA,QAAAc,MAAAd,EAAA,QAAAgB,IAAA;AAdHE,OAAArB,oBAACJ,gBAAc;GACFS;GACPQ,IAAAN,KAAIM;GACGG;GACCD;GACHO,SAAAf,KAAIe;GACDG,YAAAlB,KAAIgB;GACTC,OAAAjB,KAAIiB;GACLE,MAAA;GACGC,SAAAV;GAGEW,WAAAT;GAGZ,CAAC;AAAAhB,IAAA,MAAAE;AAAAF,IAAA,MAAAa;AAAAb,IAAA,MAAAY;AAAAZ,IAAA,MAAAI,KAAAM;AAAAV,IAAA,MAAAI,KAAAe;AAAAnB,IAAA,MAAAI,KAAAgB;AAAApB,IAAA,MAAAI,KAAAiB;AAAArB,IAAA,MAAAc;AAAAd,IAAA,MAAAgB;AAAAhB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAfFkB"}

package/dist/components/gridView/gridView.d.mts

@@ -5,6 +5,7 @@ import "./gridView.css";
 //#region src/components/gridView/gridView.d.ts
 interface MappedDocument {
   id: string | number;
+  itemKey: string;
   storage: 'mux' | 's3';
   title: string;
   thumbnailURL?: string;

package/dist/components/gridView/gridView.mjs

@@ -63,6 +63,7 @@ function GridView(props) {
 				const title = doc_0.filename ?? doc_0.alt ?? String(doc_0.id);
 				return {
 					id: doc_0.id,
+					itemKey: doc_0.id.toString(),
 					storage: doc_0.storage,
 					title,
 					thumbnailURL: getThumbnailURL(doc_0),

package/dist/components/gridView/gridView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gridView.mjs","names":["c","_c","React","Fragment","useMemo","useEffect","useRouter","getTranslation","Gutter","useListQuery","useConfig","SelectionProvider","useTranslation","useWindowInfo","useBulkUpload","useModal","useStepNav","ListSelection","ListControls","ListHeader","PageControls","useListDrawerContext","DefaultListViewTabs","formatAdminURL","ItemCardGrid","GridProvider","SelectMany","jsx","_jsx","jsxs","_jsxs","GridView","props","$","collectionSlug","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","newDocumentURL","hasCreatePermission","hasDeletePermission","disableBulkDelete","disableBulkEdit","enableRowSelections","beforeActions","viewType","config","getEntityConfig","routes","t0","admin","adminRoute","router","data","t1","docs","t2","t3","undefined","i18n","setStepNav","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setBulkUploadCollectionSlug","setOnSuccess","breakpoints","t4","s","smallBreak","t5","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","onBulkSelect","isInDrawer","getThumbnailURL","_temp","t6","t7","doc_0","title","doc","filename","alt","String","id","storage","thumbnailURL","relationTo","map","mappedDocs","refresh","openBulkUpload","t8","plural","baseLabel","label","url","path","trashLabel","t","navItems","t9","t10","totalDocs","t11","t12","t13","t14","filter","t15","t16","Actions","onBulkUploadSuccess","t17","t18","enableColumns","t19","length","singular","className","children","type","onClick","push","t20","AfterPageControls","t21","t22","t23","t24","t25","mux","playbackId"],"sources":["../../../src/components/gridView/gridView.tsx"],"sourcesContent":["'use client'\n\nimport React, { Fragment, useMemo, useEffect } from 'react'\nimport { useRouter } from 'next/navigation'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Gutter,\n  useListQuery,\n  useConfig,\n  SelectionProvider,\n  useTranslation,\n  useWindowInfo,\n  useBulkUpload,\n  useModal,\n  useStepNav,\n  ListSelection,\n  ListControls,\n  ListHeader,\n  PageControls,\n  useListDrawerContext,\n} from '@payloadcms/ui'\nimport { DefaultListViewTabs } from '@payloadcms/ui/elements/DefaultListViewTabs'\nimport { formatAdminURL } from 'payload/shared'\nimport { ItemCardGrid } from '../itemCardGrid/itemCardGrid'\nimport { GridProvider } from '../gridContext/gridContext'\nimport { SelectMany } from '../selectMany/selectMany'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport './gridView.css'\n\n// Type for media document with common properties\ninterface MediaDocument {\n  id: string | number\n  storage: 'mux' | 's3'\n  filename?: string\n  alt?: string\n  mimeType?: string\n  url?: string\n  thumbnailURL?: string\n  mux?: {\n    playbackId?: string\n  }\n}\n\nexport interface MappedDocument {\n  id: string | number\n  storage: 'mux' | 's3'\n  title: string\n  thumbnailURL?: string\n  relationTo: string\n}\n\nexport function GridView(props: ListViewClientProps): React.JSX.Element {\n  const baseClass = 'grid-view'\n\n  const {\n    collectionSlug,\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    newDocumentURL,\n    hasCreatePermission,\n    hasDeletePermission,\n    disableBulkDelete,\n    disableBulkEdit,\n    enableRowSelections,\n    beforeActions,\n    viewType,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  const router = useRouter()\n\n  const { data } = useListQuery() ?? {}\n  const { docs = [] } = data ?? {}\n\n  const { i18n } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const { openModal } = useModal()\n\n  const {\n    drawerSlug: bulkUploadDrawerSlug,\n    setCollectionSlug: setBulkUploadCollectionSlug,\n    setOnSuccess,\n  } = useBulkUpload()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled =\n    (isUploadCollection && collectionConfig.upload?.bulkUpload) ?? true\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { onBulkSelect, isInDrawer } = useListDrawerContext()\n\n  const getThumbnailURL = (doc: MediaDocument): string | undefined => {\n    if (doc?.thumbnailURL) {\n      return doc.thumbnailURL\n    }\n\n    if (doc?.storage === 'mux' && doc?.mux?.playbackId) {\n      return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=400&height=400&fit_mode=pad`\n    }\n\n    return undefined\n  }\n\n  const mappedDocs: MappedDocument[] = useMemo(() => {\n    return docs.map((doc: MediaDocument) => {\n      const title = doc.filename ?? doc.alt ?? String(doc.id)\n      return {\n        id: doc.id,\n        storage: doc.storage,\n        title: title,\n        thumbnailURL: getThumbnailURL(doc),\n        relationTo: collectionSlug,\n      }\n    })\n  }, [docs, collectionSlug])\n\n  const openBulkUpload = React.useCallback(() => {\n    setBulkUploadCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [\n    router,\n    collectionSlug,\n    bulkUploadDrawerSlug,\n    openModal,\n    setBulkUploadCollectionSlug,\n    setOnSuccess,\n  ])\n\n  // Set breadcrumb navigation\n  useEffect(() => {\n    const baseLabel = {\n      label: getTranslation(labels?.plural, i18n),\n      url:\n        isTrashEnabled && viewType === 'trash'\n          ? formatAdminURL({\n              adminRoute,\n              path: `/collections/${collectionSlug}`,\n            })\n          : undefined,\n    }\n    const trashLabel = {\n      label: i18n.t('general:trash'),\n    }\n    const navItems =\n      isTrashEnabled && viewType === 'trash'\n        ? [baseLabel, trashLabel]\n        : [baseLabel]\n    setStepNav(navItems)\n  }, [\n    adminRoute,\n    setStepNav,\n    labels,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <SelectionProvider docs={docs} totalDocs={data?.totalDocs ?? 0}>\n      <GridProvider allowMultiSelection={enableRowSelections} docs={mappedDocs}>\n        <div className={`grid-view grid-view--${collectionSlug}`}>\n          <Fragment>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrapper collection-list__wrap`}>\n              <ListHeader\n                Actions={[\n                  beforeActions,\n                  !smallBreak && (\n                    <ListSelection\n                      disableBulkDelete={disableBulkDelete}\n                      disableBulkEdit={\n                        collectionConfig.disableBulkEdit ?? disableBulkEdit\n                      }\n                      key=\"list-selection\"\n                      label={getTranslation(labels?.plural, i18n)}\n                    />\n                  ),\n                  <DefaultListViewTabs\n                    collectionConfig={collectionConfig}\n                    config={config}\n                    key=\"default-list-actions\"\n                    viewType=\"list\"\n                  />,\n                ].filter(Boolean)}\n                collectionConfig={collectionConfig}\n                Description={Description}\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                onBulkUploadSuccess={() => router.refresh()}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  isInDrawer && typeof onBulkSelect === 'function'\n                    ? [\n                        ...(beforeActions ?? []),\n                        <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                      ]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                enableColumns={false}\n              />\n              {BeforeListTable}\n              {docs.length === 0 ? (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t(\n                      viewType === 'trash'\n                        ? 'general:noTrashResults'\n                        : 'general:noResults',\n                      {\n                        label: getTranslation(labels?.plural, i18n),\n                      }\n                    )}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && (\n                    <div className={`${baseClass}__no-results__actions`}>\n                      <button\n                        type=\"button\"\n                        onClick={() => router.push(newDocumentURL)}\n                        className={`${baseClass}__create-link btn btn--icon-style-without-border btn--size-small btn--withoutPopup btn--style-pill btn--withoutPopup`}\n                      >\n                        {i18n.t('general:createNewLabel', {\n                          label: getTranslation(labels?.singular, i18n),\n                        })}\n                      </button>\n                    </div>\n                  )}\n                </div>\n              ) : (\n                <ItemCardGrid\n                  items={mappedDocs}\n                  adminRoute={adminRoute}\n                  collectionSlug={collectionSlug}\n                />\n              )}\n              {docs?.length > 0 && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(\n                            collectionConfig.labels.plural,\n                            i18n\n                          )}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {typeof onBulkSelect === 'function'\n                            ? [\n                                ...(beforeActions ?? []),\n                                <SelectMany\n                                  key=\"select-many\"\n                                  onClick={onBulkSelect}\n                                />,\n                              ]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n              {AfterListTable}\n            </Gutter>\n            {AfterList}\n          </Fragment>\n        </div>\n      </GridProvider>\n    </SelectionProvider>\n  )\n}\n\nexport default GridView\n"],"mappings":";;;;;;;;;;;;;;;;AAqDA,SAAO+B,SAAAC,OAAA;CAAA,MAAAC,IAAAhC,EAAA,IAAA;CAGL,MAAA,EAAAiC,gBAAAC,WAAAC,gBAAAC,YAAAC,iBAAAC,aAAAC,gBAAAC,qBAAAC,qBAAAC,mBAAAC,iBAAAC,qBAAAC,eAAAC,aAeIf;CAEJ,MAAA,EAAAgB,QAAAC,oBAAoCvC,WAAW;CAE/C,MAAA,EAAAwC,QAAAC,OAEIH;CADM,MAAA,EAAAI,OAAAC,eAAAF;CAGV,MAAAG,SAAehD,WAAW;CAE1B,MAAA,EAAAiD,SAAiB9C,cAAoB,IAApB,EAAoB;CAAA,IAAA+C;AAAA,KAAAvB,EAAA,OAAAsB,MAAA;AACfC,OAAAD,QAAA,EAAU;AAAAtB,IAAA,KAAAsB;AAAAtB,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CAAhC,MAAA,EAAAwB,MAAAC,OAAsBF;CAAU,IAAAG;AAAA,KAAA1B,EAAA,OAAAyB,IAAA;AAAxBC,OAAAD,OAAAE,SAAA,EAAS,GAATF;AAASzB,IAAA,KAAAyB;AAAAzB,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAAT,MAAAwB,OAAAE;CAER,MAAA,EAAAE,SAAiBjD,gBAAgB;CACjC,MAAA,EAAAkD,eAAuB9C,YAAY;CACnC,MAAA,EAAA+C,cAAsBhD,UAAU;CAEhC,MAAA,EAAAiD,YAAAC,sBAAAC,mBAAAC,6BAAAC,iBAIItD,eAAe;CAEnB,MAAA,EAAAuD,aAAAC,OAEIzD,eAAe;CADJ,MAAA,EAAA0D,GAAAC,eAAAF;CAAiB,IAAAG;AAAA,KAAAxC,EAAA,OAAAC,kBAAAD,EAAA,OAAAgB,iBAAA;AAGPwB,OAAAxB,gBAAgB,EAAAf,gBAAkB,CAAC;AAAAD,IAAA,KAAAC;AAAAD,IAAA,KAAAgB;AAAAhB,IAAA,KAAAwC;OAAAA,MAAAxC,EAAA;CAA5D,MAAAyC,mBAAyBD;CACzB,MAAA,EAAAE,QAAAC,WAA2BF;CAI3B,MAAAK,uBAF2BD,QAAQF,OAAO,IAGjBF,iBAAgBE,QAAmBI,eAA1D;CAEF,MAAAC,iBAAuBH,QAAQJ,iBAAgBQ,MAAO;CAEtD,MAAA,EAAAC,cAAAC,eAAqC/D,sBAAsB;CAE3D,MAAAgE,kBAAwBC;CAUvB,IAAAC;AAAA,KAAAtD,EAAA,OAAAC,kBAAAD,EAAA,OAAAwB,MAAA;EAAA,IAAA+B;AAAA,MAAAvD,EAAA,QAAAC,gBAAA;AAGiBsD,WAAAC,UAAA;IACd,MAAAC,QAAcC,MAAGC,YAAaD,MAAGE,OAAQC,OAAOH,MAAGI,GAAI;AAAA,WAChD;KAAAA,IACDJ,MAAGI;KAAGC,SACDL,MAAGK;KAAQN;KAAAO,cAENZ,gBAAgBM,MAAI;KAAAO,YACtBhE;KACb;;AACFD,KAAA,MAAAC;AAAAD,KAAA,MAAAuD;QAAAA,QAAAvD,EAAA;AATMsD,OAAA9B,KAAI0C,IAAKX,KASd;AAAAvD,IAAA,KAAAC;AAAAD,IAAA,KAAAwB;AAAAxB,IAAA,KAAAsD;OAAAA,MAAAtD,EAAA;CAVJ,MAAAmE,aACEb;CAUwB,IAAAC;AAAA,KAAAvD,EAAA,QAAAgC,wBAAAhC,EAAA,QAAAC,kBAAAD,EAAA,QAAA8B,aAAA9B,EAAA,QAAAqB,UAAArB,EAAA,QAAAkC,+BAAAlC,EAAA,QAAAmC,cAAA;AAEeoB,aAAA;AACvCrB,+BAA4BjC,eAAe;AAC3C6B,aAAUE,qBAAqB;AAC/BG,sBAAmBd,OAAM+C,SAAU,CAAC;;AACrCpE,IAAA,MAAAgC;AAAAhC,IAAA,MAAAC;AAAAD,IAAA,MAAA8B;AAAA9B,IAAA,MAAAqB;AAAArB,IAAA,MAAAkC;AAAAlC,IAAA,MAAAmC;AAAAnC,IAAA,MAAAuD;OAAAA,MAAAvD,EAAA;CAJD,MAAAqE,iBAAuBd;CAWrB,IAAAe;AAAA,KAAAtE,EAAA,QAAAoB,cAAApB,EAAA,QAAAC,kBAAAD,EAAA,QAAA4B,QAAA5B,EAAA,QAAAgD,kBAAAhD,EAAA,QAAA0C,QAAA6B,UAAAvE,EAAA,QAAA6B,cAAA7B,EAAA,QAAAc,UAAA;AAGQwD,aAAA;GACR,MAAAE,YAAkB;IAAAC,OACTnG,eAAeoE,QAAM6B,QAAU3C,KAAK;IAAA8C,KAEzC1B,kBAAkBlC,aAAa,UAC3BxB,eAAe;KAAA8B;KAAAuD,MAEP,gBAAgB1E;KAEhB,CAAC,GALb0B;IAMH;GACD,MAAAiD,aAAmB,EAAAH,OACV7C,KAAIiD,EAAG,gBAAe,EAC9B;AAKDhD,cAHEmB,kBAAkBlC,aAAa,UAA/B,CACK0D,WAAWI,WACD,GAFf,CAEKJ,UAAU,CACG;;AACrBxE,IAAA,MAAAoB;AAAApB,IAAA,MAAAC;AAAAD,IAAA,MAAA4B;AAAA5B,IAAA,MAAAgD;AAAAhD,IAAA,MAAA0C,QAAA6B;AAAAvE,IAAA,MAAA6B;AAAA7B,IAAA,MAAAc;AAAAd,IAAA,MAAAsE;OAAAA,MAAAtE,EAAA;CAAA,IAAA+E;AAAA,KAAA/E,EAAA,QAAAoB,cAAApB,EAAA,QAAAC,kBAAAD,EAAA,QAAA4B,QAAA5B,EAAA,QAAAgD,kBAAAhD,EAAA,QAAA0C,UAAA1C,EAAA,QAAA6B,cAAA7B,EAAA,QAAAc,UAAA;AAAEiE,OAAA;GACD3D;GACAS;GACAa;GACAM;GACAlC;GACAc;GACA3B;GACD;AAAAD,IAAA,MAAAoB;AAAApB,IAAA,MAAAC;AAAAD,IAAA,MAAA4B;AAAA5B,IAAA,MAAAgD;AAAAhD,IAAA,MAAA0C;AAAA1C,IAAA,MAAA6B;AAAA7B,IAAA,MAAAc;AAAAd,IAAA,MAAA+E;OAAAA,MAAA/E,EAAA;AA3BD5B,WAAUkG,IAmBPS,GAQD;CAG0C,MAAAC,MAAA1D,MAAI2D,aAAJ;CAEtB,MAAAC,MAAA,wBAAwBjF;CAAgB,IAAAkF;AAAA,KAAAnF,EAAA,QAAAyC,iBAAA9B,mBAAAX,EAAA,QAAAU,qBAAAV,EAAA,QAAAW,mBAAAX,EAAA,QAAA4B,QAAA5B,EAAA,QAAA0C,QAAA6B,UAAAvE,EAAA,QAAAuC,YAAA;AAO9C4C,QAAA,CAAC5C,cAAD5C,oBACGX,eAAa;GACO0B;GAEjBC,iBAAA8B,iBAAgB9B,mBAAhBA;GAGK8D,OAAAnG,eAAeoE,QAAM6B,QAAU3C,KAAI;GAAC,EADvC,iBAGP;AAAA5B,IAAA,MAAAyC,iBAAA9B;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAA4B;AAAA5B,IAAA,MAAA0C,QAAA6B;AAAAvE,IAAA,MAAAuC;AAAAvC,IAAA,MAAAmF;OAAAA,OAAAnF,EAAA;CAAA,IAAAoF;AAAA,KAAApF,EAAA,QAAAyC,oBAAAzC,EAAA,QAAAe,QAAA;AACDqE,QAAAzF,oBAACN,qBAAmB;GACAoD;GACV1B;GAECD,UAAA;GAAM,EADX,uBAEJ;AAAAd,IAAA,MAAAyC;AAAAzC,IAAA,MAAAe;AAAAf,IAAA,MAAAoF;OAAAA,OAAApF,EAAA;CAAA,IAAAqF;AAAA,KAAArF,EAAA,QAAAa,iBAAAb,EAAA,QAAAmF,OAAAnF,EAAA,QAAAoF,KAAA;AAjBKC,QAAA;GACPxE;GACAsE;GAUAC;GAMD,CAAAE,OAAQzC,QAAQ;AAAA7C,IAAA,MAAAa;AAAAb,IAAA,MAAAmF;AAAAnF,IAAA,MAAAoF;AAAApF,IAAA,MAAAqF;OAAAA,OAAArF,EAAA;CAAA,IAAAuF;AAAA,KAAAvF,EAAA,QAAAqB,QAAA;AAWIkE,cAAMlE,OAAM+C,SAAU;AAAApE,IAAA,MAAAqB;AAAArB,IAAA,MAAAuF;OAAAA,OAAAvF,EAAA;CAAA,IAAAwF;AAAA,KAAAxF,EAAA,QAAAM,eAAAN,EAAA,QAAAyC,oBAAAzC,EAAA,QAAAU,qBAAAV,EAAA,QAAAW,mBAAAX,EAAA,QAAAQ,uBAAAR,EAAA,QAAAS,uBAAAT,EAAA,QAAA4B,QAAA5B,EAAA,QAAA8C,uBAAA9C,EAAA,QAAAgD,kBAAAhD,EAAA,QAAAO,kBAAAP,EAAA,QAAAqE,kBAAArE,EAAA,QAAAuC,cAAAvC,EAAA,QAAAqF,OAAArF,EAAA,QAAAuF,OAAAvF,EAAA,QAAAc,UAAA;AA9B7C0E,QAAA7F,oBAACT,YAAU;GACAuG,SAAAJ;GAmBS5C;GACLnC;GACMI;GACFC;GACIH;GACAC;GACfmB;GACekB;GACLE;GACAzC;GACKmF,qBAAAH;GACLlB;GACJ9B;GACFzB;GACX,CAAC;AAAAd,IAAA,MAAAM;AAAAN,IAAA,MAAAyC;AAAAzC,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAA4B;AAAA5B,IAAA,MAAA8C;AAAA9C,IAAA,MAAAgD;AAAAhD,IAAA,MAAAO;AAAAP,IAAA,MAAAqE;AAAArE,IAAA,MAAAuC;AAAAvC,IAAA,MAAAqF;AAAArF,IAAA,MAAAuF;AAAAvF,IAAA,MAAAc;AAAAd,IAAA,MAAAwF;OAAAA,OAAAxF,EAAA;CAAA,IAAA2F;AAAA,KAAA3F,EAAA,QAAAa,iBAAAb,EAAA,QAAAmD,cAAAnD,EAAA,QAAAkD,cAAA;AAGEyC,QAAAxC,cAAc,OAAOD,iBAAiB,aAAtC,CAAA,GAEUrC,iBAAA,EAAmB,EACvBlB,oBAACF,YAAU,EAA4ByD,SAAAA,cAAY,EAAnC,cAAuC,CAE5C,GALjBrC;AAKiBb,IAAA,MAAAa;AAAAb,IAAA,MAAAmD;AAAAnD,IAAA,MAAAkD;AAAAlD,IAAA,MAAA2F;OAAAA,OAAA3F,EAAA;CAAA,IAAA4F;AAAA,KAAA5F,EAAA,QAAAyC,oBAAAzC,EAAA,QAAAC,kBAAAD,EAAA,QAAA2F,KAAA;AAPrBC,QAAAjG,oBAACV,cAAY;GAET4B,eAAA8E;GAOgBlD;GACFxC;GACD4F,eAAA;GAChB,CAAC;AAAA7F,IAAA,MAAAyC;AAAAzC,IAAA,MAAAC;AAAAD,IAAA,MAAA2F;AAAA3F,IAAA,MAAA4F;OAAAA,OAAA5F,EAAA;CAAA,IAAA8F;AAAA,KAAA9F,EAAA,QAAAoB,cAAApB,EAAA,QAAAC,kBAAAD,EAAA,QAAAwB,KAAAuE,UAAA/F,EAAA,QAAAQ,uBAAAR,EAAA,QAAA4B,QAAA5B,EAAA,QAAA0C,QAAA6B,UAAAvE,EAAA,QAAA0C,QAAAsD,YAAAhG,EAAA,QAAAmE,cAAAnE,EAAA,QAAAO,kBAAAP,EAAA,QAAAqB,UAAArB,EAAA,QAAAc,UAAA;AAEDgF,QAAAtE,KAAIuE,WAAY,IAAhBlG,qBAAA,OAAA;GACiBoG,WAAA;GAA0BC,UAAA,CACxCvG,oBAAA,KAAA,EAAAuG,UACGtE,KAAIiD,EACH/D,aAAa,UAAb,2BAAA,qBAGA,EAAA2D,OACSnG,eAAeoE,QAAM6B,QAAU3C,KAAI,EAE9C,CAAA,EACC,CAAC,EACHpB,uBAAAD,kBAAAZ,oBAAA,OAAA;IACiBsG,WAAA;IAAmCC,UACjDvG,oBAAA,UAAA;KACOwG,MAAA;KACIC,eAAM/E,OAAMgF,KAAM9F,eAAe;KAC/B0F,WAAA;KAAkIC,UAE5ItE,KAAIiD,EAAG,0BAA0B,EAAAJ,OACzBnG,eAAeoE,QAAMsD,UAAYpE,KAAI,EAC7C,CAAA;KACK,CAAA;IAEZ,CAAC,CAAA;GAQL,CAAC,GAhCAjC,oBA2BEJ,cAAY;GACJ4E,OAAAA;GACK/C;GACInB;GAEpB,CAAC;AAAAD,IAAA,MAAAoB;AAAApB,IAAA,MAAAC;AAAAD,IAAA,MAAAwB,KAAAuE;AAAA/F,IAAA,MAAAQ;AAAAR,IAAA,MAAA4B;AAAA5B,IAAA,MAAA0C,QAAA6B;AAAAvE,IAAA,MAAA0C,QAAAsD;AAAAhG,IAAA,MAAAmE;AAAAnE,IAAA,MAAAO;AAAAP,IAAA,MAAAqB;AAAArB,IAAA,MAAAc;AAAAd,IAAA,MAAA8F;OAAAA,OAAA9F,EAAA;CAAA,IAAAsG;AAAA,KAAAtG,EAAA,QAAAa,iBAAAb,EAAA,QAAAyC,oBAAAzC,EAAA,QAAAU,qBAAAV,EAAA,QAAAW,mBAAAX,EAAA,QAAAwB,KAAAuE,UAAA/F,EAAA,QAAA4B,QAAA5B,EAAA,QAAAkD,gBAAAlD,EAAA,QAAAuC,YAAA;AACA+D,QAAA9E,MAAIuE,SAAW,KAAfpG,oBACER,cAAY;GAEToH,mBAAAhE,aAAA1C,qBAAA,OAAA;IACkBoG,WAAA;IAA8BC,UAAA,CAC5CvG,oBAACX,eAAa;KACMyD;KACC/B;KACFC;KACV8D,OAAAnG,eACLmE,iBAAgBC,OAAO6B,QACvB3C,KACF;KACD,CAAC,EACFjC,oBAAA,OAAA;KAAgBsG,WAAA;KAAsCC,UACnD,OAAOhD,iBAAiB,aAAxB,CAAA,GAESrC,iBAAA,EAAmB,EACvBlB,oBAACF,YAAU,EAEAyD,SAAAA,cAAY,EADjB,cAEJ,CAES,GARhBrC;KASE,CAAC,CAAA;IAEH,CAAC,GAvBR;GAyBgB4B;GAEtB,CAAC;AAAAzC,IAAA,MAAAa;AAAAb,IAAA,MAAAyC;AAAAzC,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAAwB,KAAAuE;AAAA/F,IAAA,MAAA4B;AAAA5B,IAAA,MAAAkD;AAAAlD,IAAA,MAAAuC;AAAAvC,IAAA,MAAAsG;OAAAA,OAAAtG,EAAA;CAAA,IAAAwG;AAAA,KAAAxG,EAAA,QAAAG,kBAAAH,EAAA,QAAAK,mBAAAL,EAAA,QAAAwF,OAAAxF,EAAA,QAAA4F,OAAA5F,EAAA,SAAA8F,OAAA9F,EAAA,SAAAsG,KAAA;AAjHHE,QAAA3G,qBAACtB,QAAM;GAAY0H,WAAA;GAA6CC,UAAA;IAC9DV;IAmCAI;IAaCvF;IACAyF;IAiCAQ;IA+BAnG;IAAc;GACT,CAAC;AAAAH,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAwF;AAAAxF,IAAA,MAAA4F;AAAA5F,IAAA,OAAA8F;AAAA9F,IAAA,OAAAsG;AAAAtG,IAAA,OAAAwG;OAAAA,OAAAxG,EAAA;CAAA,IAAAyG;AAAA,KAAAzG,EAAA,SAAAE,aAAAF,EAAA,SAAAI,cAAAJ,EAAA,SAAAwG,KAAA;AArHXC,QAAA5G,qBAAC3B,UAAQ,EAAAgI,UAAA;GACN9F;GACDoG;GAoHCtG;GAAS,EACF,CAAC;AAAAF,IAAA,OAAAE;AAAAF,IAAA,OAAAI;AAAAJ,IAAA,OAAAwG;AAAAxG,IAAA,OAAAyG;OAAAA,OAAAzG,EAAA;CAAA,IAAA0G;AAAA,KAAA1G,EAAA,SAAAkF,OAAAlF,EAAA,SAAAyG,KAAA;AAxHbC,QAAA/G,oBAAA,OAAA;GAAgBsG,WAAAf;GAAwCgB,UACtDO;GAwHG,CAAC;AAAAzG,IAAA,OAAAkF;AAAAlF,IAAA,OAAAyG;AAAAzG,IAAA,OAAA0G;OAAAA,OAAA1G,EAAA;CAAA,IAAA2G;AAAA,KAAA3G,EAAA,SAAAY,uBAAAZ,EAAA,SAAAmE,cAAAnE,EAAA,SAAA0G,KAAA;AA1HRC,QAAAhH,oBAACH,cAAY;GAAsBoB,qBAAAA;GAA2BuD,MAAAA;GAAU+B,UACtEQ;GA0HY,CAAC;AAAA1G,IAAA,OAAAY;AAAAZ,IAAA,OAAAmE;AAAAnE,IAAA,OAAA0G;AAAA1G,IAAA,OAAA2G;OAAAA,OAAA3G,EAAA;CAAA,IAAA4G;AAAA,KAAA5G,EAAA,SAAAwB,QAAAxB,EAAA,SAAAgF,OAAAhF,EAAA,SAAA2G,KAAA;AA5HjBC,QAAAjH,oBAACjB,mBAAiB;GAAO8C;GAAiByD,WAAAD;GAAoBkB,UAC5DS;GA4HiB,CAAC;AAAA3G,IAAA,OAAAwB;AAAAxB,IAAA,OAAAgF;AAAAhF,IAAA,OAAA2G;AAAA3G,IAAA,OAAA4G;OAAAA,OAAA5G,EAAA;AAAA,QA7HpB4G;;AA9HG,SAAAvD,MAAAK,KAAA;AA0DH,KAAIA,KAAGM,aAAc,QACZN,IAAGM;AAGZ,KAAIN,KAAGK,YAAc,SAASL,KAAGmD,KAAiBC,WAAA,QACzC,yBAAyBpD,IAAGmD,IAAIC,WAAW;;AAgMxD,uBAAehH"}
+{"version":3,"file":"gridView.mjs","names":["c","_c","React","Fragment","useMemo","useEffect","useRouter","getTranslation","Gutter","useListQuery","useConfig","SelectionProvider","useTranslation","useWindowInfo","useBulkUpload","useModal","useStepNav","ListSelection","ListControls","ListHeader","PageControls","useListDrawerContext","DefaultListViewTabs","formatAdminURL","ItemCardGrid","GridProvider","SelectMany","jsx","_jsx","jsxs","_jsxs","GridView","props","$","collectionSlug","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","newDocumentURL","hasCreatePermission","hasDeletePermission","disableBulkDelete","disableBulkEdit","enableRowSelections","beforeActions","viewType","config","getEntityConfig","routes","t0","admin","adminRoute","router","data","t1","docs","t2","t3","undefined","i18n","setStepNav","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setBulkUploadCollectionSlug","setOnSuccess","breakpoints","t4","s","smallBreak","t5","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","onBulkSelect","isInDrawer","getThumbnailURL","_temp","t6","t7","doc_0","title","doc","filename","alt","String","id","itemKey","toString","storage","thumbnailURL","relationTo","map","mappedDocs","refresh","openBulkUpload","t8","plural","baseLabel","label","url","path","trashLabel","t","navItems","t9","t10","totalDocs","t11","t12","t13","t14","filter","t15","t16","Actions","onBulkUploadSuccess","t17","t18","enableColumns","t19","length","singular","className","children","type","onClick","push","t20","AfterPageControls","t21","t22","t23","t24","t25","mux","playbackId"],"sources":["../../../src/components/gridView/gridView.tsx"],"sourcesContent":["'use client'\n\nimport React, { Fragment, useMemo, useEffect } from 'react'\nimport { useRouter } from 'next/navigation'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Gutter,\n  useListQuery,\n  useConfig,\n  SelectionProvider,\n  useTranslation,\n  useWindowInfo,\n  useBulkUpload,\n  useModal,\n  useStepNav,\n  ListSelection,\n  ListControls,\n  ListHeader,\n  PageControls,\n  useListDrawerContext,\n} from '@payloadcms/ui'\nimport { DefaultListViewTabs } from '@payloadcms/ui/elements/DefaultListViewTabs'\nimport { formatAdminURL } from 'payload/shared'\nimport { ItemCardGrid } from '../itemCardGrid/itemCardGrid'\nimport { GridProvider } from '../gridContext/gridContext'\nimport { SelectMany } from '../selectMany/selectMany'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport './gridView.css'\n\n// Type for media document with common properties\ninterface MediaDocument {\n  id: string | number\n  storage: 'mux' | 's3'\n  filename?: string\n  alt?: string\n  mimeType?: string\n  url?: string\n  thumbnailURL?: string\n  mux?: {\n    playbackId?: string\n  }\n}\n\nexport interface MappedDocument {\n  id: string | number\n  itemKey: string\n  storage: 'mux' | 's3'\n  title: string\n  thumbnailURL?: string\n  relationTo: string\n}\n\nexport function GridView(props: ListViewClientProps): React.JSX.Element {\n  const baseClass = 'grid-view'\n\n  const {\n    collectionSlug,\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    newDocumentURL,\n    hasCreatePermission,\n    hasDeletePermission,\n    disableBulkDelete,\n    disableBulkEdit,\n    enableRowSelections,\n    beforeActions,\n    viewType,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  const router = useRouter()\n\n  const { data } = useListQuery() ?? {}\n  const { docs = [] } = data ?? {}\n\n  const { i18n } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const { openModal } = useModal()\n\n  const {\n    drawerSlug: bulkUploadDrawerSlug,\n    setCollectionSlug: setBulkUploadCollectionSlug,\n    setOnSuccess,\n  } = useBulkUpload()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled =\n    (isUploadCollection && collectionConfig.upload?.bulkUpload) ?? true\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { onBulkSelect, isInDrawer } = useListDrawerContext()\n\n  const getThumbnailURL = (doc: MediaDocument): string | undefined => {\n    if (doc?.thumbnailURL) {\n      return doc.thumbnailURL\n    }\n\n    if (doc?.storage === 'mux' && doc?.mux?.playbackId) {\n      return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=400&height=400&fit_mode=pad`\n    }\n\n    return undefined\n  }\n\n  const mappedDocs: MappedDocument[] = useMemo(() => {\n    return docs.map((doc: MediaDocument) => {\n      const title = doc.filename ?? doc.alt ?? String(doc.id)\n      return {\n        id: doc.id,\n        itemKey: doc.id.toString(),\n        storage: doc.storage,\n        title: title,\n        thumbnailURL: getThumbnailURL(doc),\n        relationTo: collectionSlug,\n      }\n    })\n  }, [docs, collectionSlug])\n\n  const openBulkUpload = React.useCallback(() => {\n    setBulkUploadCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [\n    router,\n    collectionSlug,\n    bulkUploadDrawerSlug,\n    openModal,\n    setBulkUploadCollectionSlug,\n    setOnSuccess,\n  ])\n\n  // Set breadcrumb navigation\n  useEffect(() => {\n    const baseLabel = {\n      label: getTranslation(labels?.plural, i18n),\n      url:\n        isTrashEnabled && viewType === 'trash'\n          ? formatAdminURL({\n              adminRoute,\n              path: `/collections/${collectionSlug}`,\n            })\n          : undefined,\n    }\n    const trashLabel = {\n      label: i18n.t('general:trash'),\n    }\n    const navItems =\n      isTrashEnabled && viewType === 'trash'\n        ? [baseLabel, trashLabel]\n        : [baseLabel]\n    setStepNav(navItems)\n  }, [\n    adminRoute,\n    setStepNav,\n    labels,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <SelectionProvider docs={docs} totalDocs={data?.totalDocs ?? 0}>\n      <GridProvider allowMultiSelection={enableRowSelections} docs={mappedDocs}>\n        <div className={`grid-view grid-view--${collectionSlug}`}>\n          <Fragment>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrapper collection-list__wrap`}>\n              <ListHeader\n                Actions={[\n                  beforeActions,\n                  !smallBreak && (\n                    <ListSelection\n                      disableBulkDelete={disableBulkDelete}\n                      disableBulkEdit={\n                        collectionConfig.disableBulkEdit ?? disableBulkEdit\n                      }\n                      key=\"list-selection\"\n                      label={getTranslation(labels?.plural, i18n)}\n                    />\n                  ),\n                  <DefaultListViewTabs\n                    collectionConfig={collectionConfig}\n                    config={config}\n                    key=\"default-list-actions\"\n                    viewType=\"list\"\n                  />,\n                ].filter(Boolean)}\n                collectionConfig={collectionConfig}\n                Description={Description}\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                onBulkUploadSuccess={() => router.refresh()}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  isInDrawer && typeof onBulkSelect === 'function'\n                    ? [\n                        ...(beforeActions ?? []),\n                        <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                      ]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                enableColumns={false}\n              />\n              {BeforeListTable}\n              {docs.length === 0 ? (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t(\n                      viewType === 'trash'\n                        ? 'general:noTrashResults'\n                        : 'general:noResults',\n                      {\n                        label: getTranslation(labels?.plural, i18n),\n                      }\n                    )}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && (\n                    <div className={`${baseClass}__no-results__actions`}>\n                      <button\n                        type=\"button\"\n                        onClick={() => router.push(newDocumentURL)}\n                        className={`${baseClass}__create-link btn btn--icon-style-without-border btn--size-small btn--withoutPopup btn--style-pill btn--withoutPopup`}\n                      >\n                        {i18n.t('general:createNewLabel', {\n                          label: getTranslation(labels?.singular, i18n),\n                        })}\n                      </button>\n                    </div>\n                  )}\n                </div>\n              ) : (\n                <ItemCardGrid\n                  items={mappedDocs}\n                  adminRoute={adminRoute}\n                  collectionSlug={collectionSlug}\n                />\n              )}\n              {docs?.length > 0 && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(\n                            collectionConfig.labels.plural,\n                            i18n\n                          )}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {typeof onBulkSelect === 'function'\n                            ? [\n                                ...(beforeActions ?? []),\n                                <SelectMany\n                                  key=\"select-many\"\n                                  onClick={onBulkSelect}\n                                />,\n                              ]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n              {AfterListTable}\n            </Gutter>\n            {AfterList}\n          </Fragment>\n        </div>\n      </GridProvider>\n    </SelectionProvider>\n  )\n}\n\nexport default GridView\n"],"mappings":"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"}

package/dist/components/itemCardGrid/itemCardGrid.mjs

@@ -2,7 +2,8 @@
 
 import { ContextFolderFileCard } from "../folderFileCard/folderFileCard.mjs";
 import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DndContext } from "@dnd-kit/core";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "./itemCardGrid.css";
 
 //#region src/components/itemCardGrid/itemCardGrid.tsx
@@ -39,7 +40,7 @@ function ItemCardGrid(t0) {
 	} else t3 = $[5];
 	let t4;
 	if ($[6] !== t1 || $[7] !== t3) {
-		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t3] });
+		t4 = /* @__PURE__ */ jsxs(DndContext, { children: [t1, t3] });
 		$[6] = t1;
 		$[7] = t3;
 		$[8] = t4;

package/dist/components/itemCardGrid/itemCardGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"itemCardGrid.mjs","names":["c","_c","React","ContextFolderFileCard","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ItemCardGrid","t0","$","items","title","t1","className","children","t2","length","map","item","index","indexOf","id","t3","baseClass","t4"],"sources":["../../../src/components/itemCardGrid/itemCardGrid.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { ContextFolderFileCard } from '../folderFileCard/folderFileCard'\n\nimport type { MappedDocument } from '../gridView/gridView'\n\nimport './itemCardGrid.css'\n\ntype ItemCardGridProps = {\n  items: MappedDocument[]\n  title?: string\n  adminRoute: string\n  collectionSlug: string\n}\n\nexport function ItemCardGrid({ items, title }: ItemCardGridProps) {\n  const baseClass = 'item-card-grid'\n\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item) => {\n              return (\n                <ContextFolderFileCard\n                  key={item.id}\n                  index={items.indexOf(item)}\n                  item={item}\n                  className={`${baseClass}__item`}\n                />\n              )\n            })}\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAOU,aAAAC,IAAA;CAAA,MAAAC,IAAAX,EAAA,EAAA;CAAsB,MAAA,EAAAY,OAAAC,UAAAH;CAAmC,IAAAI;AAAA,KAAAH,EAAA,OAAAE,OAAA;AAKzDC,OAAAD,SAAAT,oBAAA,KAAA;GAAuBW,WAAA;GAAqBC,UAAGH;GAAS,CAAC;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAC,OAAA;AAEvDK,OAAA,CAACL,SAASA,OAAKM,WAAa,IAA5B,OAEGN,MAAKO,KAAKC,SAENhB,oBAACF,uBAAqB;GAEbmB,OAAAT,MAAKU,QAASF,KAAK;GACpBA;GACKL,WAAA;GAAoB,EAH1BK,KAAIG,GAMd,CAAC;AAAAZ,IAAA,KAAAC;AAAAD,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAM,IAAA;AAZRO,OAAApB,oBAAA,OAAA;GAAgBqB,WALF;GAKWT,UACtBC;GAYE,CAAC;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAG,MAAAH,EAAA,OAAAa,IAAA;AAfRE,OAAAlB,qBAAAF,UAAA,EAAAU,UAAA,CACGF,IACDU,GAaM,EACN,CAAC;AAAAb,IAAA,KAAAG;AAAAH,IAAA,KAAAa;AAAAb,IAAA,KAAAe;OAAAA,MAAAf,EAAA;AAAA,QAhBHe"}
+{"version":3,"file":"itemCardGrid.mjs","names":["c","_c","React","DndContext","ContextFolderFileCard","jsx","_jsx","jsxs","_jsxs","ItemCardGrid","t0","$","items","title","t1","className","children","t2","length","map","item","index","indexOf","id","t3","baseClass","t4"],"sources":["../../../src/components/itemCardGrid/itemCardGrid.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { DndContext } from '@dnd-kit/core'\nimport { ContextFolderFileCard } from '../folderFileCard/folderFileCard'\n\nimport type { MappedDocument } from '../gridView/gridView'\n\nimport './itemCardGrid.css'\n\ntype ItemCardGridProps = {\n  items: MappedDocument[]\n  title?: string\n  adminRoute: string\n  collectionSlug: string\n}\n\nexport function ItemCardGrid({ items, title }: ItemCardGridProps) {\n  const baseClass = 'item-card-grid'\n\n  return (\n    <DndContext>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item) => {\n              return (\n                <ContextFolderFileCard\n                  key={item.id}\n                  index={items.indexOf(item)}\n                  item={item}\n                  className={`${baseClass}__item`}\n                />\n              )\n            })}\n      </div>\n    </DndContext>\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAOS,aAAAC,IAAA;CAAA,MAAAC,IAAAV,EAAA,EAAA;CAAsB,MAAA,EAAAW,OAAAC,UAAAH;CAAmC,IAAAI;AAAA,KAAAH,EAAA,OAAAE,OAAA;AAKzDC,OAAAD,SAAAP,oBAAA,KAAA;GAAuBS,WAAA;GAAqBC,UAAGH;GAAS,CAAC;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAC,OAAA;AAEvDK,OAAA,CAACL,SAASA,OAAKM,WAAa,IAA5B,OAEGN,MAAKO,KAAKC,SAENd,oBAACF,uBAAqB;GAEbiB,OAAAT,MAAKU,QAASF,KAAK;GACpBA;GACKL,WAAA;GAAoB,EAH1BK,KAAIG,GAMd,CAAC;AAAAZ,IAAA,KAAAC;AAAAD,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAM,IAAA;AAZRO,OAAAlB,oBAAA,OAAA;GAAgBmB,WALF;GAKWT,UACtBC;GAYE,CAAC;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAG,MAAAH,EAAA,OAAAa,IAAA;AAfRE,OAAAlB,qBAACL,YAAU,EAAAa,UAAA,CACRF,IACDU,GAaM,EACI,CAAC;AAAAb,IAAA,KAAAG;AAAAH,IAAA,KAAAa;AAAAb,IAAA,KAAAe;OAAAA,MAAAf,EAAA;AAAA,QAhBbe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maas/payload-plugin-media-cloud",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "type": "module",
   "contributors": [
     {
@@ -51,6 +51,7 @@
     "tus-js-client": "^4.3.1"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.0.0",
     "@mux/mux-player-react": "^3",
     "@payloadcms/plugin-cloud-storage": "^3.61",
     "@payloadcms/translations": "^3.61",