@payloadcms/ui 4.0.0-internal.183b315 → 4.0.0-internal.1a2a79e

package/dist/widgets/CollectionQuery/index.js

@@ -0,0 +1,331 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js';
+import { WidgetCard, WidgetList } from '../WidgetCard/index.js';
+import './index.css';
+import { getCollectionFieldPaths } from './getCollectionFieldPaths.js';
+const minLimit = 1;
+const maxLimit = 25;
+const emptyFieldPaths = {
+  filterableFieldPaths: new Set(),
+  relationshipFieldPaths: new Set(),
+  sortableFieldPaths: new Set()
+};
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export async function CollectionQueryWidget({
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    payload,
+    user
+  } = req;
+  const {
+    relatedCollection,
+    sortDirection = 'desc',
+    sortField,
+    title: titleFromData,
+    where
+  } = widgetData ?? {};
+  const limit = clampLimit(widgetData?.limit);
+  const collectionConfig = relatedCollection ? payload.collections[relatedCollection]?.config : undefined;
+  const title = titleFromData || (collectionConfig ? getTranslation(collectionConfig.labels.plural, i18n) : i18n.t('dashboard:widgetTitleFallback'));
+  const fieldPaths = collectionConfig ? getCollectionFieldPaths(collectionConfig.fields) : emptyFieldPaths;
+  const validationErrors = getValidationErrors({
+    collectionConfig,
+    fieldPaths,
+    i18n,
+    relatedCollection,
+    sortField,
+    where
+  });
+  if (validationErrors.length > 0 || !relatedCollection || !collectionConfig) {
+    return /*#__PURE__*/_jsx(CollectionQueryError, {
+      errors: validationErrors,
+      i18n: i18n,
+      title: title
+    });
+  }
+  const sort = sortField ? `${sortDirection === 'desc' ? '-' : ''}${sortField}` : undefined;
+  const adminRoute = payload.config.routes.admin;
+  let docs;
+  try {
+    const result = await payload.find({
+      collection: relatedCollection,
+      depth: 0,
+      limit,
+      overrideAccess: false,
+      sort,
+      user,
+      where
+    });
+    docs = result.docs;
+  } catch (err) {
+    payload.logger.error({
+      err,
+      msg: `CollectionQueryWidget: failed to query collection "${relatedCollection}"`
+    });
+    return /*#__PURE__*/_jsx(CollectionQueryError, {
+      errors: [i18n.t('dashboard:widgetQueryError')],
+      i18n: i18n,
+      title: title
+    });
+  }
+  const documentLabelPath = getCollectionDocumentLabelPath(collectionConfig.admin);
+  const relativeTimeFormat = getRelativeTimeFormat(i18n.language);
+  const items = docs.map(doc => {
+    const sortMeta = getDocSortMeta({
+      doc,
+      i18n,
+      relativeTimeFormat,
+      sortField
+    });
+    return {
+      href: getDocumentHref({
+        id: doc.id,
+        adminRoute,
+        collectionSlug: relatedCollection
+      }),
+      key: String(doc.id),
+      main: /*#__PURE__*/_jsx("span", {
+        className: "widget-card__row-title",
+        children: getDocLabel({
+          doc,
+          documentLabelPath
+        })
+      }),
+      meta: sortMeta ? sortMeta.dateTime ? /*#__PURE__*/_jsx("time", {
+        dateTime: sortMeta.dateTime,
+        children: sortMeta.label
+      }) : sortMeta.label : null
+    };
+  });
+  return /*#__PURE__*/_jsx(WidgetCard, {
+    className: "collection-query-widget",
+    title: title,
+    children: /*#__PURE__*/_jsx(WidgetList, {
+      emptyMessage: i18n.t('general:noResultsFound'),
+      items: items
+    })
+  });
+}
+function CollectionQueryError({
+  errors,
+  i18n,
+  title
+}) {
+  return /*#__PURE__*/_jsx(WidgetCard, {
+    className: "collection-query-widget collection-query-widget--error",
+    title: title,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "collection-query-widget__error",
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "collection-query-widget__error-title",
+        children: i18n.t('dashboard:widgetConfigurationError')
+      }), /*#__PURE__*/_jsx("ul", {
+        className: "collection-query-widget__error-list",
+        children: errors.map(error => /*#__PURE__*/_jsx("li", {
+          children: error
+        }, error))
+      })]
+    })
+  });
+}
+function clampLimit(limit) {
+  if (typeof limit !== 'number' || Number.isNaN(limit)) {
+    return 5;
+  }
+  return Math.min(Math.max(Math.floor(limit), minLimit), maxLimit);
+}
+function getCollectionDocumentLabelPath(adminConfig) {
+  return adminConfig.useAsTitle || 'id';
+}
+function getDocSortMeta({
+  doc,
+  i18n,
+  relativeTimeFormat,
+  sortField
+}) {
+  const value = sortField ? getValueByPath({
+    object: doc,
+    path: sortField
+  }) : doc.updatedAt || doc.createdAt;
+  if (value === null || typeof value === 'undefined' || value === '') {
+    return null;
+  }
+  if (value instanceof Date) {
+    const dateTime = value.toISOString();
+    return {
+      dateTime,
+      label: formatRelativeDate({
+        relativeTimeFormat,
+        value: dateTime
+      })
+    };
+  }
+  if (typeof value === 'string') {
+    if (isDateString(value)) {
+      return {
+        dateTime: value,
+        label: formatRelativeDate({
+          relativeTimeFormat,
+          value
+        })
+      };
+    }
+    return {
+      label: value
+    };
+  }
+  if (typeof value === 'number') {
+    return {
+      label: value.toLocaleString(i18n.language)
+    };
+  }
+  if (typeof value === 'boolean') {
+    return {
+      label: value ? i18n.t('general:true') : i18n.t('general:false')
+    };
+  }
+  return null;
+}
+function getDocLabel({
+  doc,
+  documentLabelPath
+}) {
+  const title = getValueByPath({
+    object: doc,
+    path: documentLabelPath
+  });
+  return typeof title === 'string' && title ? title : String(doc.id);
+}
+function getValidationErrors({
+  collectionConfig,
+  fieldPaths,
+  i18n,
+  relatedCollection,
+  sortField,
+  where
+}) {
+  const errors = [];
+  if (!relatedCollection) {
+    errors.push(i18n.t('dashboard:widgetCollectionRequired'));
+    return errors;
+  }
+  if (!collectionConfig) {
+    errors.push(i18n.t('dashboard:widgetInvalidCollection', {
+      collection: relatedCollection
+    }));
+    return errors;
+  }
+  if (sortField) {
+    if (!fieldPaths.filterableFieldPaths.has(sortField)) {
+      errors.push(i18n.t('dashboard:widgetInvalidSortField', {
+        collection: relatedCollection,
+        field: sortField
+      }));
+    } else if (!fieldPaths.sortableFieldPaths.has(sortField)) {
+      errors.push(i18n.t('dashboard:widgetNonSortableSortField', {
+        collection: relatedCollection,
+        field: sortField
+      }));
+    }
+  }
+  for (const fieldPath of getWhereFieldPaths(where)) {
+    if (fieldPaths.filterableFieldPaths.has(fieldPath) || hasRelationshipAncestor({
+      path: fieldPath,
+      relationshipFieldPaths: fieldPaths.relationshipFieldPaths
+    })) {
+      continue;
+    }
+    errors.push(i18n.t('dashboard:widgetInvalidFilterField', {
+      collection: relatedCollection,
+      field: fieldPath
+    }));
+  }
+  return errors;
+}
+/**
+ * A `where` path that traverses into a relationship (e.g. `category.name`) cannot be validated
+ * against this collection's fields because it targets another collection, so accept it when any
+ * ancestor segment is a relationship.
+ */
+function hasRelationshipAncestor({
+  path,
+  relationshipFieldPaths
+}) {
+  const segments = path.split('.');
+  let prefix = '';
+  for (const segment of segments) {
+    prefix = prefix ? `${prefix}.${segment}` : segment;
+    if (relationshipFieldPaths.has(prefix)) {
+      return true;
+    }
+  }
+  return false;
+}
+function getWhereFieldPaths(where) {
+  const fieldPaths = new Set();
+  collectWhereFieldPaths({
+    fieldPaths,
+    value: where
+  });
+  return fieldPaths;
+}
+function collectWhereFieldPaths({
+  fieldPaths,
+  value
+}) {
+  if (!value || typeof value !== 'object') {
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      collectWhereFieldPaths({
+        fieldPaths,
+        value: item
+      });
+    }
+    return;
+  }
+  for (const [key, childValue] of Object.entries(value)) {
+    if (key === 'and' || key === 'or') {
+      collectWhereFieldPaths({
+        fieldPaths,
+        value: childValue
+      });
+      continue;
+    }
+    fieldPaths.add(key);
+  }
+}
+function getDocumentHref({
+  id,
+  adminRoute,
+  collectionSlug
+}) {
+  return formatAdminURL({
+    adminRoute,
+    path: `/collections/${collectionSlug}/${id}`
+  });
+}
+function getValueByPath({
+  object,
+  path
+}) {
+  return path.split('.').reduce((value, segment) => {
+    if (!value || typeof value !== 'object') {
+      return undefined;
+    }
+    return value[segment];
+  }, object);
+}
+function isDateString(value) {
+  return /^\d{4}-\d{2}-\d{2}/.test(value) && !Number.isNaN(new Date(value).getTime());
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/CollectionQuery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","formatRelativeDate","getRelativeTimeFormat","WidgetCard","WidgetList","getCollectionFieldPaths","minLimit","maxLimit","emptyFieldPaths","filterableFieldPaths","Set","relationshipFieldPaths","sortableFieldPaths","CollectionQueryWidget","req","widgetData","i18n","payload","user","relatedCollection","sortDirection","sortField","title","titleFromData","where","limit","clampLimit","collectionConfig","collections","config","undefined","labels","plural","t","fieldPaths","fields","validationErrors","getValidationErrors","length","_jsx","CollectionQueryError","errors","sort","adminRoute","routes","admin","docs","result","find","collection","depth","overrideAccess","err","logger","error","msg","documentLabelPath","getCollectionDocumentLabelPath","relativeTimeFormat","language","items","map","doc","sortMeta","getDocSortMeta","href","getDocumentHref","id","collectionSlug","key","String","main","className","getDocLabel","meta","dateTime","label","emptyMessage","_jsxs","Number","isNaN","Math","min","max","floor","adminConfig","useAsTitle","value","getValueByPath","object","path","updatedAt","createdAt","Date","toISOString","isDateString","toLocaleString","push","has","field","fieldPath","getWhereFieldPaths","hasRelationshipAncestor","segments","split","prefix","segment","collectWhereFieldPaths","Array","isArray","item","childValue","Object","entries","add","reduce","test","getTime"],"sources":["../../../src/widgets/CollectionQuery/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { CollectionSlug, Where, WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { WidgetListItem } from '../WidgetCard/index.js'\nimport type { CollectionFieldPaths } from './getCollectionFieldPaths.js'\n\nimport { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js'\nimport { WidgetCard, WidgetList } from '../WidgetCard/index.js'\nimport './index.css'\nimport { getCollectionFieldPaths } from './getCollectionFieldPaths.js'\n\ntype CollectionQueryWidgetData = {\n  limit?: number\n  relatedCollection?: CollectionSlug\n  sortDirection?: 'asc' | 'desc'\n  sortField?: string\n  title?: string\n  where?: Where\n}\n\ntype QueryDoc = {\n  createdAt?: string\n  id: number | string\n  updatedAt?: string\n} & Record<string, unknown>\n\nconst minLimit = 1\nconst maxLimit = 25\n\nconst emptyFieldPaths: CollectionFieldPaths = {\n  filterableFieldPaths: new Set<string>(),\n  relationshipFieldPaths: new Set<string>(),\n  sortableFieldPaths: new Set<string>(),\n}\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport async function CollectionQueryWidget({\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: CollectionQueryWidgetData }>) {\n  const { i18n, payload, user } = req\n  const {\n    relatedCollection,\n    sortDirection = 'desc',\n    sortField,\n    title: titleFromData,\n    where,\n  } = widgetData ?? {}\n  const limit = clampLimit(widgetData?.limit)\n  const collectionConfig = relatedCollection\n    ? payload.collections[relatedCollection]?.config\n    : undefined\n\n  const title =\n    titleFromData ||\n    (collectionConfig\n      ? getTranslation(collectionConfig.labels.plural, i18n)\n      : i18n.t('dashboard:widgetTitleFallback'))\n\n  const fieldPaths = collectionConfig\n    ? getCollectionFieldPaths(collectionConfig.fields)\n    : emptyFieldPaths\n  const validationErrors = getValidationErrors({\n    collectionConfig,\n    fieldPaths,\n    i18n,\n    relatedCollection,\n    sortField,\n    where,\n  })\n\n  if (validationErrors.length > 0 || !relatedCollection || !collectionConfig) {\n    return <CollectionQueryError errors={validationErrors} i18n={i18n} title={title} />\n  }\n\n  const sort = sortField ? `${sortDirection === 'desc' ? '-' : ''}${sortField}` : undefined\n  const adminRoute = payload.config.routes.admin\n\n  let docs: QueryDoc[]\n\n  try {\n    const result = await payload.find({\n      collection: relatedCollection,\n      depth: 0,\n      limit,\n      overrideAccess: false,\n      sort,\n      user,\n      where,\n    })\n\n    docs = result.docs\n  } catch (err) {\n    payload.logger.error({\n      err,\n      msg: `CollectionQueryWidget: failed to query collection \"${relatedCollection}\"`,\n    })\n\n    return (\n      <CollectionQueryError\n        errors={[i18n.t('dashboard:widgetQueryError')]}\n        i18n={i18n}\n        title={title}\n      />\n    )\n  }\n\n  const documentLabelPath = getCollectionDocumentLabelPath(collectionConfig.admin)\n  const relativeTimeFormat = getRelativeTimeFormat(i18n.language)\n\n  const items: WidgetListItem[] = docs.map((doc) => {\n    const sortMeta = getDocSortMeta({ doc, i18n, relativeTimeFormat, sortField })\n\n    return {\n      href: getDocumentHref({ id: doc.id, adminRoute, collectionSlug: relatedCollection }),\n      key: String(doc.id),\n      main: (\n        <span className=\"widget-card__row-title\">{getDocLabel({ doc, documentLabelPath })}</span>\n      ),\n      meta: sortMeta ? (\n        sortMeta.dateTime ? (\n          <time dateTime={sortMeta.dateTime}>{sortMeta.label}</time>\n        ) : (\n          sortMeta.label\n        )\n      ) : null,\n    }\n  })\n\n  return (\n    <WidgetCard className=\"collection-query-widget\" title={title}>\n      <WidgetList emptyMessage={i18n.t('general:noResultsFound')} items={items} />\n    </WidgetCard>\n  )\n}\n\nfunction CollectionQueryError({\n  errors,\n  i18n,\n  title,\n}: {\n  errors: string[]\n  i18n: I18n\n  title: string\n}) {\n  return (\n    <WidgetCard className=\"collection-query-widget collection-query-widget--error\" title={title}>\n      <div className=\"collection-query-widget__error\">\n        <p className=\"collection-query-widget__error-title\">\n          {i18n.t('dashboard:widgetConfigurationError')}\n        </p>\n        <ul className=\"collection-query-widget__error-list\">\n          {errors.map((error) => (\n            <li key={error}>{error}</li>\n          ))}\n        </ul>\n      </div>\n    </WidgetCard>\n  )\n}\n\nfunction clampLimit(limit: number | undefined) {\n  if (typeof limit !== 'number' || Number.isNaN(limit)) {\n    return 5\n  }\n\n  return Math.min(Math.max(Math.floor(limit), minLimit), maxLimit)\n}\n\nfunction getCollectionDocumentLabelPath(adminConfig: { useAsTitle?: string }) {\n  return adminConfig.useAsTitle || 'id'\n}\n\nfunction getDocSortMeta({\n  doc,\n  i18n,\n  relativeTimeFormat,\n  sortField,\n}: {\n  doc: QueryDoc\n  i18n: I18n\n  relativeTimeFormat: Intl.RelativeTimeFormat\n  sortField?: string\n}) {\n  const value = sortField\n    ? getValueByPath({ object: doc, path: sortField })\n    : doc.updatedAt || doc.createdAt\n\n  if (value === null || typeof value === 'undefined' || value === '') {\n    return null\n  }\n\n  if (value instanceof Date) {\n    const dateTime = value.toISOString()\n\n    return {\n      dateTime,\n      label: formatRelativeDate({ relativeTimeFormat, value: dateTime }),\n    }\n  }\n\n  if (typeof value === 'string') {\n    if (isDateString(value)) {\n      return {\n        dateTime: value,\n        label: formatRelativeDate({ relativeTimeFormat, value }),\n      }\n    }\n\n    return { label: value }\n  }\n\n  if (typeof value === 'number') {\n    return { label: value.toLocaleString(i18n.language) }\n  }\n\n  if (typeof value === 'boolean') {\n    return { label: value ? i18n.t('general:true') : i18n.t('general:false') }\n  }\n\n  return null\n}\n\nfunction getDocLabel({ doc, documentLabelPath }: { doc: QueryDoc; documentLabelPath: string }) {\n  const title = getValueByPath({ object: doc, path: documentLabelPath })\n\n  return typeof title === 'string' && title ? title : String(doc.id)\n}\n\nfunction getValidationErrors({\n  collectionConfig,\n  fieldPaths,\n  i18n,\n  relatedCollection,\n  sortField,\n  where,\n}: {\n  collectionConfig: unknown\n  fieldPaths: CollectionFieldPaths\n  i18n: I18n\n  relatedCollection?: CollectionSlug\n  sortField?: string\n  where?: Where\n}) {\n  const errors: string[] = []\n\n  if (!relatedCollection) {\n    errors.push(i18n.t('dashboard:widgetCollectionRequired'))\n\n    return errors\n  }\n\n  if (!collectionConfig) {\n    errors.push(i18n.t('dashboard:widgetInvalidCollection', { collection: relatedCollection }))\n\n    return errors\n  }\n\n  if (sortField) {\n    if (!fieldPaths.filterableFieldPaths.has(sortField)) {\n      errors.push(\n        i18n.t('dashboard:widgetInvalidSortField', {\n          collection: relatedCollection,\n          field: sortField,\n        }),\n      )\n    } else if (!fieldPaths.sortableFieldPaths.has(sortField)) {\n      errors.push(\n        i18n.t('dashboard:widgetNonSortableSortField', {\n          collection: relatedCollection,\n          field: sortField,\n        }),\n      )\n    }\n  }\n\n  for (const fieldPath of getWhereFieldPaths(where)) {\n    if (\n      fieldPaths.filterableFieldPaths.has(fieldPath) ||\n      hasRelationshipAncestor({\n        path: fieldPath,\n        relationshipFieldPaths: fieldPaths.relationshipFieldPaths,\n      })\n    ) {\n      continue\n    }\n\n    errors.push(\n      i18n.t('dashboard:widgetInvalidFilterField', {\n        collection: relatedCollection,\n        field: fieldPath,\n      }),\n    )\n  }\n\n  return errors\n}\n\n/**\n * A `where` path that traverses into a relationship (e.g. `category.name`) cannot be validated\n * against this collection's fields because it targets another collection, so accept it when any\n * ancestor segment is a relationship.\n */\nfunction hasRelationshipAncestor({\n  path,\n  relationshipFieldPaths,\n}: {\n  path: string\n  relationshipFieldPaths: Set<string>\n}) {\n  const segments = path.split('.')\n  let prefix = ''\n\n  for (const segment of segments) {\n    prefix = prefix ? `${prefix}.${segment}` : segment\n\n    if (relationshipFieldPaths.has(prefix)) {\n      return true\n    }\n  }\n\n  return false\n}\n\nfunction getWhereFieldPaths(where: undefined | Where) {\n  const fieldPaths = new Set<string>()\n\n  collectWhereFieldPaths({ fieldPaths, value: where })\n\n  return fieldPaths\n}\n\nfunction collectWhereFieldPaths({\n  fieldPaths,\n  value,\n}: {\n  fieldPaths: Set<string>\n  value: unknown\n}) {\n  if (!value || typeof value !== 'object') {\n    return\n  }\n\n  if (Array.isArray(value)) {\n    for (const item of value) {\n      collectWhereFieldPaths({ fieldPaths, value: item })\n    }\n\n    return\n  }\n\n  for (const [key, childValue] of Object.entries(value)) {\n    if (key === 'and' || key === 'or') {\n      collectWhereFieldPaths({ fieldPaths, value: childValue })\n\n      continue\n    }\n\n    fieldPaths.add(key)\n  }\n}\n\nfunction getDocumentHref({\n  id,\n  adminRoute,\n  collectionSlug,\n}: {\n  adminRoute: string\n  collectionSlug: CollectionSlug\n  id: number | string\n}) {\n  return formatAdminURL({\n    adminRoute,\n    path: `/collections/${collectionSlug}/${id}`,\n  })\n}\n\nfunction getValueByPath({ object, path }: { object: Record<string, unknown>; path: string }) {\n  return path.split('.').reduce<unknown>((value, segment) => {\n    if (!value || typeof value !== 'object') {\n      return undefined\n    }\n\n    return (value as Record<string, unknown>)[segment]\n  }, object)\n}\n\nfunction isDateString(value: string) {\n  return /^\\d{4}-\\d{2}-\\d{2}/.test(value) && !Number.isNaN(new Date(value).getTime())\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/UploadDropzone/CollectionsField/index.d.ts

@@ -0,0 +1,7 @@
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare const UploadDropzoneCollectionsField: React.FC<SelectFieldClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/UploadDropzone/CollectionsField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB3E,CAAA"}

package/dist/widgets/UploadDropzone/CollectionsField/index.js

@@ -0,0 +1,80 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useEntityVisibility } from '../../../providers/EntityVisibility/index.js';
+import { CollectionFilter } from '../../shared/CollectionFilter/index.js';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export const UploadDropzoneCollectionsField = props => {
+  const $ = _c(15);
+  const {
+    permissions
+  } = useAuth();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  const t0 = props.field;
+  let t1;
+  if ($[0] !== props.field.options) {
+    t1 = props.field.options ?? [];
+    $[0] = props.field.options;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== isEntityVisible || $[3] !== permissions?.collections || $[4] !== t1) {
+    let t3;
+    if ($[6] !== isEntityVisible || $[7] !== permissions?.collections) {
+      t3 = option => {
+        const collectionSlug = typeof option === "string" ? option : option.value;
+        return isEntityVisible({
+          collectionSlug
+        }) && permissions?.collections?.[collectionSlug]?.create;
+      };
+      $[6] = isEntityVisible;
+      $[7] = permissions?.collections;
+      $[8] = t3;
+    } else {
+      t3 = $[8];
+    }
+    t2 = t1.filter(t3);
+    $[2] = isEntityVisible;
+    $[3] = permissions?.collections;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[9] !== props.field || $[10] !== t2) {
+    t3 = {
+      ...t0,
+      options: t2
+    };
+    $[9] = props.field;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const field = t3;
+  let t4;
+  if ($[12] !== field || $[13] !== props) {
+    t4 = _jsx(CollectionFilter, {
+      ...props,
+      field
+    });
+    $[12] = field;
+    $[13] = props;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

package/dist/widgets/UploadDropzone/CollectionsField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","useAuth","useEntityVisibility","CollectionFilter","UploadDropzoneCollectionsField","props","$","permissions","isEntityVisible","t0","field","t1","options","t2","collections","t3","option","collectionSlug","value","create","filter","t4","_jsx"],"sources":["../../../../src/widgets/UploadDropzone/CollectionsField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useEntityVisibility } from '../../../providers/EntityVisibility/index.js'\nimport { CollectionFilter } from '../../shared/CollectionFilter/index.js'\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport const UploadDropzoneCollectionsField: React.FC<SelectFieldClientProps> = (props) => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n\n  const field = useMemo(\n    () => ({\n      ...props.field,\n      options: (props.field.options ?? []).filter((option) => {\n        const collectionSlug = typeof option === 'string' ? option : option.value\n\n        return (\n          isEntityVisible({ collectionSlug }) && permissions?.collections?.[collectionSlug]?.create\n        )\n      }),\n    }),\n    [isEntityVisible, permissions, props.field],\n  )\n\n  return <CollectionFilter {...props} field={field} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,OAAO,QAAQ;AACxB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,gBAAgB,QAAQ;AAEjC;;;AAGA,OAAO,MAAMC,8BAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC9E;IAAAS;EAAA,IAAwBN,OAAA;EACxB;IAAAO;EAAA,IAA4BN,mBAAA;EAIrB,MAAAO,EAAA,GAAAJ,KAAA,CAAAK,KAAW;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAD,KAAA,CAAAK,KAAA,CAAAE,OAAA;IACJD,EAAA,GAAAN,KAAA,CAAAK,KAAW,CAAAE,OAAc,IAAzB,EAAyB;IAAAN,CAAA,MAAAD,KAAA,CAAAK,KAAA,CAAAE,OAAA;IAAAN,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAC,WAAA,EAAAO,WAAA,IAAAR,CAAA,QAAAK,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAAT,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAC,WAAA,EAAAO,WAAA;MAASC,EAAA,GAAAC,MAAA;QAC1C,MAAAC,cAAA,GAAuB,OAAOD,MAAA,KAAW,QAAgC,GAAlDA,MAAkD,GAAZA,MAAA,CAAAE,KAAY;QAAA,OAGvEV,eAAA,CAAgB;UAAAS;QAAiB,CAAkD,KAA5CV,WAAA,EAAAO,WAA0C,GAAfG,cAAA,CAAiB,EAAAE,MAAA;MAAA,CAEvF;MAAAb,CAAA,MAAAE,eAAA;MAAAF,CAAA,MAAAC,WAAA,EAAAO,WAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IANSO,EAAA,GAACF,EAAyB,CAAAS,MAAQ,CAACL,EAM5C;IAAAT,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAC,WAAA,EAAAO,WAAA;IAAAR,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAT,CAAA,QAAAD,KAAA,CAAAK,KAAA,IAAAJ,CAAA,SAAAO,EAAA;IARKE,EAAA;MAAA,GACFN,EAAW;MAAAG,OAAA,EACLC;IAOX;IAAAP,CAAA,MAAAD,KAAA,CAAAK,KAAA;IAAAJ,CAAA,OAAAO,EAAA;IAAAP,CAAA,OAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAVF,MAAAI,KAAA,GACSK,EASP;EAC2C,IAAAM,EAAA;EAAA,IAAAf,CAAA,SAAAI,KAAA,IAAAJ,CAAA,SAAAD,KAAA;IAGtCgB,EAAA,GAAAC,IAAA,CAACnB,gBAAA;MAAA,GAAqBE,KAAK;MAAAK;;;;;;;;SAA3BW,E;CACT","ignoreList":[]}

package/dist/widgets/UploadDropzone/index.client.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type Props = {
+    collections: Array<{
+        mimeTypes?: string[];
+        slug: string;
+    }>;
+};
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export declare function UploadDropzoneWidgetClient({ collections }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.client.d.ts.map

package/dist/widgets/UploadDropzone/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/widgets/UploadDropzone/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,KAAK,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC3D,CAAA;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,qBAmEhE"}

package/dist/widgets/UploadDropzone/index.client.js

@@ -0,0 +1,81 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { validateMimeType } from 'payload/shared';
+import React from 'react';
+import { toast } from 'sonner';
+import { useBulkUpload } from '../../elements/BulkUpload/index.js';
+import { Button } from '../../elements/Button/index.js';
+import { Dropzone } from '../../elements/Dropzone/index.js';
+import { useModal } from '../../elements/Modal/index.js';
+import { ImageStackIcon } from '../../icons/ImageStack/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export function UploadDropzoneWidgetClient({
+  collections
+}) {
+  const {
+    modalSlug,
+    setCollectionSlug,
+    setInitialFiles,
+    setSelectableCollections
+  } = useBulkUpload();
+  const {
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const openUpload = React.useCallback(({
+    collectionSlug = collections[0].slug,
+    files
+  } = {}) => {
+    setSelectableCollections(collections.map(({
+      slug
+    }) => slug));
+    setCollectionSlug(collectionSlug);
+    setInitialFiles(files);
+    openModal(modalSlug);
+  }, [collections, modalSlug, openModal, setCollectionSlug, setInitialFiles, setSelectableCollections]);
+  const onDrop = React.useCallback(files_0 => {
+    const compatibleCollections = collections.filter(({
+      mimeTypes
+    }) => Array.from(files_0).every(file => !mimeTypes?.length || validateMimeType(file.type, mimeTypes)));
+    if (!compatibleCollections.length) {
+      toast.error(t('error:invalidFileType'));
+      return;
+    }
+    openUpload({
+      collectionSlug: compatibleCollections[0].slug,
+      files: files_0
+    });
+  }, [collections, openUpload, t]);
+  return /*#__PURE__*/_jsxs(Dropzone, {
+    className: "upload-dropzone-widget__dropzone",
+    isFocusable: false,
+    multipleFiles: true,
+    onChange: onDrop,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "upload-dropzone-widget__content",
+      children: [/*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: "upload-dropzone-widget__icon",
+        children: /*#__PURE__*/_jsx(ImageStackIcon, {})
+      }), /*#__PURE__*/_jsx("p", {
+        className: "upload-dropzone-widget__description",
+        children: t('dashboard:widgetUploadDropzoneDescription')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "secondary",
+        onClick: () => openUpload(),
+        size: "medium",
+        children: t('dashboard:widgetUploadFiles')
+      })]
+    }), /*#__PURE__*/_jsx("p", {
+      className: "upload-dropzone-widget__drag-message",
+      children: t('dashboard:widgetDropFilesToUpload')
+    })]
+  });
+}
+//# sourceMappingURL=index.client.js.map

package/dist/widgets/UploadDropzone/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["validateMimeType","React","toast","useBulkUpload","Button","Dropzone","useModal","ImageStackIcon","useTranslation","UploadDropzoneWidgetClient","collections","modalSlug","setCollectionSlug","setInitialFiles","setSelectableCollections","openModal","t","openUpload","useCallback","collectionSlug","slug","files","map","onDrop","compatibleCollections","filter","mimeTypes","Array","from","every","file","length","type","error","_jsxs","className","isFocusable","multipleFiles","onChange","_jsx","buttonStyle","onClick","size"],"sources":["../../../src/widgets/UploadDropzone/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { validateMimeType } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { ImageStackIcon } from '../../icons/ImageStack/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype Props = {\n  collections: Array<{ mimeTypes?: string[]; slug: string }>\n}\n\n/**\n * @internal - may change or be removed without a major version bump\n */\nexport function UploadDropzoneWidgetClient({ collections }: Props) {\n  const { modalSlug, setCollectionSlug, setInitialFiles, setSelectableCollections } =\n    useBulkUpload()\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n\n  const openUpload = React.useCallback(\n    ({\n      collectionSlug = collections[0].slug,\n      files,\n    }: { collectionSlug?: string; files?: FileList } = {}) => {\n      setSelectableCollections(collections.map(({ slug }) => slug))\n      setCollectionSlug(collectionSlug)\n      setInitialFiles(files)\n      openModal(modalSlug)\n    },\n    [\n      collections,\n      modalSlug,\n      openModal,\n      setCollectionSlug,\n      setInitialFiles,\n      setSelectableCollections,\n    ],\n  )\n\n  const onDrop = React.useCallback(\n    (files: FileList) => {\n      const compatibleCollections = collections.filter(({ mimeTypes }) =>\n        Array.from(files).every(\n          (file) => !mimeTypes?.length || validateMimeType(file.type, mimeTypes),\n        ),\n      )\n\n      if (!compatibleCollections.length) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n\n      openUpload({ collectionSlug: compatibleCollections[0].slug, files })\n    },\n    [collections, openUpload, t],\n  )\n\n  return (\n    <Dropzone\n      className=\"upload-dropzone-widget__dropzone\"\n      isFocusable={false}\n      multipleFiles\n      onChange={onDrop}\n    >\n      <div className=\"upload-dropzone-widget__content\">\n        <span aria-hidden=\"true\" className=\"upload-dropzone-widget__icon\">\n          <ImageStackIcon />\n        </span>\n        <p className=\"upload-dropzone-widget__description\">\n          {t('dashboard:widgetUploadDropzoneDescription')}\n        </p>\n        <Button buttonStyle=\"secondary\" onClick={() => openUpload()} size=\"medium\">\n          {t('dashboard:widgetUploadFiles')}\n        </Button>\n      </div>\n      <p className=\"upload-dropzone-widget__drag-message\">\n        {t('dashboard:widgetDropFilesToUpload')}\n      </p>\n    </Dropzone>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW;AAClB,SAASC,KAAK,QAAQ;AAEtB,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAM/B;;;AAGA,OAAO,SAASC,2BAA2B;EAAEC;AAAW,CAAS;EAC/D,MAAM;IAAEC,SAAS;IAAEC,iBAAiB;IAAEC,eAAe;IAAEC;EAAwB,CAAE,GAC/EX,aAAA;EACF,MAAM;IAAEY;EAAS,CAAE,GAAGT,QAAA;EACtB,MAAM;IAAEU;EAAC,CAAE,GAAGR,cAAA;EAEd,MAAMS,UAAA,GAAahB,KAAA,CAAMiB,WAAW,CAClC,CAAC;IACCC,cAAA,GAAiBT,WAAW,CAAC,EAAE,CAACU,IAAI;IACpCC;EAAK,CACyC,GAAG,CAAC,CAAC;IACnDP,wBAAA,CAAyBJ,WAAA,CAAYY,GAAG,CAAC,CAAC;MAAEF;IAAI,CAAE,KAAKA,IAAA;IACvDR,iBAAA,CAAkBO,cAAA;IAClBN,eAAA,CAAgBQ,KAAA;IAChBN,SAAA,CAAUJ,SAAA;EACZ,GACA,CACED,WAAA,EACAC,SAAA,EACAI,SAAA,EACAH,iBAAA,EACAC,eAAA,EACAC,wBAAA,CACD;EAGH,MAAMS,MAAA,GAAStB,KAAA,CAAMiB,WAAW,CAC7BG,OAAA;IACC,MAAMG,qBAAA,GAAwBd,WAAA,CAAYe,MAAM,CAAC,CAAC;MAAEC;IAAS,CAAE,KAC7DC,KAAA,CAAMC,IAAI,CAACP,OAAA,EAAOQ,KAAK,CACpBC,IAAA,IAAS,CAACJ,SAAA,EAAWK,MAAA,IAAU/B,gBAAA,CAAiB8B,IAAA,CAAKE,IAAI,EAAEN,SAAA;IAIhE,IAAI,CAACF,qBAAA,CAAsBO,MAAM,EAAE;MACjC7B,KAAA,CAAM+B,KAAK,CAACjB,CAAA,CAAE;MACd;IACF;IAEAC,UAAA,CAAW;MAAEE,cAAA,EAAgBK,qBAAqB,CAAC,EAAE,CAACJ,IAAI;MAAEC,KAAA,EAAAA;IAAM;EACpE,GACA,CAACX,WAAA,EAAaO,UAAA,EAAYD,CAAA,CAAE;EAG9B,oBACEkB,KAAA,CAAC7B,QAAA;IACC8B,SAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAa;IACbC,QAAA,EAAUf,MAAA;4BAEVW,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbI,IAAA,CAAC;QAAK,eAAY;QAAOJ,SAAA,EAAU;kBACjC,aAAAI,IAAA,CAAChC,cAAA;uBAEHgC,IAAA,CAAC;QAAEJ,SAAA,EAAU;kBACVnB,CAAA,CAAE;uBAELuB,IAAA,CAACnC,MAAA;QAAOoC,WAAA,EAAY;QAAYC,OAAA,EAASA,CAAA,KAAMxB,UAAA;QAAcyB,IAAA,EAAK;kBAC/D1B,CAAA,CAAE;;qBAGPuB,IAAA,CAAC;MAAEJ,SAAA,EAAU;gBACVnB,CAAA,CAAE;;;AAIX","ignoreList":[]}

package/dist/widgets/UploadDropzone/index.css

@@ -0,0 +1,80 @@
+@layer payload-default {
+  .card.upload-dropzone-widget {
+    min-height: calc(var(--spacer-6) * 5);
+    padding: var(--spacer-2);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+  }
+
+  .card.upload-dropzone-widget .upload-dropzone-widget__dropzone {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: center;
+    min-height: 0;
+    padding: var(--spacer-4) var(--spacer-3);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    text-align: center;
+
+    &:hover {
+      background: var(--color-bg);
+    }
+
+    &.dragging {
+      border-color: var(--color-border-selected);
+      background: var(--color-bg-selected);
+    }
+  }
+
+  .upload-dropzone-widget__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacer-3);
+  }
+
+  .upload-dropzone-widget__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-6);
+    height: var(--spacer-6);
+    border-radius: var(--radius-full);
+    background: var(--color-bg-selected);
+    color: var(--color-icon-brand);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message,
+  .upload-dropzone-widget__message {
+    margin: 0;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+  }
+
+  .upload-dropzone-widget__description,
+  .upload-dropzone-widget__drag-message {
+    color: color-mix(in srgb, var(--color-text-secondary) 91%, var(--color-text) 9%);
+  }
+
+  .upload-dropzone-widget__message {
+    color: var(--color-text);
+  }
+
+  .upload-dropzone-widget__drag-message {
+    display: none;
+  }
+
+  .upload-dropzone-widget__dropzone.dragging {
+    .upload-dropzone-widget__content {
+      display: none;
+    }
+
+    .upload-dropzone-widget__drag-message {
+      display: block;
+    }
+  }
+}