@payloadcms/ui 4.0.0-canary.4 → 4.0.0-canary.6

package/dist/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfigDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,SAAS,CAAA;AAEtD,OAAO,KAA4D,MAAM,OAAO,CAAA;AAgBhF,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,MAAM,EAAE,YAAY,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC,CAAA;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,MAAM,EACN,MAAM,EACN,UAAU,GACX,EAAE,uBAAuB,qBAwHzB"}
+{"version":3,"file":"WidgetConfigDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,SAAS,CAAA;AAEtD,OAAO,KAA4D,MAAM,OAAO,CAAA;AAiBhF,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,MAAM,EAAE,YAAY,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC,CAAA;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,MAAM,EACN,MAAM,EACN,UAAU,GACX,EAAE,uBAAuB,qBA0HzB"}

package/dist/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.js

@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import { Drawer } from '../../../../elements/Drawer/index.js';
+import { Gutter } from '../../../../elements/Gutter/index.js';
 import { useModal } from '../../../../elements/Modal/index.js';
 import { ShimmerEffect } from '../../../../elements/ShimmerEffect/index.js';
 import { Form } from '../../../../forms/Form/index.js';
@@ -106,30 +107,33 @@ export function WidgetConfigDrawer({
   return /*#__PURE__*/_jsx(Drawer, {
     slug: drawerSlug,
     title: `${t('general:edit')} ${widgetLabel}`,
-    children: initialState === false ? /*#__PURE__*/_jsx(ShimmerEffect, {
-      height: "250px"
-    }) : /*#__PURE__*/_jsx(OperationProvider, {
-      operation: "update",
-      children: /*#__PURE__*/_jsxs(Form, {
-        fields: fields,
-        initialState: initialState,
-        onChange: [onChange],
-        onSubmit: (_, data) => {
-          onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields));
-          closeModal(drawerSlug);
-        },
-        uuid: formUUID,
-        children: [/*#__PURE__*/_jsx(RenderFields, {
+    children: /*#__PURE__*/_jsx(Gutter, {
+      className: "widget-config-drawer__content",
+      children: initialState === false ? /*#__PURE__*/_jsx(ShimmerEffect, {
+        height: "250px"
+      }) : /*#__PURE__*/_jsx(OperationProvider, {
+        operation: "update",
+        children: /*#__PURE__*/_jsxs(Form, {
           fields: fields,
-          forceRender: true,
-          parentIndexPath: "",
-          parentPath: "",
-          parentSchemaPath: widget.slug,
-          permissions: true,
-          readOnly: false
-        }), /*#__PURE__*/_jsx(FormSubmit, {
-          children: t('fields:saveChanges')
-        })]
+          initialState: initialState,
+          onChange: [onChange],
+          onSubmit: (_, data) => {
+            onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields));
+            closeModal(drawerSlug);
+          },
+          uuid: formUUID,
+          children: [/*#__PURE__*/_jsx(RenderFields, {
+            fields: fields,
+            forceRender: true,
+            parentIndexPath: "",
+            parentPath: "",
+            parentSchemaPath: widget.slug,
+            permissions: true,
+            readOnly: false
+          }), /*#__PURE__*/_jsx(FormSubmit, {
+            children: t('fields:saveChanges')
+          })]
+        })
       })
     })
   });

package/dist/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetConfigDrawer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","v4","uuid","Drawer","useModal","ShimmerEffect","Form","RenderFields","FormSubmit","useLocale","OperationProvider","useServerFunctions","useTranslation","abortAndIgnore","extractLocaleData","mergeLocaleData","EMPTY_WIDGET_PREFERENCES","fields","WidgetConfigDrawer","drawerSlug","onSave","widget","widgetData","closeModal","modalState","getFormState","t","locale","localeCode","code","onChangeAbortControllerRef","initialState","setInitialState","isOpen","Boolean","formUUID","widgetLabel","label","slug","length","controller","AbortController","loadInitialState","localeFilteredData","state","data","docPermissions","docPreferences","operation","renderAllFields","schemaPath","signal","widgetSlug","onChange","formState","prevFormState","current","_jsx","title","height","_jsxs","onSubmit","_","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientWidget, FormState } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { ShimmerEffect } from '../../../../elements/ShimmerEffect/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { RenderFields } from '../../../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../../../forms/Submit/index.js'\nimport { useLocale } from '../../../../providers/Locale/index.js'\nimport { OperationProvider } from '../../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../../../utilities/abortAndIgnore.js'\nimport { extractLocaleData, mergeLocaleData } from './utils/localeUtils.js'\n\ntype WidgetConfigDrawerProps = {\n  drawerSlug: string\n  onSave: (data: Record<string, unknown>) => void\n  widget: ClientWidget\n  widgetData?: Record<string, unknown>\n}\n\nconst EMPTY_WIDGET_PREFERENCES = {\n  fields: {},\n}\n\nexport function WidgetConfigDrawer({\n  drawerSlug,\n  onSave,\n  widget,\n  widgetData,\n}: WidgetConfigDrawerProps) {\n  const { closeModal, modalState } = useModal()\n  const { getFormState } = useServerFunctions()\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const localeCode = locale?.code ?? 'en'\n  const onChangeAbortControllerRef = useRef<AbortController>(null)\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const isOpen = Boolean(modalState?.[drawerSlug]?.isOpen)\n  const formUUID = useMemo(() => uuid(), [])\n  const widgetLabel = useMemo(\n    () => (typeof widget.label === 'string' ? widget.label : widget.slug),\n    [widget.label, widget.slug],\n  )\n  const fields = useMemo(() => widget.fields ?? [], [widget.fields])\n\n  useEffect(() => {\n    if (!isOpen || fields.length === 0) {\n      setInitialState(false)\n      return\n    }\n\n    const controller = new AbortController()\n\n    const loadInitialState = async () => {\n      const localeFilteredData = extractLocaleData(widgetData ?? {}, localeCode, fields)\n\n      const { state } = await getFormState({\n        data: localeFilteredData,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        locale: localeCode,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (state) {\n        setInitialState(state)\n      }\n    }\n\n    void loadInitialState()\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [fields, getFormState, isOpen, localeCode, widget.slug, widgetData])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }: { formState: FormState }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, widget.slug],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <Drawer slug={drawerSlug} title={`${t('general:edit')} ${widgetLabel}`}>\n      {initialState === false ? (\n        <ShimmerEffect height=\"250px\" />\n      ) : (\n        <OperationProvider operation=\"update\">\n          <Form\n            fields={fields}\n            initialState={initialState}\n            onChange={[onChange]}\n            onSubmit={(_, data) => {\n              onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields))\n              closeModal(drawerSlug)\n            }}\n            uuid={formUUID}\n          >\n            <RenderFields\n              fields={fields}\n              forceRender\n              parentIndexPath=\"\"\n              parentPath=\"\"\n              parentSchemaPath={widget.slug}\n              permissions={true}\n              readOnly={false}\n            />\n            <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n          </Form>\n        </OperationProvider>\n      )}\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WidgetConfigDrawer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","v4","uuid","Drawer","Gutter","useModal","ShimmerEffect","Form","RenderFields","FormSubmit","useLocale","OperationProvider","useServerFunctions","useTranslation","abortAndIgnore","extractLocaleData","mergeLocaleData","EMPTY_WIDGET_PREFERENCES","fields","WidgetConfigDrawer","drawerSlug","onSave","widget","widgetData","closeModal","modalState","getFormState","t","locale","localeCode","code","onChangeAbortControllerRef","initialState","setInitialState","isOpen","Boolean","formUUID","widgetLabel","label","slug","length","controller","AbortController","loadInitialState","localeFilteredData","state","data","docPermissions","docPreferences","operation","renderAllFields","schemaPath","signal","widgetSlug","onChange","formState","prevFormState","current","_jsx","title","className","height","_jsxs","onSubmit","_","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientWidget, FormState } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { Gutter } from '../../../../elements/Gutter/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { ShimmerEffect } from '../../../../elements/ShimmerEffect/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { RenderFields } from '../../../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../../../forms/Submit/index.js'\nimport { useLocale } from '../../../../providers/Locale/index.js'\nimport { OperationProvider } from '../../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../../../utilities/abortAndIgnore.js'\nimport { extractLocaleData, mergeLocaleData } from './utils/localeUtils.js'\n\ntype WidgetConfigDrawerProps = {\n  drawerSlug: string\n  onSave: (data: Record<string, unknown>) => void\n  widget: ClientWidget\n  widgetData?: Record<string, unknown>\n}\n\nconst EMPTY_WIDGET_PREFERENCES = {\n  fields: {},\n}\n\nexport function WidgetConfigDrawer({\n  drawerSlug,\n  onSave,\n  widget,\n  widgetData,\n}: WidgetConfigDrawerProps) {\n  const { closeModal, modalState } = useModal()\n  const { getFormState } = useServerFunctions()\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const localeCode = locale?.code ?? 'en'\n  const onChangeAbortControllerRef = useRef<AbortController>(null)\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const isOpen = Boolean(modalState?.[drawerSlug]?.isOpen)\n  const formUUID = useMemo(() => uuid(), [])\n  const widgetLabel = useMemo(\n    () => (typeof widget.label === 'string' ? widget.label : widget.slug),\n    [widget.label, widget.slug],\n  )\n  const fields = useMemo(() => widget.fields ?? [], [widget.fields])\n\n  useEffect(() => {\n    if (!isOpen || fields.length === 0) {\n      setInitialState(false)\n      return\n    }\n\n    const controller = new AbortController()\n\n    const loadInitialState = async () => {\n      const localeFilteredData = extractLocaleData(widgetData ?? {}, localeCode, fields)\n\n      const { state } = await getFormState({\n        data: localeFilteredData,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        locale: localeCode,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (state) {\n        setInitialState(state)\n      }\n    }\n\n    void loadInitialState()\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [fields, getFormState, isOpen, localeCode, widget.slug, widgetData])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }: { formState: FormState }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, widget.slug],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <Drawer slug={drawerSlug} title={`${t('general:edit')} ${widgetLabel}`}>\n      <Gutter className=\"widget-config-drawer__content\">\n        {initialState === false ? (\n          <ShimmerEffect height=\"250px\" />\n        ) : (\n          <OperationProvider operation=\"update\">\n            <Form\n              fields={fields}\n              initialState={initialState}\n              onChange={[onChange]}\n              onSubmit={(_, data) => {\n                onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields))\n                closeModal(drawerSlug)\n              }}\n              uuid={formUUID}\n            >\n              <RenderFields\n                fields={fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={widget.slug}\n                permissions={true}\n                readOnly={false}\n              />\n              <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n            </Form>\n          </OperationProvider>\n        )}\n      </Gutter>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/index.css

@@ -14,6 +14,8 @@
 
   .widget-config-drawer__content {
     height: 100%;
+    padding-top: var(--gutter-v);
+    padding-bottom: var(--gutter-v);
 
     .form-submit {
       margin-top: var(--spacer-2-5);

package/dist/views/Version/SelectComparison/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqD3C,CAAA"}

package/dist/views/Version/SelectComparison/index.js

@@ -48,6 +48,7 @@ export const SelectComparison = /*#__PURE__*/memo(props => {
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass].filter(Boolean).join(' '),
     children: [/*#__PURE__*/_jsx(ReactSelect, {
+      "aria-label": t('version:selectVersionToCompare'),
       isClearable: false,
       isSearchable: false,
       onChange: onChange,

package/dist/views/Version/SelectComparison/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        aria-label={t('version:selectVersionToCompare')}\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC,cAAYc,CAAA,CAAE;MACdgB,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","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":"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","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/getCollectionFieldPaths.spec.js

@@ -0,0 +1,100 @@
+import { describe, expect, it } from 'vitest';
+import { getCollectionFieldPaths } from './getCollectionFieldPaths.js';
+const fields = [{
+  name: 'title',
+  type: 'text'
+}, {
+  name: 'status',
+  type: 'select',
+  options: [{
+    label: 'Draft',
+    value: 'draft'
+  }, {
+    label: 'Published',
+    value: 'published'
+  }]
+}, {
+  name: 'isActive',
+  type: 'checkbox'
+}, {
+  name: 'category',
+  type: 'relationship',
+  relationTo: 'categories'
+}, {
+  name: 'meta',
+  type: 'group',
+  fields: [{
+    name: 'subtitle',
+    type: 'text'
+  }]
+}, {
+  name: 'items',
+  type: 'array',
+  fields: [{
+    name: 'label',
+    type: 'text'
+  }]
+}, {
+  type: 'tabs',
+  tabs: [{
+    name: 'seo',
+    fields: [{
+      name: 'keyword',
+      type: 'text'
+    }]
+  }, {
+    fields: [{
+      name: 'flat',
+      type: 'text'
+    }],
+    label: 'Layout'
+  }]
+}, {
+  type: 'row',
+  fields: [{
+    name: 'rowField',
+    type: 'text'
+  }]
+}];
+describe('getCollectionFieldPaths', () => {
+  const {
+    filterableFieldPaths,
+    relationshipFieldPaths,
+    sortableFieldPaths
+  } = getCollectionFieldPaths(fields);
+  it('should always include base document fields', () => {
+    for (const path of ['createdAt', 'id', 'updatedAt']) {
+      expect(sortableFieldPaths.has(path)).toBe(true);
+      expect(filterableFieldPaths.has(path)).toBe(true);
+    }
+  });
+  it('should mark top-level sortable field types as sortable', () => {
+    expect(sortableFieldPaths.has('title')).toBe(true);
+    expect(sortableFieldPaths.has('status')).toBe(true);
+  });
+  it('should not mark non-sortable field types as sortable but keep them filterable', () => {
+    expect(sortableFieldPaths.has('isActive')).toBe(false);
+    expect(filterableFieldPaths.has('isActive')).toBe(true);
+  });
+  it('should treat relationships as filterable, flagged, and not sortable', () => {
+    expect(filterableFieldPaths.has('category')).toBe(true);
+    expect(relationshipFieldPaths.has('category')).toBe(true);
+    expect(sortableFieldPaths.has('category')).toBe(false);
+  });
+  it('should flatten group sub-fields into sortable and filterable paths', () => {
+    expect(sortableFieldPaths.has('meta.subtitle')).toBe(true);
+    expect(filterableFieldPaths.has('meta.subtitle')).toBe(true);
+  });
+  it('should keep array sub-fields filterable but never sortable', () => {
+    expect(filterableFieldPaths.has('items.label')).toBe(true);
+    expect(sortableFieldPaths.has('items.label')).toBe(false);
+  });
+  it('should prefix named tab sub-fields and inline unnamed tab sub-fields', () => {
+    expect(sortableFieldPaths.has('seo.keyword')).toBe(true);
+    expect(sortableFieldPaths.has('flat')).toBe(true);
+  });
+  it('should inline presentational row sub-fields', () => {
+    expect(sortableFieldPaths.has('rowField')).toBe(true);
+  });
+});
+//# sourceMappingURL=getCollectionFieldPaths.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCollectionFieldPaths.spec.js","names":["describe","expect","it","getCollectionFieldPaths","fields","name","type","options","label","value","relationTo","tabs","filterableFieldPaths","relationshipFieldPaths","sortableFieldPaths","path","has","toBe"],"sources":["../../../src/widgets/CollectionQuery/getCollectionFieldPaths.spec.ts"],"sourcesContent":["import type { Field } from 'payload'\n\nimport { describe, expect, it } from 'vitest'\n\nimport { getCollectionFieldPaths } from './getCollectionFieldPaths.js'\n\nconst fields: Field[] = [\n  { name: 'title', type: 'text' },\n  {\n    name: 'status',\n    type: 'select',\n    options: [\n      { label: 'Draft', value: 'draft' },\n      { label: 'Published', value: 'published' },\n    ],\n  },\n  { name: 'isActive', type: 'checkbox' },\n  { name: 'category', type: 'relationship', relationTo: 'categories' },\n  {\n    name: 'meta',\n    type: 'group',\n    fields: [{ name: 'subtitle', type: 'text' }],\n  },\n  {\n    name: 'items',\n    type: 'array',\n    fields: [{ name: 'label', type: 'text' }],\n  },\n  {\n    type: 'tabs',\n    tabs: [\n      { name: 'seo', fields: [{ name: 'keyword', type: 'text' }] },\n      { fields: [{ name: 'flat', type: 'text' }], label: 'Layout' },\n    ],\n  },\n  {\n    type: 'row',\n    fields: [{ name: 'rowField', type: 'text' }],\n  },\n]\n\ndescribe('getCollectionFieldPaths', () => {\n  const { filterableFieldPaths, relationshipFieldPaths, sortableFieldPaths } =\n    getCollectionFieldPaths(fields)\n\n  it('should always include base document fields', () => {\n    for (const path of ['createdAt', 'id', 'updatedAt']) {\n      expect(sortableFieldPaths.has(path)).toBe(true)\n      expect(filterableFieldPaths.has(path)).toBe(true)\n    }\n  })\n\n  it('should mark top-level sortable field types as sortable', () => {\n    expect(sortableFieldPaths.has('title')).toBe(true)\n    expect(sortableFieldPaths.has('status')).toBe(true)\n  })\n\n  it('should not mark non-sortable field types as sortable but keep them filterable', () => {\n    expect(sortableFieldPaths.has('isActive')).toBe(false)\n    expect(filterableFieldPaths.has('isActive')).toBe(true)\n  })\n\n  it('should treat relationships as filterable, flagged, and not sortable', () => {\n    expect(filterableFieldPaths.has('category')).toBe(true)\n    expect(relationshipFieldPaths.has('category')).toBe(true)\n    expect(sortableFieldPaths.has('category')).toBe(false)\n  })\n\n  it('should flatten group sub-fields into sortable and filterable paths', () => {\n    expect(sortableFieldPaths.has('meta.subtitle')).toBe(true)\n    expect(filterableFieldPaths.has('meta.subtitle')).toBe(true)\n  })\n\n  it('should keep array sub-fields filterable but never sortable', () => {\n    expect(filterableFieldPaths.has('items.label')).toBe(true)\n    expect(sortableFieldPaths.has('items.label')).toBe(false)\n  })\n\n  it('should prefix named tab sub-fields and inline unnamed tab sub-fields', () => {\n    expect(sortableFieldPaths.has('seo.keyword')).toBe(true)\n    expect(sortableFieldPaths.has('flat')).toBe(true)\n  })\n\n  it('should inline presentational row sub-fields', () => {\n    expect(sortableFieldPaths.has('rowField')).toBe(true)\n  })\n})\n"],"mappings":"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","ignoreList":[]}