@maas/payload-plugin-media-cloud 0.0.33 → 0.0.35

package/dist/adapter/handleDelete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"handleDelete.mjs","names":["useErrorHandler","MediaCloudErrors","HandleDelete","Document","Mux","S3Store","HandleDeleteArgs","getS3Store","getMuxClient","DeleteMuxAssetArgs","uploadId","DeleteS3FileArgs","filename","logError","deleteMuxAsset","args","Promise","mux","assets","video","list","upload_id","data","length","asset","delete","id","_error","MUX_ASSET_DELETE_ERROR","message","deleteS3File","client","bucket","deleteObjects","Bucket","Delete","Objects","Key","S3_DELETE_ERROR","getHandleDelete","doc","req","method","media","storage","UNKNOWN_STORAGE_TYPE"],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { HandleDelete } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { Mux } from '@mux/mux-node'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface HandleDeleteArgs {\n  getS3Store: () => S3Store\n  getMuxClient: () => Mux\n}\n\ninterface DeleteMuxAssetArgs {\n  getMuxClient: () => Mux\n  uploadId: string\n}\n\ninterface DeleteS3FileArgs {\n  getS3Store: () => S3Store\n  filename: string\n}\n\nconst { logError } = useErrorHandler()\n\n/**\n * Deletes a Mux asset by upload ID\n * @param args - The arguments for deleting the Mux asset\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @param args.uploadId - The upload ID of the Mux asset to delete\n * @returns Promise that resolves when the asset is deleted or rejects on error\n */\nasync function deleteMuxAsset(args: DeleteMuxAssetArgs): Promise<void> {\n  const { getMuxClient, uploadId } = args\n\n  try {\n    const mux = getMuxClient()\n    const assets = await mux.video.assets.list({ upload_id: uploadId })\n    if (assets.data.length > 0) {\n      const asset = assets.data[0]\n      await mux.video.assets.delete(asset.id)\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Deletes a file from S3 storage including its metadata info file\n * @param args - The arguments for deleting the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.filename - The filename of the file to delete from S3\n * @returns Promise that resolves when the file is deleted or rejects on error\n */\nasync function deleteS3File(args: DeleteS3FileArgs): Promise<void> {\n  const { getS3Store, filename } = args\n\n  try {\n    const { client, bucket } = getS3Store()\n    await client.deleteObjects({\n      Bucket: bucket,\n      Delete: {\n        Objects: [{ Key: filename }, { Key: `${filename}.info` }],\n      },\n    })\n  } catch (_error) {\n    logError(MediaCloudErrors.S3_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Creates a handle delete function for processing file deletions from both Mux and S3 storage\n * @param args - The arguments for creating the delete handler\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns A HandleDelete function that processes deletion requests based on storage type\n */\nexport function getHandleDelete(args: HandleDeleteArgs): HandleDelete {\n  const { getS3Store, getMuxClient } = args\n  return async ({ doc, req }) => {\n    if (req?.method !== 'DELETE' || !doc) {\n      return\n    }\n\n    const media = doc as Document\n\n    switch (media?.storage) {\n      case 'mux':\n        if (media.mux?.uploadId) {\n          await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n        }\n        break\n      case 's3':\n        if (media.filename) {\n          await deleteS3File({ getS3Store, filename: media.filename })\n        }\n        break\n      default:\n        logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE.message)\n    }\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAEa,aAAab,iBAAiB;;;;;;;;AAStC,eAAec,eAAeC,MAAyC;CACrE,MAAM,EAAEP,cAAcE,aAAaK;AAEnC,KAAI;EACF,MAAME,MAAMT,cAAc;EAC1B,MAAMU,SAAS,MAAMD,IAAIE,MAAMD,OAAOE,KAAK,EAAEC,WAAWX,UAAU,CAAC;AACnE,MAAIQ,OAAOI,KAAKC,SAAS,GAAG;GAC1B,MAAMC,QAAQN,OAAOI,KAAK;AAC1B,SAAML,IAAIE,MAAMD,OAAOO,OAAOD,MAAME,GAAG;;UAElCC,QAAQ;AACfd,WAASZ,iBAAiB2B,uBAAuBC,QAAQ;;;;;;;;;;AAW7D,eAAeC,aAAaf,MAAuC;CACjE,MAAM,EAAER,YAAYK,aAAaG;AAEjC,KAAI;EACF,MAAM,EAAEgB,QAAQC,WAAWzB,YAAY;AACvC,QAAMwB,OAAOE,cAAc;GACzBC,QAAQF;GACRG,QAAQ,EACNC,SAAS,CAAC,EAAEC,KAAKzB,UAAU,EAAE,EAAEyB,KAAK,GAAGzB,SAAQ,QAAS,CAAA,EAC1D;GACD,CAAC;UACKe,QAAQ;AACfd,WAASZ,iBAAiBqC,gBAAgBT,QAAQ;;;;;;;;;;AAWtD,SAAgBU,gBAAgBxB,MAAsC;CACpE,MAAM,EAAER,YAAYC,iBAAiBO;AACrC,QAAO,OAAO,EAAEyB,KAAKC,UAAU;AAC7B,MAAIA,KAAKC,WAAW,YAAY,CAACF,IAC/B;EAGF,MAAMG,QAAQH;AAEd,UAAQG,OAAOC,SAAf;GACE,KAAK;AACH,QAAID,MAAM1B,KAAKP,SACb,OAAMI,eAAe;KAAEN;KAAcE,UAAUiC,MAAM1B,IAAIP;KAAU,CAAC;AAEtE;GACF,KAAK;AACH,QAAIiC,MAAM/B,SACR,OAAMkB,aAAa;KAAEvB;KAAYK,UAAU+B,MAAM/B;KAAU,CAAC;AAE9D;GACF,QACEC,UAASZ,iBAAiB4C,qBAAqBhB,QAAQ"}
+{"version":3,"file":"handleDelete.mjs","names":[],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { HandleDelete } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { Mux } from '@mux/mux-node'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface HandleDeleteArgs {\n  getS3Store: () => S3Store\n  getMuxClient: () => Mux\n}\n\ninterface DeleteMuxAssetArgs {\n  getMuxClient: () => Mux\n  uploadId: string\n}\n\ninterface DeleteS3FileArgs {\n  getS3Store: () => S3Store\n  filename: string\n}\n\nconst { logError } = useErrorHandler()\n\n/**\n * Deletes a Mux asset by upload ID\n * @param args - The arguments for deleting the Mux asset\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @param args.uploadId - The upload ID of the Mux asset to delete\n * @returns Promise that resolves when the asset is deleted or rejects on error\n */\nasync function deleteMuxAsset(args: DeleteMuxAssetArgs): Promise<void> {\n  const { getMuxClient, uploadId } = args\n\n  try {\n    const mux = getMuxClient()\n    const assets = await mux.video.assets.list({ upload_id: uploadId })\n    if (assets.data.length > 0) {\n      const asset = assets.data[0]\n      await mux.video.assets.delete(asset.id)\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Deletes a file from S3 storage including its metadata info file\n * @param args - The arguments for deleting the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.filename - The filename of the file to delete from S3\n * @returns Promise that resolves when the file is deleted or rejects on error\n */\nasync function deleteS3File(args: DeleteS3FileArgs): Promise<void> {\n  const { getS3Store, filename } = args\n\n  try {\n    const { client, bucket } = getS3Store()\n    await client.deleteObjects({\n      Bucket: bucket,\n      Delete: {\n        Objects: [{ Key: filename }, { Key: `${filename}.info` }],\n      },\n    })\n  } catch (_error) {\n    logError(MediaCloudErrors.S3_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Creates a handle delete function for processing file deletions from both Mux and S3 storage\n * @param args - The arguments for creating the delete handler\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns A HandleDelete function that processes deletion requests based on storage type\n */\nexport function getHandleDelete(args: HandleDeleteArgs): HandleDelete {\n  const { getS3Store, getMuxClient } = args\n  return async ({ doc, req }) => {\n    if (req?.method !== 'DELETE' || !doc) {\n      return\n    }\n\n    const media = doc as Document\n\n    switch (media?.storage) {\n      case 'mux':\n        if (media.mux?.uploadId) {\n          await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n        }\n        break\n      case 's3':\n        if (media.filename) {\n          await deleteS3File({ getS3Store, filename: media.filename })\n        }\n        break\n      default:\n        logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE.message)\n    }\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAE,aAAa,iBAAiB;;;;;;;;AAStC,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,cAAc,aAAa;AAEnC,KAAI;EACF,MAAM,MAAM,cAAc;EAC1B,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,UAAU,CAAC;AACnE,MAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,MAAM,QAAQ,OAAO,KAAK;AAC1B,SAAM,IAAI,MAAM,OAAO,OAAO,MAAM,GAAG;;UAElC,QAAQ;AACf,WAAS,iBAAiB,uBAAuB,QAAQ;;;;;;;;;;AAW7D,eAAe,aAAa,MAAuC;CACjE,MAAM,EAAE,YAAY,aAAa;AAEjC,KAAI;EACF,MAAM,EAAE,QAAQ,WAAW,YAAY;AACvC,QAAM,OAAO,cAAc;GACzB,QAAQ;GACR,QAAQ,EACN,SAAS,CAAC,EAAE,KAAK,UAAU,EAAE,EAAE,KAAK,GAAG,SAAS,QAAQ,CAAC,EAC1D;GACF,CAAC;UACK,QAAQ;AACf,WAAS,iBAAiB,gBAAgB,QAAQ;;;;;;;;;;AAWtD,SAAgB,gBAAgB,MAAsC;CACpE,MAAM,EAAE,YAAY,iBAAiB;AACrC,QAAO,OAAO,EAAE,KAAK,UAAU;AAC7B,MAAI,KAAK,WAAW,YAAY,CAAC,IAC/B;EAGF,MAAM,QAAQ;AAEd,UAAQ,OAAO,SAAf;GACE,KAAK;AACH,QAAI,MAAM,KAAK,SACb,OAAM,eAAe;KAAE;KAAc,UAAU,MAAM,IAAI;KAAU,CAAC;AAEtE;GACF,KAAK;AACH,QAAI,MAAM,SACR,OAAM,aAAa;KAAE;KAAY,UAAU,MAAM;KAAU,CAAC;AAE9D;GACF,QACE,UAAS,iBAAiB,qBAAqB,QAAQ"}

package/dist/adapter/handleUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"handleUpload.mjs","names":["HandleUpload","ClientUploadContext","storage","uploadId","mimeType","getHandleUpload","clientUploadContext","data","ctx","mux","status"],"sources":["../../src/adapter/handleUpload.ts"],"sourcesContent":["import type { HandleUpload } from '@payloadcms/plugin-cloud-storage/types'\n\ninterface ClientUploadContext {\n  storage: 'mux' | 's3'\n  uploadId?: string\n  mimeType?: string\n}\n\n/**\n * Creates a handle upload function for processing file uploads to both Mux and S3 storage\n * @returns A HandleUpload function that processes client upload context and updates document data\n */\nexport function getHandleUpload(): HandleUpload {\n  return async function ({ clientUploadContext, data }) {\n    if (!clientUploadContext) {\n      return data\n    }\n\n    const ctx = clientUploadContext as ClientUploadContext\n    data.mimeType = ctx.mimeType\n\n    switch (ctx.storage) {\n      case 'mux':\n        data.storage = 'mux'\n        data.mux = {\n          uploadId: ctx.uploadId ?? '',\n          status: 'preparing',\n        }\n        break\n      default:\n        data.storage = 's3'\n        break\n    }\n\n    return data\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgBK,kBAAgC;AAC9C,QAAO,eAAgB,EAAEC,qBAAqBC,QAAQ;AACpD,MAAI,CAACD,oBACH,QAAOC;EAGT,MAAMC,MAAMF;AACZC,OAAKH,WAAWI,IAAIJ;AAEpB,UAAQI,IAAIN,SAAZ;GACE,KAAK;AACHK,SAAKL,UAAU;AACfK,SAAKE,MAAM;KACTN,UAAUK,IAAIL,YAAY;KAC1BO,QAAQ;KACT;AACD;GACF;AACEH,SAAKL,UAAU;AACf;;AAGJ,SAAOK"}
+{"version":3,"file":"handleUpload.mjs","names":[],"sources":["../../src/adapter/handleUpload.ts"],"sourcesContent":["import type { HandleUpload } from '@payloadcms/plugin-cloud-storage/types'\n\ninterface ClientUploadContext {\n  storage: 'mux' | 's3'\n  uploadId?: string\n  mimeType?: string\n}\n\n/**\n * Creates a handle upload function for processing file uploads to both Mux and S3 storage\n * @returns A HandleUpload function that processes client upload context and updates document data\n */\nexport function getHandleUpload(): HandleUpload {\n  return async function ({ clientUploadContext, data }) {\n    if (!clientUploadContext) {\n      return data\n    }\n\n    const ctx = clientUploadContext as ClientUploadContext\n    data.mimeType = ctx.mimeType\n\n    switch (ctx.storage) {\n      case 'mux':\n        data.storage = 'mux'\n        data.mux = {\n          uploadId: ctx.uploadId ?? '',\n          status: 'preparing',\n        }\n        break\n      default:\n        data.storage = 's3'\n        break\n    }\n\n    return data\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,kBAAgC;AAC9C,QAAO,eAAgB,EAAE,qBAAqB,QAAQ;AACpD,MAAI,CAAC,oBACH,QAAO;EAGT,MAAM,MAAM;AACZ,OAAK,WAAW,IAAI;AAEpB,UAAQ,IAAI,SAAZ;GACE,KAAK;AACH,SAAK,UAAU;AACf,SAAK,MAAM;KACT,UAAU,IAAI,YAAY;KAC1B,QAAQ;KACT;AACD;GACF;AACE,SAAK,UAAU;AACf;;AAGJ,SAAO"}

package/dist/adapter/staticHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"staticHandler.mjs","names":["Readable","StaticHandler","Document","S3Store","StaticHandlerArgs","getS3Store","collection","ServeS3FileArgs","doc","CreateEmptyResponseArgs","mimeType","getStaticHandler","args","req","params","payload","filename","docs","find","where","equals","createEmptyResponse","storage","serveS3File","Response","Uint8Array","status","headers","Promise","s3Store","stream","read","webStream","toWeb","ReadableStream","_error"],"sources":["../../src/adapter/staticHandler.ts"],"sourcesContent":["import { Readable } from 'node:stream'\nimport type { StaticHandler } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StaticHandlerArgs {\n  getS3Store: () => S3Store\n  collection: string\n}\n\ninterface ServeS3FileArgs {\n  getS3Store: () => S3Store\n  doc: Document\n}\n\ninterface CreateEmptyResponseArgs {\n  mimeType?: string\n}\n\n/**\n * Creates a static handler that serves files from S3 or returns empty responses for Mux assets\n * @param args - The arguments for creating the static handler\n * @param args.getS3Store -  Function that returns an S3 client instance\n * @param args.collection - The name of the media collection in Payload\n * @returns A StaticHandler function that serves files or empty responses based on storage type\n */\nexport function getStaticHandler(args: StaticHandlerArgs): StaticHandler {\n  const { getS3Store, collection } = args\n  return async (req, { params }) => {\n    const { payload } = req\n    const filename = params.filename\n\n    const { docs } = await payload.find({\n      collection,\n      where: { filename: { equals: filename } },\n    })\n\n    const doc = docs[0] as Document\n\n    if (!doc) {\n      return createEmptyResponse()\n    }\n\n    if (doc.storage === 'mux') {\n      return createEmptyResponse({ mimeType: doc.mimeType })\n    }\n\n    return await serveS3File({ getS3Store, doc })\n  }\n}\n\n/**\n * Creates an empty response with appropriate headers\n * @param args - Optional arguments for the empty response\n * @param args.mimeType - The MIME type to set in the Content-Type header\n * @returns A Response object with empty content and appropriate headers\n */\nfunction createEmptyResponse(args?: CreateEmptyResponseArgs): Response {\n  const { mimeType = 'application/octet-stream' } = args ?? {}\n  return new Response(new Uint8Array(0), {\n    status: 200,\n    headers: {\n      'Content-Type': mimeType,\n      'Content-Length': '0',\n    },\n  })\n}\n\n/**\n * Serves a file from S3 storage\n * @param args - The arguments for serving the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.doc - The document containing file metadata\n * @returns A Promise that resolves to a Response object containing the file stream or empty response on error\n */\nasync function serveS3File({\n  getS3Store,\n  doc,\n}: ServeS3FileArgs): Promise<Response> {\n  try {\n    const s3Store = getS3Store()\n    const stream = await s3Store.read(doc.filename)\n\n    if (stream) {\n      const webStream = Readable.toWeb(stream) as ReadableStream<Uint8Array>\n      return new Response(webStream)\n    }\n  } catch (_error) {\n    // File not found or other error, fall back to empty response\n  }\n\n  return createEmptyResponse({})\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgBW,iBAAiBC,MAAwC;CACvE,MAAM,EAAEP,YAAYC,eAAeM;AACnC,QAAO,OAAOC,KAAK,EAAEC,aAAa;EAChC,MAAM,EAAEC,YAAYF;EACpB,MAAMG,WAAWF,OAAOE;EAExB,MAAM,EAAEC,SAAS,MAAMF,QAAQG,KAAK;GAClCZ;GACAa,OAAO,EAAEH,UAAU,EAAEI,QAAQJ,UAAS,EAAE;GACzC,CAAC;EAEF,MAAMR,MAAMS,KAAK;AAEjB,MAAI,CAACT,IACH,QAAOa,qBAAqB;AAG9B,MAAIb,IAAIc,YAAY,MAClB,QAAOD,oBAAoB,EAAEX,UAAUF,IAAIE,UAAU,CAAC;AAGxD,SAAO,MAAMa,YAAY;GAAElB;GAAYG;GAAK,CAAC;;;;;;;;;AAUjD,SAASa,oBAAoBT,MAA0C;CACrE,MAAM,EAAEF,WAAW,+BAA+BE,QAAQ,EAAE;AAC5D,QAAO,IAAIY,SAAS,IAAIC,WAAW,EAAE,EAAE;EACrCC,QAAQ;EACRC,SAAS;GACP,gBAAgBjB;GAChB,kBAAkB;GACpB;EACD,CAAC;;;;;;;;;AAUJ,eAAea,YAAY,EACzBlB,YACAG,OACqC;AACrC,KAAI;EAEF,MAAMsB,WAAS,MADCzB,YAAY,CACC0B,KAAKvB,IAAIQ,SAAS;AAE/C,MAAIc,UAAQ;GACV,MAAME,YAAYhC,SAASiC,MAAMH,SAAO;AACxC,UAAO,IAAIN,SAASQ,UAAU;;UAEzBG,QAAQ;AAIjB,QAAOd,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"staticHandler.mjs","names":["stream"],"sources":["../../src/adapter/staticHandler.ts"],"sourcesContent":["import { Readable } from 'node:stream'\nimport type { StaticHandler } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StaticHandlerArgs {\n  getS3Store: () => S3Store\n  collection: string\n}\n\ninterface ServeS3FileArgs {\n  getS3Store: () => S3Store\n  doc: Document\n}\n\ninterface CreateEmptyResponseArgs {\n  mimeType?: string\n}\n\n/**\n * Creates a static handler that serves files from S3 or returns empty responses for Mux assets\n * @param args - The arguments for creating the static handler\n * @param args.getS3Store -  Function that returns an S3 client instance\n * @param args.collection - The name of the media collection in Payload\n * @returns A StaticHandler function that serves files or empty responses based on storage type\n */\nexport function getStaticHandler(args: StaticHandlerArgs): StaticHandler {\n  const { getS3Store, collection } = args\n  return async (req, { params }) => {\n    const { payload } = req\n    const filename = params.filename\n\n    const { docs } = await payload.find({\n      collection,\n      where: { filename: { equals: filename } },\n    })\n\n    const doc = docs[0] as Document\n\n    if (!doc) {\n      return createEmptyResponse()\n    }\n\n    if (doc.storage === 'mux') {\n      return createEmptyResponse({ mimeType: doc.mimeType })\n    }\n\n    return await serveS3File({ getS3Store, doc })\n  }\n}\n\n/**\n * Creates an empty response with appropriate headers\n * @param args - Optional arguments for the empty response\n * @param args.mimeType - The MIME type to set in the Content-Type header\n * @returns A Response object with empty content and appropriate headers\n */\nfunction createEmptyResponse(args?: CreateEmptyResponseArgs): Response {\n  const { mimeType = 'application/octet-stream' } = args ?? {}\n  return new Response(new Uint8Array(0), {\n    status: 200,\n    headers: {\n      'Content-Type': mimeType,\n      'Content-Length': '0',\n    },\n  })\n}\n\n/**\n * Serves a file from S3 storage\n * @param args - The arguments for serving the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.doc - The document containing file metadata\n * @returns A Promise that resolves to a Response object containing the file stream or empty response on error\n */\nasync function serveS3File({\n  getS3Store,\n  doc,\n}: ServeS3FileArgs): Promise<Response> {\n  try {\n    const s3Store = getS3Store()\n    const stream = await s3Store.read(doc.filename)\n\n    if (stream) {\n      const webStream = Readable.toWeb(stream) as ReadableStream<Uint8Array>\n      return new Response(webStream)\n    }\n  } catch (_error) {\n    // File not found or other error, fall back to empty response\n  }\n\n  return createEmptyResponse({})\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,iBAAiB,MAAwC;CACvE,MAAM,EAAE,YAAY,eAAe;AACnC,QAAO,OAAO,KAAK,EAAE,aAAa;EAChC,MAAM,EAAE,YAAY;EACpB,MAAM,WAAW,OAAO;EAExB,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC;GACA,OAAO,EAAE,UAAU,EAAE,QAAQ,UAAU,EAAE;GAC1C,CAAC;EAEF,MAAM,MAAM,KAAK;AAEjB,MAAI,CAAC,IACH,QAAO,qBAAqB;AAG9B,MAAI,IAAI,YAAY,MAClB,QAAO,oBAAoB,EAAE,UAAU,IAAI,UAAU,CAAC;AAGxD,SAAO,MAAM,YAAY;GAAE;GAAY;GAAK,CAAC;;;;;;;;;AAUjD,SAAS,oBAAoB,MAA0C;CACrE,MAAM,EAAE,WAAW,+BAA+B,QAAQ,EAAE;AAC5D,QAAO,IAAI,SAAS,IAAI,WAAW,EAAE,EAAE;EACrC,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,kBAAkB;GACnB;EACF,CAAC;;;;;;;;;AAUJ,eAAe,YAAY,EACzB,YACA,OACqC;AACrC,KAAI;EAEF,MAAMA,WAAS,MADC,YAAY,CACC,KAAK,IAAI,SAAS;AAE/C,MAAIA,UAAQ;GACV,MAAM,YAAY,SAAS,MAAMA,SAAO;AACxC,UAAO,IAAI,SAAS,UAAU;;UAEzB,QAAQ;AAIjB,QAAO,oBAAoB,EAAE,CAAC"}

package/dist/adapter/storageAdapter.mjs

@@ -1,8 +1,11 @@
+import { MediaCloudErrors } from "../types/errors.mjs";
 import { getHandleUpload } from "./handleUpload.mjs";
+import { useMagicError } from "../error-handler/dist/index.mjs";
 import { getHandleDelete } from "./handleDelete.mjs";
 import { getStaticHandler } from "./staticHandler.mjs";
 
 //#region src/adapter/storageAdapter.ts
+const magicError = useMagicError({ prefix: "PLUGIN-MEDIA-CLOUD" });
 /**
 * Creates the storage adapter for media cloud plugin
 * @param args - The arguments for creating the storage adapter
@@ -12,7 +15,9 @@ import { getStaticHandler } from "./staticHandler.mjs";
 * @returns An Adapter function that returns a GeneratedAdapter configuration
 */
 function getStorageAdapter(args) {
-	const { getS3Store, getMuxClient } = args;
+	const { getS3Store, getMuxClient, pluginOptions } = args;
+	const collection = pluginOptions.collection;
+	magicError.assert(collection, MediaCloudErrors.COLLECTION_REQUIRED);
 	return () => ({
 		name: "media-cloud",
 		clientUploads: true,
@@ -21,7 +26,10 @@ function getStorageAdapter(args) {
 			getS3Store,
 			getMuxClient
 		}),
-		staticHandler: getStaticHandler({ getS3Store })
+		staticHandler: getStaticHandler({
+			getS3Store,
+			collection
+		})
 	});
 }
 

package/dist/adapter/storageAdapter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"storageAdapter.mjs","names":["getHandleUpload","getHandleDelete","getStaticHandler","Adapter","GeneratedAdapter","Mux","MediaCloudPluginOptions","S3Store","StorageAdapterArgs","pluginOptions","getS3Store","getMuxClient","getStorageAdapter","args","name","clientUploads","handleUpload","handleDelete","staticHandler"],"sources":["../../src/adapter/storageAdapter.ts"],"sourcesContent":["import { getHandleUpload } from './handleUpload'\nimport { getHandleDelete } from './handleDelete'\nimport { getStaticHandler } from './staticHandler'\n\nimport type {\n  Adapter,\n  GeneratedAdapter,\n} from '@payloadcms/plugin-cloud-storage/types'\nimport type { Mux } from '@mux/mux-node'\nimport type { MediaCloudPluginOptions } from '../types'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StorageAdapterArgs {\n  pluginOptions: MediaCloudPluginOptions\n  getS3Store: () => S3Store\n  getMuxClient: () => Mux\n}\n\n/**\n * Creates the storage adapter for media cloud plugin\n * @param args - The arguments for creating the storage adapter\n * @param args.pluginOptions - The media cloud plugin options\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns An Adapter function that returns a GeneratedAdapter configuration\n */\nexport function getStorageAdapter(args: StorageAdapterArgs): Adapter {\n  const { getS3Store, getMuxClient } = args\n\n  return (): GeneratedAdapter => ({\n    name: 'media-cloud',\n    clientUploads: true,\n    handleUpload: getHandleUpload(),\n    handleDelete: getHandleDelete({ getS3Store, getMuxClient }),\n    staticHandler: getStaticHandler({ getS3Store }),\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgBY,kBAAkBC,MAAmC;CACnE,MAAM,EAAEH,YAAYC,iBAAiBE;AAErC,eAAgC;EAC9BC,MAAM;EACNC,eAAe;EACfC,cAAchB,iBAAiB;EAC/BiB,cAAchB,gBAAgB;GAAES;GAAYC;GAAc,CAAC;EAC3DO,eAAehB,iBAAiB,EAAEQ,YAAY,CAAA;EAC/C"}
+{"version":3,"file":"storageAdapter.mjs","names":["magicError: UseMagicErrorReturn"],"sources":["../../src/adapter/storageAdapter.ts"],"sourcesContent":["import { getHandleUpload } from './handleUpload'\nimport { getHandleDelete } from './handleDelete'\nimport { getStaticHandler } from './staticHandler'\n\nimport { useMagicError, type UseMagicErrorReturn } from '@maas/error-handler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type {\n  Adapter,\n  GeneratedAdapter,\n} from '@payloadcms/plugin-cloud-storage/types'\nimport type { Mux } from '@mux/mux-node'\nimport type { MediaCloudPluginOptions } from '../types'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StorageAdapterArgs {\n  pluginOptions: MediaCloudPluginOptions\n  getS3Store: () => S3Store\n  getMuxClient: () => Mux\n}\n\nconst magicError: UseMagicErrorReturn = useMagicError({\n  prefix: 'PLUGIN-MEDIA-CLOUD',\n})\n\n/**\n * Creates the storage adapter for media cloud plugin\n * @param args - The arguments for creating the storage adapter\n * @param args.pluginOptions - The media cloud plugin options\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns An Adapter function that returns a GeneratedAdapter configuration\n */\nexport function getStorageAdapter(args: StorageAdapterArgs): Adapter {\n  const { getS3Store, getMuxClient, pluginOptions } = args\n\n  const collection = pluginOptions.collection\n  magicError.assert(collection, MediaCloudErrors.COLLECTION_REQUIRED)\n\n  return (): GeneratedAdapter => ({\n    name: 'media-cloud',\n    clientUploads: true,\n    handleUpload: getHandleUpload(),\n    handleDelete: getHandleDelete({ getS3Store, getMuxClient }),\n    staticHandler: getStaticHandler({ getS3Store, collection }),\n  })\n}\n"],"mappings":";;;;;;;AAqBA,MAAMA,aAAkC,cAAc,EACpD,QAAQ,sBACT,CAAC;;;;;;;;;AAUF,SAAgB,kBAAkB,MAAmC;CACnE,MAAM,EAAE,YAAY,cAAc,kBAAkB;CAEpD,MAAM,aAAa,cAAc;AACjC,YAAW,OAAO,YAAY,iBAAiB,oBAAoB;AAEnE,eAAgC;EAC9B,MAAM;EACN,eAAe;EACf,cAAc,iBAAiB;EAC/B,cAAc,gBAAgB;GAAE;GAAY;GAAc,CAAC;EAC3D,eAAe,iBAAiB;GAAE;GAAY;GAAY,CAAC;EAC5D"}

package/dist/collectionHooks/afterChange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"afterChange.mjs","names":["buildThumbnailURL","s3Store","MediaCloudErrors","useErrorHandler","CollectionAfterChangeHook","afterChangeHook","collection","doc","previousDoc","req","throwError","path","storage","oldKey","filename","newKey","copy","error","S3_MOVE_ERROR","cause","thumbnail","playbackId","id","undefined","s3Key","payload","update","slug","data"],"sources":["../../src/collectionHooks/afterChange.ts"],"sourcesContent":["import { buildThumbnailURL } from '../utils/buildThumbnailURL'\nimport { s3Store } from '../plugin'\nimport { MediaCloudErrors } from '../types/errors'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\n\nimport type { CollectionAfterChangeHook } from 'payload'\n\nexport const afterChangeHook: CollectionAfterChangeHook = async ({\n  collection,\n  doc,\n  previousDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n\n  // Move asset in S3 if path has changed\n  if (doc.path !== previousDoc?.path) {\n    if (doc.storage === 's3' && s3Store) {\n      try {\n        const oldKey = previousDoc?.path ?? previousDoc?.filename\n        const newKey = doc.path\n\n        await s3Store.copy(oldKey, newKey)\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.S3_MOVE_ERROR, cause: error })\n      }\n    }\n  }\n\n  // Handle thumbnail\n  if (!doc.thumbnail || previousDoc?.path !== doc.path) {\n    const thumbnail = buildThumbnailURL({\n      storage: doc.storage,\n      playbackId: doc.storage === 'mux' ? doc.id : undefined,\n      s3Key: doc.storage === 's3' ? (doc.path ?? doc.filename) : undefined,\n      s3Store,\n    })\n\n    req.payload.update({\n      collection: collection.slug,\n      id: doc.id,\n      data: { thumbnail },\n    })\n  }\n\n  return doc\n}\n"],"mappings":";;;;;;AAOA,MAAaK,kBAA6C,OAAO,EAC/DC,YACAC,KACAC,aACAC,UACI;CACJ,MAAM,EAAEC,eAAeP,iBAAiB;AAGxC,KAAII,IAAII,SAASH,aAAaG,MAC5B;MAAIJ,IAAIK,YAAY,QAAQX,QAC1B,KAAI;GACF,MAAMY,SAASL,aAAaG,QAAQH,aAAaM;GACjD,MAAMC,SAASR,IAAII;AAEnB,SAAMV,QAAQe,KAAKH,QAAQE,OAAO;WAC3BE,OAAO;AACdP,cAAW;IAAE,GAAGR,iBAAiBgB;IAAeC,OAAOF;IAAO,CAAC;;;AAMrE,KAAI,CAACV,IAAIa,aAAaZ,aAAaG,SAASJ,IAAII,MAAM;EACpD,MAAMS,YAAYpB,kBAAkB;GAClCY,SAASL,IAAIK;GACbS,YAAYd,IAAIK,YAAY,QAAQL,IAAIe,KAAKC;GAC7CC,OAAOjB,IAAIK,YAAY,OAAQL,IAAII,QAAQJ,IAAIO,WAAYS;GAC3DtB;GACD,CAAC;AAEFQ,MAAIgB,QAAQC,OAAO;GACjBpB,YAAYA,WAAWqB;GACvBL,IAAIf,IAAIe;GACRM,MAAM,EAAER,WAAU;GACnB,CAAC;;AAGJ,QAAOb"}
+{"version":3,"file":"afterChange.mjs","names":["afterChangeHook: CollectionAfterChangeHook"],"sources":["../../src/collectionHooks/afterChange.ts"],"sourcesContent":["import { buildThumbnailURL } from '../utils/buildThumbnailURL'\nimport { s3Store } from '../plugin'\nimport { MediaCloudErrors } from '../types/errors'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\n\nimport type { CollectionAfterChangeHook } from 'payload'\n\nexport const afterChangeHook: CollectionAfterChangeHook = async ({\n  collection,\n  doc,\n  previousDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n\n  // Move asset in S3 if path has changed\n  if (doc.path !== previousDoc?.path) {\n    if (doc.storage === 's3' && s3Store) {\n      try {\n        const oldKey = previousDoc?.path ?? previousDoc?.filename\n        const newKey = doc.path\n\n        await s3Store.copy(oldKey, newKey)\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.S3_MOVE_ERROR, cause: error })\n      }\n    }\n  }\n\n  // Handle thumbnail\n  if (!doc.thumbnail || previousDoc?.path !== doc.path) {\n    const thumbnail = buildThumbnailURL({\n      storage: doc.storage,\n      playbackId: doc.storage === 'mux' ? doc.id : undefined,\n      s3Key: doc.storage === 's3' ? (doc.path ?? doc.filename) : undefined,\n      s3Store,\n    })\n\n    req.payload.update({\n      collection: collection.slug,\n      id: doc.id,\n      data: { thumbnail },\n    })\n  }\n\n  return doc\n}\n"],"mappings":";;;;;;AAOA,MAAaA,kBAA6C,OAAO,EAC/D,YACA,KACA,aACA,UACI;CACJ,MAAM,EAAE,eAAe,iBAAiB;AAGxC,KAAI,IAAI,SAAS,aAAa,MAC5B;MAAI,IAAI,YAAY,QAAQ,QAC1B,KAAI;GACF,MAAM,SAAS,aAAa,QAAQ,aAAa;GACjD,MAAM,SAAS,IAAI;AAEnB,SAAM,QAAQ,KAAK,QAAQ,OAAO;WAC3B,OAAO;AACd,cAAW;IAAE,GAAG,iBAAiB;IAAe,OAAO;IAAO,CAAC;;;AAMrE,KAAI,CAAC,IAAI,aAAa,aAAa,SAAS,IAAI,MAAM;EACpD,MAAM,YAAY,kBAAkB;GAClC,SAAS,IAAI;GACb,YAAY,IAAI,YAAY,QAAQ,IAAI,KAAK;GAC7C,OAAO,IAAI,YAAY,OAAQ,IAAI,QAAQ,IAAI,WAAY;GAC3D;GACD,CAAC;AAEF,MAAI,QAAQ,OAAO;GACjB,YAAY,WAAW;GACvB,IAAI,IAAI;GACR,MAAM,EAAE,WAAW;GACpB,CAAC;;AAGJ,QAAO"}

package/dist/collectionHooks/beforeChange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"beforeChange.mjs","names":["useErrorHandler","MediaCloudErrors","buildS3Path","CollectionBeforeChangeHook","beforeChangeHook","data","originalDoc","req","throwError","filename","folder","prefix","payload","findByID","id","collection","select","name","error","FOLDER_FETCH_ERROR","cause","path"],"sources":["../../src/collectionHooks/beforeChange.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\nimport { buildS3Path } from '../utils/buildS3Path'\nimport type { CollectionBeforeChangeHook } from 'payload'\n\nexport const beforeChangeHook: CollectionBeforeChangeHook = async ({\n  data,\n  originalDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n  // Update path\n  if (\n    (data.filename && data.filename !== originalDoc?.filename) ||\n    (data.folder && data.folder !== originalDoc?.folder) ||\n    !data.folder\n  ) {\n    let prefix = ''\n\n    if (data.folder) {\n      try {\n        const folder = await req.payload.findByID({\n          id: data.folder,\n          collection: 'payload-folders',\n          select: { name: true, folder: true },\n        })\n\n        if (folder) {\n          prefix = buildS3Path(folder)\n        }\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.FOLDER_FETCH_ERROR, cause: error })\n      }\n    }\n\n    // Save path\n    data.path = prefix ? `${prefix}/${data.filename}` : data.filename\n  }\n\n  return data\n}\n"],"mappings":";;;;;AAKA,MAAaI,mBAA+C,OAAO,EACjEC,MACAC,aACAC,UACI;CACJ,MAAM,EAAEC,eAAeR,iBAAiB;AAExC,KACGK,KAAKI,YAAYJ,KAAKI,aAAaH,aAAaG,YAChDJ,KAAKK,UAAUL,KAAKK,WAAWJ,aAAaI,UAC7C,CAACL,KAAKK,QACN;EACA,IAAIC,SAAS;AAEb,MAAIN,KAAKK,OACP,KAAI;GACF,MAAMA,SAAS,MAAMH,IAAIK,QAAQC,SAAS;IACxCC,IAAIT,KAAKK;IACTK,YAAY;IACZC,QAAQ;KAAEC,MAAM;KAAMP,QAAQ;KAAK;IACpC,CAAC;AAEF,OAAIA,OACFC,UAAST,YAAYQ,OAAO;WAEvBQ,OAAO;AACdV,cAAW;IAAE,GAAGP,iBAAiBkB;IAAoBC,OAAOF;IAAO,CAAC;;AAKxEb,OAAKgB,OAAOV,SAAS,GAAGA,OAAM,GAAIN,KAAKI,aAAaJ,KAAKI;;AAG3D,QAAOJ"}
+{"version":3,"file":"beforeChange.mjs","names":["beforeChangeHook: CollectionBeforeChangeHook"],"sources":["../../src/collectionHooks/beforeChange.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\nimport { buildS3Path } from '../utils/buildS3Path'\nimport type { CollectionBeforeChangeHook } from 'payload'\n\nexport const beforeChangeHook: CollectionBeforeChangeHook = async ({\n  data,\n  originalDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n  // Update path\n  if (\n    (data.filename && data.filename !== originalDoc?.filename) ||\n    (data.folder && data.folder !== originalDoc?.folder) ||\n    !data.folder\n  ) {\n    let prefix = ''\n\n    if (data.folder) {\n      try {\n        const folder = await req.payload.findByID({\n          id: data.folder,\n          collection: 'payload-folders',\n          select: { name: true, folder: true },\n        })\n\n        if (folder) {\n          prefix = buildS3Path(folder)\n        }\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.FOLDER_FETCH_ERROR, cause: error })\n      }\n    }\n\n    // Save path\n    data.path = prefix ? `${prefix}/${data.filename}` : data.filename\n  }\n\n  return data\n}\n"],"mappings":";;;;;AAKA,MAAaA,mBAA+C,OAAO,EACjE,MACA,aACA,UACI;CACJ,MAAM,EAAE,eAAe,iBAAiB;AAExC,KACG,KAAK,YAAY,KAAK,aAAa,aAAa,YAChD,KAAK,UAAU,KAAK,WAAW,aAAa,UAC7C,CAAC,KAAK,QACN;EACA,IAAI,SAAS;AAEb,MAAI,KAAK,OACP,KAAI;GACF,MAAM,SAAS,MAAM,IAAI,QAAQ,SAAS;IACxC,IAAI,KAAK;IACT,YAAY;IACZ,QAAQ;KAAE,MAAM;KAAM,QAAQ;KAAM;IACrC,CAAC;AAEF,OAAI,OACF,UAAS,YAAY,OAAO;WAEvB,OAAO;AACd,cAAW;IAAE,GAAG,iBAAiB;IAAoB,OAAO;IAAO,CAAC;;AAKxE,OAAK,OAAO,SAAS,GAAG,OAAO,GAAG,KAAK,aAAa,KAAK;;AAG3D,QAAO"}

package/dist/collections/mediaCollection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mediaCollection.mjs","names":["thumbnailField","pathField","filenameField","altField","widthField","heightField","storageField","muxField","beforeChangeHook","afterChangeHook","CollectionConfig","Document","MediaCloudPluginOptions","GetMediaCollectionArgs","view","folders","baseCollection","getMediaCollection","args","components","views","list","Component","undefined","afterChange","beforeChange","config","slug","custom","storage","access","read","delete","admin","group","pagination","defaultLimit","upload","crop","displayPreview","hideRemoveFile","adminThumbnail","doc","thumbnail","fields","type","hooks"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { thumbnailField } from '../fields/thumbnail'\nimport { pathField } from '../fields/path'\nimport { filenameField } from '../fields/filename'\nimport { altField } from '../fields/alt'\nimport { widthField } from '../fields/width'\nimport { heightField } from '../fields/height'\nimport { storageField } from '../fields/storage'\nimport { muxField } from '../fields/mux'\n\nimport { beforeChangeHook } from '../collectionHooks/beforeChange'\nimport { afterChangeHook } from '../collectionHooks/afterChange'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { MediaCloudPluginOptions } from '../types/index'\n\ninterface GetMediaCollectionArgs {\n  view: MediaCloudPluginOptions['view']\n  folders: MediaCloudPluginOptions['folders']\n  baseCollection?: CollectionConfig\n}\n\n/**\n * Creates a media collection configuration for Payload CMS\n * @param args - Arguments including the S3Store instance\n * @returns A configured Payload collection for media files\n */\nexport function getMediaCollection(\n  args: GetMediaCollectionArgs\n): CollectionConfig {\n  const { baseCollection, view, folders } = args\n\n  // Override list view to use grid view if specified\n  const components =\n    view === 'grid'\n      ? {\n          views: {\n            list: {\n              Component: '@maas/payload-plugin-media-cloud/components#GridView',\n            },\n          },\n        }\n      : undefined\n\n  // Add hook, if folders are enabled\n  // to handle thumbnails and S3 prefixing\n  const afterChange = folders ? [afterChangeHook] : []\n  const beforeChange = folders ? [beforeChangeHook] : []\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    custom: {\n      storage: 'test',\n    },\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\n      components,\n      group: 'Media Cloud',\n      pagination: {\n        defaultLimit: 50,\n      },\n    },\n    upload: {\n      crop: false,\n      displayPreview: true,\n      hideRemoveFile: true,\n      adminThumbnail({ doc }: { doc: Document }) {\n        return doc.thumbnail ?? null\n      },\n    },\n    fields: [\n      thumbnailField,\n      pathField,\n      altField,\n      {\n        type: 'row',\n        fields: [widthField, heightField],\n      },\n      storageField,\n      muxField,\n    ],\n    hooks: {\n      beforeChange,\n      afterChange,\n    },\n  }\n\n  if (!baseCollection) {\n    return config\n  }\n\n  return {\n    ...baseCollection,\n    slug: baseCollection.slug ?? config.slug,\n    admin: {\n      ...(config.admin ?? {}),\n      ...(baseCollection.admin ?? {}),\n    },\n    access: {\n      ...(config.access ?? {}),\n      ...(baseCollection.access ?? {}),\n    },\n    upload: config.upload,\n    fields: [...(baseCollection.fields ?? []), ...config.fields, filenameField],\n    hooks: {\n      ...baseCollection.hooks,\n      beforeChange: [\n        ...(baseCollection.hooks?.beforeChange ?? []),\n        ...(config.hooks?.beforeChange ?? []),\n      ],\n      afterChange: [\n        ...(baseCollection.hooks?.afterChange ?? []),\n        ...(config.hooks?.afterChange ?? []),\n      ],\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,SAAgBiB,mBACdC,MACkB;CAClB,MAAM,EAAEF,gBAAgBF,MAAMC,YAAYG;CAmB1C,MAAMQ,SAA2B;EAC/BC,MAAM;EACNC,QAAQ,EACNC,SAAS,QACV;EACDC,QAAQ;GACNC,YAAY;GACZC,cAAc;GACf;EACDC,OAAO;GACLd,YAzBFL,SAAS,SACL,EACEM,OAAO,EACLC,MAAM,EACJC,WAAW,wDACb,EACF,EACD,GACDC;GAkBFW,OAAO;GACPC,YAAY,EACVC,cAAc,IAChB;GACD;EACDC,QAAQ;GACNC,MAAM;GACNC,gBAAgB;GAChBC,gBAAgB;GAChBC,eAAe,EAAEC,OAA0B;AACzC,WAAOA,IAAIC,aAAa;;GAE3B;EACDC,QAAQ;GACN5C;GACAC;GACAE;GACA;IACE0C,MAAM;IACND,QAAQ,CAACxC,YAAYC,YAAW;IACjC;GACDC;GACAC;GACD;EACDuC,OAAO;GACLrB,cAtCiBV,UAAU,CAACP,iBAAiB,GAAG,EAAE;GAuClDgB,aAxCgBT,UAAU,CAACN,gBAAgB,GAAG,EAAE;GAyClD;EACD;AAED,KAAI,CAACO,eACH,QAAOU;AAGT,QAAO;EACL,GAAGV;EACHW,MAAMX,eAAeW,QAAQD,OAAOC;EACpCM,OAAO;GACL,GAAIP,OAAOO,SAAS,EAAE;GACtB,GAAIjB,eAAeiB,SAAS,EAAE;GAC/B;EACDH,QAAQ;GACN,GAAIJ,OAAOI,UAAU,EAAE;GACvB,GAAId,eAAec,UAAU,EAAE;GAChC;EACDO,QAAQX,OAAOW;EACfO,QAAQ;GAAC,GAAI5B,eAAe4B,UAAU,EAAE;GAAG,GAAGlB,OAAOkB;GAAQ1C;GAAc;EAC3E4C,OAAO;GACL,GAAG9B,eAAe8B;GAClBrB,cAAc,CACZ,GAAIT,eAAe8B,OAAOrB,gBAAgB,EAAE,EAC5C,GAAIC,OAAOoB,OAAOrB,gBAAgB,EAAE,CACrC;GACDD,aAAa,CACX,GAAIR,eAAe8B,OAAOtB,eAAe,EAAE,EAC3C,GAAIE,OAAOoB,OAAOtB,eAAe,EAAE,CAAC;GAExC;EACD"}
+{"version":3,"file":"mediaCollection.mjs","names":["config: CollectionConfig"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { thumbnailField } from '../fields/thumbnail'\nimport { pathField } from '../fields/path'\nimport { filenameField } from '../fields/filename'\nimport { altField } from '../fields/alt'\nimport { widthField } from '../fields/width'\nimport { heightField } from '../fields/height'\nimport { storageField } from '../fields/storage'\nimport { muxField } from '../fields/mux'\n\nimport { beforeChangeHook } from '../collectionHooks/beforeChange'\nimport { afterChangeHook } from '../collectionHooks/afterChange'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { MediaCloudPluginOptions } from '../types/index'\n\ninterface GetMediaCollectionArgs {\n  view: MediaCloudPluginOptions['view']\n  folders: MediaCloudPluginOptions['folders']\n  baseCollection?: CollectionConfig\n}\n\n/**\n * Creates a media collection configuration for Payload CMS\n * @param args - Arguments including the S3Store instance\n * @returns A configured Payload collection for media files\n */\nexport function getMediaCollection(\n  args: GetMediaCollectionArgs\n): CollectionConfig {\n  const { baseCollection, view, folders } = args\n\n  // Override list view to use grid view if specified\n  const components =\n    view === 'grid'\n      ? {\n          views: {\n            list: {\n              Component: '@maas/payload-plugin-media-cloud/components#GridView',\n            },\n          },\n        }\n      : undefined\n\n  // Add hook, if folders are enabled\n  // to handle thumbnails and S3 prefixing\n  const afterChange = folders ? [afterChangeHook] : []\n  const beforeChange = folders ? [beforeChangeHook] : []\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    custom: {\n      storage: 'test',\n    },\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\n      components,\n      group: 'Media Cloud',\n      pagination: {\n        defaultLimit: 50,\n      },\n    },\n    upload: {\n      crop: false,\n      displayPreview: true,\n      hideRemoveFile: true,\n      adminThumbnail({ doc }: { doc: Document }) {\n        return doc.thumbnail ?? null\n      },\n    },\n    fields: [\n      thumbnailField,\n      pathField,\n      altField,\n      {\n        type: 'row',\n        fields: [widthField, heightField],\n      },\n      storageField,\n      muxField,\n    ],\n    hooks: {\n      beforeChange,\n      afterChange,\n    },\n  }\n\n  if (!baseCollection) {\n    return config\n  }\n\n  return {\n    ...baseCollection,\n    slug: baseCollection.slug ?? config.slug,\n    admin: {\n      ...(config.admin ?? {}),\n      ...(baseCollection.admin ?? {}),\n    },\n    access: {\n      ...(config.access ?? {}),\n      ...(baseCollection.access ?? {}),\n    },\n    upload: config.upload,\n    fields: [...(baseCollection.fields ?? []), ...config.fields, filenameField],\n    hooks: {\n      ...baseCollection.hooks,\n      beforeChange: [\n        ...(baseCollection.hooks?.beforeChange ?? []),\n        ...(config.hooks?.beforeChange ?? []),\n      ],\n      afterChange: [\n        ...(baseCollection.hooks?.afterChange ?? []),\n        ...(config.hooks?.afterChange ?? []),\n      ],\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,gBAAgB,MAAM,YAAY;CAmB1C,MAAMA,SAA2B;EAC/B,MAAM;EACN,QAAQ,EACN,SAAS,QACV;EACD,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,YAzBF,SAAS,SACL,EACE,OAAO,EACL,MAAM,EACJ,WAAW,wDACZ,EACF,EACF,GACD;GAkBF,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,WAAO,IAAI,aAAa;;GAE3B;EACD,QAAQ;GACN;GACA;GACA;GACA;IACE,MAAM;IACN,QAAQ,CAAC,YAAY,YAAY;IAClC;GACD;GACA;GACD;EACD,OAAO;GACL,cAtCiB,UAAU,CAAC,iBAAiB,GAAG,EAAE;GAuClD,aAxCgB,UAAU,CAAC,gBAAgB,GAAG,EAAE;GAyCjD;EACF;AAED,KAAI,CAAC,eACH,QAAO;AAGT,QAAO;EACL,GAAG;EACH,MAAM,eAAe,QAAQ,OAAO;EACpC,OAAO;GACL,GAAI,OAAO,SAAS,EAAE;GACtB,GAAI,eAAe,SAAS,EAAE;GAC/B;EACD,QAAQ;GACN,GAAI,OAAO,UAAU,EAAE;GACvB,GAAI,eAAe,UAAU,EAAE;GAChC;EACD,QAAQ,OAAO;EACf,QAAQ;GAAC,GAAI,eAAe,UAAU,EAAE;GAAG,GAAG,OAAO;GAAQ;GAAc;EAC3E,OAAO;GACL,GAAG,eAAe;GAClB,cAAc,CACZ,GAAI,eAAe,OAAO,gBAAgB,EAAE,EAC5C,GAAI,OAAO,OAAO,gBAAgB,EAAE,CACrC;GACD,aAAa,CACX,GAAI,eAAe,OAAO,eAAe,EAAE,EAC3C,GAAI,OAAO,OAAO,eAAe,EAAE,CACpC;GACF;EACF"}

package/dist/components/folderFileCard/folderFileCard.mjs

@@ -2,6 +2,7 @@ import { useGrid } from "../gridContext/gridContext.mjs";
 import { c } from "react/compiler-runtime";
 import { useSelection } from "@payloadcms/ui";
 import { FolderFileCard } from "@payloadcms/ui/elements/FolderView/FolderFileCard";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/folderFileCard/folderFileCard.tsx
 function ContextFolderFileCard(props) {
@@ -55,7 +56,18 @@ function ContextFolderFileCard(props) {
 	} 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 = <FolderFileCard className={className} id={t1} isFocused={isFocused} isSelected={isSelected} itemKey={t2} previewUrl={item.thumbnailURL} title={item.title} type="file" onClick={t3} onKeyDown={t4} />;
+		t5 = /* @__PURE__ */ jsx(FolderFileCard, {
+			className,
+			id: t1,
+			isFocused,
+			isSelected,
+			itemKey: t2,
+			previewUrl: item.thumbnailURL,
+			title: item.title,
+			type: "file",
+			onClick: t3,
+			onKeyDown: t4
+		});
 		$[13] = className;
 		$[14] = isFocused;
 		$[15] = isSelected;

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

@@ -1 +1 @@
-{"version":3,"file":"folderFileCard.mjs","names":["useMemo","FolderFileCard","useSelection","useGrid","MappedDocument","ContextCardProps","className","index","item","ContextFolderFileCard","props","$","_c","focusedItemIndex","onItemClick","onItemKeyPress","selectedIDs","t0","id","includes","isSelected","isFocused","t1","t2","toString","t3","event","t4","event_0","t5","thumbnailURL","title"],"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,SAAOS,sBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAN,WAAAC,OAAAC,SAAmCE;CAEnC,MAAA,EAAAG,kBAAAC,aAAAC,mBAA0DZ,SAAS;CACnE,MAAA,EAAAa,gBAAwBd,cAAc;CAAA,IAAAe;AAAA,KAAAN,EAAA,OAAAH,KAAAU,MAAAP,EAAA,OAAAK,aAAA;AAG9BC,OAAAD,YAAWG,SAAUX,KAAIU,GAAI;AAAAP,IAAA,KAAAH,KAAAU;AAAAP,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CADrC,MAAAS,aACQH;CAIR,MAAAI,YACQR,qBAAqBN;CAOrB,MAAAe,KAAAd,KAAIU;CAAG,IAAAK;AAAA,KAAAZ,EAAA,OAAAH,KAAAU,IAAA;AAGFK,OAAAf,KAAIU,GAAGM,UAAW;AAAAb,IAAA,KAAAH,KAAAU;AAAAP,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAJ,SAAAI,EAAA,OAAAH,QAAAG,EAAA,OAAAG,aAAA;AAIlBW,QAAAC,UAAA;AACFZ,eAAY;IAAAY;IAAAnB;IAAAC;IAAsB,CAAC;;AACzCG,IAAA,KAAAJ;AAAAI,IAAA,KAAAH;AAAAG,IAAA,KAAAG;AAAAH,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAJ,SAAAI,EAAA,QAAAH,QAAAG,EAAA,QAAAI,gBAAA;AACUY,QAAAC,YAAA;AACJb,kBAAe;IAAAW,OAAEA;IAAKnB;IAAAC;IAAe,CAAC;;AAC5CG,IAAA,KAAAJ;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAI;AAAAJ,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAL,aAAAK,EAAA,QAAAU,aAAAV,EAAA,QAAAS,cAAAT,EAAA,QAAAH,KAAAU,MAAAP,EAAA,QAAAH,KAAAsB,gBAAAnB,EAAA,QAAAH,KAAAuB,SAAApB,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,MAAAd,EAAA,QAAAgB,IAAA;AAdHE,OAAA,CAAC,eACYvB,WAAAA,WACP,IAAAgB,IACOD,WAAAA,WACCD,YAAAA,YACH,SAAAG,IACG,YAAAf,KAAIsB,cACT,OAAAtB,KAAIuB,OACL,YACG,SAAAN,IAGE,WAAAE;AAGXhB,IAAA,MAAAL;AAAAK,IAAA,MAAAU;AAAAV,IAAA,MAAAS;AAAAT,IAAA,MAAAH,KAAAU;AAAAP,IAAA,MAAAH,KAAAsB;AAAAnB,IAAA,MAAAH,KAAAuB;AAAApB,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAAgB;AAAAhB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAfFkB"}
+{"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"}

package/dist/components/gridContext/gridContext.mjs

@@ -5,9 +5,10 @@ import { useRouter } from "next/navigation";
 import { useConfig, useRouteTransition, useSelection } from "@payloadcms/ui";
 import { formatAdminURL } from "payload/shared";
 import { useDrawerDepth } from "@payloadcms/ui/elements/Drawer";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/gridContext/gridContext.tsx
-const Context = React.createContext({
+const Context = /* @__PURE__ */ React.createContext({
 	docs: [],
 	clearSelections: () => {},
 	onItemClick: () => void 0,
@@ -165,56 +166,56 @@ function GridProvider(props) {
 		totalCount
 	]);
 	const [lastClickedItem, setLastClickedItem] = React.useState();
-	const onItemClick = React.useCallback(({ event: event_0, item: clickedItem }) => {
-		let doubleClicked = false;
-		const isCtrlPressed_0 = event_0.ctrlKey || event_0.metaKey;
-		const isShiftPressed_0 = event_0.shiftKey;
-		const isCurrentlySelected_0 = selectedIDs.includes(clickedItem.id);
-		const currentItemIndex_0 = docs.findIndex((item_4) => item_4.id === clickedItem.id);
-		switch (true) {
-			case allowMultiSelection && isCtrlPressed_0:
-				event_0.preventDefault();
-				updateSelections({ indexes: docs.reduce((acc_2, item_5, idx_1) => {
-					if (item_5.id === clickedItem.id) {
-						if (!isCurrentlySelected_0) acc_2.push(idx_1);
-					} else if (selectedIDs.includes(item_5.id)) acc_2.push(idx_1);
-					return acc_2;
-				}, []) });
-				break;
-			case allowMultiSelection && isShiftPressed_0:
-				if (currentItemIndex_0 !== -1) updateSelections({ indexes: handleShiftSelection(currentItemIndex_0) });
-				break;
-			default: {
-				const now = Date.now();
-				doubleClicked = now - (lastClickTime.current ?? 0) < 400 && lastClickedItem?.id === clickedItem.id;
-				lastClickTime.current = now;
-				if (!doubleClicked) updateSelections({ indexes: isCurrentlySelected_0 && selectedIDs.length === 1 ? [] : [currentItemIndex_0] });
-				break;
-			}
-		}
-		setLastClickedItem(clickedItem);
-		if (doubleClicked) navigateAfterSelection({
-			collectionSlug: clickedItem.relationTo,
-			docID: clickedItem.id
-		});
-	}, [
-		docs,
-		allowMultiSelection,
-		getItem,
-		updateSelections,
-		navigateAfterSelection,
-		handleShiftSelection
-	]);
-	return <Context value={{
-		clearSelections,
-		docs,
-		focusedItemIndex,
-		onItemClick,
-		onItemKeyPress,
-		setFocusedItemIndex
-	}}>
-      {children}
-    </Context>;
+	return /* @__PURE__ */ jsx(Context, {
+		value: {
+			clearSelections,
+			docs,
+			focusedItemIndex,
+			onItemClick: React.useCallback(({ event: event_0, item: clickedItem }) => {
+				let doubleClicked = false;
+				const isCtrlPressed_0 = event_0.ctrlKey || event_0.metaKey;
+				const isShiftPressed_0 = event_0.shiftKey;
+				const isCurrentlySelected_0 = selectedIDs.includes(clickedItem.id);
+				const currentItemIndex_0 = docs.findIndex((item_4) => item_4.id === clickedItem.id);
+				switch (true) {
+					case allowMultiSelection && isCtrlPressed_0:
+						event_0.preventDefault();
+						updateSelections({ indexes: docs.reduce((acc_2, item_5, idx_1) => {
+							if (item_5.id === clickedItem.id) {
+								if (!isCurrentlySelected_0) acc_2.push(idx_1);
+							} else if (selectedIDs.includes(item_5.id)) acc_2.push(idx_1);
+							return acc_2;
+						}, []) });
+						break;
+					case allowMultiSelection && isShiftPressed_0:
+						if (currentItemIndex_0 !== -1) updateSelections({ indexes: handleShiftSelection(currentItemIndex_0) });
+						break;
+					default: {
+						const now = Date.now();
+						doubleClicked = now - (lastClickTime.current ?? 0) < 400 && lastClickedItem?.id === clickedItem.id;
+						lastClickTime.current = now;
+						if (!doubleClicked) updateSelections({ indexes: isCurrentlySelected_0 && selectedIDs.length === 1 ? [] : [currentItemIndex_0] });
+						break;
+					}
+				}
+				setLastClickedItem(clickedItem);
+				if (doubleClicked) navigateAfterSelection({
+					collectionSlug: clickedItem.relationTo,
+					docID: clickedItem.id
+				});
+			}, [
+				docs,
+				allowMultiSelection,
+				getItem,
+				updateSelections,
+				navigateAfterSelection,
+				handleShiftSelection
+			]),
+			onItemKeyPress,
+			setFocusedItemIndex
+		},
+		children
+	});
 }
 function useGrid() {
 	const context = React.use(Context);

package/dist/components/gridContext/gridContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gridContext.mjs","names":["React","useRouter","formatAdminURL","useDrawerDepth","useConfig","useRouteTransition","useSelection","FolderSortKeys","MappedDocument","OnItemClickArgs","event","MouseEvent","index","item","OnItemKeyPressArgs","KeyboardEvent","GridContextValue","docs","clearSelections","onItemClick","args","onItemKeyPress","setFocusedItemIndex","Dispatch","SetStateAction","focusedItemIndex","Context","createContext","undefined","GridProviderProps","allowMultiSelection","children","ReactNode","search","sort","GridProvider","props","config","drawerDepth","router","startRouteTransition","setSelection","selectedIDs","currentlySelectedIndexes","useRef","Set","useState","lastClickTime","totalCount","length","useCallback","current","getItem","id","find","doc","navigateAfterSelection","collectionSlug","docID","push","adminRoute","routes","admin","path","handleShiftSelection","targetIndex","existingIndexes","reduce","acc","idx","includes","firstSelectedIndex","Math","min","lastSelectedIndex","max","isWithinBounds","anchorIndex","distanceToFirst","abs","distanceToLast","startIndex","endIndex","newRangeIndexes","Array","from","_","i","mappedSet","updateSelections","indexes","newSelectedIDs","add","forEach","currentItem","code","ctrlKey","metaKey","shiftKey","isShiftPressed","isCtrlPressed","isCurrentlySelected","currentItemIndex","findIndex","preventDefault","isBackward","newItemIndex","selectedIndexes","relationTo","prevIndex","nextIndex","lastClickedItem","setLastClickedItem","clickedItem","doubleClicked","now","Date","useGrid","context","use","Error"],"sources":["../../../src/components/gridContext/gridContext.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { formatAdminURL } from 'payload/shared'\n\nimport { useDrawerDepth } from '@payloadcms/ui/elements/Drawer'\nimport { useConfig, useRouteTransition, useSelection } from '@payloadcms/ui'\n\nimport type { FolderSortKeys } from 'payload'\nimport type { MappedDocument } from '../gridView/gridView'\ninterface OnItemClickArgs {\n  event: React.MouseEvent\n  index: number\n  item: MappedDocument\n}\n\ninterface OnItemKeyPressArgs {\n  event: React.KeyboardEvent\n  index: number\n  item: MappedDocument\n}\n\nexport type GridContextValue = {\n  docs?: MappedDocument[]\n  clearSelections: () => void\n  onItemClick: (args: OnItemClickArgs) => void\n  onItemKeyPress: (args: OnItemKeyPressArgs) => void\n  setFocusedItemIndex: React.Dispatch<React.SetStateAction<number>>\n  focusedItemIndex: number\n}\n\nconst Context = React.createContext<GridContextValue>({\n  docs: [],\n  clearSelections: () => {},\n  onItemClick: () => undefined,\n  onItemKeyPress: () => undefined,\n  setFocusedItemIndex: () => -1,\n  focusedItemIndex: -1,\n})\n\nexport type GridProviderProps = {\n  readonly allowMultiSelection?: boolean\n  /**\n   * Children to render inside the provider\n   */\n  readonly children: React.ReactNode\n  /**\n   * All documents in the current folder\n   */\n  readonly docs: MappedDocument[]\n  /**\n   * The intial search query\n   */\n  readonly search?: string\n  /**\n   * The sort order of the documents\n   *\n   * @example\n   * `name` for descending\n   * `-name` for ascending\n   */\n  readonly sort?: FolderSortKeys\n}\nexport function GridProvider(props: GridProviderProps) {\n  const { allowMultiSelection = true, children, docs } = props\n\n  const { config } = useConfig()\n  const drawerDepth = useDrawerDepth()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setSelection, selectedIDs } = useSelection()\n  const currentlySelectedIndexes = React.useRef(new Set<number>())\n\n  const [focusedItemIndex, setFocusedItemIndex] = React.useState(-1)\n  const lastClickTime = React.useRef<null | number>(null)\n  const totalCount = docs.length\n\n  const clearSelections = React.useCallback(() => {\n    setFocusedItemIndex(-1)\n\n    currentlySelectedIndexes.current = new Set()\n  }, [])\n\n  const getItem = React.useCallback(\n    (id: string | number) => {\n      return docs.find((doc) => doc.id === id)\n    },\n    [docs]\n  )\n\n  const navigateAfterSelection = React.useCallback(\n    ({\n      collectionSlug,\n      docID,\n    }: {\n      collectionSlug: string\n      docID?: number | string\n    }) => {\n      if (drawerDepth === 1) {\n        // not in a drawer (default is 1)\n        if (collectionSlug) {\n          // clicked on document, take the user to the documet view\n          startRouteTransition(() => {\n            router.push(\n              formatAdminURL({\n                adminRoute: config.routes.admin,\n                path: `/collections/${collectionSlug}/${docID}`,\n              })\n            )\n            clearSelections()\n          })\n        }\n      } else {\n        clearSelections()\n      }\n    },\n    [\n      clearSelections,\n      config.routes.admin,\n      drawerDepth,\n      getItem,\n      router,\n      startRouteTransition,\n    ]\n  )\n\n  const handleShiftSelection = React.useCallback(\n    (targetIndex: number) => {\n      // Find existing selection boundaries\n      const existingIndexes = docs.reduce((acc, item, idx) => {\n        if (selectedIDs.includes(item.id)) {\n          acc.push(idx)\n        }\n        return acc\n      }, [] as number[])\n\n      if (existingIndexes.length === 0) {\n        // No existing selection, just select target\n        return [targetIndex]\n      }\n\n      const firstSelectedIndex = Math.min(...existingIndexes)\n      const lastSelectedIndex = Math.max(...existingIndexes)\n      const isWithinBounds =\n        targetIndex >= firstSelectedIndex && targetIndex <= lastSelectedIndex\n\n      // Choose anchor based on whether we're contracting or extending\n      let anchorIndex = targetIndex\n      if (isWithinBounds) {\n        // Contracting: if target is at a boundary, use target as anchor\n        // Otherwise, use furthest boundary to maintain opposite edge\n        if (\n          targetIndex === firstSelectedIndex ||\n          targetIndex === lastSelectedIndex\n        ) {\n          anchorIndex = targetIndex\n        } else {\n          const distanceToFirst = Math.abs(targetIndex - firstSelectedIndex)\n          const distanceToLast = Math.abs(targetIndex - lastSelectedIndex)\n          anchorIndex =\n            distanceToFirst >= distanceToLast\n              ? firstSelectedIndex\n              : lastSelectedIndex\n        }\n      } else {\n        // Extending: use closest boundary\n        const distanceToFirst = Math.abs(targetIndex - firstSelectedIndex)\n        const distanceToLast = Math.abs(targetIndex - lastSelectedIndex)\n        anchorIndex =\n          distanceToFirst <= distanceToLast\n            ? firstSelectedIndex\n            : lastSelectedIndex\n      }\n\n      // Create range from anchor to target\n      const startIndex = Math.min(anchorIndex, targetIndex)\n      const endIndex = Math.max(anchorIndex, targetIndex)\n      const newRangeIndexes = Array.from(\n        { length: endIndex - startIndex + 1 },\n        (_, i) => startIndex + i\n      )\n\n      if (isWithinBounds) {\n        // Contracting: replace with new range\n        return newRangeIndexes\n      } else {\n        // Extending: union with existing\n        const mappedSet = new Set([...existingIndexes, ...newRangeIndexes])\n        return Array.from(mappedSet)\n      }\n    },\n    [docs, selectedIDs]\n  )\n\n  const updateSelections = React.useCallback(\n    ({ indexes }: { indexes: number[] }) => {\n      const { newSelectedIDs } = docs.reduce(\n        (acc, item, index) => {\n          if (indexes.includes(index)) {\n            acc.newSelectedIDs.add(item.id)\n          }\n          return acc\n        },\n        {\n          newSelectedIDs: new Set<string | number>(),\n        }\n      )\n\n      // Clear previous selection in global selection context\n      selectedIDs.forEach((id) => {\n        setSelection(id)\n      })\n\n      // Update selection in global selection context\n      newSelectedIDs.forEach((id) => {\n        const item = getItem(id)\n        if (item) {\n          setSelection(item.id)\n        }\n      })\n    },\n    [docs, getItem, setSelection]\n  )\n\n  const onItemKeyPress: GridContextValue['onItemKeyPress'] = React.useCallback(\n    ({ event, item: currentItem }) => {\n      const { code, ctrlKey, metaKey, shiftKey } = event\n\n      const isShiftPressed = shiftKey\n      const isCtrlPressed = ctrlKey || metaKey\n      const isCurrentlySelected = selectedIDs.includes(currentItem.id)\n      const currentItemIndex = docs.findIndex(\n        (item) => item.id === currentItem.id\n      )\n\n      switch (code) {\n        case 'ArrowDown':\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp': {\n          event.preventDefault()\n\n          if (currentItemIndex === -1) {\n            break\n          }\n\n          const isBackward = code === 'ArrowLeft' || code === 'ArrowUp'\n          const newItemIndex = isBackward\n            ? currentItemIndex - 1\n            : currentItemIndex + 1\n\n          if (newItemIndex < 0 || newItemIndex > totalCount - 1) {\n            // out of bounds, keep current selection\n            return\n          }\n\n          setFocusedItemIndex(newItemIndex)\n\n          if (isCtrlPressed) {\n            break\n          }\n\n          if (isShiftPressed && allowMultiSelection) {\n            const selectedIndexes = handleShiftSelection(newItemIndex)\n            updateSelections({ indexes: selectedIndexes })\n            return\n          }\n\n          // Single selection without shift\n          if (!isShiftPressed) {\n            // const newItem = allItems[newItemIndex]\n            updateSelections({ indexes: [newItemIndex] })\n          }\n\n          break\n        }\n        case 'Enter': {\n          if (selectedIDs.length === 1) {\n            // setFocusedItemIndex(undefined)\n            navigateAfterSelection({\n              collectionSlug: currentItem.relationTo,\n              docID: currentItem.id,\n            })\n            return\n          }\n          break\n        }\n        case 'Escape': {\n          clearSelections()\n          break\n        }\n        case 'KeyA': {\n          if (allowMultiSelection && isCtrlPressed) {\n            event.preventDefault()\n            setFocusedItemIndex(totalCount - 1)\n            updateSelections({\n              indexes: Array.from({ length: totalCount }, (_, i) => i),\n            })\n          }\n          break\n        }\n        case 'Space': {\n          if (allowMultiSelection && isShiftPressed) {\n            event.preventDefault()\n            updateSelections({\n              indexes: docs.reduce((acc, item, idx) => {\n                if (item.id === currentItem.id) {\n                  if (isCurrentlySelected) {\n                    return acc\n                  } else {\n                    acc.push(idx)\n                  }\n                } else if (selectedIDs.includes(item.id)) {\n                  acc.push(idx)\n                }\n                return acc\n              }, [] as number[]),\n            })\n          } else {\n            event.preventDefault()\n            updateSelections({\n              indexes: isCurrentlySelected ? [] : [currentItemIndex],\n            })\n          }\n          break\n        }\n        case 'Tab': {\n          if (allowMultiSelection && isShiftPressed) {\n            const prevIndex = currentItemIndex - 1\n            if (prevIndex < 0 && selectedIDs.length > 0) {\n              setFocusedItemIndex(prevIndex)\n            }\n          } else {\n            const nextIndex = currentItemIndex + 1\n            if (nextIndex === totalCount && selectedIDs.length > 0) {\n              setFocusedItemIndex(totalCount - 1)\n            }\n          }\n          break\n        }\n      }\n    },\n    [\n      selectedIDs,\n      docs,\n      allowMultiSelection,\n      handleShiftSelection,\n      updateSelections,\n      navigateAfterSelection,\n      clearSelections,\n      totalCount,\n    ]\n  )\n\n  // Track last clicked item for double-click detection\n  const [lastClickedItem, setLastClickedItem] = React.useState<\n    MappedDocument | undefined\n  >()\n\n  const onItemClick: GridContextValue['onItemClick'] = React.useCallback(\n    ({ event, item: clickedItem }) => {\n      let doubleClicked: boolean = false\n      const isCtrlPressed = event.ctrlKey || event.metaKey\n      const isShiftPressed = event.shiftKey\n      const isCurrentlySelected = selectedIDs.includes(clickedItem.id)\n      const currentItemIndex = docs.findIndex(\n        (item) => item.id === clickedItem.id\n      )\n\n      switch (true) {\n        case allowMultiSelection && isCtrlPressed: {\n          event.preventDefault()\n          const indexes = docs.reduce((acc, item, idx) => {\n            if (item.id === clickedItem.id) {\n              if (!isCurrentlySelected) {\n                acc.push(idx)\n              }\n            } else if (selectedIDs.includes(item.id)) {\n              acc.push(idx)\n            }\n            return acc\n          }, [] as number[])\n\n          updateSelections({ indexes })\n          break\n        }\n        case allowMultiSelection && isShiftPressed: {\n          if (currentItemIndex !== -1) {\n            const selectedIndexes = handleShiftSelection(currentItemIndex)\n            updateSelections({ indexes: selectedIndexes })\n          }\n          break\n        }\n        default: {\n          const now = Date.now()\n          doubleClicked =\n            now - (lastClickTime.current ?? 0) < 400 &&\n            lastClickedItem?.id === clickedItem.id\n          lastClickTime.current = now\n\n          if (!doubleClicked) {\n            updateSelections({\n              indexes:\n                isCurrentlySelected && selectedIDs.length === 1\n                  ? []\n                  : [currentItemIndex],\n            })\n          }\n          break\n        }\n      }\n\n      // Update last clicked item to determine double clicks\n      setLastClickedItem(clickedItem)\n\n      if (doubleClicked) {\n        navigateAfterSelection({\n          collectionSlug: clickedItem.relationTo,\n          docID: clickedItem.id,\n        })\n      }\n    },\n    [\n      docs,\n      allowMultiSelection,\n      getItem,\n      updateSelections,\n      navigateAfterSelection,\n      handleShiftSelection,\n    ]\n  )\n\n  return (\n    <Context\n      value={{\n        clearSelections,\n        docs,\n        focusedItemIndex,\n        onItemClick,\n        onItemKeyPress,\n        setFocusedItemIndex,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport function useGrid(): GridContextValue {\n  const context = React.use(Context)\n\n  if (context === undefined) {\n    throw new Error('useGrid must be used within a GridProvider')\n  }\n\n  return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"gridContext.mjs","names":["React","useRouter","formatAdminURL","useDrawerDepth","useConfig","useRouteTransition","useSelection","jsx","_jsx","Context","createContext","docs","clearSelections","onItemClick","undefined","onItemKeyPress","setFocusedItemIndex","focusedItemIndex","GridProvider","props","allowMultiSelection","children","config","drawerDepth","router","startRouteTransition","setSelection","selectedIDs","currentlySelectedIndexes","useRef","Set","useState","lastClickTime","totalCount","length","useCallback","current","getItem","id","find","doc","navigateAfterSelection","collectionSlug","docID","push","adminRoute","routes","admin","path","handleShiftSelection","targetIndex","existingIndexes","reduce","acc","item","idx","includes","firstSelectedIndex","Math","min","lastSelectedIndex","max","isWithinBounds","anchorIndex","distanceToFirst","abs","distanceToLast","startIndex","endIndex","newRangeIndexes","Array","from","_","i","mappedSet","updateSelections","indexes","newSelectedIDs","index","add","forEach","event","currentItem","code","ctrlKey","metaKey","shiftKey","isShiftPressed","isCtrlPressed","isCurrentlySelected","currentItemIndex","findIndex","preventDefault","isBackward","newItemIndex","selectedIndexes","relationTo","prevIndex","nextIndex","lastClickedItem","setLastClickedItem","clickedItem","doubleClicked","now","Date","value","useGrid","context","use","Error"],"sources":["../../../src/components/gridContext/gridContext.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { formatAdminURL } from 'payload/shared'\n\nimport { useDrawerDepth } from '@payloadcms/ui/elements/Drawer'\nimport { useConfig, useRouteTransition, useSelection } from '@payloadcms/ui'\n\nimport type { FolderSortKeys } from 'payload'\nimport type { MappedDocument } from '../gridView/gridView'\ninterface OnItemClickArgs {\n  event: React.MouseEvent\n  index: number\n  item: MappedDocument\n}\n\ninterface OnItemKeyPressArgs {\n  event: React.KeyboardEvent\n  index: number\n  item: MappedDocument\n}\n\nexport type GridContextValue = {\n  docs?: MappedDocument[]\n  clearSelections: () => void\n  onItemClick: (args: OnItemClickArgs) => void\n  onItemKeyPress: (args: OnItemKeyPressArgs) => void\n  setFocusedItemIndex: React.Dispatch<React.SetStateAction<number>>\n  focusedItemIndex: number\n}\n\nconst Context = React.createContext<GridContextValue>({\n  docs: [],\n  clearSelections: () => {},\n  onItemClick: () => undefined,\n  onItemKeyPress: () => undefined,\n  setFocusedItemIndex: () => -1,\n  focusedItemIndex: -1,\n})\n\nexport type GridProviderProps = {\n  readonly allowMultiSelection?: boolean\n  /**\n   * Children to render inside the provider\n   */\n  readonly children: React.ReactNode\n  /**\n   * All documents in the current folder\n   */\n  readonly docs: MappedDocument[]\n  /**\n   * The intial search query\n   */\n  readonly search?: string\n  /**\n   * The sort order of the documents\n   *\n   * @example\n   * `name` for descending\n   * `-name` for ascending\n   */\n  readonly sort?: FolderSortKeys\n}\nexport function GridProvider(props: GridProviderProps) {\n  const { allowMultiSelection = true, children, docs } = props\n\n  const { config } = useConfig()\n  const drawerDepth = useDrawerDepth()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setSelection, selectedIDs } = useSelection()\n  const currentlySelectedIndexes = React.useRef(new Set<number>())\n\n  const [focusedItemIndex, setFocusedItemIndex] = React.useState(-1)\n  const lastClickTime = React.useRef<null | number>(null)\n  const totalCount = docs.length\n\n  const clearSelections = React.useCallback(() => {\n    setFocusedItemIndex(-1)\n\n    currentlySelectedIndexes.current = new Set()\n  }, [])\n\n  const getItem = React.useCallback(\n    (id: string | number) => {\n      return docs.find((doc) => doc.id === id)\n    },\n    [docs]\n  )\n\n  const navigateAfterSelection = React.useCallback(\n    ({\n      collectionSlug,\n      docID,\n    }: {\n      collectionSlug: string\n      docID?: number | string\n    }) => {\n      if (drawerDepth === 1) {\n        // not in a drawer (default is 1)\n        if (collectionSlug) {\n          // clicked on document, take the user to the documet view\n          startRouteTransition(() => {\n            router.push(\n              formatAdminURL({\n                adminRoute: config.routes.admin,\n                path: `/collections/${collectionSlug}/${docID}`,\n              })\n            )\n            clearSelections()\n          })\n        }\n      } else {\n        clearSelections()\n      }\n    },\n    [\n      clearSelections,\n      config.routes.admin,\n      drawerDepth,\n      getItem,\n      router,\n      startRouteTransition,\n    ]\n  )\n\n  const handleShiftSelection = React.useCallback(\n    (targetIndex: number) => {\n      // Find existing selection boundaries\n      const existingIndexes = docs.reduce((acc, item, idx) => {\n        if (selectedIDs.includes(item.id)) {\n          acc.push(idx)\n        }\n        return acc\n      }, [] as number[])\n\n      if (existingIndexes.length === 0) {\n        // No existing selection, just select target\n        return [targetIndex]\n      }\n\n      const firstSelectedIndex = Math.min(...existingIndexes)\n      const lastSelectedIndex = Math.max(...existingIndexes)\n      const isWithinBounds =\n        targetIndex >= firstSelectedIndex && targetIndex <= lastSelectedIndex\n\n      // Choose anchor based on whether we're contracting or extending\n      let anchorIndex = targetIndex\n      if (isWithinBounds) {\n        // Contracting: if target is at a boundary, use target as anchor\n        // Otherwise, use furthest boundary to maintain opposite edge\n        if (\n          targetIndex === firstSelectedIndex ||\n          targetIndex === lastSelectedIndex\n        ) {\n          anchorIndex = targetIndex\n        } else {\n          const distanceToFirst = Math.abs(targetIndex - firstSelectedIndex)\n          const distanceToLast = Math.abs(targetIndex - lastSelectedIndex)\n          anchorIndex =\n            distanceToFirst >= distanceToLast\n              ? firstSelectedIndex\n              : lastSelectedIndex\n        }\n      } else {\n        // Extending: use closest boundary\n        const distanceToFirst = Math.abs(targetIndex - firstSelectedIndex)\n        const distanceToLast = Math.abs(targetIndex - lastSelectedIndex)\n        anchorIndex =\n          distanceToFirst <= distanceToLast\n            ? firstSelectedIndex\n            : lastSelectedIndex\n      }\n\n      // Create range from anchor to target\n      const startIndex = Math.min(anchorIndex, targetIndex)\n      const endIndex = Math.max(anchorIndex, targetIndex)\n      const newRangeIndexes = Array.from(\n        { length: endIndex - startIndex + 1 },\n        (_, i) => startIndex + i\n      )\n\n      if (isWithinBounds) {\n        // Contracting: replace with new range\n        return newRangeIndexes\n      } else {\n        // Extending: union with existing\n        const mappedSet = new Set([...existingIndexes, ...newRangeIndexes])\n        return Array.from(mappedSet)\n      }\n    },\n    [docs, selectedIDs]\n  )\n\n  const updateSelections = React.useCallback(\n    ({ indexes }: { indexes: number[] }) => {\n      const { newSelectedIDs } = docs.reduce(\n        (acc, item, index) => {\n          if (indexes.includes(index)) {\n            acc.newSelectedIDs.add(item.id)\n          }\n          return acc\n        },\n        {\n          newSelectedIDs: new Set<string | number>(),\n        }\n      )\n\n      // Clear previous selection in global selection context\n      selectedIDs.forEach((id) => {\n        setSelection(id)\n      })\n\n      // Update selection in global selection context\n      newSelectedIDs.forEach((id) => {\n        const item = getItem(id)\n        if (item) {\n          setSelection(item.id)\n        }\n      })\n    },\n    [docs, getItem, setSelection]\n  )\n\n  const onItemKeyPress: GridContextValue['onItemKeyPress'] = React.useCallback(\n    ({ event, item: currentItem }) => {\n      const { code, ctrlKey, metaKey, shiftKey } = event\n\n      const isShiftPressed = shiftKey\n      const isCtrlPressed = ctrlKey || metaKey\n      const isCurrentlySelected = selectedIDs.includes(currentItem.id)\n      const currentItemIndex = docs.findIndex(\n        (item) => item.id === currentItem.id\n      )\n\n      switch (code) {\n        case 'ArrowDown':\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp': {\n          event.preventDefault()\n\n          if (currentItemIndex === -1) {\n            break\n          }\n\n          const isBackward = code === 'ArrowLeft' || code === 'ArrowUp'\n          const newItemIndex = isBackward\n            ? currentItemIndex - 1\n            : currentItemIndex + 1\n\n          if (newItemIndex < 0 || newItemIndex > totalCount - 1) {\n            // out of bounds, keep current selection\n            return\n          }\n\n          setFocusedItemIndex(newItemIndex)\n\n          if (isCtrlPressed) {\n            break\n          }\n\n          if (isShiftPressed && allowMultiSelection) {\n            const selectedIndexes = handleShiftSelection(newItemIndex)\n            updateSelections({ indexes: selectedIndexes })\n            return\n          }\n\n          // Single selection without shift\n          if (!isShiftPressed) {\n            // const newItem = allItems[newItemIndex]\n            updateSelections({ indexes: [newItemIndex] })\n          }\n\n          break\n        }\n        case 'Enter': {\n          if (selectedIDs.length === 1) {\n            // setFocusedItemIndex(undefined)\n            navigateAfterSelection({\n              collectionSlug: currentItem.relationTo,\n              docID: currentItem.id,\n            })\n            return\n          }\n          break\n        }\n        case 'Escape': {\n          clearSelections()\n          break\n        }\n        case 'KeyA': {\n          if (allowMultiSelection && isCtrlPressed) {\n            event.preventDefault()\n            setFocusedItemIndex(totalCount - 1)\n            updateSelections({\n              indexes: Array.from({ length: totalCount }, (_, i) => i),\n            })\n          }\n          break\n        }\n        case 'Space': {\n          if (allowMultiSelection && isShiftPressed) {\n            event.preventDefault()\n            updateSelections({\n              indexes: docs.reduce((acc, item, idx) => {\n                if (item.id === currentItem.id) {\n                  if (isCurrentlySelected) {\n                    return acc\n                  } else {\n                    acc.push(idx)\n                  }\n                } else if (selectedIDs.includes(item.id)) {\n                  acc.push(idx)\n                }\n                return acc\n              }, [] as number[]),\n            })\n          } else {\n            event.preventDefault()\n            updateSelections({\n              indexes: isCurrentlySelected ? [] : [currentItemIndex],\n            })\n          }\n          break\n        }\n        case 'Tab': {\n          if (allowMultiSelection && isShiftPressed) {\n            const prevIndex = currentItemIndex - 1\n            if (prevIndex < 0 && selectedIDs.length > 0) {\n              setFocusedItemIndex(prevIndex)\n            }\n          } else {\n            const nextIndex = currentItemIndex + 1\n            if (nextIndex === totalCount && selectedIDs.length > 0) {\n              setFocusedItemIndex(totalCount - 1)\n            }\n          }\n          break\n        }\n      }\n    },\n    [\n      selectedIDs,\n      docs,\n      allowMultiSelection,\n      handleShiftSelection,\n      updateSelections,\n      navigateAfterSelection,\n      clearSelections,\n      totalCount,\n    ]\n  )\n\n  // Track last clicked item for double-click detection\n  const [lastClickedItem, setLastClickedItem] = React.useState<\n    MappedDocument | undefined\n  >()\n\n  const onItemClick: GridContextValue['onItemClick'] = React.useCallback(\n    ({ event, item: clickedItem }) => {\n      let doubleClicked: boolean = false\n      const isCtrlPressed = event.ctrlKey || event.metaKey\n      const isShiftPressed = event.shiftKey\n      const isCurrentlySelected = selectedIDs.includes(clickedItem.id)\n      const currentItemIndex = docs.findIndex(\n        (item) => item.id === clickedItem.id\n      )\n\n      switch (true) {\n        case allowMultiSelection && isCtrlPressed: {\n          event.preventDefault()\n          const indexes = docs.reduce((acc, item, idx) => {\n            if (item.id === clickedItem.id) {\n              if (!isCurrentlySelected) {\n                acc.push(idx)\n              }\n            } else if (selectedIDs.includes(item.id)) {\n              acc.push(idx)\n            }\n            return acc\n          }, [] as number[])\n\n          updateSelections({ indexes })\n          break\n        }\n        case allowMultiSelection && isShiftPressed: {\n          if (currentItemIndex !== -1) {\n            const selectedIndexes = handleShiftSelection(currentItemIndex)\n            updateSelections({ indexes: selectedIndexes })\n          }\n          break\n        }\n        default: {\n          const now = Date.now()\n          doubleClicked =\n            now - (lastClickTime.current ?? 0) < 400 &&\n            lastClickedItem?.id === clickedItem.id\n          lastClickTime.current = now\n\n          if (!doubleClicked) {\n            updateSelections({\n              indexes:\n                isCurrentlySelected && selectedIDs.length === 1\n                  ? []\n                  : [currentItemIndex],\n            })\n          }\n          break\n        }\n      }\n\n      // Update last clicked item to determine double clicks\n      setLastClickedItem(clickedItem)\n\n      if (doubleClicked) {\n        navigateAfterSelection({\n          collectionSlug: clickedItem.relationTo,\n          docID: clickedItem.id,\n        })\n      }\n    },\n    [\n      docs,\n      allowMultiSelection,\n      getItem,\n      updateSelections,\n      navigateAfterSelection,\n      handleShiftSelection,\n    ]\n  )\n\n  return (\n    <Context\n      value={{\n        clearSelections,\n        docs,\n        focusedItemIndex,\n        onItemClick,\n        onItemKeyPress,\n        setFocusedItemIndex,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport function useGrid(): GridContextValue {\n  const context = React.use(Context)\n\n  if (context === undefined) {\n    throw new Error('useGrid must be used within a GridProvider')\n  }\n\n  return context\n}\n"],"mappings":"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"}