@payloadcms/ui 4.0.0-internal.4804abd → 4.0.0-internal.4a6b4c3

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","createButtonLabel","actions","id","buttonStyle","el","icon","round","to","tooltip","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    const createButtonLabel = t('general:createNewLabel', { label: title })\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={createButtonLabel}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                                tooltip={createButtonLabel}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={title}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionQuery/SortField/index.d.ts

@@ -1,3 +1,4 @@
-import type { TextFieldClientComponent } from 'payload';
-export declare const CollectionQuerySortField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+export declare const CollectionQuerySortField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionQuery/SortField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAcrE,eAAO,MAAM,wBAAwB,EAAE,wBA6FtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,KAA+B,MAAM,OAAO,CAAA;AAYnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: TextFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: React.FC<TextFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionQuery/index.css

@@ -1,145 +1,9 @@
 @layer payload-default {
-  .collection-query-widget {
-    --collection-query-widget-visible-rows: 5;
-    --collection-query-widget-row-gap: var(--spacer-1);
-    --collection-query-widget-row-height: 40px;
-    --collection-query-widget-scrollbar-width: 6px;
-    --collection-query-widget-rows-height: calc(
-      (
-          var(--collection-query-widget-row-height) + var(--collection-query-widget-row-gap)
-        ) * var(--collection-query-widget-visible-rows) - var(--collection-query-widget-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-small-line-height, 24px) +
-        var(--collection-query-widget-rows-height)
-    );
-    overflow: hidden;
-    padding: var(--spacer-2-5);
-  }
-
-  .collection-query-widget__title {
-    margin: 0;
-    color: var(--color-text);
-    font-family: var(--text-heading-small-font-family, var(--text-body-large-strong-font-family));
-    font-size: var(--text-heading-small-font-size, 20px);
-    font-weight: var(--text-heading-small-font-weight, var(--text-body-large-strong-font-weight));
-    line-height: var(--text-heading-small-line-height, 24px);
-  }
-
-  .collection-query-widget__header {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-2);
-  }
-
-  .collection-query-widget__rows {
-    display: flex;
-    flex: 1 1 auto;
-    flex-direction: column;
-    gap: var(--collection-query-widget-row-gap);
-    min-height: 0;
-    overflow-y: auto;
-    padding: 0;
-    padding-inline-end: calc(
-      var(--collection-query-widget-scrollbar-width) + var(--spacer-1)
-    );
-    margin: 0;
-    list-style: none;
-    scrollbar-color: GrayText transparent;
-    scrollbar-width: thin;
-
-    &::-webkit-scrollbar {
-      width: var(--collection-query-widget-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;
-    }
-  }
-
-  .collection-query-widget__row {
-    margin: 0;
-  }
-
-  .collection-query-widget__row-link {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--spacer-2);
-    min-height: var(--collection-query-widget-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;
-    }
-  }
-
-  .collection-query-widget__row-main,
-  .collection-query-widget__row-meta {
-    display: inline-flex;
-    align-items: center;
-    min-width: 0;
-  }
-
-  .collection-query-widget__row-main {
-    flex: 1 1 auto;
-    gap: calc(var(--spacer-1) * 1.5);
-  }
-
-  .collection-query-widget__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-small-font-family, var(--text-body-medium-font-family));
-    font-size: var(--text-body-small-font-size, 13px);
-    line-height: var(--text-body-small-line-height, 20px);
-    white-space: nowrap;
-  }
-
-  .collection-query-widget__row-title {
-    overflow: hidden;
-    color: var(--color-text);
-    font-family: var(
-      --text-body-small-strong-font-family,
-      var(--text-body-medium-strong-font-family)
-    );
-    font-size: var(--text-body-small-strong-font-size, 13px);
-    font-weight: var(
-      --text-body-small-strong-font-weight,
-      var(--text-body-medium-strong-font-weight)
-    );
-    line-height: var(--text-body-small-strong-line-height, 24px);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
   .collection-query-widget--error {
     border-color: var(--color-bg-danger);
   }
 
-  .collection-query-widget--error .collection-query-widget__title {
+  .collection-query-widget--error .widget-card__title {
     color: var(--color-text-danger);
   }
 
@@ -152,9 +16,9 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger-tertiary);
     color: var(--color-text-danger);
-    font-family: var(--text-body-small-font-family, var(--text-body-medium-font-family));
-    font-size: var(--text-body-small-font-size, 13px);
-    line-height: var(--text-body-small-line-height, 20px);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
   }
 
   .collection-query-widget__error-title {
@@ -165,13 +29,10 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger);
     color: var(--color-text-ondanger);
-    font-family: var(--text-body-small-strong-font-family, var(--text-body-medium-strong-font-family));
-    font-size: var(--text-body-small-strong-font-size, 13px);
-    font-weight: var(
-      --text-body-small-strong-font-weight,
-      var(--text-body-medium-strong-font-weight)
-    );
-    line-height: var(--text-body-small-strong-line-height, 20px);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .collection-query-widget__error-list {
@@ -198,9 +59,4 @@
     border-radius: 50%;
     background: currentColor;
   }
-
-  .collection-query-widget__empty {
-    margin: 0;
-    color: var(--color-text-secondary);
-  }
 }

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

@@ -1,6 +1,5 @@
 import type { CollectionSlug, Where, WidgetServerProps } from 'payload';
 import React from 'react';
-import '../../elements/Card/index.css';
 import './index.css';
 type CollectionQueryWidgetData = {
     limit?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionQuery/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,+BAA+B,CAAA;AACtC,OAAO,aAAa,CAAA;AAGpB,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAiBD,wBAAsB,qBAAqB,CAAC,EAC1C,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,yBAAyB,CAAA;CAAE,CAAC,8BAmHzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionQuery/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAGpB,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAiBD,wBAAsB,qBAAqB,CAAC,EAC1C,GAAG,EACH,UAAU,GACX,EAAE,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,yBAAyB,CAAA;CAAE,CAAC,8BA+FzD"}

package/dist/widgets/CollectionQuery/index.js

@@ -2,7 +2,8 @@ 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 { formatRelativeDate, getRelativeTimeFormat } from '../../utilities/formatRelativeDate.js';
+import { WidgetCard, WidgetList } from '../WidgetCard/index.js';
 import './index.css';
 import { getCollectionFieldPaths } from './getCollectionFieldPaths.js';
 const minLimit = 1;
@@ -74,55 +75,40 @@ export async function CollectionQueryWidget({
   }
   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({
+  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,
-          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')
-    })]
+          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({
@@ -130,15 +116,10 @@ function CollectionQueryError({
   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", {
+  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",
@@ -149,7 +130,7 @@ function CollectionQueryError({
           children: error
         }, error))
       })]
-    })]
+    })
   });
 }
 function clampLimit(limit) {
@@ -341,58 +322,6 @@ function getValueByPath({
     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());
 }

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

@@ -1 +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":[]}
+{"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,11 @@
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * Widget config field shared by collection checklists. 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: React.FC<SelectFieldClientProps>;
+//# 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,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwE3E,CAAA"}