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

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":[]}

package/dist/widgets/CollectionQuery/index.css

@@ -0,0 +1,206 @@
+@layer payload-default {
+  .collection-query-widget {
+    --collection-query-widget-visible-rows: 5;
+    --collection-query-widget-row-gap: var(--spacer-1);
+    --collection-query-widget-row-height: 40px;
+    --collection-query-widget-scrollbar-width: 6px;
+    --collection-query-widget-rows-height: calc(
+      (
+          var(--collection-query-widget-row-height) + var(--collection-query-widget-row-gap)
+        ) * var(--collection-query-widget-visible-rows) - var(--collection-query-widget-row-gap)
+    );
+
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--spacer-2-5);
+    height: 100%;
+    /* Border + padding + header + header/rows gap + the visible row viewport. */
+    max-height: calc(
+      (var(--stroke-width-small) * 2) + (var(--spacer-2-5) * 3) +
+        var(--text-heading-small-line-height, 24px) +
+        var(--collection-query-widget-rows-height)
+    );
+    overflow: hidden;
+    padding: var(--spacer-2-5);
+  }
+
+  .collection-query-widget__title {
+    margin: 0;
+    color: var(--color-text);
+    font-family: var(--text-heading-small-font-family, var(--text-body-large-strong-font-family));
+    font-size: var(--text-heading-small-font-size, 20px);
+    font-weight: var(--text-heading-small-font-weight, var(--text-body-large-strong-font-weight));
+    line-height: var(--text-heading-small-line-height, 24px);
+  }
+
+  .collection-query-widget__header {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .collection-query-widget__rows {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: var(--collection-query-widget-row-gap);
+    min-height: 0;
+    overflow-y: auto;
+    padding: 0;
+    padding-inline-end: calc(
+      var(--collection-query-widget-scrollbar-width) + var(--spacer-1)
+    );
+    margin: 0;
+    list-style: none;
+    scrollbar-color: GrayText transparent;
+    scrollbar-width: thin;
+
+    &::-webkit-scrollbar {
+      width: var(--collection-query-widget-scrollbar-width);
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-corner,
+    &::-webkit-scrollbar-track,
+    &::-webkit-scrollbar-track-piece {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: var(--radius-small, 3px);
+      background: GrayText;
+    }
+  }
+
+  .collection-query-widget__row {
+    margin: 0;
+  }
+
+  .collection-query-widget__row-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacer-2);
+    min-height: var(--collection-query-widget-row-height);
+    padding: var(--spacer-1) calc(var(--spacer-1) * 1.5);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg);
+    color: var(--color-text);
+    text-decoration: none;
+
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+      text-decoration: none;
+    }
+  }
+
+  .collection-query-widget__row-main,
+  .collection-query-widget__row-meta {
+    display: inline-flex;
+    align-items: center;
+    min-width: 0;
+  }
+
+  .collection-query-widget__row-main {
+    flex: 1 1 auto;
+    gap: calc(var(--spacer-1) * 1.5);
+  }
+
+  .collection-query-widget__row-meta {
+    flex: 0 0 auto;
+    gap: var(--spacer-1);
+    padding-left: calc(var(--spacer-1) * 1.5);
+    color: var(--color-text-secondary);
+    font-family: var(--text-body-small-font-family, var(--text-body-medium-font-family));
+    font-size: var(--text-body-small-font-size, 13px);
+    line-height: var(--text-body-small-line-height, 20px);
+    white-space: nowrap;
+  }
+
+  .collection-query-widget__row-title {
+    overflow: hidden;
+    color: var(--color-text);
+    font-family: var(
+      --text-body-small-strong-font-family,
+      var(--text-body-medium-strong-font-family)
+    );
+    font-size: var(--text-body-small-strong-font-size, 13px);
+    font-weight: var(
+      --text-body-small-strong-font-weight,
+      var(--text-body-medium-strong-font-weight)
+    );
+    line-height: var(--text-body-small-strong-line-height, 24px);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .collection-query-widget--error {
+    border-color: var(--color-bg-danger);
+  }
+
+  .collection-query-widget--error .collection-query-widget__title {
+    color: var(--color-text-danger);
+  }
+
+  .collection-query-widget__error {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--spacer-1) * 1.5);
+    padding: calc(var(--spacer-1) * 1.5);
+    border: var(--stroke-width-small) solid var(--color-bg-danger);
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg-danger-tertiary);
+    color: var(--color-text-danger);
+    font-family: var(--text-body-small-font-family, var(--text-body-medium-font-family));
+    font-size: var(--text-body-small-font-size, 13px);
+    line-height: var(--text-body-small-line-height, 20px);
+  }
+
+  .collection-query-widget__error-title {
+    display: inline-flex;
+    width: fit-content;
+    padding: 0 var(--spacer-1);
+    margin: 0;
+    border-radius: var(--radius-small, 3px);
+    background: var(--color-bg-danger);
+    color: var(--color-text-ondanger);
+    font-family: var(--text-body-small-strong-font-family, var(--text-body-medium-strong-font-family));
+    font-size: var(--text-body-small-strong-font-size, 13px);
+    font-weight: var(
+      --text-body-small-strong-font-weight,
+      var(--text-body-medium-strong-font-weight)
+    );
+    line-height: var(--text-body-small-strong-line-height, 20px);
+  }
+
+  .collection-query-widget__error-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .collection-query-widget__error-list li {
+    display: flex;
+    gap: var(--spacer-1);
+    min-width: 0;
+  }
+
+  .collection-query-widget__error-list li::before {
+    content: '';
+    width: 4px;
+    height: 4px;
+    flex: 0 0 auto;
+    margin-top: calc(var(--spacer-1) * 1.25);
+    border-radius: 50%;
+    background: currentColor;
+  }
+
+  .collection-query-widget__empty {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+}

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

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

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

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