@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/widgets/CollectionCards/index.css

@@ -0,0 +1,80 @@
+@layer payload-default {
+  .collections {
+    width: 100%;
+  }
+
+  .collections__wrap {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-5);
+    width: 100%;
+    background: var(--color-bg);
+  }
+
+  .collections__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2-5);
+  }
+
+  .collections__label {
+    margin: 0;
+    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);
+  }
+
+  .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;
+
+    .card:has(.card__actions) .card__title {
+      max-width: calc(100% - var(--spacer-4));
+    }
+
+    .card__actions {
+      right: auto;
+      inset-inline-end: var(--spacer-2);
+    }
+  }
+
+  .collections__locked.locked {
+    align-items: unset;
+    justify-content: unset;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .collections__card-list .card__actions:has(.btn) {
+      opacity: 0;
+    }
+
+    .collections__card-list .card:hover .card__actions,
+    .collections__card-list .card:focus-within .card__actions {
+      opacity: 1;
+    }
+  }
+
+  @media (min-width: 400px) {
+    .collections__card-list {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media (min-width: 768px) {
+    .collections__card-list {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+
+  @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.scss';
+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;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAwH7D"}
+{"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

@@ -3,14 +3,16 @@ import { getTranslation } from '@payloadcms/translations';
 import { EntityType, getAccessResults } from 'payload';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
-import { Button } from '../../elements/Button/index.js';
-import { Card } from '../../elements/Card/index.js';
-import { Locked } from '../../elements/Locked/index.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { Button, Card, Locked } from '../../exports/client/index.js';
 import { getGlobalData } from '../../utilities/getGlobalData.js';
 import { getNavGroups } from '../../utilities/getNavGroups.js';
 import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'collections';
+/**
+ * @internal - may change or be removed without a major version bump
+ */
 export async function CollectionCards(props) {
   const {
     i18n,
@@ -60,7 +62,6 @@ export async function CollectionCards(props) {
               let hasCreatePermission;
               let isLocked = null;
               let userEditing = null;
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.collection) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:showAllLabel', {
@@ -76,7 +77,6 @@ export async function CollectionCards(props) {
                 });
                 hasCreatePermission = permissions?.collections?.[slug]?.create;
               }
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.global) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:editLabel', {
@@ -102,26 +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
-                    }),
-                    buttonStyle: "icon-label",
+                    "aria-label": createButtonLabel,
+                    buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
-                    iconStyle: "with-border",
                     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","iconStyle","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\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\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                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\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                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\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                            ) : // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                            hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\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

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

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

@@ -0,0 +1,226 @@
+'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';
+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']);
+/**
+ * @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: t2,
+    path,
+    setValue,
+    showError,
+    value
+  } = 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
+  } = useConfig();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t4;
+  bb0: {
+    if (!relatedCollection) {
+      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];
+    }
+    t4 = t5;
+  }
+  const collectionConfig = t4;
+  let t5;
+  bb1: {
+    if (!relatedCollection || !collectionConfig) {
+      let t6;
+      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[6] = t6;
+      } else {
+        t6 = $[6];
+      }
+      t5 = t6;
+      break bb1;
+    }
+    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];
+    }
+    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,
+    isClearable: true,
+    Label,
+    label,
+    name,
+    onChange,
+    options,
+    path,
+    placeholder: relatedCollection ? t("dashboard:widgetSelectSortField") : t("dashboard:widgetSelectCollectionFirst"),
+    readOnly: readOnly || !relatedCollection,
+    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

@@ -0,0 +1 @@
+{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,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;;;AAGA,OAAO,MAAMC,wBAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,KAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC;EAAA,IAAAL,EAIxE;EACC;IAAAM,IAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IAAyCP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAT,CAAA,QAAAG,aAAA;IAOpBM,EAAA;MAAAC,oBAAA,EAAwBP;IAAc;IAAAH,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAN3D;IAAAW,gBAAA,EAAAC,EAAA;IAAAV,IAAA;IAAAW,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAMIzB,QAAA,CAAiBmB,EAAsC;EALvC;IAAAO,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAR,EAA2D,KAA3DS,SAA2D,GAA3D,CAA0D,CAAC,GAA3DT,EAA2D;EAAA,IAAAU,EAAA;EAAA,IAAAtB,CAAA,QAAAuB,MAAA,CAAAC,GAAA;IAM/BF,EAAA;MAAApB,IAAA,EAAQ;IAAoB;IAAAF,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAA5E,MAAAyB,sBAAA,GAA+BnC,QAAA,CAAiBgC,EAA4B;EAC5E,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAV,KAA4B;EACtD;IAAAY;EAAA,IAAmBnC,SAAA;EACnB;IAAAoC;EAAA,IAAwBrC,OAAA;EACxB;IAAAsC,IAAA;IAAAC;EAAA,IAAoBrC,cAAA;EAAA,IAAAsC,EAAA;EAAAC,GAAA;IAGlB,IAAI,CAACN,iBAAA;MACHK,EAAA,GAAO;MAAP,MAAAC,GAAA;IAAO;IACT,IAAAC,EAAA;IAAA,IAAAjC,CAAA,QAAA2B,MAAA,CAAAO,WAAA,IAAAlC,CAAA,QAAA0B,iBAAA;MAEOO,EAAA,GAAAN,MAAA,CAAAO,WAAoB,EAAAC,IAAyC,CAApCC,UAAA,IAAgBA,UAAA,CAAAC,IAAe,KAAKX,iBAAsB,KAAnF,IAAmF;MAAA1B,CAAA,MAAA2B,MAAA,CAAAO,WAAA;MAAAlC,CAAA,MAAA0B,iBAAA;MAAA1B,CAAA,MAAAiC,EAAA;IAAA;MAAAA,EAAA,GAAAjC,CAAA;IAAA;IAA1F+B,EAAA,GAAOE,EAAmF;EAAA;EAL5F,MAAAK,gBAAA,GAAyBP,EAMiB;EAAA,IAAAE,EAAA;EAAAM,GAAA;IAGxC,IAAI,CAACb,iBAAsB,IAAvB,CAAuBY,gBAAA;MAAA,IAAAE,EAAA;MAAA,IAAAxC,CAAA,QAAAuB,MAAA,CAAAC,GAAA;QAClBgB,EAAA,KAAE;QAAAxC,CAAA,MAAAwC,EAAA;MAAA;QAAAA,EAAA,GAAAxC,CAAA;MAAA;MAATiC,EAAA,GAAOO,EAAE;MAAT,MAAAD,GAAA;IAAS;IACX,IAAAC,EAAA;IAAA,IAAAxC,CAAA,QAAAsC,gBAAA,CAAAG,MAAA,IAAAzC,CAAA,QAAA6B,IAAA,IAAA7B,CAAA,QAAA4B,WAAA,EAAAM,WAAA,IAAAlC,CAAA,SAAA0B,iBAAA,IAAA1B,CAAA,SAAA8B,CAAA;MAIA;QAAAY;MAAA,IAA+B/C,uBAAA,CAAwB2C,gBAAA,CAAAG,MAAuB;MAE9E,MAAAE,YAAA,GAAqBjD,qBAAA,CAAsB;QAAAkD,gBAAA,EACvBhB,WAAA,EAAAM,WAA6C,GAAlBR,iBAAA,CAAoB,EAAAe,MAAU,IAAzD,IAAyD;QAAAA,MAAA,EACnEH,gBAAA,CAAAG,MAAuB;QAAAZ;MAEjC,GAAAgB,MACS,CACLC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAa;QAAA,OAAKJ,kBAAA,CAAAM,GAAsB,CAACD,SAAmC,KAA1D,CAAsCnD,eAAA,CAAAoD,GAAmB,CAACD,SAAA;MAAA,GAAAE,GAE3E,CAACC,KAGL;MAAA,IAAAC,EAAA;MAAA,IAAAnD,CAAA,SAAAuB,MAAA,CAAAC,GAAA;QAGA2B,EAAA;UAAA5C,KAAA,EAAS;UAAAQ,KAAA,EAAa;QAAK;QAAAf,CAAA,OAAAmD,EAAA;MAAA;QAAAA,EAAA,GAAAnD,CAAA;MAAA;MAAA,IAAAoD,EAAA;MAAA,IAAApD,CAAA,SAAA8B,CAAA;QAClBsB,EAAA,GAAAtB,CAAA,CAAE;QAAA9B,CAAA,OAAA8B,CAAA;QAAA9B,CAAA,OAAAoD,EAAA;MAAA;QAAAA,EAAA,GAAApD,CAAA;MAAA;MAAA,IAAAqD,GAAA;MAAA,IAAArD,CAAA,SAAAoD,EAAA;QAAXC,GAAA;UAAA9C,KAAA,EAAS6C,EAAE;UAAArC,KAAA,EAA6B;QAAY;QAAAf,CAAA,OAAAoD,EAAA;QAAApD,CAAA,OAAAqD,GAAA;MAAA;QAAAA,GAAA,GAAArD,CAAA;MAAA;MAAA,IAAAsD,GAAA;MAAA,IAAAtD,CAAA,SAAA8B,CAAA;QAC3CwB,GAAA,GAAAxB,CAAA,CAAE;QAAA9B,CAAA,OAAA8B,CAAA;QAAA9B,CAAA,OAAAsD,GAAA;MAAA;QAAAA,GAAA,GAAAtD,CAAA;MAAA;MAAA,IAAAuD,GAAA;MAAA,IAAAvD,CAAA,SAAAsD,GAAA;QAAXC,GAAA;UAAAhD,KAAA,EAAS+C,GAAE;UAAAvC,KAAA,EAA6B;QAAY;QAAAf,CAAA,OAAAsD,GAAA;QAAAtD,CAAA,OAAAuD,GAAA;MAAA;QAAAA,GAAA,GAAAvD,CAAA;MAAA;MAH/CwC,EAAA,IACLW,EAA2B,EAC3BE,GAAoD,EACpDE,GAAoD,KACjDZ,YAAA,CACJ;MAAA3C,CAAA,MAAAsC,gBAAA,CAAAG,MAAA;MAAAzC,CAAA,MAAA6B,IAAA;MAAA7B,CAAA,MAAA4B,WAAA,EAAAM,WAAA;MAAAlC,CAAA,OAAA0B,iBAAA;MAAA1B,CAAA,OAAA8B,CAAA;MAAA9B,CAAA,OAAAwC,EAAA;IAAA;MAAAA,EAAA,GAAAxC,CAAA;IAAA;IALDiC,EAAA,GAAOO,EAKN;EAAA;EA3BH,MAAAgB,OAAA,GAAgBvB,EA4B8C;EAAA,IAAAO,EAAA;EAAA,IAAAxC,CAAA,SAAAa,QAAA;IAG5D2B,EAAA,GAAAiB,cAAA;MACE,IAAIC,KAAA,CAAAC,OAAa,CAACF,cAAA;QAAA;MAAA;MAIlB5C,QAAA,CAAS,OAAO4C,cAAA,EAAA1C,KAAgB,KAAU,QAAkC,GAAvB0C,cAAA,CAAA1C,KAAuB,GAAnE,IAAmE;IAAA,CAC9E;IAAAf,CAAA,OAAAa,QAAA;IAAAb,CAAA,OAAAwC,EAAA;EAAA;IAAAA,EAAA,GAAAxC,CAAA;EAAA;EAPF,MAAA4D,QAAA,GAAiBpB,EAQL;EAAA,OAIVqB,IAAA,CAACxE,WAAA;IAAA2B,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAA4C,WAAA,EAIcxD,KAAA,EAAAwD,WAAO;IAAA3C,KAAA;IAAA4C,WAAA,EAET;IAAA3C,KAAA;IAAAb,KAAA;IAAAF,IAAA;IAAAuD,QAAA;IAAAJ,OAAA;IAAAtD,IAAA;IAAA8D,WAAA,EAQTtC,iBAAA,GACII,CAAA,CAAE,iCACA,IAAFA,CAAA,CAAE;IAAA1B,QAAA,EAEEA,QAAa,IAAb,CAAasB,iBAAA;IAAAlB,QAAA;IAAAM,SAAA;IAAAC;;CAM7B;AA7FwE,SAAAmC,MAAAnD,EAAA;EA4C5D;IAAAgD,SAAA,EAAAkB,WAAA;IAAAC;EAAA,IAAAnE,EAA6B;EAAA,OAAM;IAAAQ,KAAA,EAChC2D,cAAkB,IAAlBD,WAAkB;IAAAlD,KAAA,EAClBgC;EACT;AAAA","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":[]}