@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

package/dist/widgets/CollectionCards/index.css

@@ -1,46 +1,46 @@
 @layer payload-default {
   .collections {
-    display: flex;
     width: 100%;
-    --gap: var(--spacer-3);
-    --cols: 5;
   }
 
   .collections__wrap {
-    width: 100%;
     display: flex;
     flex-direction: column;
-    gap: var(--spacer-3);
-    padding-bottom: var(--spacer-6);
+    gap: var(--spacer-5);
+    width: 100%;
+    background: var(--color-bg);
   }
 
   .collections__group {
     display: flex;
     flex-direction: column;
-    gap: var(--gap);
-    padding-top: var(--spacer-2);
+    gap: var(--spacer-2-5);
   }
 
   .collections__label {
     margin: 0;
-    font-family: var(--text-heading-medium-font-family);
+    color: var(--color-text);
     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);
-    color: var(--color-text);
   }
 
   .collections__card-list {
+    display: grid;
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    gap: var(--spacer-2-5);
     padding: 0;
     margin: 0;
     list-style: none;
-    gap: var(--spacer-3);
-    display: grid;
-    grid-template-columns: repeat(var(--cols), 1fr);
 
-    .card {
-      height: 100%;
+    .card:has(.card__actions) .card__title {
+      max-width: calc(100% - var(--spacer-4));
+    }
+
+    .card__actions {
+      right: auto;
+      inset-inline-end: var(--spacer-2);
     }
   }
 
@@ -49,36 +49,32 @@
     justify-content: unset;
   }
 
-  @media (max-width: 1440px) {
-    .collections {
-      --cols: 4;
+  @media (hover: hover) and (pointer: fine) {
+    .collections__card-list .card__actions:has(.btn) {
+      opacity: 0;
     }
-  }
 
-  @media (max-width: 1024px) {
-    .collections {
-      --gap: var(--spacer-3);
-      --cols: 2;
+    .collections__card-list .card:hover .card__actions,
+    .collections__card-list .card:focus-within .card__actions {
+      opacity: 1;
     }
   }
 
-  @media (max-width: 768px) {
-    .collections {
-      --cols: 2;
-    }
-
-    .collections__wrap {
-      gap: var(--spacer-3);
+  @media (min-width: 400px) {
+    .collections__card-list {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+  }
 
+  @media (min-width: 768px) {
     .collections__card-list {
-      gap: var(--spacer-2);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 
-  @media (max-width: 400px) {
-    .collections {
-      --cols: 1;
+  @media (min-width: 1024px) {
+    .collections__card-list {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
 }

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

@@ -1,5 +1,8 @@
 import type { WidgetServerProps } from 'payload';
 import React from 'react';
 import './index.css';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export declare function CollectionCards(props: WidgetServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAoH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB;;GAEG;AACH,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAqH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -10,6 +10,9 @@ import { getNavGroups } from '../../utilities/getNavGroups.js';
 import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
 import './index.css';
 const baseClass = 'collections';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export async function CollectionCards(props) {
   const {
     i18n,
@@ -99,25 +102,27 @@ export async function CollectionCards(props) {
                   }
                 }
               }
+              const createButtonLabel = t('general:createNewLabel', {
+                label: title
+              });
               return /*#__PURE__*/_jsx("li", {
                 children: /*#__PURE__*/_jsx(Card, {
                   actions: isLocked && user?.id !== userEditing?.id ? /*#__PURE__*/_jsx(Locked, {
                     className: `${baseClass}__locked`,
                     user: userEditing
                   }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
-                    "aria-label": t('general:createNewLabel', {
-                      label
-                    }),
+                    "aria-label": createButtonLabel,
                     buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
                     round: true,
-                    to: createHREF
+                    to: createHREF,
+                    tooltip: createButtonLabel
                   }) : undefined,
                   buttonAriaLabel: buttonAriaLabel,
                   href: href,
                   id: `card-${slug}`,
-                  title: getTranslation(label, i18n),
+                  title: title,
                   titleAs: "h3"
                 })
               }, entityIndex);

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\n/**\n * @internal - may change or be removed without a major version bump\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,7 @@
-import type { TextFieldClientComponent } from 'payload';
-export declare const CollectionQuerySortField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+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;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnE,CAAA"}

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { SelectInput } from '../../../fields/Select/Input.js';
@@ -10,35 +11,56 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js';
 import { getCollectionFieldPaths } from '../getCollectionFieldPaths.js';
 const baseFieldValues = new Set(['createdAt', 'id', 'updatedAt']);
-export const CollectionQuerySortField = ({
-  field,
-  path: pathFromProps,
-  readOnly
-}) => {
+/**
+ * @internal - may change or be removed without a major version bump
+ */
+export const CollectionQuerySortField = t0 => {
+  const $ = _c(24);
+  const {
+    field,
+    path: pathFromProps,
+    readOnly
+  } = t0;
   const {
     name,
     admin,
     label,
     required
   } = field;
+  let t1;
+  if ($[0] !== pathFromProps) {
+    t1 = {
+      potentiallyStalePath: pathFromProps
+    };
+    $[0] = pathFromProps;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t2,
     path,
     setValue,
     showError,
     value
-  } = useField({
-    potentiallyStalePath: pathFromProps
-  });
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
+  } = useField(t1);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t2 === undefined ? {} : t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      path: "relatedCollection"
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const relatedCollectionField = useField(t3);
   const relatedCollection = relatedCollectionField.value;
   const {
     config
@@ -50,69 +72,155 @@ export const CollectionQuerySortField = ({
     i18n,
     t
   } = useTranslation();
-  const collectionConfig = useMemo(() => {
+  let t4;
+  bb0: {
     if (!relatedCollection) {
-      return null;
+      t4 = null;
+      break bb0;
+    }
+    let t5;
+    if ($[3] !== config.collections || $[4] !== relatedCollection) {
+      t5 = config.collections?.find(collection => collection.slug === relatedCollection) ?? null;
+      $[3] = config.collections;
+      $[4] = relatedCollection;
+      $[5] = t5;
+    } else {
+      t5 = $[5];
     }
-    return config.collections?.find(collection => collection.slug === relatedCollection) ?? null;
-  }, [config.collections, relatedCollection]);
-  const options = useMemo(() => {
+    t4 = t5;
+  }
+  const collectionConfig = t4;
+  let t5;
+  bb1: {
     if (!relatedCollection || !collectionConfig) {
-      return [];
+      let t6;
+      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[6] = t6;
+      } else {
+        t6 = $[6];
+      }
+      t5 = t6;
+      break bb1;
     }
-    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields
-    // the API can actually sort by (e.g. excluding array sub-fields).
-    const {
-      sortableFieldPaths
-    } = getCollectionFieldPaths(collectionConfig.fields);
-    const fieldOptions = reduceFieldsToOptions({
-      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
-      fields: collectionConfig.fields,
-      i18n
-    }).filter(({
-      fieldPath
-    }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath)).map(({
-      fieldPath: fieldPath_0,
-      plainTextLabel
-    }) => ({
-      label: plainTextLabel ?? fieldPath_0,
-      value: fieldPath_0
-    }));
-    return [{
-      label: 'ID',
-      value: 'id'
-    }, {
-      label: t('general:createdAt'),
-      value: 'createdAt'
-    }, {
-      label: t('general:updatedAt'),
-      value: 'updatedAt'
-    }, ...fieldOptions];
-  }, [collectionConfig, i18n, permissions, relatedCollection, t]);
-  const onChange = useCallback(selectedOption => {
-    if (Array.isArray(selectedOption)) {
-      return;
+    let t6;
+    if ($[7] !== collectionConfig.fields || $[8] !== i18n || $[9] !== permissions?.collections || $[10] !== relatedCollection || $[11] !== t) {
+      const {
+        sortableFieldPaths
+      } = getCollectionFieldPaths(collectionConfig.fields);
+      const fieldOptions = reduceFieldsToOptions({
+        fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
+        fields: collectionConfig.fields,
+        i18n
+      }).filter(t7 => {
+        const {
+          fieldPath
+        } = t7;
+        return sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath);
+      }).map(_temp);
+      let t8;
+      if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = {
+          label: "ID",
+          value: "id"
+        };
+        $[13] = t8;
+      } else {
+        t8 = $[13];
+      }
+      let t9;
+      if ($[14] !== t) {
+        t9 = t("general:createdAt");
+        $[14] = t;
+        $[15] = t9;
+      } else {
+        t9 = $[15];
+      }
+      let t10;
+      if ($[16] !== t9) {
+        t10 = {
+          label: t9,
+          value: "createdAt"
+        };
+        $[16] = t9;
+        $[17] = t10;
+      } else {
+        t10 = $[17];
+      }
+      let t11;
+      if ($[18] !== t) {
+        t11 = t("general:updatedAt");
+        $[18] = t;
+        $[19] = t11;
+      } else {
+        t11 = $[19];
+      }
+      let t12;
+      if ($[20] !== t11) {
+        t12 = {
+          label: t11,
+          value: "updatedAt"
+        };
+        $[20] = t11;
+        $[21] = t12;
+      } else {
+        t12 = $[21];
+      }
+      t6 = [t8, t10, t12, ...fieldOptions];
+      $[7] = collectionConfig.fields;
+      $[8] = i18n;
+      $[9] = permissions?.collections;
+      $[10] = relatedCollection;
+      $[11] = t;
+      $[12] = t6;
+    } else {
+      t6 = $[12];
     }
-    setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null);
-  }, [setValue]);
-  return /*#__PURE__*/_jsx(SelectInput, {
-    AfterInput: AfterInput,
-    BeforeInput: BeforeInput,
-    Description: Description,
+    t5 = t6;
+  }
+  const options = t5;
+  let t6;
+  if ($[22] !== setValue) {
+    t6 = selectedOption => {
+      if (Array.isArray(selectedOption)) {
+        return;
+      }
+      setValue(typeof selectedOption?.value === "string" ? selectedOption.value : null);
+    };
+    $[22] = setValue;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  const onChange = t6;
+  return _jsx(SelectInput, {
+    AfterInput,
+    BeforeInput,
+    Description,
     description: admin?.description,
-    Error: Error,
+    Error,
     isClearable: true,
-    Label: Label,
-    label: label,
-    name: name,
-    onChange: onChange,
-    options: options,
-    path: path,
-    placeholder: relatedCollection ? t('dashboard:widgetSelectSortField') : t('dashboard:widgetSelectCollectionFirst'),
+    Label,
+    label,
+    name,
+    onChange,
+    options,
+    path,
+    placeholder: relatedCollection ? t("dashboard:widgetSelectSortField") : t("dashboard:widgetSelectCollectionFirst"),
     readOnly: readOnly || !relatedCollection,
-    required: required,
-    showError: showError,
-    value: value
+    required,
+    showError,
+    value
   });
 };
+function _temp(t0) {
+  const {
+    fieldPath: fieldPath_0,
+    plainTextLabel
+  } = t0;
+  return {
+    label: plainTextLabel ?? fieldPath_0,
+    value: fieldPath_0
+  };
+}
 //# sourceMappingURL=index.js.map

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":["c","_c","React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","t0","$","field","path","pathFromProps","readOnly","name","admin","label","required","t1","potentiallyStalePath","customComponents","t2","setValue","showError","value","AfterInput","BeforeInput","Description","Error","Label","undefined","t3","Symbol","for","relatedCollectionField","relatedCollection","config","permissions","i18n","t","t4","bb0","t5","collections","find","collection","slug","collectionConfig","bb1","t6","fields","sortableFieldPaths","fieldOptions","fieldPermissions","filter","t7","fieldPath","has","map","_temp","t8","t9","t10","t11","t12","options","selectedOption","Array","isArray","onChange","_jsx","description","isClearable","placeholder","fieldPath_0","plainTextLabel"],"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\n/**\n * @internal - may change or be removed without a major version bump\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

@@ -16,7 +16,6 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger-tertiary);
     color: var(--color-text-danger);
-    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);
@@ -30,11 +29,10 @@
     border-radius: var(--radius-small, 3px);
     background: var(--color-bg-danger);
     color: var(--color-text-ondanger);
-    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);
+    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 {

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

@@ -9,6 +9,9 @@ type CollectionQueryWidgetData = {
     title?: string;
     where?: Where;
 };
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export declare function CollectionQueryWidget({ req, widgetData, }: WidgetServerProps<{
     data?: CollectionQueryWidgetData;
 }>): Promise<React.JSX.Element>;

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;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"}
+{"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;;GAEG;AACH,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

@@ -13,6 +13,9 @@ const emptyFieldPaths = {
   relationshipFieldPaths: new Set(),
   sortableFieldPaths: new Set()
 };
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export async function CollectionQueryWidget({
   req,
   widgetData