@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

package/dist/elements/FolderView/ToggleViewButtons/index.d.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+type Props = {
+    activeView: 'grid' | 'list';
+    setActiveView: (view: 'grid' | 'list') => void;
+};
+export declare function ToggleViewButtons({ activeView, setActiveView }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/ToggleViewButtons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,KAAK,+BA2BrE"}

package/dist/elements/FolderView/ToggleViewButtons/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GridViewIcon } from '../../../icons/GridView/index.js';
+import { ListViewIcon } from '../../../icons/ListView/index.js';
+import { Button } from '../../Button/index.js';
+import './index.scss';
+const baseClass = 'folder-view-toggle-button';
+export function ToggleViewButtons({
+  activeView,
+  setActiveView
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      buttonStyle: "pill",
+      className: [baseClass, activeView === 'grid' && `${baseClass}--active`].filter(Boolean).join(' '),
+      icon: /*#__PURE__*/_jsx(GridViewIcon, {}),
+      margin: false,
+      onClick: () => {
+        setActiveView('grid');
+      }
+    }), /*#__PURE__*/_jsx(Button, {
+      buttonStyle: "pill",
+      className: [baseClass, activeView === 'list' && `${baseClass}--active`].filter(Boolean).join(' '),
+      icon: /*#__PURE__*/_jsx(ListViewIcon, {}),
+      margin: false,
+      onClick: () => {
+        setActiveView('list');
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/FolderView/ToggleViewButtons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,kBAAkB;EAAEC,UAAU;EAAEC;AAAa,CAAS;EACpE,oBACEC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACT,YAAA;MACPgB,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;qBAEFG,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACR,YAAA;MACPe,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;;;AAIR","ignoreList":[]}

package/dist/elements/FolderView/ToggleViewButtons/index.scss

@@ -0,0 +1,17 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .folder-view-toggle-button {
+    padding: 0;
+    background-color: transparent;
+
+    &--active {
+      background-color: var(--theme-elevation-150);
+    }
+
+    .btn__icon {
+      border: none;
+      padding: 0;
+    }
+  }
+}

package/dist/elements/Gutter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAA"}

package/dist/elements/Gutter/index.js

@@ -17,7 +17,7 @@ export const Gutter = props => {
   const shouldPadLeft = left && !negativeLeft;
   const shouldPadRight = right && !negativeRight;
   return /*#__PURE__*/_jsx("div", {
-    className: [shouldPadLeft && `${baseClass}--left`, shouldPadRight && `${baseClass}--right`, negativeLeft && `${baseClass}--negative-left`, negativeRight && `${baseClass}--negative-right`, className].filter(Boolean).join(' '),
+    className: [baseClass, shouldPadLeft && `${baseClass}--left`, shouldPadRight && `${baseClass}--right`, negativeLeft && `${baseClass}--negative-left`, negativeRight && `${baseClass}--negative-right`, className].filter(Boolean).join(' '),
     ref: ref,
     children: children
   });

package/dist/elements/Gutter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAiCC,KAAA;EAC5C,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,IAAA,GAAO,IAAI;IACXC,YAAA,GAAe,KAAK;IACpBC,aAAA,GAAgB,KAAK;IACrBC,GAAG;IACHC,KAAA,GAAQ;EAAI,CACb,GAAGP,KAAA;EAEJ,MAAMQ,aAAA,GAAgBL,IAAA,IAAQ,CAACC,YAAA;EAC/B,MAAMK,cAAA,GAAiBF,KAAA,IAAS,CAACF,aAAA;EAEjC,oBACEK,IAAA,CAAC;IACCR,SAAA,EAAW,CACTM,aAAA,IAAiB,GAAGV,SAAA,QAAiB,EACrCW,cAAA,IAAkB,GAAGX,SAAA,SAAkB,EACvCM,YAAA,IAAgB,GAAGN,SAAA,iBAA0B,EAC7CO,aAAA,IAAiB,GAAGP,SAAA,kBAA2B,EAC/CI,SAAA,CACD,CACES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,GAAA,EAAKA,GAAA;cAEJL;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        baseClass,\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAiCC,KAAA;EAC5C,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,IAAA,GAAO,IAAI;IACXC,YAAA,GAAe,KAAK;IACpBC,aAAA,GAAgB,KAAK;IACrBC,GAAG;IACHC,KAAA,GAAQ;EAAI,CACb,GAAGP,KAAA;EAEJ,MAAMQ,aAAA,GAAgBL,IAAA,IAAQ,CAACC,YAAA;EAC/B,MAAMK,cAAA,GAAiBF,KAAA,IAAS,CAACF,aAAA;EAEjC,oBACEK,IAAA,CAAC;IACCR,SAAA,EAAW,CACTJ,SAAA,EACAU,aAAA,IAAiB,GAAGV,SAAA,QAAiB,EACrCW,cAAA,IAAkB,GAAGX,SAAA,SAAkB,EACvCM,YAAA,IAAgB,GAAGN,SAAA,iBAA0B,EAC7CO,aAAA,IAAiB,GAAGP,SAAA,kBAA2B,EAC/CI,SAAA,CACD,CACES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,GAAA,EAAKA,GAAA;cAEJL;;AAGP","ignoreList":[]}

package/dist/elements/ListControls/ActiveQueryPreset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAS1C,OAAO,cAAc,CAAA;AAIrB,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,+BA0CA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAS1C,OAAO,cAAc,CAAA;AAIrB,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,+BAiDA"}

package/dist/elements/ListControls/ActiveQueryPreset/index.js

@@ -11,7 +11,7 @@ import { Pill } from '../../Pill/index.js';
 import './index.scss';
 const baseClass = 'active-query-preset';
 export function ActiveQueryPreset(t0) {
-  const $ = _c(36);
+  const $ = _c(44);
   const {
     activePreset,
     openPresetListDrawer,
@@ -27,6 +27,10 @@ export function ActiveQueryPreset(t0) {
   let t1;
   let t10;
   let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
   let t2;
   let t3;
   let t4;
@@ -39,38 +43,42 @@ export function ActiveQueryPreset(t0) {
     const presetsConfig = getEntityConfig({
       collectionSlug: "payload-query-presets"
     });
-    t10 = _jsxs;
-    t11 = Pill;
-    const t12 = activePreset && `${baseClass}--active`;
-    let t13;
-    if ($[16] !== t12) {
-      t13 = [baseClass, t12].filter(Boolean);
-      $[16] = t12;
-      $[17] = t13;
+    t14 = _jsxs;
+    t15 = Pill;
+    const t16 = activePreset && `${baseClass}--active`;
+    let t17;
+    if ($[20] !== t16) {
+      t17 = [baseClass, t16].filter(Boolean);
+      $[20] = t16;
+      $[21] = t17;
     } else {
-      t13 = $[17];
+      t17 = $[21];
     }
-    t6 = t13.join(" ");
-    t7 = "select-preset";
-    if ($[18] !== openPresetListDrawer) {
-      t8 = () => {
+    t9 = t17.join(" ");
+    t10 = "select-preset";
+    if ($[22] !== openPresetListDrawer) {
+      t11 = () => {
         openPresetListDrawer();
       };
-      $[18] = openPresetListDrawer;
-      $[19] = t8;
+      $[22] = openPresetListDrawer;
+      $[23] = t11;
     } else {
-      t8 = $[19];
+      t11 = $[23];
     }
-    t9 = activePreset ? "always-white" : "light";
-    if ($[20] !== activePreset?.isShared) {
-      t5 = activePreset?.isShared && _jsx(PeopleIcon, {
+    t12 = activePreset ? "always-white" : "light";
+    t13 = "small";
+    if ($[24] !== activePreset?.isShared) {
+      t8 = activePreset?.isShared && _jsx(PeopleIcon, {
         className: `${baseClass}__shared`
       });
-      $[20] = activePreset?.isShared;
-      $[21] = t5;
+      $[24] = activePreset?.isShared;
+      $[25] = t8;
     } else {
-      t5 = $[21];
+      t8 = $[25];
     }
+    t6 = _jsx;
+    t7 = "div";
+    t5 = `${baseClass}__label-text-max-width`;
     t3 = _jsx;
     t4 = "div";
     t1 = `${baseClass}__label-text`;
@@ -85,37 +93,49 @@ export function ActiveQueryPreset(t0) {
     $[5] = t1;
     $[6] = t10;
     $[7] = t11;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-    $[14] = t8;
-    $[15] = t9;
+    $[8] = t12;
+    $[9] = t13;
+    $[10] = t14;
+    $[11] = t15;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+    $[19] = t9;
   } else {
     t1 = $[5];
     t10 = $[6];
     t11 = $[7];
-    t2 = $[8];
-    t3 = $[9];
-    t4 = $[10];
-    t5 = $[11];
-    t6 = $[12];
-    t7 = $[13];
-    t8 = $[14];
-    t9 = $[15];
+    t12 = $[8];
+    t13 = $[9];
+    t14 = $[10];
+    t15 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    t4 = $[14];
+    t5 = $[15];
+    t6 = $[16];
+    t7 = $[17];
+    t8 = $[18];
+    t9 = $[19];
   }
-  let t12;
-  if ($[22] !== activePreset || $[23] !== resetPreset || $[24] !== t1 || $[25] !== t10 || $[26] !== t11 || $[27] !== t2 || $[28] !== t3 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
-    t12 = t10(t11, {
-      className: t6,
-      id: t7,
-      onClick: t8,
-      pillStyle: t9,
-      children: [t5, t3(t4, {
-        className: t1,
-        children: t2
+  let t16;
+  if ($[26] !== activePreset || $[27] !== resetPreset || $[28] !== t1 || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 || $[35] !== t2 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
+    t16 = t14(t15, {
+      className: t9,
+      id: t10,
+      onClick: t11,
+      pillStyle: t12,
+      size: t13,
+      children: [t8, t6(t7, {
+        className: t5,
+        children: t3(t4, {
+          className: t1,
+          children: t2
+        })
       }), activePreset ? _jsx("div", {
         className: `${baseClass}__clear`,
         id: "clear-preset",
@@ -124,31 +144,37 @@ export function ActiveQueryPreset(t0) {
           await resetPreset();
         },
         onKeyDown: async e_0 => {
-          e_0.stopPropagation();
-          await resetPreset();
+          if (e_0.key === "Enter" || e_0.key === " ") {
+            e_0.stopPropagation();
+            await resetPreset();
+          }
         },
         role: "button",
         tabIndex: 0,
         children: _jsx(XIcon, {})
       }) : null]
     });
-    $[22] = activePreset;
-    $[23] = resetPreset;
-    $[24] = t1;
-    $[25] = t10;
-    $[26] = t11;
-    $[27] = t2;
-    $[28] = t3;
-    $[29] = t4;
-    $[30] = t5;
-    $[31] = t6;
-    $[32] = t7;
-    $[33] = t8;
-    $[34] = t9;
-    $[35] = t12;
+    $[26] = activePreset;
+    $[27] = resetPreset;
+    $[28] = t1;
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t12;
+    $[32] = t13;
+    $[33] = t14;
+    $[34] = t15;
+    $[35] = t2;
+    $[36] = t3;
+    $[37] = t4;
+    $[38] = t5;
+    $[39] = t6;
+    $[40] = t7;
+    $[41] = t8;
+    $[42] = t9;
+    $[43] = t16;
   } else {
-    t12 = $[35];
+    t16 = $[43];
   }
-  return t12;
+  return t16;
 }
 //# sourceMappingURL=index.js.map

package/dist/elements/ListControls/ActiveQueryPreset/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","ActiveQueryPreset","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","presetsConfig","collectionSlug","_jsxs","t12","t13","filter","Boolean","join","isShared","_jsx","className","title","label","labels","singular","id","onClick","pillStyle","children","e","stopPropagation","onKeyDown","e_0","role","tabIndex"],"sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function ActiveQueryPreset({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle={activePreset ? 'always-white' : 'light'}\n    >\n      {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n      <div className={`${baseClass}__label-text`}>\n        {activePreset?.title ||\n          t('general:selectLabel', { label: getTranslation(presetsConfig.labels.singular, i18n) })}\n      </div>\n      {activePreset ? (\n        <div\n          className={`${baseClass}__clear`}\n          id=\"clear-preset\"\n          onClick={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          onKeyDown={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <XIcon />\n        </div>\n      ) : null}\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","ActiveQueryPreset","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","t10","t11","t12","t13","t14","t15","t2","t3","t4","t5","t6","t7","t8","t9","presetsConfig","collectionSlug","_jsxs","t16","t17","filter","Boolean","join","isShared","_jsx","className","title","label","labels","singular","id","onClick","pillStyle","size","children","e","stopPropagation","onKeyDown","e_0","key","role","tabIndex"],"sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function ActiveQueryPreset({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle={activePreset ? 'always-white' : 'light'}\n      size=\"small\"\n    >\n      {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n      <div className={`${baseClass}__label-text-max-width`}>\n        <div className={`${baseClass}__label-text`}>\n          {activePreset?.title ||\n            t('general:selectLabel', {\n              label: getTranslation(presetsConfig.labels.singular, i18n),\n            })}\n        </div>\n      </div>\n      {activePreset ? (\n        <div\n          className={`${baseClass}__clear`}\n          id=\"clear-preset\"\n          onClick={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          onKeyDown={async (e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.stopPropagation()\n              await resetPreset()\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <XIcon />\n        </div>\n      ) : null}\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/ActiveQueryPreset/index.scss

@@ -2,20 +2,32 @@
 
 @layer payload-default {
   .active-query-preset {
-    &.pill {
-      max-width: 150px;
-      overflow: hidden;
-    }
-
     .pill__label {
+      display: flex;
+      gap: calc(var(--base) / 4);
       display: flex;
       align-items: center;
     }
 
+    &__label-text-max-width {
+      max-width: 100px;
+      overflow: hidden;
+    }
+
     &__label-text {
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
     }
+
+    &__label-and-clear-wrap {
+      display: flex;
+      align-items: center;
+    }
+
+    &__clear {
+      display: flex;
+      align-items: center;
+    }
   }
 }

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -1,3 +1,4 @@
+import type { I18nClient } from '@payloadcms/translations';
 import type { ClientField } from 'payload';
-export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[]) => ClientField[];
+export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[], i18n: I18nClient) => ClientField[];
 //# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,KACpB,WAAW,EAUb,CAAA"}
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,QACf,UAAU,KACf,WAAW,EAab,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,9 +1,12 @@
 'use client';
 
 import { fieldAffectsData, flattenTopLevelFields } from 'payload/shared';
-export const getTextFieldsToBeSearched = (listSearchableFields, fields) => {
+export const getTextFieldsToBeSearched = (listSearchableFields, fields, i18n) => {
   if (listSearchableFields) {
-    const flattenedFields = flattenTopLevelFields(fields);
+    const flattenedFields = flattenTopLevelFields(fields, {
+      i18n,
+      moveSubFieldsToTop: true
+    });
     return flattenedFields.filter(field => fieldAffectsData(field) && listSearchableFields.includes(field.name));
   }
   return null;

package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenTopLevelFields","getTextFieldsToBeSearched","listSearchableFields","fields","flattenedFields","filter","field","includes","name"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenTopLevelFields(fields) as ClientField[]\n\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,EAAEC,qBAAqB,QAAQ;AAExD,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA;EAEA,IAAID,oBAAA,EAAsB;IACxB,MAAME,eAAA,GAAkBJ,qBAAA,CAAsBG,MAAA;IAE9C,OAAOC,eAAA,CAAgBC,MAAM,CAC1BC,KAAA,IAAUP,gBAAA,CAAiBO,KAAA,KAAUJ,oBAAA,CAAqBK,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenTopLevelFields","getTextFieldsToBeSearched","listSearchableFields","fields","i18n","flattenedFields","moveSubFieldsToTop","filter","field","includes","name"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n  i18n: I18nClient,\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenTopLevelFields(fields, {\n      i18n,\n      moveSubFieldsToTop: true,\n    }) as ClientField[]\n\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,qBAAqB,QAAQ;AAExD,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA,EACAC,IAAA;EAEA,IAAIF,oBAAA,EAAsB;IACxB,MAAMG,eAAA,GAAkBL,qBAAA,CAAsBG,MAAA,EAAQ;MACpDC,IAAA;MACAE,kBAAA,EAAoB;IACtB;IAEA,OAAOD,eAAA,CAAgBE,MAAM,CAC1BC,KAAA,IAAUT,gBAAA,CAAiBS,KAAA,KAAUN,oBAAA,CAAqBO,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/ListControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAiBnD,OAAO,cAAc,CAAA;AAIrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwOpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAiBnD,OAAO,cAAc,CAAA;AAIrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyOpD,CAAA"}

package/dist/elements/ListControls/index.js

@@ -34,6 +34,7 @@ export const ListControls = props => {
     collectionSlug,
     disableQueryPresets,
     enableColumns = true,
+    enableFilters = true,
     enableSort = false,
     listMenuItems: listMenuItemsFromProps,
     queryPreset: activePreset,
@@ -70,7 +71,7 @@ export const ListControls = props => {
     }
   } = useWindowInfo();
   const searchLabel = (titleField && getTranslation('label' in titleField && (typeof titleField.label === 'string' || typeof titleField.label === 'object') ? titleField.label : 'name' in titleField ? titleField.name : null, i18n)) ?? 'ID';
-  const listSearchableFields = getTextFieldsToBeSearched(collectionConfig.admin.listSearchableFields, collectionConfig.fields);
+  const listSearchableFields = getTextFieldsToBeSearched(collectionConfig.admin.listSearchableFields, collectionConfig.fields, i18n);
   const searchLabelTranslated = useRef(t('general:searchBy', {
     label: getTranslation(searchLabel, i18n)
   }));
@@ -115,14 +116,10 @@ export const ListControls = props => {
       children: [/*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__wrap`,
         children: [/*#__PURE__*/_jsx(SearchIcon, {}), /*#__PURE__*/_jsx(SearchFilter, {
-          fieldName: titleField && 'name' in titleField ? titleField?.name : null,
-          handleChange: search => {
-            return void handleSearchChange(search);
-          },
-          // @ts-expect-error @todo: fix types
-          initialParams: query,
+          handleChange: handleSearchChange,
           // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix
-          label: searchLabelTranslated.current
+          label: searchLabelTranslated.current,
+          searchQueryParam: query?.search
         }, collectionSlug), activePreset && hasModifiedPreset ? /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__modified`,
           children: "Modified"
@@ -141,8 +138,9 @@ export const ListControls = props => {
               }),
               onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
               pillStyle: "light",
+              size: "small",
               children: t('general:columns')
-            }), /*#__PURE__*/_jsx(Pill, {
+            }), enableFilters && /*#__PURE__*/_jsx(Pill, {
               "aria-controls": `${baseClass}-where`,
               "aria-expanded": visibleDrawer === 'where',
               className: `${baseClass}__toggle-where`,
@@ -151,6 +149,7 @@ export const ListControls = props => {
               }),
               onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
               pillStyle: "light",
+              size: "small",
               children: t('general:filters')
             }), enableSort && /*#__PURE__*/_jsx(Pill, {
               "aria-controls": `${baseClass}-sort`,
@@ -159,6 +158,7 @@ export const ListControls = props => {
               icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
               onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined),
               pillStyle: "light",
+              size: "small",
               children: t('general:sort')
             }), !disableQueryPresets && /*#__PURE__*/_jsx(ActiveQueryPreset, {
               activePreset: activePreset,
@@ -171,13 +171,11 @@ export const ListControls = props => {
               className: `${baseClass}__popup`,
               horizontalAlign: "right",
               id: "list-menu",
-              size: "large",
+              size: "medium",
               verticalAlign: "bottom",
-              children: /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-                children: listMenuItems.map((item, i_0) => /*#__PURE__*/_jsx(Fragment, {
-                  children: item
-                }, `list-menu-item-${i_0}`))
-              })
+              children: listMenuItems.map((item, i_0) => /*#__PURE__*/_jsx(Fragment, {
+                children: item
+              }, `list-menu-item-${i_0}`))
             })]
           })
         })]

package/dist/elements/ListControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","PopupList","useUseTitleField","ChevronIcon","Dots","SearchIcon","useListQuery","useTranslation","AnimateHeight","ColumnSelector","Pill","SearchFilter","WhereBuilder","ActiveQueryPreset","getTextFieldsToBeSearched","useQueryPresets","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableSort","listMenuItems","listMenuItemsFromProps","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","CreateNewPresetDrawer","DeletePresetModal","EditPresetDrawer","hasModifiedPreset","openPresetListDrawer","PresetListDrawer","queryPresetMenuItems","resetPreset","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","fields","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","enableQueryPresets","_jsx","Divider","_jsxs","className","fieldName","handleChange","search","initialParams","icon","direction","onClick","pillStyle","Array","isArray","button","ariaLabel","horizontalAlign","id","size","verticalAlign","ButtonGroup","map","item","height","slug","collectionPluralLabel","labels","plural"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport { validateWhereQuery } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.js'\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { ActiveQueryPreset } from './ActiveQueryPreset/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport { useQueryPresets } from './useQueryPresets.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableSort = false,\n    listMenuItems: listMenuItemsFromProps,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\n\n  const {\n    CreateNewPresetDrawer,\n    DeletePresetModal,\n    EditPresetDrawer,\n    hasModifiedPreset,\n    openPresetListDrawer,\n    PresetListDrawer,\n    queryPresetMenuItems,\n    resetPreset,\n  } = useQueryPresets({\n    activePreset,\n    collectionSlug,\n    queryPresetPermissions,\n  })\n\n  const titleField = useUseTitleField(collectionConfig)\n  const { i18n, t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField &&\n          (typeof titleField.label === 'string' || typeof titleField.label === 'object')\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    collectionConfig.fields,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(query?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  let listMenuItems: React.ReactNode[] = listMenuItemsFromProps\n\n  if (\n    collectionConfig?.enableQueryPresets &&\n    !disableQueryPresets &&\n    queryPresetMenuItems?.length > 0\n  ) {\n    // Cannot push or unshift into `listMenuItemsFromProps` as it will mutate the original array\n    listMenuItems = [\n      ...queryPresetMenuItems,\n      listMenuItemsFromProps?.length > 0 ? <PopupList.Divider key=\"divider\" /> : null,\n      ...(listMenuItemsFromProps || []),\n    ]\n  }\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <SearchIcon />\n          <SearchFilter\n            fieldName={titleField && 'name' in titleField ? titleField?.name : null}\n            handleChange={(search) => {\n              return void handleSearchChange(search)\n            }}\n            // @ts-expect-error @todo: fix types\n            initialParams={query}\n            key={collectionSlug}\n            // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n            label={searchLabelTranslated.current}\n          />\n          {activePreset && hasModifiedPreset ? (\n            <div className={`${baseClass}__modified`}>Modified</div>\n          ) : null}\n          <div className={`${baseClass}__buttons`}>\n            <div className={`${baseClass}__buttons-wrap`}>\n              {!smallBreak && <React.Fragment>{beforeActions && beforeActions}</React.Fragment>}\n              {enableColumns && (\n                <Pill\n                  aria-controls={`${baseClass}-columns`}\n                  aria-expanded={visibleDrawer === 'columns'}\n                  className={`${baseClass}__toggle-columns`}\n                  icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n                  onClick={() =>\n                    setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n                  }\n                  pillStyle=\"light\"\n                >\n                  {t('general:columns')}\n                </Pill>\n              )}\n              <Pill\n                aria-controls={`${baseClass}-where`}\n                aria-expanded={visibleDrawer === 'where'}\n                className={`${baseClass}__toggle-where`}\n                icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n                onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n                pillStyle=\"light\"\n              >\n                {t('general:filters')}\n              </Pill>\n              {enableSort && (\n                <Pill\n                  aria-controls={`${baseClass}-sort`}\n                  aria-expanded={visibleDrawer === 'sort'}\n                  className={`${baseClass}__toggle-sort`}\n                  icon={<ChevronIcon />}\n                  onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n                  pillStyle=\"light\"\n                >\n                  {t('general:sort')}\n                </Pill>\n              )}\n              {!disableQueryPresets && (\n                <ActiveQueryPreset\n                  activePreset={activePreset}\n                  openPresetListDrawer={openPresetListDrawer}\n                  resetPreset={resetPreset}\n                />\n              )}\n              {listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n                <Popup\n                  button={<Dots ariaLabel={t('general:moreOptions')} />}\n                  className={`${baseClass}__popup`}\n                  horizontalAlign=\"right\"\n                  id=\"list-menu\"\n                  size=\"large\"\n                  verticalAlign=\"bottom\"\n                >\n                  <PopupList.ButtonGroup>\n                    {listMenuItems.map((item, i) => (\n                      <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                    ))}\n                  </PopupList.ButtonGroup>\n                </Popup>\n              )}\n            </div>\n          </div>\n        </div>\n        {enableColumns && (\n          <AnimateHeight\n            className={`${baseClass}__columns`}\n            height={visibleDrawer === 'columns' ? 'auto' : 0}\n            id={`${baseClass}-columns`}\n          >\n            <ColumnSelector collectionSlug={collectionConfig.slug} />\n          </AnimateHeight>\n        )}\n        <AnimateHeight\n          className={`${baseClass}__where`}\n          height={visibleDrawer === 'where' ? 'auto' : 0}\n          id={`${baseClass}-where`}\n        >\n          <WhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </AnimateHeight>\n      </div>\n      {PresetListDrawer}\n      {EditPresetDrawer}\n      {CreateNewPresetDrawer}\n      {DeletePresetModal}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","PopupList","useUseTitleField","ChevronIcon","Dots","SearchIcon","useListQuery","useTranslation","AnimateHeight","ColumnSelector","Pill","SearchFilter","WhereBuilder","ActiveQueryPreset","getTextFieldsToBeSearched","useQueryPresets","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableFilters","enableSort","listMenuItems","listMenuItemsFromProps","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","CreateNewPresetDrawer","DeletePresetModal","EditPresetDrawer","hasModifiedPreset","openPresetListDrawer","PresetListDrawer","queryPresetMenuItems","resetPreset","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","fields","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","enableQueryPresets","_jsx","Divider","_jsxs","className","handleChange","searchQueryParam","search","icon","direction","onClick","pillStyle","size","Array","isArray","button","ariaLabel","horizontalAlign","id","verticalAlign","map","item","height","slug","collectionPluralLabel","labels","plural"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport { validateWhereQuery } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.js'\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { ActiveQueryPreset } from './ActiveQueryPreset/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport { useQueryPresets } from './useQueryPresets.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableFilters = true,\n    enableSort = false,\n    listMenuItems: listMenuItemsFromProps,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\n\n  const {\n    CreateNewPresetDrawer,\n    DeletePresetModal,\n    EditPresetDrawer,\n    hasModifiedPreset,\n    openPresetListDrawer,\n    PresetListDrawer,\n    queryPresetMenuItems,\n    resetPreset,\n  } = useQueryPresets({\n    activePreset,\n    collectionSlug,\n    queryPresetPermissions,\n  })\n\n  const titleField = useUseTitleField(collectionConfig)\n  const { i18n, t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField &&\n          (typeof titleField.label === 'string' || typeof titleField.label === 'object')\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    collectionConfig.fields,\n    i18n,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(query?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  let listMenuItems: React.ReactNode[] = listMenuItemsFromProps\n\n  if (\n    collectionConfig?.enableQueryPresets &&\n    !disableQueryPresets &&\n    queryPresetMenuItems?.length > 0\n  ) {\n    // Cannot push or unshift into `listMenuItemsFromProps` as it will mutate the original array\n    listMenuItems = [\n      ...queryPresetMenuItems,\n      listMenuItemsFromProps?.length > 0 ? <PopupList.Divider key=\"divider\" /> : null,\n      ...(listMenuItemsFromProps || []),\n    ]\n  }\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <SearchIcon />\n          <SearchFilter\n            handleChange={handleSearchChange}\n            key={collectionSlug}\n            // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n            label={searchLabelTranslated.current}\n            searchQueryParam={query?.search}\n          />\n          {activePreset && hasModifiedPreset ? (\n            <div className={`${baseClass}__modified`}>Modified</div>\n          ) : null}\n          <div className={`${baseClass}__buttons`}>\n            <div className={`${baseClass}__buttons-wrap`}>\n              {!smallBreak && <React.Fragment>{beforeActions && beforeActions}</React.Fragment>}\n              {enableColumns && (\n                <Pill\n                  aria-controls={`${baseClass}-columns`}\n                  aria-expanded={visibleDrawer === 'columns'}\n                  className={`${baseClass}__toggle-columns`}\n                  icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n                  onClick={() =>\n                    setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n                  }\n                  pillStyle=\"light\"\n                  size=\"small\"\n                >\n                  {t('general:columns')}\n                </Pill>\n              )}\n              {enableFilters && (\n                <Pill\n                  aria-controls={`${baseClass}-where`}\n                  aria-expanded={visibleDrawer === 'where'}\n                  className={`${baseClass}__toggle-where`}\n                  icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n                  onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n                  pillStyle=\"light\"\n                  size=\"small\"\n                >\n                  {t('general:filters')}\n                </Pill>\n              )}\n              {enableSort && (\n                <Pill\n                  aria-controls={`${baseClass}-sort`}\n                  aria-expanded={visibleDrawer === 'sort'}\n                  className={`${baseClass}__toggle-sort`}\n                  icon={<ChevronIcon />}\n                  onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n                  pillStyle=\"light\"\n                  size=\"small\"\n                >\n                  {t('general:sort')}\n                </Pill>\n              )}\n              {!disableQueryPresets && (\n                <ActiveQueryPreset\n                  activePreset={activePreset}\n                  openPresetListDrawer={openPresetListDrawer}\n                  resetPreset={resetPreset}\n                />\n              )}\n              {listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n                <Popup\n                  button={<Dots ariaLabel={t('general:moreOptions')} />}\n                  className={`${baseClass}__popup`}\n                  horizontalAlign=\"right\"\n                  id=\"list-menu\"\n                  size=\"medium\"\n                  verticalAlign=\"bottom\"\n                >\n                  {listMenuItems.map((item, i) => (\n                    <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                  ))}\n                </Popup>\n              )}\n            </div>\n          </div>\n        </div>\n        {enableColumns && (\n          <AnimateHeight\n            className={`${baseClass}__columns`}\n            height={visibleDrawer === 'columns' ? 'auto' : 0}\n            id={`${baseClass}-columns`}\n          >\n            <ColumnSelector collectionSlug={collectionConfig.slug} />\n          </AnimateHeight>\n        )}\n        <AnimateHeight\n          className={`${baseClass}__where`}\n          height={visibleDrawer === 'where' ? 'auto' : 0}\n          id={`${baseClass}-where`}\n        >\n          <WhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </AnimateHeight>\n      </div>\n      {PresetListDrawer}\n      {EditPresetDrawer}\n      {CreateNewPresetDrawer}\n      {DeletePresetModal}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/index.scss

@@ -31,7 +31,7 @@
     &__buttons-wrap {
       display: flex;
       align-items: center;
-      gap: 4px;
+      gap: calc(var(--base) / 4);
     }
 
     .column-selector,