@payloadcms/ui 4.0.0-internal.688c4d0 → 4.0.0-internal.77191e5

package/dist/widgets/CollectionCards/index.css

@@ -1,24 +1,26 @@
 @layer payload-default {
   .collections {
     display: flex;
-    width: 100%;
-    --gap: var(--spacer-3);
-    --cols: 5;
+    inline-size: 100%;
+    min-inline-size: 0;
+    container-type: inline-size;
+    container-name: collection-cards;
+    --gap: var(--spacer-2-5);
+    --cols: 2;
   }
 
   .collections__wrap {
-    width: 100%;
+    inline-size: 100%;
     display: flex;
     flex-direction: column;
     gap: var(--spacer-3);
-    padding-bottom: var(--spacer-6);
   }
 
   .collections__group {
     display: flex;
     flex-direction: column;
     gap: var(--gap);
-    padding-top: var(--spacer-2);
+    padding-block-start: var(--spacer-2);
   }
 
   .collections__label {
@@ -35,12 +37,37 @@
     padding: 0;
     margin: 0;
     list-style: none;
-    gap: var(--spacer-3);
+    gap: var(--spacer-2-5);
     display: grid;
-    grid-template-columns: repeat(var(--cols), 1fr);
+    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
 
     .card {
-      height: 100%;
+      block-size: 100%;
+      min-block-size: calc(var(--spacer-5) * 2);
+      padding: var(--spacer-2-5);
+      border-radius: var(--radius-large);
+      background: var(--color-bg);
+      &:hover,
+      &:focus-within {
+        background: var(--color-bg-secondary);
+      }
+      .card__title {
+        margin: 0;
+        padding-inline-end: var(--spacer-4);
+      }
+      .card__actions {
+        inset-block-start: var(--spacer-2);
+        inset-inline-end: var(--spacer-2);
+      }
+      @media (hover: hover) {
+        .card__actions:not(:has(.locked)) {
+          opacity: 0;
+        }
+        &:hover .card__actions,
+        &:focus-within .card__actions {
+          opacity: 1;
+        }
+      }
     }
   }
 
@@ -49,36 +76,19 @@
     justify-content: unset;
   }
 
-  @media (max-width: 1440px) {
-    .collections {
+  @container collection-cards (min-width: 768px) {
+    .collections__card-list {
       --cols: 4;
     }
   }
-
-  @media (max-width: 1024px) {
-    .collections {
-      --gap: var(--spacer-3);
-      --cols: 2;
-    }
-  }
-
-  @media (max-width: 768px) {
-    .collections {
-      --cols: 2;
-    }
-
-    .collections__wrap {
-      gap: var(--spacer-3);
-    }
-
+  @container collection-cards (min-width: 1024px) {
     .collections__card-list {
-      gap: var(--spacer-2);
+      --cols: 6;
     }
   }
-
-  @media (max-width: 400px) {
-    .collections {
-      --cols: 1;
+  @container collection-cards (min-width: 1440px) {
+    .collections__card-list {
+      --cols: 8;
     }
   }
 }

package/dist/widgets/CollectionCards/index.js

@@ -106,7 +106,7 @@ export async function CollectionCards(props) {
                     user: userEditing
                   }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
                     "aria-label": t('general:createNewLabel', {
-                      label
+                      label: getTranslation(label, i18n)
                     }),
                     buttonStyle: "ghost",
                     el: "link",

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","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: getTranslation(label, i18n),\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":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ;AAC7C,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB;AACA,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,eAAeC,gBAAgBC,KAAwB;EAC5D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAI,CAAE,GAAGH,KAAA,CAAMI,GAAG;EACzC,MAAM;IAAEC,KAAA,EAAOC;EAAU,CAAE,GAAGJ,OAAA,CAAQK,MAAM,CAACC,MAAM;EACnD,MAAM;IAAEC;EAAC,CAAE,GAAGR,IAAA;EACd,MAAMS,WAAA,GAAc,MAAMrB,gBAAA,CAAiB;IAAEe,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMO,eAAA,GAAkBd,kBAAA,CAAmB;IAAEO,GAAA,EAAKJ,KAAA,CAAMI;EAAI;EAC5D,MAAMQ,UAAA,GAAa,MAAMjB,aAAA,CAAcK,KAAA,CAAMI,GAAG;EAEhD,MAAMS,SAAA,GAAYjB,YAAA,CAAac,WAAA,EAAaC,eAAA,EAAiBT,OAAA,CAAQK,MAAM,EAAEN,IAAA;EAE7E,oBACEa,IAAA,CAAC;IAAIC,SAAA,EAAWjB,SAAA;cACd,aAAAgB,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGjB,SAAA,QAAiB;gBACjC,CAACe,SAAA,IAAaA,SAAA,EAAWG,MAAA,KAAW,iBACnCF,IAAA,CAAC;kBAAE;WAEHD,SAAA,CAAUI,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEC;MAAK,CAAE,EAAEC,UAAA;QAClC,oBACEC,KAAA,CAAC;UAAIN,SAAA,EAAW,GAAGjB,SAAA,SAAkB;kCACnCgB,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,SAAkB;sBAAGqB;2BACvCL,IAAA,CAAC;YAAGC,SAAA,EAAW,GAAGjB,SAAA,aAAsB;sBACrCoB,QAAA,CAASD,GAAG,CAAC,CAAC;cAAEK,IAAI;cAAEC,IAAI;cAAEJ;YAAK,CAAE,EAAEK,WAAA;cACpC,IAAIC,KAAA;cACJ,IAAIC,eAAA;cACJ,IAAIC,UAAA;cACJ,IAAIC,IAAA;cACJ,IAAIC,mBAAA;cACJ,IAAIC,QAAA,GAAW;cACf,IAAIC,WAAA,GAAc;cAElB,IAAIR,IAAA,KAASnC,UAAA,CAAW4C,UAAU,EAAE;gBAClCP,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,wBAAwB;kBAAEU,KAAA,EAAOM;gBAAM;gBAE3DG,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAK,UAAA,GAAarC,cAAA,CAAe;kBAC1BgB,UAAA;kBACA2B,IAAA,EAAM,gBAAgBX,IAAA;gBACxB;gBAEAO,mBAAA,GAAsBnB,WAAA,EAAawB,WAAA,GAAcZ,IAAA,CAAK,EAAEa,MAAA;cAC1D;cAEA,IAAIZ,IAAA,KAASnC,UAAA,CAAWgD,MAAM,EAAE;gBAC9BX,KAAA,GAAQtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAE9ByB,eAAA,GAAkBjB,CAAA,CAAE,qBAAqB;kBACvCU,KAAA,EAAOhC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;gBAC/B;gBAEA2B,IAAA,GAAOtC,cAAA,CAAe;kBACpBgB,UAAA;kBACA2B,IAAA,EAAM,YAAYX,IAAA;gBACpB;gBAEA;gBACA,MAAMe,cAAA,GAAiBzB,UAAA,CAAW0B,IAAI,CAAEF,MAAA,IAAWA,MAAA,CAAOd,IAAI,KAAKA,IAAA;gBACnE,IAAIe,cAAA,EAAgB;kBAClBP,QAAA,GAAWO,cAAA,CAAeE,IAAI,CAACC,SAAS;kBACxCT,WAAA,GAAcM,cAAA,CAAeE,IAAI,CAACE,YAAY;kBAE9C;kBACA,MAAMC,YAAA,GAAeL,cAAA,EAAgBK,YAAA;kBACrC,MAAMC,YAAA,GAAe,IAAIC,IAAA,CAAKP,cAAA,CAAeE,IAAI,EAAEM,aAAA,EAAeC,OAAO;kBAEzE,MAAMC,0BAAA,GAA6BL,YAAA,GAAe;kBAClD,MAAMM,kBAAA,GAAqBL,YAAA,GAAeI,0BAAA;kBAE1C,IAAI,IAAIH,IAAA,GAAOE,OAAO,KAAKE,kBAAA,EAAoB;oBAC7ClB,QAAA,GAAW;oBACXC,WAAA,GAAc;kBAChB;gBACF;cACF;cAEA,oBACEjB,IAAA,CAAC;0BACC,aAAAA,IAAA,CAACrB,IAAA;kBACCwD,OAAA,EACEnB,QAAA,IAAY3B,IAAA,EAAM+C,EAAA,KAAOnB,WAAA,EAAamB,EAAA,gBACpCpC,IAAA,CAACpB,MAAA;oBAAOqB,SAAA,EAAW,GAAGjB,SAAA,UAAmB;oBAAEK,IAAA,EAAM4B;uBAC/CF,mBAAA,IAAuBN,IAAA,KAASnC,UAAA,CAAW4C,UAAU,gBACvDlB,IAAA,CAACtB,MAAA;oBACC,cAAYiB,CAAA,CAAE,0BAA0B;sBACtCU,KAAA,EAAOhC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;oBAC/B;oBACAkD,WAAA,EAAY;oBACZC,EAAA,EAAG;oBACHC,IAAA,EAAK;oBACLC,KAAK;oBACLC,EAAA,EAAI5B;uBAEJ6B,SAAA;kBAEN9B,eAAA,EAAiBA,eAAA;kBACjBE,IAAA,EAAMA,IAAA;kBACNsB,EAAA,EAAI,QAAQ5B,IAAA,EAAM;kBAClBG,KAAA,EAAOtC,cAAA,CAAegC,KAAA,EAAOlB,IAAA;kBAC7BwD,OAAA,EAAQ;;iBAtBHjC,WAAA;YA0Bb;;WAzFwCJ,UAAA;MA6FhD;;;AAKV","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import type { TextFieldClientComponent } from 'payload';
+export declare const CollectionQuerySortField: TextFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,118 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { SelectInput } from '../../../fields/Select/Input.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+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
+}) => {
+  const {
+    name,
+    admin,
+    label,
+    required
+  } = field;
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    path,
+    setValue,
+    showError,
+    value
+  } = useField({
+    potentiallyStalePath: pathFromProps
+  });
+  const relatedCollectionField = useField({
+    path: 'relatedCollection'
+  });
+  const relatedCollection = relatedCollectionField.value;
+  const {
+    config
+  } = useConfig();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const collectionConfig = useMemo(() => {
+    if (!relatedCollection) {
+      return null;
+    }
+    return config.collections?.find(collection => collection.slug === relatedCollection) ?? null;
+  }, [config.collections, relatedCollection]);
+  const options = useMemo(() => {
+    if (!relatedCollection || !collectionConfig) {
+      return [];
+    }
+    // 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;
+    }
+    setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null);
+  }, [setValue]);
+  return /*#__PURE__*/_jsx(SelectInput, {
+    AfterInput: AfterInput,
+    BeforeInput: BeforeInput,
+    Description: Description,
+    description: admin?.description,
+    Error: Error,
+    isClearable: true,
+    Label: Label,
+    label: label,
+    name: name,
+    onChange: onChange,
+    options: options,
+    path: path,
+    placeholder: relatedCollection ? t('dashboard:widgetSelectSortField') : t('dashboard:widgetSelectCollectionFirst'),
+    readOnly: readOnly || !relatedCollection,
+    required: required,
+    showError: showError,
+    value: value
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,uBAAuB,QAAQ;AAExC,MAAMC,eAAA,GAAkB,IAAIC,GAAA,CAAI,CAAC,aAAa,MAAM,YAAY;AAEhE,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAQ,CAAE,GAAGP,KAAA;EACzC,MAAM;IACJQ,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EZ,IAAI;IACJa,QAAQ;IACRC,SAAS;IACTC;EAAK,CACN,GAAGzB,QAAA,CAAiB;IAAE0B,oBAAA,EAAsBf;EAAc;EAC3D,MAAMgB,sBAAA,GAAyB3B,QAAA,CAAiB;IAAEU,IAAA,EAAM;EAAoB;EAC5E,MAAMkB,iBAAA,GAAoBD,sBAAA,CAAuBF,KAAK;EACtD,MAAM;IAAEI;EAAM,CAAE,GAAG3B,SAAA;EACnB,MAAM;IAAE4B;EAAW,CAAE,GAAG7B,OAAA;EACxB,MAAM;IAAE8B,IAAI;IAAEC;EAAC,CAAE,GAAG7B,cAAA;EAEpB,MAAM8B,gBAAA,GAAmBnC,OAAA,CAAQ;IAC/B,IAAI,CAAC8B,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOC,MAAA,CAAOK,WAAW,EAAEC,IAAA,CAAMC,UAAA,IAAeA,UAAA,CAAWC,IAAI,KAAKT,iBAAA,KAAsB;EAC5F,GAAG,CAACC,MAAA,CAAOK,WAAW,EAAEN,iBAAA,CAAkB;EAE1C,MAAMU,OAAA,GAAUxC,OAAA,CAAwB;IACtC,IAAI,CAAC8B,iBAAA,IAAqB,CAACK,gBAAA,EAAkB;MAC3C,OAAO,EAAE;IACX;IAEA;IACA;IACA,MAAM;MAAEM;IAAkB,CAAE,GAAGlC,uBAAA,CAAwB4B,gBAAA,CAAiBO,MAAM;IAE9E,MAAMC,YAAA,GAAerC,qBAAA,CAAsB;MACzCsC,gBAAA,EAAkBZ,WAAA,EAAaI,WAAA,GAAcN,iBAAA,CAAkB,EAAEY,MAAA,IAAU;MAC3EA,MAAA,EAAQP,gBAAA,CAAiBO,MAAM;MAC/BT;IACF,GACGY,MAAM,CACL,CAAC;MAAEC;IAAS,CAAE,KAAKL,kBAAA,CAAmBM,GAAG,CAACD,SAAA,KAAc,CAACtC,eAAA,CAAgBuC,GAAG,CAACD,SAAA,GAE9EE,GAAG,CAAC,CAAC;MAAEF,SAAS,EAATA,WAAS;MAAEG;IAAc,CAAE,MAAM;MACvChC,KAAA,EAAOgC,cAAA,IAAkBH,WAAA;MACzBnB,KAAA,EAAOmB;IACT;IAEF,OAAO,CACL;MAAE7B,KAAA,EAAO;MAAMU,KAAA,EAAO;IAAK,GAC3B;MAAEV,KAAA,EAAOiB,CAAA,CAAE;MAAsBP,KAAA,EAAO;IAAY,GACpD;MAAEV,KAAA,EAAOiB,CAAA,CAAE;MAAsBP,KAAA,EAAO;IAAY,G,GACjDgB,YAAA,CACJ;EACH,GAAG,CAACR,gBAAA,EAAkBF,IAAA,EAAMD,WAAA,EAAaF,iBAAA,EAAmBI,CAAA,CAAE;EAE9D,MAAMgB,QAAA,GAAWnD,WAAA,CACdoD,cAAA;IACC,IAAIC,KAAA,CAAMC,OAAO,CAACF,cAAA,GAAiB;MACjC;IACF;IAEA1B,QAAA,CAAS,OAAO0B,cAAA,EAAgBxB,KAAA,KAAU,WAAWwB,cAAA,CAAexB,KAAK,GAAG;EAC9E,GACA,CAACF,QAAA,CAAS;EAGZ,oBACE6B,IAAA,CAACrD,WAAA;IACCmB,UAAA,EAAYA,UAAA;IACZC,WAAA,EAAaA,WAAA;IACbC,WAAA,EAAaA,WAAA;IACbiC,WAAA,EAAavC,KAAA,EAAOuC,WAAA;IACpBhC,KAAA,EAAOA,KAAA;IACPiC,WAAW;IACXhC,KAAA,EAAOA,KAAA;IACPP,KAAA,EAAOA,KAAA;IACPF,IAAA,EAAMA,IAAA;IACNmC,QAAA,EAAUA,QAAA;IACVV,OAAA,EAASA,OAAA;IACT5B,IAAA,EAAMA,IAAA;IACN6C,WAAA,EACE3B,iBAAA,GACII,CAAA,CAAE,qCACFA,CAAA,CAAE;IAERpB,QAAA,EAAUA,QAAA,IAAY,CAACgB,iBAAA;IACvBZ,QAAA,EAAUA,QAAA;IACVQ,SAAA,EAAWA,SAAA;IACXC,KAAA,EAAOA;;AAGb","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import type { ClientField, Field } from 'payload';
+type QueryableField = ClientField | Field;
+export type CollectionFieldPaths = {
+    /** Field paths that can be referenced in a `where` filter. */
+    filterableFieldPaths: Set<string>;
+    /** Field paths that point to another collection (relationship/upload/join). */
+    relationshipFieldPaths: Set<string>;
+    /** Field paths that the API can sort by. */
+    sortableFieldPaths: Set<string>;
+};
+/**
+ * Builds the queryable field paths for a collection from either server or client field schemas.
+ * Sortability stays anchored on Payload's `sortableFieldTypes` so the widget follows core rules as
+ * field types evolve, while array sub-fields remain filter-only.
+ */
+export declare function getCollectionFieldPaths(fields: QueryableField[]): CollectionFieldPaths;
+export {};
+//# sourceMappingURL=getCollectionFieldPaths.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCollectionFieldPaths.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionQuery/getCollectionFieldPaths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIjD,KAAK,cAAc,GAAG,WAAW,GAAG,KAAK,CAAA;AAMzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjC,+EAA+E;IAC/E,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,4CAA4C;IAC5C,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAChC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAUtF"}

package/dist/widgets/CollectionQuery/getCollectionFieldPaths.js

@@ -0,0 +1,91 @@
+import { fieldAffectsData, sortableFieldTypes } from 'payload/shared';
+const baseFieldPaths = ['createdAt', 'id', 'updatedAt'];
+const sortableFieldTypeSet = new Set(sortableFieldTypes);
+const relationshipFieldTypes = new Set(['join', 'relationship', 'upload']);
+/**
+ * Builds the queryable field paths for a collection from either server or client field schemas.
+ * Sortability stays anchored on Payload's `sortableFieldTypes` so the widget follows core rules as
+ * field types evolve, while array sub-fields remain filter-only.
+ */
+export function getCollectionFieldPaths(fields) {
+  const paths = {
+    filterableFieldPaths: new Set(baseFieldPaths),
+    relationshipFieldPaths: new Set(),
+    sortableFieldPaths: new Set(baseFieldPaths)
+  };
+  addFieldPaths({
+    fields,
+    paths
+  });
+  return paths;
+}
+function addFieldPaths({
+  canSort = true,
+  fields,
+  parentPath,
+  paths
+}) {
+  for (const field of fields) {
+    if ('virtual' in field && field.virtual === true) {
+      continue;
+    }
+    if (field.type === 'tabs' && 'tabs' in field) {
+      for (const tab of field.tabs) {
+        const path = 'name' in tab && tab.name ? joinPath(parentPath, tab.name) : parentPath;
+        addFieldPaths({
+          canSort,
+          fields: tab.fields,
+          parentPath: path,
+          paths
+        });
+      }
+      continue;
+    }
+    if ((field.type === 'collapsible' || field.type === 'row') && 'fields' in field) {
+      addFieldPaths({
+        canSort,
+        fields: field.fields,
+        parentPath,
+        paths
+      });
+      continue;
+    }
+    // Groups are queryable by their child paths. Named groups prefix those paths.
+    if (field.type === 'group' && 'fields' in field) {
+      const path = fieldAffectsData(field) ? joinPath(parentPath, field.name) : parentPath;
+      addFieldPaths({
+        canSort,
+        fields: field.fields,
+        parentPath: path,
+        paths
+      });
+      continue;
+    }
+    // Array sub-fields can be filtered on, but the API cannot sort by them.
+    if (field.type === 'array' && 'fields' in field) {
+      addFieldPaths({
+        canSort: false,
+        fields: field.fields,
+        parentPath: joinPath(parentPath, field.name),
+        paths
+      });
+      continue;
+    }
+    if (field.type === 'blocks' || !fieldAffectsData(field)) {
+      continue;
+    }
+    const name = 'virtual' in field && typeof field.virtual === 'string' ? field.virtual : field.name;
+    const path = joinPath(parentPath, name);
+    paths.filterableFieldPaths.add(path);
+    if (relationshipFieldTypes.has(field.type)) {
+      paths.relationshipFieldPaths.add(path);
+    }
+    if (canSort && sortableFieldTypeSet.has(field.type)) {
+      paths.sortableFieldPaths.add(path);
+    }
+  }
+}
+function joinPath(parentPath, path) {
+  return parentPath ? `${parentPath}.${path}` : path;
+}
+//# sourceMappingURL=getCollectionFieldPaths.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCollectionFieldPaths.js","names":["fieldAffectsData","sortableFieldTypes","baseFieldPaths","sortableFieldTypeSet","Set","relationshipFieldTypes","getCollectionFieldPaths","fields","paths","filterableFieldPaths","relationshipFieldPaths","sortableFieldPaths","addFieldPaths","canSort","parentPath","field","virtual","type","tab","tabs","path","name","joinPath","add","has"],"sources":["../../../src/widgets/CollectionQuery/getCollectionFieldPaths.ts"],"sourcesContent":["import type { ClientField, Field } from 'payload'\n\nimport { fieldAffectsData, sortableFieldTypes } from 'payload/shared'\n\ntype QueryableField = ClientField | Field\n\nconst baseFieldPaths = ['createdAt', 'id', 'updatedAt']\nconst sortableFieldTypeSet = new Set<string>(sortableFieldTypes)\nconst relationshipFieldTypes = new Set<string>(['join', 'relationship', 'upload'])\n\nexport type CollectionFieldPaths = {\n  /** Field paths that can be referenced in a `where` filter. */\n  filterableFieldPaths: Set<string>\n  /** Field paths that point to another collection (relationship/upload/join). */\n  relationshipFieldPaths: Set<string>\n  /** Field paths that the API can sort by. */\n  sortableFieldPaths: Set<string>\n}\n\n/**\n * Builds the queryable field paths for a collection from either server or client field schemas.\n * Sortability stays anchored on Payload's `sortableFieldTypes` so the widget follows core rules as\n * field types evolve, while array sub-fields remain filter-only.\n */\nexport function getCollectionFieldPaths(fields: QueryableField[]): CollectionFieldPaths {\n  const paths: CollectionFieldPaths = {\n    filterableFieldPaths: new Set(baseFieldPaths),\n    relationshipFieldPaths: new Set(),\n    sortableFieldPaths: new Set(baseFieldPaths),\n  }\n\n  addFieldPaths({ fields, paths })\n\n  return paths\n}\n\nfunction addFieldPaths({\n  canSort = true,\n  fields,\n  parentPath,\n  paths,\n}: {\n  canSort?: boolean\n  fields: QueryableField[]\n  parentPath?: string\n  paths: CollectionFieldPaths\n}) {\n  for (const field of fields) {\n    if ('virtual' in field && field.virtual === true) {\n      continue\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      for (const tab of field.tabs) {\n        const path = 'name' in tab && tab.name ? joinPath(parentPath, tab.name) : parentPath\n\n        addFieldPaths({ canSort, fields: tab.fields, parentPath: path, paths })\n      }\n\n      continue\n    }\n\n    if ((field.type === 'collapsible' || field.type === 'row') && 'fields' in field) {\n      addFieldPaths({ canSort, fields: field.fields, parentPath, paths })\n\n      continue\n    }\n\n    // Groups are queryable by their child paths. Named groups prefix those paths.\n    if (field.type === 'group' && 'fields' in field) {\n      const path = fieldAffectsData(field) ? joinPath(parentPath, field.name) : parentPath\n\n      addFieldPaths({ canSort, fields: field.fields, parentPath: path, paths })\n\n      continue\n    }\n\n    // Array sub-fields can be filtered on, but the API cannot sort by them.\n    if (field.type === 'array' && 'fields' in field) {\n      addFieldPaths({\n        canSort: false,\n        fields: field.fields,\n        parentPath: joinPath(parentPath, field.name),\n        paths,\n      })\n\n      continue\n    }\n\n    if (field.type === 'blocks' || !fieldAffectsData(field)) {\n      continue\n    }\n\n    const name =\n      'virtual' in field && typeof field.virtual === 'string' ? field.virtual : field.name\n    const path = joinPath(parentPath, name)\n\n    paths.filterableFieldPaths.add(path)\n\n    if (relationshipFieldTypes.has(field.type)) {\n      paths.relationshipFieldPaths.add(path)\n    }\n\n    if (canSort && sortableFieldTypeSet.has(field.type)) {\n      paths.sortableFieldPaths.add(path)\n    }\n  }\n}\n\nfunction joinPath(parentPath: string | undefined, path: string) {\n  return parentPath ? `${parentPath}.${path}` : path\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionQuery/index.css

@@ -0,0 +1,64 @@
+@layer payload-default {
+  .collection-query-widget--error {
+    border-color: var(--color-bg-danger);
+  }
+
+  .collection-query-widget--error .widget-card__title {
+    color: var(--color-text-danger);
+  }
+
+  .collection-query-widget__error {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--spacer-1) * 1.5);
+    padding: calc(var(--spacer-1) * 1.5);
+    border: var(--stroke-width-small) solid var(--color-bg-danger);
+    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);
+  }
+
+  .collection-query-widget__error-title {
+    display: inline-flex;
+    width: fit-content;
+    padding: 0 var(--spacer-1);
+    margin: 0;
+    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);
+  }
+
+  .collection-query-widget__error-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .collection-query-widget__error-list li {
+    display: flex;
+    gap: var(--spacer-1);
+    min-width: 0;
+  }
+
+  .collection-query-widget__error-list li::before {
+    content: '';
+    width: 4px;
+    height: 4px;
+    flex: 0 0 auto;
+    margin-top: calc(var(--spacer-1) * 1.25);
+    border-radius: 50%;
+    background: currentColor;
+  }
+}

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

@@ -0,0 +1,16 @@
+import type { CollectionSlug, Where, WidgetServerProps } from 'payload';
+import React from 'react';
+import './index.css';
+type CollectionQueryWidgetData = {
+    limit?: number;
+    relatedCollection?: CollectionSlug;
+    sortDirection?: 'asc' | 'desc';
+    sortField?: string;
+    title?: string;
+    where?: Where;
+};
+export declare function CollectionQueryWidget({ req, widgetData, }: WidgetServerProps<{
+    data?: CollectionQueryWidgetData;
+}>): Promise<React.JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}