@payloadcms/ui 3.0.0-beta.84 → 3.0.0-beta.86

package/dist/elements/Hamburger/index.js

@@ -1,4 +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 from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
@@ -7,31 +9,42 @@ import { MenuIcon } from '../../icons/Menu/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'hamburger';
-export const Hamburger = (props)=>{
-    const { t } = useTranslation();
-    const { closeIcon = 'x', isActive = false } = props;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            !isActive && /*#__PURE__*/ _jsx("div", {
-                "aria-label": t('general:open'),
-                className: `${baseClass}__open-icon`,
-                title: t('general:open'),
-                children: /*#__PURE__*/ _jsx(MenuIcon, {})
-            }),
-            isActive && /*#__PURE__*/ _jsxs("div", {
-                "aria-label": closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
-                className: `${baseClass}__close-icon`,
-                title: closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
-                children: [
-                    closeIcon === 'x' && /*#__PURE__*/ _jsx(CloseMenuIcon, {}),
-                    closeIcon === 'collapse' && /*#__PURE__*/ _jsx(ChevronIcon, {
-                        direction: "left"
-                    })
-                ]
-            })
-        ]
+export const Hamburger = props => {
+  const $ = _c(4);
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeIcon: t0,
+    isActive: t1
+  } = props;
+  const closeIcon = t0 === undefined ? "x" : t0;
+  const isActive = t1 === undefined ? false : t1;
+  let t2;
+  if ($[0] !== isActive || $[1] !== t || $[2] !== closeIcon) {
+    t2 = _jsxs("div", {
+      className: baseClass,
+      children: [!isActive && _jsx("div", {
+        "aria-label": t("general:open"),
+        className: `${baseClass}__open-icon`,
+        title: t("general:open"),
+        children: _jsx(MenuIcon, {})
+      }), isActive && _jsxs("div", {
+        "aria-label": closeIcon === "collapse" ? t("general:collapse") : t("general:close"),
+        className: `${baseClass}__close-icon`,
+        title: closeIcon === "collapse" ? t("general:collapse") : t("general:close"),
+        children: [closeIcon === "x" && _jsx(CloseMenuIcon, {}), closeIcon === "collapse" && _jsx(ChevronIcon, {
+          direction: "left"
+        })]
+      })]
     });
+    $[0] = isActive;
+    $[1] = t;
+    $[2] = closeIcon;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","t","closeIcon","isActive","div","className","aria-label","title","direction"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAGR,CAACC;IACJ,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,YAAY,GAAG,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,qBACE,MAACI;QAAIC,WAAWP;;YACb,CAACK,0BACA,KAACC;gBACCE,cAAYL,EAAE;gBACdI,WAAW,CAAC,EAAEP,UAAU,WAAW,CAAC;gBACpCS,OAAON,EAAE;0BAET,cAAA,KAACL;;YAGJO,0BACC,MAACC;gBACCE,cAAYJ,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;gBACjEI,WAAW,CAAC,EAAEP,UAAU,YAAY,CAAC;gBACrCS,OAAOL,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;;oBAE3DC,cAAc,qBAAO,KAACP;oBACtBO,cAAc,4BAAc,KAACR;wBAAYc,WAAU;;;;;;AAK9D,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","$","t","closeIcon","t0","isActive","t1","undefined","t2","_jsxs","className","children","_jsx","title","direction"],"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU;EAAA,IAAcL,cAAA;EACd;IAAAM,SAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAA8CN,KAAA;EAAtC,MAAAG,SAAA,GAAAC,EAAe,KAAAG,SAAA,GAAH,GAAG,GAAfH,EAAe;EAAE,MAAAC,QAAA,GAAAC,EAAgB,KAAAC,SAAA,WAAhBD,EAAgB;EAAA,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAE,SAAA;IAGvCK,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAZ,SAAA;MAAAa,QAAA,GACE,CAACN,QAAA,IACAO,IAAA,CAAC;QAAA,cACaV,CAAA,CAAE;QAAAQ,SAAA,EACH,GAAAZ,SAAA,aAAyB;QAAAe,KAAA,EAC7BX,CAAA,CAAE;QAAAS,QAAA,EAETC,IAAA,CAAAhB,QAAA,IAAC;MAAA,C,GAGJS,QAAA,IACCI,KAAA,CAAC;QAAA,cACaN,SAAA,KAAc,aAAaD,CAAA,CAAE,sBAAsBA,CAAA,CAAE;QAAAQ,SAAA,EACtD,GAAAZ,SAAA,cAA0B;QAAAe,KAAA,EAC9BV,SAAA,KAAc,aAAaD,CAAA,CAAE,sBAAsBA,CAAA,CAAE;QAAAS,QAAA,GAE3DR,SAAA,KAAc,OAAOS,IAAA,CAAAjB,aAAA,IAAC,GACtBQ,SAAA,KAAc,cAAcS,IAAA,CAAAlB,WAAA;UAAAoB,SAAA,EAAuB;QAAA,C;;;;;;;;;;SAjB1DN,E;CAsBJ","ignoreList":[]}

package/dist/elements/HydrateAuthProvider/index.js

@@ -1,15 +1,32 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useEffect } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
-export function HydrateAuthProvider({ permissions }) {
-    const { setPermissions } = useAuth();
-    useEffect(()=>{
-        setPermissions(permissions);
-    }, [
-        permissions,
-        setPermissions
-    ]);
-    return null;
+export function HydrateAuthProvider(t0) {
+  const $ = _c(4);
+  const {
+    permissions
+  } = t0;
+  const {
+    setPermissions
+  } = useAuth();
+  let t1;
+  let t2;
+  if ($[0] !== setPermissions || $[1] !== permissions) {
+    t1 = () => {
+      setPermissions(permissions);
+    };
+    t2 = [permissions, setPermissions];
+    $[0] = setPermissions;
+    $[1] = permissions;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return null;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Permissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: Permissions\n}\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"names":["useEffect","useAuth","HydrateAuthProvider","permissions","setPermissions"],"mappings":"AAAA;AAIA,SAASA,SAAS,QAAQ,QAAO;AAEjC,SAASC,OAAO,QAAQ,gCAA+B;AAYvD,OAAO,SAASC,oBAAoB,EAAEC,WAAW,EAAS;IACxD,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;IACjB,GAAG;QAACA;QAAaC;KAAe;IAEhC,OAAO;AACT"}
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useAuth","HydrateAuthProvider","t0","$","permissions","setPermissions","t1","t2"],"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Permissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: Permissions\n}\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,OAAO,QAAQ;AAYxB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA6B;IAAAM;EAAA,IAAAF,EAAsB;EACxD;IAAAG;EAAA,IAA2BL,OAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAC,WAAA;IAEjBE,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAeD,WAAA;IAAA;IACdG,EAAA,IAACH,WAAA,EAAaC,cAAA;IAAeF,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFhCJ,SAAA,CAAUO,EAEV,EAAGC,EAA6B;EAAA;AAAA","ignoreList":[]}

package/dist/elements/IDLabel/index.js

@@ -1,19 +1,16 @@
 'use client';
+
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'id-label';
-export const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ _jsxs("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        title: id,
-        children: [
-            prefix,
-            " ",
-            id
-        ]
-    });
-
+export const IDLabel = ({
+  id,
+  className,
+  prefix = 'ID:'
+}) => /*#__PURE__*/_jsxs("div", {
+  className: [baseClass, className].filter(Boolean).join(' '),
+  title: id,
+  children: [prefix, " ", id]
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => (\n  <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n    {prefix}\n    &nbsp;\n    {id}\n  </div>\n)\n"],"names":["React","baseClass","IDLabel","id","className","prefix","div","filter","Boolean","join","title"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf,iBACC,MAACC;QAAIF,WAAW;YAACH;YAAWG;SAAU,CAACG,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOP;;YACtEE;YAAO;YAEPF;;OAEJ"}
+{"version":3,"file":"index.js","names":["React","baseClass","IDLabel","id","className","prefix","_jsxs","filter","Boolean","join","title"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => (\n  <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n    {prefix}\n    &nbsp;\n    {id}\n  </div>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAyEA,CAAC;EACrFC,EAAE;EACFC,SAAS;EACTC,MAAA,GAAS;AAAK,CACf,kBACCC,KAAA,CAAC;EAAIF,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAAMC,KAAA,EAAOP,EAAA;aACtEE,MAAA,EAAO,KAEPF,EAAA","ignoreList":[]}

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":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,KACpB,WAAW,EASb,CAAA"}
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,KACpB,WAAW,EASb,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,11 +1,12 @@
+'use client';
+
 import { fieldAffectsData } from 'payload/shared';
 import { flattenFieldMap } from '../../utilities/flattenFieldMap.js';
-export const getTextFieldsToBeSearched = (listSearchableFields, fields)=>{
-    if (listSearchableFields) {
-        const flattenedFields = flattenFieldMap(fields);
-        return flattenedFields.filter((field)=>fieldAffectsData(field) && listSearchableFields.includes(field.name));
-    }
-    return null;
+export const getTextFieldsToBeSearched = (listSearchableFields, fields) => {
+  if (listSearchableFields) {
+    const flattenedFields = flattenFieldMap(fields);
+    return flattenedFields.filter(field => fieldAffectsData(field) && listSearchableFields.includes(field.name));
+  }
+  return null;
 };
-
 //# sourceMappingURL=getTextFieldsToBeSearched.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nimport { flattenFieldMap } from '../../utilities/flattenFieldMap.js'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenFieldMap(fields)\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"names":["fieldAffectsData","flattenFieldMap","getTextFieldsToBeSearched","listSearchableFields","fields","flattenedFields","filter","field","includes","name"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAgB;AAEjD,SAASC,eAAe,QAAQ,qCAAoC;AAEpE,OAAO,MAAMC,4BAA4B,CACvCC,sBACAC;IAEA,IAAID,sBAAsB;QACxB,MAAME,kBAAkBJ,gBAAgBG;QACxC,OAAOC,gBAAgBC,MAAM,CAC3B,CAACC,QAAUP,iBAAiBO,UAAUJ,qBAAqBK,QAAQ,CAACD,MAAME,IAAI;IAElF;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenFieldMap","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 } from 'payload/shared'\n\nimport { flattenFieldMap } from '../../utilities/flattenFieldMap.js'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenFieldMap(fields)\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,QAAQ;AAEjC,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA;EAEA,IAAID,oBAAA,EAAsB;IACxB,MAAME,eAAA,GAAkBJ,eAAA,CAAgBG,MAAA;IACxC,OAAOC,eAAA,CAAgBC,MAAM,CAC1BC,KAAA,IAAUP,gBAAA,CAAiBO,KAAA,KAAUJ,oBAAA,CAAqBK,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/ListControls/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { getTranslation } from '@payloadcms/translations';
@@ -28,158 +30,254 @@ const baseClass = 'list-controls';
  * The ListControls component is used to render the controls (search, filter, where)
  * for a collection's list view. You can find those directly above the table which lists
  * the collection's documents.
- */ export const ListControls = (props)=>{
-    const { collectionConfig, enableColumns = true, enableSort = false, fields } = props;
-    const { handleSearchChange } = useListQuery();
-    const { collectionSlug } = useListInfo();
-    const { searchParams } = useSearchParams();
-    const titleField = useUseTitleField(collectionConfig, fields);
-    const { i18n, t } = useTranslation();
-    const { breakpoints: { s: smallBreak } } = useWindowInfo();
-    const [search, setSearch] = useState(typeof searchParams?.search === 'string' ? searchParams?.search : '');
-    const searchLabel = (titleField && getTranslation('label' in titleField && typeof titleField.label === 'string' ? titleField.label : 'name' in titleField ? titleField.name : null, i18n)) ?? 'ID';
-    const listSearchableFields = getTextFieldsToBeSearched(collectionConfig.admin.listSearchableFields, fields);
-    const searchLabelTranslated = useRef(t('general:searchBy', {
-        label: getTranslation(searchLabel, i18n)
-    }));
-    const hasWhereParam = useRef(Boolean(searchParams?.where));
-    const shouldInitializeWhereOpened = validateWhereQuery(searchParams?.where);
-    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
-    useEffect(()=>{
-        if (hasWhereParam.current && !searchParams?.where) {
-            setVisibleDrawer(undefined);
-            hasWhereParam.current = false;
-        } else if (searchParams?.where) {
-            hasWhereParam.current = true;
+ */
+export const ListControls = props => {
+  const $ = _c(34);
+  const {
+    collectionConfig,
+    enableColumns: t0,
+    enableSort: t1,
+    fields
+  } = props;
+  const enableColumns = t0 === undefined ? true : t0;
+  const enableSort = t1 === undefined ? false : t1;
+  const {
+    handleSearchChange
+  } = useListQuery();
+  const {
+    collectionSlug
+  } = useListInfo();
+  const {
+    searchParams
+  } = useSearchParams();
+  const titleField = useUseTitleField(collectionConfig, fields);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    breakpoints: t2
+  } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t2;
+  const [search, setSearch] = useState(typeof searchParams?.search === "string" ? searchParams?.search : "");
+  let t3;
+  if ($[0] !== titleField || $[1] !== i18n) {
+    t3 = (titleField && getTranslation("label" in titleField && typeof titleField.label === "string" ? titleField.label : "name" in titleField ? titleField.name : null, i18n)) ?? "ID";
+    $[0] = titleField;
+    $[1] = i18n;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const searchLabel = t3;
+  let t4;
+  if ($[3] !== collectionConfig.admin.listSearchableFields || $[4] !== fields) {
+    t4 = getTextFieldsToBeSearched(collectionConfig.admin.listSearchableFields, fields);
+    $[3] = collectionConfig.admin.listSearchableFields;
+    $[4] = fields;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const listSearchableFields = t4;
+  const searchLabelTranslated = useRef(t("general:searchBy", {
+    label: getTranslation(searchLabel, i18n)
+  }));
+  const hasWhereParam = useRef(Boolean(searchParams?.where));
+  const shouldInitializeWhereOpened = validateWhereQuery(searchParams?.where);
+  const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? "where" : undefined);
+  let t5;
+  if ($[6] !== searchParams) {
+    t5 = () => {
+      if (hasWhereParam.current && !searchParams?.where) {
+        setVisibleDrawer(undefined);
+        hasWhereParam.current = false;
+      } else {
+        if (searchParams?.where) {
+          hasWhereParam.current = true;
         }
-    }, [
-        setVisibleDrawer,
-        searchParams?.where
-    ]);
-    useEffect(()=>{
-        if (listSearchableFields?.length > 0) {
-            searchLabelTranslated.current = listSearchableFields.reduce((placeholderText, field, i)=>{
-                const label = 'label' in field && field.label ? field.label : 'name' in field ? field.name : null;
-                if (i === 0) {
-                    return `${t('general:searchBy', {
-                        label: getTranslation(label, i18n)
-                    })}`;
-                }
-                if (i === listSearchableFields.length - 1) {
-                    return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`;
-                }
-                return `${placeholderText}, ${getTranslation(label, i18n)}`;
-            }, '');
-        } else {
-            searchLabelTranslated.current = t('general:searchBy', {
-                label: getTranslation(searchLabel, i18n)
-            });
+      }
+    };
+    $[6] = searchParams;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const t6 = searchParams?.where;
+  let t7;
+  if ($[8] !== t6) {
+    t7 = [setVisibleDrawer, t6];
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  useEffect(t5, t7);
+  let t8;
+  if ($[10] !== t || $[11] !== listSearchableFields || $[12] !== i18n || $[13] !== searchLabel) {
+    t8 = [t, listSearchableFields, i18n, searchLabel];
+    $[10] = t;
+    $[11] = listSearchableFields;
+    $[12] = i18n;
+    $[13] = searchLabel;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  useEffect(() => {
+    if (listSearchableFields?.length > 0) {
+      searchLabelTranslated.current = listSearchableFields.reduce((placeholderText, field, i) => {
+        const label = "label" in field && field.label ? field.label : "name" in field ? field.name : null;
+        if (i === 0) {
+          return `${t("general:searchBy", {
+            label: getTranslation(label, i18n)
+          })}`;
         }
-    }, [
-        t,
-        listSearchableFields,
-        i18n,
-        searchLabel
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(SearchIcon, {}),
-                    /*#__PURE__*/ _jsx(SearchFilter, {
-                        fieldName: 'name' in titleField ? titleField?.name : null,
-                        handleChange: (search)=>{
-                            return void handleSearchChange(search);
-                        },
-                        initialParams: searchParams,
-                        label: searchLabelTranslated.current,
-                        setValue: setSearch,
-                        value: search
-                    }, collectionSlug),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__buttons`,
-                        children: /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__buttons-wrap`,
-                            children: [
-                                !smallBreak && /*#__PURE__*/ _jsxs(React.Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ _jsx(EditMany, {
-                                            collection: collectionConfig,
-                                            fields: fields
-                                        }),
-                                        /*#__PURE__*/ _jsx(PublishMany, {
-                                            collection: collectionConfig
-                                        }),
-                                        /*#__PURE__*/ _jsx(UnpublishMany, {
-                                            collection: collectionConfig
-                                        }),
-                                        /*#__PURE__*/ _jsx(DeleteMany, {
-                                            collection: collectionConfig
-                                        })
-                                    ]
-                                }),
-                                enableColumns && /*#__PURE__*/ _jsx(Pill, {
-                                    "aria-controls": `${baseClass}-columns`,
-                                    "aria-expanded": visibleDrawer === 'columns',
-                                    className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`,
-                                    icon: /*#__PURE__*/ _jsx(ChevronIcon, {}),
-                                    onClick: ()=>setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
-                                    pillStyle: "light",
-                                    children: t('general:columns')
-                                }),
-                                /*#__PURE__*/ _jsx(Pill, {
-                                    "aria-controls": `${baseClass}-where`,
-                                    "aria-expanded": visibleDrawer === 'where',
-                                    className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`,
-                                    icon: /*#__PURE__*/ _jsx(ChevronIcon, {}),
-                                    onClick: ()=>setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
-                                    pillStyle: "light",
-                                    children: t('general:filters')
-                                }),
-                                enableSort && /*#__PURE__*/ _jsx(Pill, {
-                                    "aria-controls": `${baseClass}-sort`,
-                                    "aria-expanded": visibleDrawer === 'sort',
-                                    className: `${baseClass}__toggle-sort`,
-                                    icon: /*#__PURE__*/ _jsx(ChevronIcon, {}),
-                                    onClick: ()=>setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined),
-                                    pillStyle: "light",
-                                    children: t('general:sort')
-                                })
-                            ]
-                        })
-                    })
-                ]
-            }),
-            enableColumns && /*#__PURE__*/ _jsx(AnimateHeight, {
-                className: `${baseClass}__columns`,
-                height: visibleDrawer === 'columns' ? 'auto' : 0,
-                id: `${baseClass}-columns`,
-                children: /*#__PURE__*/ _jsx(ColumnSelector, {
-                    collectionSlug: collectionConfig.slug
-                })
-            }),
-            /*#__PURE__*/ _jsx(AnimateHeight, {
-                className: `${baseClass}__where`,
-                height: visibleDrawer === 'where' ? 'auto' : 0,
-                id: `${baseClass}-where`,
-                children: /*#__PURE__*/ _jsx(WhereBuilder, {
-                    collectionPluralLabel: collectionConfig?.labels?.plural,
-                    collectionSlug: collectionConfig.slug,
-                    fields: fields
-                }, String(hasWhereParam.current && !searchParams?.where))
-            }),
-            enableSort && /*#__PURE__*/ _jsx(AnimateHeight, {
-                className: `${baseClass}__sort`,
-                height: visibleDrawer === 'sort' ? 'auto' : 0,
-                id: `${baseClass}-sort`,
-                children: /*#__PURE__*/ _jsx("p", {
-                    children: "Sort Complex"
-                })
-            })
-        ]
+        if (i === listSearchableFields.length - 1) {
+          return `${placeholderText} ${t("general:or")} ${getTranslation(label, i18n)}`;
+        }
+        return `${placeholderText}, ${getTranslation(label, i18n)}`;
+      }, "");
+    } else {
+      searchLabelTranslated.current = t("general:searchBy", {
+        label: getTranslation(searchLabel, i18n)
+      });
+    }
+  }, t8);
+  let t9;
+  if ($[15] !== handleSearchChange) {
+    t9 = search_0 => void handleSearchChange(search_0);
+    $[15] = handleSearchChange;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== enableColumns || $[18] !== visibleDrawer || $[19] !== t) {
+    t10 = enableColumns && _jsx(Pill, {
+      "aria-controls": `${baseClass}-columns`,
+      "aria-expanded": visibleDrawer === "columns",
+      className: `${baseClass}__toggle-columns ${visibleDrawer === "columns" ? `${baseClass}__buttons-active` : ""}`,
+      icon: _jsx(ChevronIcon, {}),
+      onClick: () => setVisibleDrawer(visibleDrawer !== "columns" ? "columns" : undefined),
+      pillStyle: "light",
+      children: t("general:columns")
     });
+    $[17] = enableColumns;
+    $[18] = visibleDrawer;
+    $[19] = t;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== visibleDrawer) {
+    t11 = () => setVisibleDrawer(visibleDrawer !== "where" ? "where" : undefined);
+    $[21] = visibleDrawer;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== enableSort || $[24] !== visibleDrawer || $[25] !== t) {
+    t12 = enableSort && _jsx(Pill, {
+      "aria-controls": `${baseClass}-sort`,
+      "aria-expanded": visibleDrawer === "sort",
+      className: `${baseClass}__toggle-sort`,
+      icon: _jsx(ChevronIcon, {}),
+      onClick: () => setVisibleDrawer(visibleDrawer !== "sort" ? "sort" : undefined),
+      pillStyle: "light",
+      children: t("general:sort")
+    });
+    $[23] = enableSort;
+    $[24] = visibleDrawer;
+    $[25] = t;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== enableColumns || $[28] !== visibleDrawer || $[29] !== collectionConfig) {
+    t13 = enableColumns && _jsx(AnimateHeight, {
+      className: `${baseClass}__columns`,
+      height: visibleDrawer === "columns" ? "auto" : 0,
+      id: `${baseClass}-columns`,
+      children: _jsx(ColumnSelector, {
+        collectionSlug: collectionConfig.slug
+      })
+    });
+    $[27] = enableColumns;
+    $[28] = visibleDrawer;
+    $[29] = collectionConfig;
+    $[30] = t13;
+  } else {
+    t13 = $[30];
+  }
+  let t14;
+  if ($[31] !== enableSort || $[32] !== visibleDrawer) {
+    t14 = enableSort && _jsx(AnimateHeight, {
+      className: `${baseClass}__sort`,
+      height: visibleDrawer === "sort" ? "auto" : 0,
+      id: `${baseClass}-sort`,
+      children: _jsx("p", {
+        children: "Sort Complex"
+      })
+    });
+    $[31] = enableSort;
+    $[32] = visibleDrawer;
+    $[33] = t14;
+  } else {
+    t14 = $[33];
+  }
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [_jsx(SearchIcon, {}), _jsx(SearchFilter, {
+        fieldName: "name" in titleField ? titleField?.name : null,
+        handleChange: t9,
+        initialParams: searchParams,
+        label: searchLabelTranslated.current,
+        setValue: setSearch,
+        value: search
+      }, collectionSlug), _jsx("div", {
+        className: `${baseClass}__buttons`,
+        children: _jsxs("div", {
+          className: `${baseClass}__buttons-wrap`,
+          children: [!smallBreak && _jsxs(React.Fragment, {
+            children: [_jsx(EditMany, {
+              collection: collectionConfig,
+              fields
+            }), _jsx(PublishMany, {
+              collection: collectionConfig
+            }), _jsx(UnpublishMany, {
+              collection: collectionConfig
+            }), _jsx(DeleteMany, {
+              collection: collectionConfig
+            })]
+          }), t10, _jsx(Pill, {
+            "aria-controls": `${baseClass}-where`,
+            "aria-expanded": visibleDrawer === "where",
+            className: `${baseClass}__toggle-where ${visibleDrawer === "where" ? `${baseClass}__buttons-active` : ""}`,
+            icon: _jsx(ChevronIcon, {}),
+            onClick: t11,
+            pillStyle: "light",
+            children: t("general:filters")
+          }), t12]
+        })
+      })]
+    }), t13, _jsx(AnimateHeight, {
+      className: `${baseClass}__where`,
+      height: visibleDrawer === "where" ? "auto" : 0,
+      id: `${baseClass}-where`,
+      children: _jsx(WhereBuilder, {
+        collectionPluralLabel: collectionConfig?.labels?.plural,
+        collectionSlug: collectionConfig.slug,
+        fields
+      }, String(hasWhereParam.current && !searchParams?.where))
+    }), t14]
+  });
 };
-
 //# sourceMappingURL=index.js.map