@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/elements/QueryPresets/fields/ColumnsField/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -14,20 +15,30 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import { getColumns } from '../../../../utilities/getColumns.js';
 import { ColumnSelectionButton } from '../../../ColumnSelection/index.js';
 import '../fields.css';
-export const QueryPresetsColumnField = ({
-  field: {
+export const QueryPresetsColumnField = t0 => {
+  const $ = _c(29);
+  const {
+    field: t1
+  } = t0;
+  const {
     label,
     required
-  }
-}) => {
+  } = t1;
   const {
     path,
     setValue,
     value
   } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      path: "relatedCollection"
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const relatedCollectionField = useField(t2);
   const relatedCollection = relatedCollectionField.value;
   const {
     config,
@@ -39,110 +50,193 @@ export const QueryPresetsColumnField = ({
   const {
     permissions
   } = useAuth();
-  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
-    collectionSlug: relatedCollection
-  }) : null, [relatedCollection, getEntityConfig]);
-  const columnPreferences = useMemo(() => {
+  let t3;
+  if ($[1] !== getEntityConfig || $[2] !== relatedCollection) {
+    t3 = relatedCollection ? getEntityConfig({
+      collectionSlug: relatedCollection
+    }) : null;
+    $[1] = getEntityConfig;
+    $[2] = relatedCollection;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const collectionConfig = t3;
+  let t4;
+  bb0: {
     if (!relatedCollection || !collectionConfig) {
-      return [];
+      let t5;
+      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = [];
+        $[4] = t5;
+      } else {
+        t5 = $[4];
+      }
+      t4 = t5;
+      break bb0;
     }
-    return getColumns({
-      clientConfig: config,
-      collectionConfig,
-      collectionSlug: relatedCollection,
-      columns: value ?? [],
-      i18n,
-      permissions
-    });
-  }, [config, collectionConfig, relatedCollection, value, i18n, permissions]);
-  // Build the full column set from every field (active and inactive), mirroring the
-  // list view's `buildColumnState`, so columns absent from the saved preferences still
-  // appear in the selector. No cells are rendered here.
-  const columns = useMemo(() => {
+    let t5;
+    if ($[5] !== collectionConfig || $[6] !== config || $[7] !== i18n || $[8] !== permissions || $[9] !== relatedCollection || $[10] !== value) {
+      t5 = getColumns({
+        clientConfig: config,
+        collectionConfig,
+        collectionSlug: relatedCollection,
+        columns: value ?? [],
+        i18n,
+        permissions
+      });
+      $[5] = collectionConfig;
+      $[6] = config;
+      $[7] = i18n;
+      $[8] = permissions;
+      $[9] = relatedCollection;
+      $[10] = value;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    t4 = t5;
+  }
+  const columnPreferences = t4;
+  let t5;
+  bb1: {
     if (!collectionConfig?.fields) {
-      return [];
+      let t6;
+      if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[12] = t6;
+      } else {
+        t6 = $[12];
+      }
+      t5 = t6;
+      break bb1;
     }
     const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true;
-    let sortedFieldMap = flattenTopLevelFields(filterFieldsWithPermissions({
-      fieldPermissions,
-      fields: collectionConfig.fields
-    }), {
-      i18n,
-      keepPresentationalFields: true,
-      moveSubFieldsToTop: true
-    });
-    // Place the `id` field first, then the `useAsTitle` field, matching the list view.
-    const idFieldIndex = sortedFieldMap.findIndex(field => fieldIsID(field));
-    if (idFieldIndex > -1) {
-      sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0]);
-    }
-    const useAsTitle = collectionConfig.admin?.useAsTitle;
-    const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex(field_0 => 'name' in field_0 && field_0.name === useAsTitle) : -1;
-    if (useAsTitleFieldIndex > -1) {
-      sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]);
-    }
-    sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences);
-    const activeColumnsIndices = [];
-    return sortedFieldMap.reduce((acc, field_1, colIndex) => {
-      if (fieldIsHiddenOrDisabled(field_1) && !fieldIsID(field_1)) {
-        return acc;
+    let t6;
+    if ($[13] !== collectionConfig.admin?.useAsTitle || $[14] !== collectionConfig.fields || $[15] !== columnPreferences || $[16] !== fieldPermissions || $[17] !== i18n) {
+      let sortedFieldMap = flattenTopLevelFields(filterFieldsWithPermissions({
+        fieldPermissions,
+        fields: collectionConfig.fields
+      }), {
+        i18n,
+        keepPresentationalFields: true,
+        moveSubFieldsToTop: true
+      });
+      const idFieldIndex = sortedFieldMap.findIndex(_temp);
+      if (idFieldIndex > -1) {
+        sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0]);
       }
-      // Groups render as their flattened subfields, not as a selectable column.
-      if (field_1.type === 'group') {
-        return acc;
+      const useAsTitle = collectionConfig.admin?.useAsTitle;
+      const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex(field_0 => "name" in field_0 && field_0.name === useAsTitle) : -1;
+      if (useAsTitleFieldIndex > -1) {
+        sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]);
       }
-      const accessor = 'accessor' in field_1 ? field_1.accessor : 'name' in field_1 ? field_1.name : undefined;
-      if (!accessor) {
+      sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences);
+      const activeColumnsIndices = [];
+      t6 = sortedFieldMap.reduce((acc, field_1, colIndex) => {
+        if (fieldIsHiddenOrDisabled(field_1) && !fieldIsID(field_1)) {
+          return acc;
+        }
+        if (field_1.type === "group") {
+          return acc;
+        }
+        const accessor = "accessor" in field_1 ? field_1.accessor : "name" in field_1 ? field_1.name : undefined;
+        if (!accessor) {
+          return acc;
+        }
+        const columnPref = columnPreferences.find(pref => pref.accessor === accessor);
+        const active = isColumnActive({
+          accessor,
+          activeColumnsIndices,
+          column: columnPref,
+          columns: columnPreferences
+        });
+        if (active) {
+          activeColumnsIndices.push(colIndex);
+        }
+        acc.push({
+          accessor,
+          active,
+          field: field_1,
+          Heading: null,
+          renderedCells: []
+        });
         return acc;
-      }
-      const columnPref = columnPreferences.find(pref => pref.accessor === accessor);
-      const active = isColumnActive({
-        accessor,
-        activeColumnsIndices,
-        column: columnPref,
-        columns: columnPreferences
-      });
-      if (active) {
-        activeColumnsIndices.push(colIndex);
-      }
-      acc.push({
-        accessor,
-        active,
-        field: field_1,
-        Heading: null,
-        renderedCells: []
-      });
-      return acc;
-    }, []);
-  }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection]);
-  const handleChange = React.useCallback(newColumns => {
-    const preferences = newColumns.map(col => ({
-      accessor: col.accessor,
-      active: col.active
-    }));
-    setValue(preferences.length ? preferences : undefined);
-  }, [setValue]);
+      }, []);
+      $[13] = collectionConfig.admin?.useAsTitle;
+      $[14] = collectionConfig.fields;
+      $[15] = columnPreferences;
+      $[16] = fieldPermissions;
+      $[17] = i18n;
+      $[18] = t6;
+    } else {
+      t6 = $[18];
+    }
+    t5 = t6;
+  }
+  const columns = t5;
+  let t6;
+  if ($[19] !== setValue) {
+    t6 = newColumns => {
+      const preferences = newColumns.map(_temp2);
+      setValue(preferences.length ? preferences : undefined);
+    };
+    $[19] = setValue;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  const handleChange = t6;
   if (!relatedCollection || !collectionConfig) {
-    return /*#__PURE__*/_jsxs("div", {
+    let t7;
+    if ($[21] !== label || $[22] !== path || $[23] !== required) {
+      t7 = _jsxs("div", {
+        className: "field-type query-preset-columns-field",
+        children: [_jsx(FieldLabel, {
+          as: "h3",
+          label,
+          path,
+          required
+        }), _jsx("p", {
+          className: "query-preset-columns-field__hint",
+          children: "Select the related collection to configure columns."
+        })]
+      });
+      $[21] = label;
+      $[22] = path;
+      $[23] = required;
+      $[24] = t7;
+    } else {
+      t7 = $[24];
+    }
+    return t7;
+  }
+  let t7;
+  if ($[25] !== columns || $[26] !== handleChange || $[27] !== relatedCollection) {
+    t7 = _jsx("div", {
       className: "field-type query-preset-columns-field",
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        as: "h3",
-        label: label,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx("p", {
-        className: "query-preset-columns-field__hint",
-        children: "Select the related collection to configure columns."
-      })]
+      children: _jsx(ColumnSelectionButton, {
+        collectionSlug: relatedCollection,
+        columns,
+        onChange: handleChange
+      })
     });
+    $[25] = columns;
+    $[26] = handleChange;
+    $[27] = relatedCollection;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "field-type query-preset-columns-field",
-    children: /*#__PURE__*/_jsx(ColumnSelectionButton, {
-      collectionSlug: relatedCollection,
-      columns: columns,
-      onChange: handleChange
-    })
-  });
+  return t7;
 };
+function _temp(field) {
+  return fieldIsID(field);
+}
+function _temp2(col) {
+  return {
+    accessor: col.accessor,
+    active: col.active
+  };
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/ColumnsField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","flattenTopLevelFields","React","useMemo","FieldLabel","useField","useAuth","useConfig","filterFieldsWithPermissions","isColumnActive","sortFieldMap","useTranslation","getColumns","ColumnSelectionButton","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","collectionConfig","collectionSlug","columnPreferences","clientConfig","columns","fields","fieldPermissions","collections","sortedFieldMap","keepPresentationalFields","moveSubFieldsToTop","idFieldIndex","findIndex","unshift","splice","useAsTitle","admin","useAsTitleFieldIndex","name","activeColumnsIndices","reduce","acc","colIndex","type","accessor","undefined","columnPref","find","pref","active","column","push","Heading","renderedCells","handleChange","useCallback","newColumns","preferences","map","col","length","_jsxs","className","_jsx","as","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js'\nimport { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { getColumns } from '../../../../utilities/getColumns.js'\nimport { ColumnSelectionButton } from '../../../ColumnSelection/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<ColumnPreference[]>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columnPreferences = useMemo(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n    return getColumns({\n      clientConfig: config,\n      collectionConfig,\n      collectionSlug: relatedCollection,\n      columns: value ?? [],\n      i18n,\n      permissions,\n    })\n  }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n  // Build the full column set from every field (active and inactive), mirroring the\n  // list view's `buildColumnState`, so columns absent from the saved preferences still\n  // appear in the selector. No cells are rendered here.\n  const columns: Column[] = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true\n\n    let sortedFieldMap = flattenTopLevelFields(\n      filterFieldsWithPermissions({ fieldPermissions, fields: collectionConfig.fields }),\n      {\n        i18n,\n        keepPresentationalFields: true,\n        moveSubFieldsToTop: true,\n      },\n    ) as ClientField[]\n\n    // Place the `id` field first, then the `useAsTitle` field, matching the list view.\n    const idFieldIndex = sortedFieldMap.findIndex((field) => fieldIsID(field))\n    if (idFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0])\n    }\n\n    const useAsTitle = collectionConfig.admin?.useAsTitle\n    const useAsTitleFieldIndex = useAsTitle\n      ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n      : -1\n    if (useAsTitleFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0])\n    }\n\n    sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences)\n\n    const activeColumnsIndices: number[] = []\n\n    return sortedFieldMap.reduce<Column[]>((acc, field, colIndex) => {\n      if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n        return acc\n      }\n\n      // Groups render as their flattened subfields, not as a selectable column.\n      if (field.type === 'group') {\n        return acc\n      }\n\n      const accessor =\n        'accessor' in field\n          ? (field as { accessor: string }).accessor\n          : 'name' in field\n            ? field.name\n            : undefined\n\n      if (!accessor) {\n        return acc\n      }\n\n      const columnPref = columnPreferences.find((pref) => pref.accessor === accessor)\n      const active = isColumnActive({\n        accessor,\n        activeColumnsIndices,\n        column: columnPref,\n        columns: columnPreferences,\n      })\n\n      if (active) {\n        activeColumnsIndices.push(colIndex)\n      }\n\n      acc.push({\n        accessor,\n        active,\n        field,\n        Heading: null,\n        renderedCells: [],\n      })\n\n      return acc\n    }, [])\n  }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection])\n\n  const handleChange = React.useCallback(\n    (newColumns: Column[]) => {\n      const preferences: ColumnPreference[] = newColumns.map((col) => ({\n        accessor: col.accessor,\n        active: col.active,\n      }))\n      setValue(preferences.length ? preferences : undefined)\n    },\n    [setValue],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-columns-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-columns-field__hint\">\n          Select the related collection to configure columns.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <ColumnSelectionButton\n        collectionSlug={relatedCollection}\n        columns={columns}\n        onChange={handleChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","fieldIsID","flattenTopLevelFields","React","useMemo","FieldLabel","useField","useAuth","useConfig","filterFieldsWithPermissions","isColumnActive","sortFieldMap","useTranslation","getColumns","ColumnSelectionButton","QueryPresetsColumnField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","t3","collectionSlug","collectionConfig","t4","bb0","t5","clientConfig","columns","columnPreferences","bb1","fields","t6","fieldPermissions","collections","admin","useAsTitle","sortedFieldMap","keepPresentationalFields","moveSubFieldsToTop","idFieldIndex","findIndex","_temp","unshift","splice","useAsTitleFieldIndex","field_0","name","activeColumnsIndices","reduce","acc","field_1","colIndex","type","accessor","undefined","columnPref","find","pref","active","column","push","Heading","renderedCells","newColumns","preferences","map","_temp2","length","handleChange","t7","_jsxs","className","children","_jsx","as","onChange","col"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, ColumnPreference, JSONFieldClientProps } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js'\nimport { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { getColumns } from '../../../../utilities/getColumns.js'\nimport { ColumnSelectionButton } from '../../../ColumnSelection/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsColumnField: React.FC<JSONFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<ColumnPreference[]>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columnPreferences = useMemo(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n    return getColumns({\n      clientConfig: config,\n      collectionConfig,\n      collectionSlug: relatedCollection,\n      columns: value ?? [],\n      i18n,\n      permissions,\n    })\n  }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n  // Build the full column set from every field (active and inactive), mirroring the\n  // list view's `buildColumnState`, so columns absent from the saved preferences still\n  // appear in the selector. No cells are rendered here.\n  const columns: Column[] = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true\n\n    let sortedFieldMap = flattenTopLevelFields(\n      filterFieldsWithPermissions({ fieldPermissions, fields: collectionConfig.fields }),\n      {\n        i18n,\n        keepPresentationalFields: true,\n        moveSubFieldsToTop: true,\n      },\n    ) as ClientField[]\n\n    // Place the `id` field first, then the `useAsTitle` field, matching the list view.\n    const idFieldIndex = sortedFieldMap.findIndex((field) => fieldIsID(field))\n    if (idFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0])\n    }\n\n    const useAsTitle = collectionConfig.admin?.useAsTitle\n    const useAsTitleFieldIndex = useAsTitle\n      ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n      : -1\n    if (useAsTitleFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0])\n    }\n\n    sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences)\n\n    const activeColumnsIndices: number[] = []\n\n    return sortedFieldMap.reduce<Column[]>((acc, field, colIndex) => {\n      if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n        return acc\n      }\n\n      // Groups render as their flattened subfields, not as a selectable column.\n      if (field.type === 'group') {\n        return acc\n      }\n\n      const accessor =\n        'accessor' in field\n          ? (field as { accessor: string }).accessor\n          : 'name' in field\n            ? field.name\n            : undefined\n\n      if (!accessor) {\n        return acc\n      }\n\n      const columnPref = columnPreferences.find((pref) => pref.accessor === accessor)\n      const active = isColumnActive({\n        accessor,\n        activeColumnsIndices,\n        column: columnPref,\n        columns: columnPreferences,\n      })\n\n      if (active) {\n        activeColumnsIndices.push(colIndex)\n      }\n\n      acc.push({\n        accessor,\n        active,\n        field,\n        Heading: null,\n        renderedCells: [],\n      })\n\n      return acc\n    }, [])\n  }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection])\n\n  const handleChange = React.useCallback(\n    (newColumns: Column[]) => {\n      const preferences: ColumnPreference[] = newColumns.map((col) => ({\n        accessor: col.accessor,\n        active: col.active,\n      }))\n      setValue(preferences.length ? preferences : undefined)\n    },\n    [setValue],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-columns-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-columns-field__hint\">\n          Select the related collection to configure columns.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <ColumnSelectionButton\n        collectionSlug={relatedCollection}\n        columns={columns}\n        onChange={handleChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/fields/GroupByField/index.d.ts

@@ -1,4 +1,5 @@
-import type { TextFieldClientComponent } from 'payload';
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsGroupByField: TextFieldClientComponent;
+export declare const QueryPresetsGroupByField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/GroupByField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAQvD,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,wBAkCtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnE,CAAA"}

package/dist/elements/QueryPresets/fields/GroupByField/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
@@ -7,49 +8,97 @@ import { useField } from '../../../../forms/useField/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { GroupByButton } from '../../../GroupBy/index.js';
 import '../fields.css';
-export const QueryPresetsGroupByField = ({
-  field: {
+export const QueryPresetsGroupByField = t0 => {
+  const $ = _c(15);
+  const {
+    field: t1
+  } = t0;
+  const {
     label,
     required
-  }
-}) => {
+  } = t1;
   const {
     path,
     setValue,
     value
   } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      path: "relatedCollection"
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const relatedCollectionField = useField(t2);
   const relatedCollection = relatedCollectionField.value;
   const {
     getEntityConfig
   } = useConfig();
-  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
-    collectionSlug: relatedCollection
-  }) : null, [relatedCollection, getEntityConfig]);
+  let t3;
+  if ($[1] !== getEntityConfig || $[2] !== relatedCollection) {
+    t3 = relatedCollection ? getEntityConfig({
+      collectionSlug: relatedCollection
+    }) : null;
+    $[1] = getEntityConfig;
+    $[2] = relatedCollection;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const collectionConfig = t3;
   if (!relatedCollection || !collectionConfig) {
-    return /*#__PURE__*/_jsxs("div", {
+    let t4;
+    if ($[4] !== label || $[5] !== path || $[6] !== required) {
+      t4 = _jsxs("div", {
+        className: "field-type query-preset-group-by-field",
+        children: [_jsx(FieldLabel, {
+          as: "h3",
+          label,
+          path,
+          required
+        }), _jsx("p", {
+          className: "query-preset-group-by-field__hint",
+          children: "Select the related collection to configure group by."
+        })]
+      });
+      $[4] = label;
+      $[5] = path;
+      $[6] = required;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    return t4;
+  }
+  let t4;
+  if ($[8] !== collectionConfig.fields || $[9] !== relatedCollection || $[10] !== setValue || $[11] !== value) {
+    let t5;
+    if ($[13] !== setValue) {
+      t5 = groupBy => setValue(groupBy || null);
+      $[13] = setValue;
+      $[14] = t5;
+    } else {
+      t5 = $[14];
+    }
+    t4 = _jsx("div", {
       className: "field-type query-preset-group-by-field",
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        as: "h3",
-        label: label,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx("p", {
-        className: "query-preset-group-by-field__hint",
-        children: "Select the related collection to configure group by."
-      })]
+      children: _jsx(GroupByButton, {
+        collectionSlug: relatedCollection,
+        fields: collectionConfig.fields,
+        onChange: t5,
+        value: value ?? ""
+      })
     });
+    $[8] = collectionConfig.fields;
+    $[9] = relatedCollection;
+    $[10] = setValue;
+    $[11] = value;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "field-type query-preset-group-by-field",
-    children: /*#__PURE__*/_jsx(GroupByButton, {
-      collectionSlug: relatedCollection,
-      fields: collectionConfig.fields,
-      onChange: groupBy => setValue(groupBy || null),
-      value: value ?? ''
-    })
-  });
+  return t4;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/GroupByField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","collectionSlug","collectionConfig","t4","_jsxs","className","children","_jsx","as","fields","t5","groupBy","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,KAAA,EAAAC;EAAA,IAAAH,EAExE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAoB;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAA4B;EACtD;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAd,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAY,iBAAA;IAGnBE,EAAA,GAAAF,iBAAA,GAAoBC,eAAA,CAAgB;MAAAE,cAAA,EAAkBH;IAAkB,CAAK,IAA7E,IAA6E;IAAAZ,CAAA,MAAAa,eAAA;IAAAb,CAAA,MAAAY,iBAAA;IAAAZ,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EADtF,MAAAgB,gBAAA,GACSF,EAA6E;EAItF,IAAI,CAACF,iBAAsB,IAAvB,CAAuBI,gBAAA;IAAA,IAAAC,EAAA;IAAA,IAAAjB,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEvBa,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,E,CACbC,IAAA,CAAC3B,UAAA;UAAA4B,EAAA,EAAc;UAAAnB,KAAA;UAAAE,IAAA;UAAAD;YACfiB,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAoC;;;;;;;;;;WAFnDH,E;;EAOJ,IAAAA,EAAA;EAAA,IAAAjB,CAAA,QAAAgB,gBAAA,CAAAO,MAAA,IAAAvB,CAAA,QAAAY,iBAAA,IAAAZ,CAAA,SAAAM,QAAA,IAAAN,CAAA,SAAAO,KAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAxB,CAAA,SAAAM,QAAA;MAOgBkB,EAAA,GAAAC,OAAA,IAAanB,QAAA,CAASmB,OAAW,IAAX,IAAW;MAAAzB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAJ/CiB,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAACxB,aAAA;QAAAkB,cAAA,EACiBH,iBAAA;QAAAW,MAAA,EACRP,gBAAA,CAAAO,MAAuB;QAAAG,QAAA,EACrBF,EAAiC;QAAAjB,KAAA,EACpCA,KAAS,IAAT;;;;;;;;;;;SALXU,E;CASJ","ignoreList":[]}

package/dist/elements/QueryPresets/fields/Heading/index.css

@@ -2,7 +2,6 @@
   .query-preset-heading {
     margin: var(--spacer-4) 0 var(--spacer-2-5);
     color: var(--color-text);
-    font-family: var(--text-heading-medium-font-family);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
@@ -32,6 +31,7 @@
       }
 
       /* Stay in a row on mobile, where Row otherwise stacks into a column. */
+      /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
       @media (max-width: 1024px) {
         flex-direction: row;
       }

package/dist/elements/QueryPresets/fields/Heading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","QueryPresetsHeading","t0","$","i18nKey","t1","undefined","t","t2","_jsx","className","children"],"sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const QueryPresetsHeading: React.FC<{ i18nKey?: ClientTranslationKeys }> = ({\n  i18nKey = 'general:presets',\n}) => {\n  const { t } = useTranslation()\n\n  return <h3 className=\"query-preset-heading\">{t(i18nKey)}</h3>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,OAAA,EAAAC;EAAA,IAAAH,EAElF;EADC,MAAAE,OAAA,GAAAC,EAA2B,KAAAC,SAAA,GAAjB,iBAAiB,GAA3BD,EAA2B;EAE3B;IAAAE;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,CAAA;IAEPC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAa;MAAAC,QAAA,EAAwBJ,CAAA,CAAEH,OAAA;IAAA,C;;;;;;;SAAxCI,E;CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","QueryPresetsHeading","t0","$","i18nKey","t1","undefined","t","t2","_jsx","className","children"],"sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const QueryPresetsHeading: React.FC<{ i18nKey?: ClientTranslationKeys }> = ({\n  i18nKey = 'general:presets',\n}) => {\n  const { t } = useTranslation()\n\n  return <h3 className=\"query-preset-heading\">{t(i18nKey)}</h3>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,OAAA,EAAAC;EAAA,IAAAH,EAElF;EADC,MAAAE,OAAA,GAAAC,EAA2B,KAA3BC,SAA2B,GAA3B,iBAA2B,GAA3BD,EAA2B;EAE3B;IAAAE;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,CAAA;IAEPC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAa;MAAAC,QAAA,EAAwBJ,CAAA,CAAEH,OAAA;;;;;;;;SAAxCI,E;CACT","ignoreList":[]}

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsWhereField: JSONFieldClientComponent;
+export declare const QueryPresetsWhereField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAS,MAAM,SAAS,CAAA;AAQ9D,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,wBA+BpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAS,MAAM,SAAS,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+BjE,CAAA"}

package/dist/elements/QueryPresets/fields/WhereField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        fields={collectionConfig?.fields ?? []}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEhE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAC1B;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,KAEvBgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAxB,UAAA;UAAAyB,EAAA,EAAe;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;IASJ,MAAAM,gBAAA,GAAyBP,eAAA;MAAAQ,cAAA,EAAkCT;IAAA,CAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAAArB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAAA,MAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAA,IAAAmB;MAAS,C;;;;;;;;;;SALpBZ,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: React.FC<JSONFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        fields={collectionConfig?.fields ?? []}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEtE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAoB;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAA4B;EACtD;IAAAM;EAAA,IAA4BjB,SAAA;EAE5B,IAAI,CAACgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,E,CACbC,IAAA,CAACxB,UAAA;UAAAyB,EAAA,EAAc;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;YACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;;;;;;;;;;WAFhDH,E;;EAOJ,IAAAA,EAAA;EAAA,IAAAd,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAY,iBAAA,IAAAZ,CAAA,QAAAM,QAAA,IAAAN,CAAA,QAAAO,KAAA;IAEA,MAAAa,gBAAA,GAAyBP,eAAA,CAAgB;MAAAQ,cAAA,EAAkBT;IAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAACrB,YAAA;QAAAwB,cAAA,EACiBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAA8B,IAA9B,EAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAS,IAATmB;;;;;;;;;;;SALXZ,E;CASJ","ignoreList":[]}

package/dist/elements/ReactSelect/ClearIndicator/index.css

@@ -5,8 +5,12 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    background: transparent;
+    border: 0;
     color: var(--color-icon-secondary);
-    transition: color 100ms;
+    min-height: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
 
     &:hover {
       color: var(--color-icon);