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

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\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  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/RecentlyViewed/CollectionsField/index.css

@@ -0,0 +1,14 @@
+@layer payload-default {
+  .recently-viewed-collections-field__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    padding: 0;
+    margin: var(--spacer-1) 0 0;
+    list-style: none;
+  }
+
+  .recently-viewed-collections-field__option {
+    margin: 0;
+  }
+}

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

@@ -0,0 +1,10 @@
+import type { SelectFieldClientComponent } from 'payload';
+import './index.css';
+/**
+ * Widget config field for the activity widget. The value is stored as an exclusion list
+ * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
+ * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
+ * added later are visible by default.
+ */
+export declare const RecentlyViewedCollectionsField: SelectFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAS/E,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,0BAmD5C,CAAA"}

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

@@ -0,0 +1,76 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useMemo } from 'react';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'recently-viewed-collections-field';
+const normalizeOption = option => typeof option === 'string' ? {
+  label: option,
+  value: option
+} : option;
+/**
+ * Widget config field for the activity widget. The value is stored as an exclusion list
+ * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by
+ * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
+ * added later are visible by default.
+ */
+export const RecentlyViewedCollectionsField = ({
+  field,
+  path: pathFromProps,
+  readOnly
+}) => {
+  const {
+    label
+  } = field;
+  const {
+    path,
+    setValue,
+    value
+  } = useField({
+    potentiallyStalePath: pathFromProps
+  });
+  const {
+    i18n
+  } = useTranslation();
+  const excludedSlugs = useMemo(() => new Set(Array.isArray(value) ? value : []), [value]);
+  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options]);
+  const toggleCollection = useCallback((slug, isIncluded) => {
+    const nextExcluded = new Set(excludedSlugs);
+    if (isIncluded) {
+      nextExcluded.delete(slug);
+    } else {
+      nextExcluded.add(slug);
+    }
+    setValue(Array.from(nextExcluded));
+  }, [excludedSlugs, setValue]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(FieldLabel, {
+      as: "span",
+      label: label,
+      path: path
+    }), /*#__PURE__*/_jsx("ul", {
+      className: `${baseClass}__list`,
+      children: options.map(option => {
+        const isIncluded_0 = !excludedSlugs.has(option.value);
+        const resolvedLabel = getTranslation(option.label, i18n);
+        return /*#__PURE__*/_jsx("li", {
+          className: `${baseClass}__option`,
+          children: /*#__PURE__*/_jsx(CheckboxInput, {
+            checked: isIncluded_0,
+            label: typeof resolvedLabel === 'string' ? resolvedLabel : option.value,
+            name: `${path}__${option.value}`,
+            onToggle: event => toggleCollection(option.value, event.target.checked),
+            readOnly: readOnly
+          })
+        }, option.value);
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","CheckboxInput","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","setValue","potentiallyStalePath","i18n","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","className","_jsx","as","has","resolvedLabel","checked","name","onToggle","event","target"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field for the activity widget. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: SelectFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { label } = field\n  const { path, setValue, value } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const { i18n } = useTranslation()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel as=\"span\" label={label} path={path} />\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,eAAA,GAAmBC,MAAA,IACvB,OAAOA,MAAA,KAAW,WAAW;EAAEC,KAAA,EAAOD,MAAA;EAAQE,KAAA,EAAOF;AAAO,IAAIA,MAAA;AAElE;;;;;;AAMA,OAAO,MAAMG,8BAAA,GAA6DA,CAAC;EACzEC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEN;EAAK,CAAE,GAAGG,KAAA;EAClB,MAAM;IAAEC,IAAI;IAAEG,QAAQ;IAAEN;EAAK,CAAE,GAAGN,QAAA,CAAmB;IAAEa,oBAAA,EAAsBH;EAAc;EAC3F,MAAM;IAAEI;EAAI,CAAE,GAAGb,cAAA;EAEjB,MAAMc,aAAA,GAAgBlB,OAAA,CAAQ,MAAM,IAAImB,GAAA,CAAYC,KAAA,CAAMC,OAAO,CAACZ,KAAA,IAASA,KAAA,GAAQ,EAAE,GAAG,CAACA,KAAA,CAAM;EAE/F,MAAMa,OAAA,GAAUtB,OAAA,CAAQ,MAAM,CAACW,KAAA,CAAMW,OAAO,IAAI,EAAE,EAAEC,GAAG,CAACjB,eAAA,GAAkB,CAACK,KAAA,CAAMW,OAAO,CAAC;EAEzF,MAAME,gBAAA,GAAmBzB,WAAA,CACvB,CAAC0B,IAAA,EAAcC,UAAA;IACb,MAAMC,YAAA,GAAe,IAAIR,GAAA,CAAID,aAAA;IAE7B,IAAIQ,UAAA,EAAY;MACdC,YAAA,CAAaC,MAAM,CAACH,IAAA;IACtB,OAAO;MACLE,YAAA,CAAaE,GAAG,CAACJ,IAAA;IACnB;IAEAV,QAAA,CAASK,KAAA,CAAMU,IAAI,CAACH,YAAA;EACtB,GACA,CAACT,aAAA,EAAeH,QAAA,CAAS;EAG3B,oBACEgB,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd4B,IAAA,CAAC/B,UAAA;MAAWgC,EAAA,EAAG;MAAO1B,KAAA,EAAOA,KAAA;MAAOI,IAAA,EAAMA;qBAC1CqB,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAG3B,SAAA,QAAiB;gBAChCiB,OAAA,CAAQC,GAAG,CAAEhB,MAAA;QACZ,MAAMmB,YAAA,GAAa,CAACR,aAAA,CAAciB,GAAG,CAAC5B,MAAA,CAAOE,KAAK;QAClD,MAAM2B,aAAA,GAAgBvC,cAAA,CAAeU,MAAA,CAAOC,KAAK,EAAES,IAAA;QAEnD,oBACEgB,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3B,SAAA,UAAmB;oBACnC,aAAA4B,IAAA,CAAChC,aAAA;YACCoC,OAAA,EAASX,YAAA;YACTlB,KAAA,EAAO,OAAO4B,aAAA,KAAkB,WAAWA,aAAA,GAAgB7B,MAAA,CAAOE,KAAK;YACvE6B,IAAA,EAAM,GAAG1B,IAAA,KAASL,MAAA,CAAOE,KAAK,EAAE;YAChC8B,QAAA,EAAWC,KAAA,IAAUhB,gBAAA,CAAiBjB,MAAA,CAAOE,KAAK,EAAE+B,KAAA,CAAMC,MAAM,CAACJ,OAAO;YACxEvB,QAAA,EAAUA;;WAN8BP,MAAA,CAAOE,KAAK;MAU5D;;;AAIR","ignoreList":[]}

package/dist/widgets/RecentlyViewed/index.d.ts

@@ -0,0 +1,10 @@
+import type { WidgetServerProps } from 'payload';
+import React from 'react';
+type RecentlyViewedWidgetData = {
+    excludedCollections?: string[];
+};
+export declare function RecentlyViewedWidget({ req, widgetData, }: WidgetServerProps<{
+    data?: RecentlyViewedWidgetData;
+}>): Promise<React.JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/RecentlyViewed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA6B,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,wBAAwB,GAAG;IAC9B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAmBD,wBAAsB,oBAAoB,CAAC,EACzC,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,wBAAwB,CAAA;CAAE,CAAC,8BAgCxD"}

package/dist/widgets/RecentlyViewed/index.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared';
+import React from 'react';
+import { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js';
+import { getPreferences } from '../../utilities/upsertPreferences.js';
+import { WidgetCard, WidgetList } from '../WidgetCard/index.js';
+const displayLimit = 10;
+export async function RecentlyViewedWidget({
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    user
+  } = req;
+  const title = i18n.t('dashboard:widgetRecentlyViewedTitle');
+  const enrichedItems = user ? await getEnrichedItems({
+    req,
+    widgetData
+  }) : [];
+  const relativeTimeFormat = getRelativeTimeFormat(i18n.language);
+  const items = enrichedItems.map(item => ({
+    href: item.href,
+    key: `${item.collectionSlug}:${item.id}`,
+    main: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [item.thumbnailURL ? /*#__PURE__*/_jsx("img", {
+        alt: "",
+        className: "widget-card__thumbnail",
+        src: item.thumbnailURL
+      }) : /*#__PURE__*/_jsx("span", {
+        className: "widget-card__type",
+        children: item.typeLabel
+      }), /*#__PURE__*/_jsx("span", {
+        className: "widget-card__row-title",
+        children: item.title
+      })]
+    }),
+    meta: /*#__PURE__*/_jsx("time", {
+      dateTime: item.viewedAt,
+      children: formatRelativeDate({
+        relativeTimeFormat,
+        value: item.viewedAt
+      })
+    })
+  }));
+  return /*#__PURE__*/_jsx(WidgetCard, {
+    className: "recently-viewed-widget",
+    title: title,
+    children: /*#__PURE__*/_jsx(WidgetList, {
+      emptyMessage: i18n.t('dashboard:widgetRecentlyViewedEmpty'),
+      items: items
+    })
+  });
+}
+/**
+ * Loads the stored recently viewed identities and computes display fields from the live documents.
+ * Documents are queried with access control, so deleted or now-forbidden docs are dropped.
+ */
+async function getEnrichedItems({
+  req,
+  widgetData
+}) {
+  const {
+    i18n,
+    payload,
+    user
+  } = req;
+  const excludedCollections = new Set(widgetData?.excludedCollections ?? []);
+  const preference = await getPreferences(PREFERENCE_KEYS.RECENTLY_VIEWED, payload, user.id, user.collection);
+  const items = (preference?.value?.items ?? []).filter(item => !excludedCollections.has(item.collectionSlug) && Boolean(payload.collections[item.collectionSlug]));
+  if (items.length === 0) {
+    return [];
+  }
+  const idsByCollection = new Map();
+  for (const item of items) {
+    const ids = idsByCollection.get(item.collectionSlug) ?? [];
+    ids.push(item.id);
+    idsByCollection.set(item.collectionSlug, ids);
+  }
+  const docsByKey = new Map();
+  await Promise.all([...idsByCollection.entries()].map(async ([collectionSlug, ids]) => {
+    try {
+      const result = await payload.find({
+        collection: collectionSlug,
+        depth: 0,
+        limit: ids.length,
+        overrideAccess: false,
+        pagination: false,
+        user,
+        where: {
+          id: {
+            in: ids
+          }
+        }
+      });
+      for (const doc of result.docs) {
+        docsByKey.set(`${collectionSlug}:${doc.id}`, doc);
+      }
+    } catch (err) {
+      payload.logger.error({
+        err,
+        msg: `RecentlyViewedWidget: failed to load collection "${collectionSlug}"`
+      });
+    }
+  }));
+  const enrichedItems = [];
+  for (const item of items) {
+    if (enrichedItems.length >= displayLimit) {
+      break;
+    }
+    const doc = docsByKey.get(`${item.collectionSlug}:${item.id}`);
+    if (!doc) {
+      continue;
+    }
+    const collectionConfig = payload.collections[item.collectionSlug].config;
+    const useAsTitle = collectionConfig.admin?.useAsTitle || 'id';
+    const rawTitle = getValueByPath({
+      object: doc,
+      path: useAsTitle
+    });
+    enrichedItems.push({
+      id: item.id,
+      collectionSlug: item.collectionSlug,
+      href: formatAdminURL({
+        adminRoute: payload.config.routes.admin,
+        path: `/collections/${item.collectionSlug}/${item.id}`
+      }),
+      thumbnailURL: collectionConfig.upload && typeof doc.thumbnailURL === 'string' ? doc.thumbnailURL : undefined,
+      title: typeof rawTitle === 'string' && rawTitle ? rawTitle : String(item.id),
+      typeLabel: getTranslation(collectionConfig.labels.singular, i18n),
+      viewedAt: item.viewedAt
+    });
+  }
+  return enrichedItems;
+}
+function getValueByPath({
+  object,
+  path
+}) {
+  return path.split('.').reduce((value, segment) => {
+    if (!value || typeof value !== 'object') {
+      return undefined;
+    }
+    return value[segment];
+  }, object);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","PREFERENCE_KEYS","React","formatRelativeDate","getRelativeTimeFormat","getPreferences","WidgetCard","WidgetList","displayLimit","RecentlyViewedWidget","req","widgetData","i18n","user","title","t","enrichedItems","getEnrichedItems","relativeTimeFormat","language","items","map","item","href","key","collectionSlug","id","main","_jsxs","_Fragment","thumbnailURL","_jsx","alt","className","src","typeLabel","meta","dateTime","viewedAt","value","emptyMessage","payload","excludedCollections","Set","preference","RECENTLY_VIEWED","collection","filter","has","Boolean","collections","length","idsByCollection","Map","ids","get","push","set","docsByKey","Promise","all","entries","result","find","depth","limit","overrideAccess","pagination","where","in","doc","docs","err","logger","error","msg","collectionConfig","config","useAsTitle","admin","rawTitle","getValueByPath","object","path","adminRoute","routes","upload","undefined","String","labels","singular","split","reduce","segment"],"sources":["../../../src/widgets/RecentlyViewed/index.tsx"],"sourcesContent":["import type { RecentlyViewedPreferences, WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\nimport type { WidgetListItem } from '../WidgetCard/index.js'\n\nimport { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js'\nimport { getPreferences } from '../../utilities/upsertPreferences.js'\nimport { WidgetCard, WidgetList } from '../WidgetCard/index.js'\n\ntype RecentlyViewedWidgetData = {\n  excludedCollections?: string[]\n}\n\ntype QueryDoc = {\n  id: number | string\n  thumbnailURL?: unknown\n} & Record<string, unknown>\n\ntype EnrichedItem = {\n  collectionSlug: string\n  href: string\n  id: number | string\n  thumbnailURL?: string\n  title: string\n  typeLabel: string\n  viewedAt: string\n}\n\nconst displayLimit = 10\n\nexport async function RecentlyViewedWidget({\n  req,\n  widgetData,\n}: WidgetServerProps<{ data?: RecentlyViewedWidgetData }>) {\n  const { i18n, user } = req\n  const title = i18n.t('dashboard:widgetRecentlyViewedTitle')\n\n  const enrichedItems = user ? await getEnrichedItems({ req, widgetData }) : []\n  const relativeTimeFormat = getRelativeTimeFormat(i18n.language)\n\n  const items: WidgetListItem[] = enrichedItems.map((item) => ({\n    href: item.href,\n    key: `${item.collectionSlug}:${item.id}`,\n    main: (\n      <>\n        {item.thumbnailURL ? (\n          <img alt=\"\" className=\"widget-card__thumbnail\" src={item.thumbnailURL} />\n        ) : (\n          <span className=\"widget-card__type\">{item.typeLabel}</span>\n        )}\n        <span className=\"widget-card__row-title\">{item.title}</span>\n      </>\n    ),\n    meta: (\n      <time dateTime={item.viewedAt}>\n        {formatRelativeDate({ relativeTimeFormat, value: item.viewedAt })}\n      </time>\n    ),\n  }))\n\n  return (\n    <WidgetCard className=\"recently-viewed-widget\" title={title}>\n      <WidgetList emptyMessage={i18n.t('dashboard:widgetRecentlyViewedEmpty')} items={items} />\n    </WidgetCard>\n  )\n}\n\n/**\n * Loads the stored recently viewed identities and computes display fields from the live documents.\n * Documents are queried with access control, so deleted or now-forbidden docs are dropped.\n */\nasync function getEnrichedItems({\n  req,\n  widgetData,\n}: {\n  req: WidgetServerProps['req']\n  widgetData: RecentlyViewedWidgetData | undefined\n}): Promise<EnrichedItem[]> {\n  const { i18n, payload, user } = req\n  const excludedCollections = new Set(widgetData?.excludedCollections ?? [])\n\n  const preference = await getPreferences<RecentlyViewedPreferences>(\n    PREFERENCE_KEYS.RECENTLY_VIEWED,\n    payload,\n    user.id,\n    user.collection,\n  )\n\n  const items = (preference?.value?.items ?? []).filter(\n    (item) =>\n      !excludedCollections.has(item.collectionSlug) &&\n      Boolean(payload.collections[item.collectionSlug]),\n  )\n\n  if (items.length === 0) {\n    return []\n  }\n\n  const idsByCollection = new Map<string, Array<number | string>>()\n  for (const item of items) {\n    const ids = idsByCollection.get(item.collectionSlug) ?? []\n    ids.push(item.id)\n    idsByCollection.set(item.collectionSlug, ids)\n  }\n\n  const docsByKey = new Map<string, QueryDoc>()\n  await Promise.all(\n    [...idsByCollection.entries()].map(async ([collectionSlug, ids]) => {\n      try {\n        const result = await payload.find({\n          collection: collectionSlug,\n          depth: 0,\n          limit: ids.length,\n          overrideAccess: false,\n          pagination: false,\n          user,\n          where: { id: { in: ids } },\n        })\n\n        for (const doc of result.docs as QueryDoc[]) {\n          docsByKey.set(`${collectionSlug}:${doc.id}`, doc)\n        }\n      } catch (err) {\n        payload.logger.error({\n          err,\n          msg: `RecentlyViewedWidget: failed to load collection \"${collectionSlug}\"`,\n        })\n      }\n    }),\n  )\n\n  const enrichedItems: EnrichedItem[] = []\n\n  for (const item of items) {\n    if (enrichedItems.length >= displayLimit) {\n      break\n    }\n\n    const doc = docsByKey.get(`${item.collectionSlug}:${item.id}`)\n\n    if (!doc) {\n      continue\n    }\n\n    const collectionConfig = payload.collections[item.collectionSlug].config\n    const useAsTitle = collectionConfig.admin?.useAsTitle || 'id'\n    const rawTitle = getValueByPath({ object: doc, path: useAsTitle })\n\n    enrichedItems.push({\n      id: item.id,\n      collectionSlug: item.collectionSlug,\n      href: formatAdminURL({\n        adminRoute: payload.config.routes.admin,\n        path: `/collections/${item.collectionSlug}/${item.id}`,\n      }),\n      thumbnailURL:\n        collectionConfig.upload && typeof doc.thumbnailURL === 'string'\n          ? doc.thumbnailURL\n          : undefined,\n      title: typeof rawTitle === 'string' && rawTitle ? rawTitle : String(item.id),\n      typeLabel: getTranslation(collectionConfig.labels.singular, i18n),\n      viewedAt: item.viewedAt,\n    })\n  }\n\n  return enrichedItems\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"],"mappings":"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","ignoreList":[]}

package/dist/widgets/WidgetCard/index.css

@@ -0,0 +1,155 @@
+@layer payload-default {
+  .card.widget-card {
+    --widget-card-visible-rows: 5;
+    --widget-card-row-gap: var(--spacer-1);
+    --widget-card-row-height: 40px;
+    --widget-card-scrollbar-width: 6px;
+    --widget-card-rows-height: calc(
+      (var(--widget-card-row-height) + var(--widget-card-row-gap)) *
+        var(--widget-card-visible-rows) - var(--widget-card-row-gap)
+    );
+
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--spacer-2-5);
+    height: 100%;
+    /* Border + padding + header + header/rows gap + the visible row viewport. */
+    max-height: calc(
+      (var(--stroke-width-small) * 2) + (var(--spacer-2-5) * 3) +
+        var(--text-heading-medium-line-height) + var(--widget-card-rows-height)
+    );
+    overflow: hidden;
+    padding: var(--spacer-2-5);
+  }
+
+  .widget-card__header {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .widget-card__title {
+    margin: 0;
+    color: var(--color-text);
+    font-family: var(--text-heading-medium-font-family);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+  }
+
+  .widget-card__rows {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: var(--widget-card-row-gap);
+    min-height: 0;
+    overflow-y: auto;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    scrollbar-color: GrayText transparent;
+    scrollbar-width: thin;
+
+    &::-webkit-scrollbar {
+      width: var(--widget-card-scrollbar-width);
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-corner,
+    &::-webkit-scrollbar-track,
+    &::-webkit-scrollbar-track-piece {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: var(--radius-small, 3px);
+      background: GrayText;
+    }
+  }
+
+  .widget-card__row {
+    margin: 0;
+  }
+
+  .widget-card__row-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    min-height: var(--widget-card-row-height);
+    padding: var(--spacer-1) calc(var(--spacer-1) * 1.5);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg);
+    color: var(--color-text);
+    text-decoration: none;
+
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+      text-decoration: none;
+    }
+  }
+
+  .widget-card__row-main,
+  .widget-card__row-meta {
+    display: inline-flex;
+    align-items: center;
+    min-width: 0;
+  }
+
+  .widget-card__row-main {
+    flex: 1 1 auto;
+    gap: calc(var(--spacer-1) * 1.5);
+  }
+
+  .widget-card__row-title {
+    overflow: hidden;
+    color: var(--color-text);
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-strong-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+    line-height: var(--text-body-medium-strong-line-height);
+    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .widget-card__row-meta {
+    flex: 0 0 auto;
+    gap: var(--spacer-1);
+    padding-left: calc(var(--spacer-1) * 1.5);
+    color: var(--color-text-secondary);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    white-space: nowrap;
+  }
+
+  .widget-card__type {
+    flex: 0 0 auto;
+    padding: 0 var(--spacer-1);
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg-secondary);
+    color: var(--color-text-secondary);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    white-space: nowrap;
+  }
+
+  .widget-card__thumbnail {
+    width: 24px;
+    height: 24px;
+    flex: 0 0 auto;
+    object-fit: cover;
+    border-radius: var(--radius-small, 3px);
+  }
+
+  .widget-card__empty {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+}

package/dist/widgets/WidgetCard/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+export type WidgetListItem = {
+    href: string;
+    key: string;
+    main: React.ReactNode;
+    meta?: React.ReactNode;
+};
+export declare function WidgetCard({ children, className, title, }: {
+    children: React.ReactNode;
+    className?: string;
+    title: React.ReactNode;
+}): React.JSX.Element;
+export declare function WidgetList({ emptyMessage, items, }: {
+    emptyMessage: string;
+    items: WidgetListItem[];
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/WidgetCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/WidgetCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,+BAA+B,CAAA;AACtC,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,qBASA;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,KAAK,GACN,EAAE;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB,qBAiBA"}

package/dist/widgets/WidgetCard/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import '../../elements/Card/index.css';
+import './index.css';
+export function WidgetCard({
+  children,
+  className,
+  title
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: ['card', 'widget-card', className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "widget-card__header",
+      children: /*#__PURE__*/_jsx("h3", {
+        className: "widget-card__title",
+        children: title
+      })
+    }), children]
+  });
+}
+export function WidgetList({
+  emptyMessage,
+  items
+}) {
+  if (items.length === 0) {
+    return /*#__PURE__*/_jsx("p", {
+      className: "widget-card__empty",
+      children: emptyMessage
+    });
+  }
+  return /*#__PURE__*/_jsx("ul", {
+    className: "widget-card__rows",
+    children: items.map(item => /*#__PURE__*/_jsx("li", {
+      className: "widget-card__row",
+      children: /*#__PURE__*/_jsxs("a", {
+        className: "widget-card__row-link",
+        href: item.href,
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "widget-card__row-main",
+          children: item.main
+        }), item.meta != null ? /*#__PURE__*/_jsx("span", {
+          className: "widget-card__row-meta",
+          children: item.meta
+        }) : null]
+      })
+    }, item.key))
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","WidgetCard","children","className","title","_jsxs","filter","Boolean","join","_jsx","WidgetList","emptyMessage","items","length","map","item","href","main","meta","key"],"sources":["../../../src/widgets/WidgetCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport '../../elements/Card/index.css'\nimport './index.css'\n\nexport type WidgetListItem = {\n  href: string\n  key: string\n  main: React.ReactNode\n  meta?: React.ReactNode\n}\n\nexport function WidgetCard({\n  children,\n  className,\n  title,\n}: {\n  children: React.ReactNode\n  className?: string\n  title: React.ReactNode\n}) {\n  return (\n    <div className={['card', 'widget-card', className].filter(Boolean).join(' ')}>\n      <div className=\"widget-card__header\">\n        <h3 className=\"widget-card__title\">{title}</h3>\n      </div>\n      {children}\n    </div>\n  )\n}\n\nexport function WidgetList({\n  emptyMessage,\n  items,\n}: {\n  emptyMessage: string\n  items: WidgetListItem[]\n}) {\n  if (items.length === 0) {\n    return <p className=\"widget-card__empty\">{emptyMessage}</p>\n  }\n\n  return (\n    <ul className=\"widget-card__rows\">\n      {items.map((item) => (\n        <li className=\"widget-card__row\" key={item.key}>\n          <a className=\"widget-card__row-link\" href={item.href}>\n            <span className=\"widget-card__row-main\">{item.main}</span>\n            {item.meta != null ? <span className=\"widget-card__row-meta\">{item.meta}</span> : null}\n          </a>\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AACP,OAAO;AASP,OAAO,SAASC,WAAW;EACzBC,QAAQ;EACRC,SAAS;EACTC;AAAK,CAKN;EACC,oBACEC,KAAA,CAAC;IAAIF,SAAA,EAAW,CAAC,QAAQ,eAAeA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACtEC,IAAA,CAAC;MAAIN,SAAA,EAAU;gBACb,aAAAM,IAAA,CAAC;QAAGN,SAAA,EAAU;kBAAsBC;;QAErCF,QAAA;;AAGP;AAEA,OAAO,SAASQ,WAAW;EACzBC,YAAY;EACZC;AAAK,CAIN;EACC,IAAIA,KAAA,CAAMC,MAAM,KAAK,GAAG;IACtB,oBAAOJ,IAAA,CAAC;MAAEN,SAAA,EAAU;gBAAsBQ;;EAC5C;EAEA,oBACEF,IAAA,CAAC;IAAGN,SAAA,EAAU;cACXS,KAAA,CAAME,GAAG,CAAEC,IAAA,iBACVN,IAAA,CAAC;MAAGN,SAAA,EAAU;gBACZ,aAAAE,KAAA,CAAC;QAAEF,SAAA,EAAU;QAAwBa,IAAA,EAAMD,IAAA,CAAKC,IAAI;gCAClDP,IAAA,CAAC;UAAKN,SAAA,EAAU;oBAAyBY,IAAA,CAAKE;YAC7CF,IAAA,CAAKG,IAAI,IAAI,oBAAOT,IAAA,CAAC;UAAKN,SAAA,EAAU;oBAAyBY,IAAA,CAAKG;aAAe;;OAHhDH,IAAA,CAAKI,GAAG;;AAStD","ignoreList":[]}