@payloadcms/ui 4.0.0-canary.3 → 4.0.0-canary.5

package/dist/widgets/CollectionQuery/index.js

@@ -0,0 +1,399 @@
+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 '../../elements/Card/index.css';
+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()
+};
+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);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "card collection-query-widget",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "collection-query-widget__header",
+      children: /*#__PURE__*/_jsx("h3", {
+        className: "collection-query-widget__title",
+        children: title
+      })
+    }), docs.length > 0 ? /*#__PURE__*/_jsx("ul", {
+      className: "collection-query-widget__rows",
+      children: docs.map(doc => {
+        const sortMeta = getDocSortMeta({
+          doc,
+          i18n,
+          relativeTimeFormat,
+          sortField
+        });
+        return /*#__PURE__*/_jsx("li", {
+          className: "collection-query-widget__row",
+          children: /*#__PURE__*/_jsxs("a", {
+            className: "collection-query-widget__row-link",
+            href: getDocumentHref({
+              id: doc.id,
+              adminRoute,
+              collectionSlug: relatedCollection
+            }),
+            children: [/*#__PURE__*/_jsx("span", {
+              className: "collection-query-widget__row-main",
+              children: /*#__PURE__*/_jsx("span", {
+                className: "collection-query-widget__row-title",
+                children: getDocLabel({
+                  doc,
+                  documentLabelPath
+                })
+              })
+            }), /*#__PURE__*/_jsx("span", {
+              className: "collection-query-widget__row-meta",
+              children: sortMeta ? sortMeta.dateTime ? /*#__PURE__*/_jsx("time", {
+                dateTime: sortMeta.dateTime,
+                children: sortMeta.label
+              }) : sortMeta.label : null
+            })]
+          })
+        }, doc.id);
+      })
+    }) : /*#__PURE__*/_jsx("p", {
+      className: "collection-query-widget__empty",
+      children: i18n.t('general:noResultsFound')
+    })]
+  });
+}
+function CollectionQueryError({
+  errors,
+  i18n,
+  title
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: "card collection-query-widget collection-query-widget--error",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "collection-query-widget__header",
+      children: /*#__PURE__*/_jsx("h3", {
+        className: "collection-query-widget__title",
+        children: title
+      })
+    }), /*#__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 getRelativeTimeFormat(language) {
+  try {
+    return new Intl.RelativeTimeFormat(language, {
+      numeric: 'auto',
+      style: 'narrow'
+    });
+  } catch {
+    return new Intl.RelativeTimeFormat('en', {
+      numeric: 'auto',
+      style: 'narrow'
+    });
+  }
+}
+const relativeTimeDivisions = [{
+  amount: 60,
+  unit: 'seconds'
+}, {
+  amount: 60,
+  unit: 'minutes'
+}, {
+  amount: 24,
+  unit: 'hours'
+}, {
+  amount: 7,
+  unit: 'days'
+}, {
+  amount: 4.34524,
+  unit: 'weeks'
+}, {
+  amount: 12,
+  unit: 'months'
+}, {
+  amount: Number.POSITIVE_INFINITY,
+  unit: 'years'
+}];
+function formatRelativeDate({
+  relativeTimeFormat,
+  value
+}) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  let duration = (date.getTime() - Date.now()) / 1000;
+  for (const division of relativeTimeDivisions) {
+    if (Math.abs(duration) < division.amount) {
+      return relativeTimeFormat.format(Math.round(duration), division.unit);
+    }
+    duration /= division.amount;
+  }
+  return relativeTimeFormat.format(Math.round(duration), 'years');
+}
+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","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","getRelativeTimeFormat","language","_jsxs","className","map","doc","sortMeta","getDocSortMeta","href","getDocumentHref","id","collectionSlug","getDocLabel","dateTime","label","Number","isNaN","Math","min","max","floor","adminConfig","useAsTitle","value","getValueByPath","object","path","updatedAt","createdAt","Date","toISOString","formatRelativeDate","isDateString","toLocaleString","String","push","has","field","fieldPath","getWhereFieldPaths","hasRelationshipAncestor","segments","split","prefix","segment","collectWhereFieldPaths","Array","isArray","item","key","childValue","Object","entries","add","reduce","Intl","RelativeTimeFormat","numeric","style","relativeTimeDivisions","amount","unit","POSITIVE_INFINITY","date","getTime","duration","now","division","abs","format","round","test"],"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 { CollectionFieldPaths } from './getCollectionFieldPaths.js'\n\nimport '../../elements/Card/index.css'\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\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 as QueryDoc[]\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  return (\n    <div className=\"card collection-query-widget\">\n      <div className=\"collection-query-widget__header\">\n        <h3 className=\"collection-query-widget__title\">{title}</h3>\n      </div>\n      {docs.length > 0 ? (\n        <ul className=\"collection-query-widget__rows\">\n          {docs.map((doc) => {\n            const sortMeta = getDocSortMeta({ doc, i18n, relativeTimeFormat, sortField })\n\n            return (\n              <li className=\"collection-query-widget__row\" key={doc.id}>\n                <a\n                  className=\"collection-query-widget__row-link\"\n                  href={getDocumentHref({\n                    id: doc.id,\n                    adminRoute,\n                    collectionSlug: relatedCollection,\n                  })}\n                >\n                  <span className=\"collection-query-widget__row-main\">\n                    <span className=\"collection-query-widget__row-title\">\n                      {getDocLabel({ doc, documentLabelPath })}\n                    </span>\n                  </span>\n                  <span className=\"collection-query-widget__row-meta\">\n                    {sortMeta ? (\n                      sortMeta.dateTime ? (\n                        <time dateTime={sortMeta.dateTime}>{sortMeta.label}</time>\n                      ) : (\n                        sortMeta.label\n                      )\n                    ) : null}\n                  </span>\n                </a>\n              </li>\n            )\n          })}\n        </ul>\n      ) : (\n        <p className=\"collection-query-widget__empty\">{i18n.t('general:noResultsFound')}</p>\n      )}\n    </div>\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    <div className=\"card collection-query-widget collection-query-widget--error\">\n      <div className=\"collection-query-widget__header\">\n        <h3 className=\"collection-query-widget__title\">{title}</h3>\n      </div>\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    </div>\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 getRelativeTimeFormat(language: string) {\n  try {\n    return new Intl.RelativeTimeFormat(language, { numeric: 'auto', style: 'narrow' })\n  } catch {\n    return new Intl.RelativeTimeFormat('en', { numeric: 'auto', style: 'narrow' })\n  }\n}\n\nconst relativeTimeDivisions: { amount: number; unit: Intl.RelativeTimeFormatUnit }[] = [\n  { amount: 60, unit: 'seconds' },\n  { amount: 60, unit: 'minutes' },\n  { amount: 24, unit: 'hours' },\n  { amount: 7, unit: 'days' },\n  { amount: 4.34524, unit: 'weeks' },\n  { amount: 12, unit: 'months' },\n  { amount: Number.POSITIVE_INFINITY, unit: 'years' },\n]\n\nfunction formatRelativeDate({\n  relativeTimeFormat,\n  value,\n}: {\n  relativeTimeFormat: Intl.RelativeTimeFormat\n  value: string\n}) {\n  const date = new Date(value)\n\n  if (Number.isNaN(date.getTime())) {\n    return value\n  }\n\n  let duration = (date.getTime() - Date.now()) / 1000\n\n  for (const division of relativeTimeDivisions) {\n    if (Math.abs(duration) < division.amount) {\n      return relativeTimeFormat.format(Math.round(duration), division.unit)\n    }\n\n    duration /= division.amount\n  }\n\n  return relativeTimeFormat.format(Math.round(duration), 'years')\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-canary.3",
+  "version": "4.0.0-canary.5",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -243,7 +243,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-canary.3"
+    "@payloadcms/translations": "4.0.0-canary.5"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -257,13 +257,13 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "4.0.0-canary.3",
-    "@payloadcms/eslint-config": "3.28.0"
+    "@payloadcms/eslint-config": "3.28.0",
+    "payload": "4.0.0-canary.5"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-canary.3"
+    "payload": "4.0.0-canary.5"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/BulkUpload/Header/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './index.css';
-type Props = {
-    readonly onClose: () => void;
-    readonly title: string;
-};
-export declare function DrawerHeader({ onClose, title }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/BulkUpload/Header/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,qBAcrD"}

package/dist/elements/BulkUpload/Header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","baseClass","DrawerHeader","t0","$","onClose","title","t","t1","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size"],"sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ onClose, title }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Button\n        aria-label={t('general:close')}\n        buttonStyle=\"ghost\"\n        icon={<ChevronIcon direction=\"left\" size={24} />}\n        onClick={onClose}\n      />\n      <h2 title={title}>{title}</h2>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAsB;IAAAS,OAAA;IAAAC;EAAA,IAAAH,EAAyB;EACpD;IAAAI;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAE,KAAA;IAGZE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAT,SAAA;MAAAU,QAAA,GACCC,IAAA,CAAAZ,MAAA;QAAA,cACcO,CAAA,CAAE;QAAAM,WAAA,EACF;QAAAC,IAAA,EACNF,IAAA,CAAAd,WAAA;UAAAiB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;iBACpBX;MAAA,C,GAEXO,IAAA,CAAC;QAAAN,KAAA;QAAAK,QAAA,EAAkBL;MAAA,C;;;;;;;;;SAPrBE,E","ignoreList":[]}

package/dist/elements/ColumnSelector/index.d.ts

@@ -1,9 +0,0 @@
-import type { SanitizedCollectionConfig } from 'payload';
-import React from 'react';
-import './index.css';
-export type Props = {
-    readonly collectionSlug: SanitizedCollectionConfig['slug'];
-    readonly onClose?: () => void;
-};
-export declare const ColumnSelector: React.FC<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/ColumnSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAyE,MAAM,OAAO,CAAA;AAY7F,OAAO,aAAa,CAAA;AA8CpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAkDD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsM1C,CAAA"}

package/dist/elements/ColumnSelector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTableColumns","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","checked","onChange","ColumnSelector","collectionSlug","onClose","columns","moveColumn","toggleColumn","i18n","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","col","field","columnItems","all","hidden","shown","items","i","accessor","labelWithPrefix","name","filtered","item","toLowerCase","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","fromIndex","toIndex","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTableColumns } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport './index.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n */\nfunction parseNestedLabel(label: string): string[] {\n  if (!label.includes(' > ')) {\n    return [label]\n  }\n\n  const segments = label.split(' > ')\n\n  if (segments.length <= 3) {\n    return segments\n  }\n\n  // For deep nesting, show: First / ... / Last\n  return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n  readonly label: string\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n  const segments = parseNestedLabel(label)\n\n  if (segments.length === 1) {\n    return <>{segments[0]}</>\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n          {segment}\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n  readonly active: boolean\n  readonly id: string\n  readonly labelText: string\n  readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n  const { t } = useTranslation()\n  const { attributes, isDragging, isOver, isSorting, listeners, setNodeRef, transform } =\n    useDraggableSortable({\n      id,\n    })\n\n  return (\n    <div\n      aria-label={labelText}\n      className={[\n        `${baseClass}__item`,\n        !active && `${baseClass}__item--inactive`,\n        isDragging && `${baseClass}__item--dragging`,\n        isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n      style={{\n        // Keep item in place while dragging - don't apply transform\n        transform: isDragging ? undefined : transform,\n        ...attributes.style,\n      }}\n      {...attributes}\n    >\n      <span\n        aria-label={t('general:dragToReorder')}\n        className={`${baseClass}__drag-handle`}\n        {...listeners}\n      >\n        <AlignJustifiedIcon size={16} />\n      </span>\n      <span className={`${baseClass}__item-label`}>\n        <NestedLabel label={labelText} />\n      </span>\n      <Switch checked={active} onChange={onToggle} />\n    </div>\n  )\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug, onClose }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n  const { i18n, t } = useTranslation()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  const [searchQuery, setSearchQuery] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  // Lock the width when search starts to prevent layout shift\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      return\n    }\n\n    if (searchQuery && lockedWidth === null) {\n      // Capture width when search starts\n      setLockedWidth(containerRef.current.offsetWidth)\n    } else if (!searchQuery && lockedWidth !== null) {\n      // Release width lock when search is cleared\n      setLockedWidth(null)\n    }\n  }, [searchQuery, lockedWidth])\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !isFieldDisabled(col.field, 'column'),\n      ),\n    [columns],\n  )\n\n  const columnItems = useMemo(() => {\n    if (!filteredColumns) {\n      return { all: [], hidden: [], shown: [] }\n    }\n\n    const items = filteredColumns.map((col, i) => {\n      const { accessor, active, field } = col\n\n      const label =\n        'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n          ? field.labelWithPrefix\n          : 'label' in field && field.label !== undefined && field.label !== false\n            ? field.label\n            : 'name' in field && field.name !== undefined\n              ? field.name\n              : accessor\n\n      const labelText =\n        typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n      return {\n        id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n        accessor,\n        active,\n        index: i,\n        label,\n        labelText,\n      }\n    })\n\n    // Filter by search query\n    const filtered = searchQuery\n      ? items.filter((item) => item.labelText.toLowerCase().includes(searchQuery.toLowerCase()))\n      : items\n\n    return {\n      all: items,\n      hidden: filtered.filter((item) => !item.active),\n      shown: filtered.filter((item) => item.active),\n    }\n  }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n  const handleDragEnd = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      // All shown items first, then all hidden items\n      const allItems = [...columnItems.shown, ...columnItems.hidden]\n      const shownCount = columnItems.shown.length\n      const fromItem = allItems[moveFromIndex]\n      const toItem = allItems[moveToIndex]\n\n      if (!fromItem || !toItem) {\n        return\n      }\n\n      // Determine if crossing sections\n      const fromIsShown = moveFromIndex < shownCount\n      const toIsShown = moveToIndex < shownCount\n\n      if (fromIsShown !== toIsShown) {\n        // Cross-section move: just toggle the column's active state (show/hide)\n        void toggleColumn(fromItem.accessor)\n        // Don't reorder when crossing sections - the toggle handles the change\n        return\n      }\n\n      // Same-section move: perform the reorder\n      void moveColumn({\n        fromIndex: fromItem.index,\n        toIndex: toItem.index,\n      })\n    },\n    [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n  )\n\n  if (!filteredColumns) {\n    return null\n  }\n\n  // Combined IDs: shown items first, then hidden items\n  const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n  const containerStyle = lockedWidth\n    ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n    : undefined\n\n  return (\n    <div\n      className={baseClass}\n      data-popup-prevent-close\n      data-width-locked={lockedWidth ? 'true' : undefined}\n      ref={containerRef}\n      style={containerStyle}\n    >\n      <div className={`${baseClass}__header`}>\n        <span className={`${baseClass}__title`}>{t('general:editColumns')}</span>\n        {onClose && (\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__close`}\n            icon={<XIcon size={24} />}\n            onClick={onClose}\n          />\n        )}\n      </div>\n      <div className={`${baseClass}__search`}>\n        <div className={`${baseClass}__search-bar`}>\n          <SearchIcon size={24} />\n          <input\n            aria-label={t('general:searchColumns')}\n            className={`${baseClass}__search-input`}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={t('general:searchColumns')}\n            type=\"text\"\n            value={searchQuery}\n          />\n        </div>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n          {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n            <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n          )}\n          {columnItems.shown.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:shownInTable')}</div>\n              {columnItems.shown.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          {columnItems.hidden.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</div>\n              {columnItems.hidden.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n        </DraggableSortable>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ColumnsButton/index.d.ts

@@ -1,7 +0,0 @@
-import type { SanitizedCollectionConfig } from 'payload';
-import React from 'react';
-export type ColumnsButtonProps = {
-    readonly collectionSlug: SanitizedCollectionConfig['slug'];
-};
-export declare const ColumnsButton: React.FC<ColumnsButtonProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/ColumnsButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnsButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAC3D,CAAA;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBtD,CAAA"}

package/dist/elements/ColumnsButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","ColumnSelector","Popup","baseClass","ColumnsButton","t0","$","collectionSlug","t","t1","t2","close","_jsx","onClose","t3","active","props","buttonStyle","className","icon","direction","size","children","horizontalAlign","render","verticalAlign"],"sources":["../../../src/elements/ColumnsButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { Popup } from '../Popup/index.js'\n\nexport type ColumnsButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nconst baseClass = 'columns-button'\n\nexport const ColumnsButton: React.FC<ColumnsButtonProps> = ({ collectionSlug }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => <ColumnSelector collectionSlug={collectionSlug} onClose={close} />}\n      renderButton={({ active, ...props }) => (\n        <Button\n          {...props}\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__button`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={active}\n          size=\"medium\"\n        >\n          {t('general:columns')}\n        </Button>\n      )}\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,QAAQ;AAMtB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW;EAAA,IAAAF,EAAkB;EAC5E;IAAAG;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAH,CAAA,QAAAC,cAAA;IAMFE,EAAA,GAAAC,EAAA;MAAC;QAAAC;MAAA,IAAAD,EAAS;MAAA,OAAKE,IAAA,CAAAX,cAAA;QAAAM,cAAA;QAAAM,OAAA,EAAyDF;MAAA,C;;;;;;;;;IAClED,EAAA,GAAAI,EAAA;MAAC;QAAAC,MAAA;QAAA,GAAAC;MAAA,IAAAF,EAAoB;MAAA,OACjCF,IAAA,CAAAZ,MAAA;QAAA,GACMgB,KAAK;QAAAC,WAAA,EACG;QAAAC,SAAA,EACD,GAAAf,SAAA,UAAsB;QAAAgB,IAAA,EAC3BP,IAAA,CAAAd,WAAA;UAAAsB,SAAA,EAAwBL,MAAA,GAAS,OAAO;UAAAM,IAAA;QAAA,C;kBACpCN,MAAA;QAAAM,IAAA,EACL;QAAAC,QAAA,EAEJd,CAAA,CAAE;MAAA,C;;;;;;;;;IAbTM,EAAA,GAAAF,IAAA,CAAAV,KAAA;MAAAgB,SAAA,EAAAf,SAAA;MAAAoB,eAAA,EAEkB;MAAAC,MAAA,EACRf,E;oBACMC,E;aAYR;MAAAe,aAAA,EACQ;IAAA,C;;;;;;;SAjBhBX,E;CAoBJ","ignoreList":[]}

package/dist/elements/FileDetails/FileMeta/index.scss

@@ -1,31 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .file-meta {
-    &__url {
-      display: flex;
-      gap: base(0.4);
-
-      a {
-        font-weight: 600;
-        text-decoration: none;
-
-        &:hover,
-        &:focus-visible {
-          text-decoration: underline;
-        }
-      }
-    }
-
-    &__size-type,
-    &__url a {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    &__edit {
-      position: relative;
-    }
-  }
-}