@payloadcms/ui 3.0.0-canary.a192632 → 3.0.0-canary.a5aaf21

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":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAsC,MAAM,OAAO,CAAA;AAwB1D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyLpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAsBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqLpD,CAAA"}

package/dist/elements/ListControls/index.js

@@ -1,16 +1,16 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { getTranslation } from '@payloadcms/translations';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { Fragment, useEffect, useRef, useState } from 'react';
 import AnimateHeightImport from 'react-animate-height';
 const AnimateHeight = AnimateHeightImport.default || AnimateHeightImport;
-import { useListInfo } from '@payloadcms/ui';
 import { useUseTitleField } from '../../hooks/useUseAsTitle.js';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { SearchIcon } from '../../icons/Search/index.js';
+import { useListInfo } from '../../providers/ListInfo/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ColumnSelector } from '../ColumnSelector/index.js';
 import { DeleteMany } from '../DeleteMany/index.js';
@@ -28,158 +28,154 @@ 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 {
+    collectionConfig,
+    enableColumns = true,
+    enableSort = false,
+    fields
+  } = props;
+  const {
+    handleSearchChange,
+    params
+  } = useListQuery();
+  const {
+    beforeActions,
+    collectionSlug,
+    disableBulkDelete,
+    disableBulkEdit
+  } = useListInfo();
+  const titleField = useUseTitleField(collectionConfig, fields);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    breakpoints: {
+      s: smallBreak
+    }
+  } = useWindowInfo();
+  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(params?.where));
+  const shouldInitializeWhereOpened = validateWhereQuery(params?.where);
+  const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
+  useEffect(() => {
+    if (hasWhereParam.current && !params?.where) {
+      setVisibleDrawer(undefined);
+      hasWhereParam.current = false;
+    } else if (params?.where) {
+      hasWhereParam.current = true;
+    }
+  }, [setVisibleDrawer, params?.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)
+          })}`;
         }
-    }, [
-        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)
-            });
+        if (i === listSearchableFields.length - 1) {
+          return `${placeholderText} ${t('general:or')} ${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
-                })
+        return `${placeholderText}, ${getTranslation(label, i18n)}`;
+      }, '');
+    } else {
+      searchLabelTranslated.current = t('general:searchBy', {
+        label: getTranslation(searchLabel, 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: titleField && 'name' in titleField ? titleField?.name : null,
+        handleChange: search => {
+          return void handleSearchChange(search);
+        },
+        // @ts-expect-error @todo: fix types
+        initialParams: params,
+        label: searchLabelTranslated.current
+      }, collectionSlug), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__buttons`,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__buttons-wrap`,
+          children: [!smallBreak && /*#__PURE__*/_jsxs(React.Fragment, {
+            children: [beforeActions && beforeActions, !disableBulkEdit && /*#__PURE__*/_jsxs(Fragment, {
+              children: [/*#__PURE__*/_jsx(EditMany, {
+                collection: collectionConfig,
+                fields: fields
+              }), /*#__PURE__*/_jsx(PublishMany, {
+                collection: collectionConfig
+              }), /*#__PURE__*/_jsx(UnpublishMany, {
+                collection: collectionConfig
+              })]
+            }), !disableBulkDelete && /*#__PURE__*/_jsx(DeleteMany, {
+              collection: collectionConfig
+            })]
+          }), enableColumns && /*#__PURE__*/_jsx(Pill, {
+            "aria-controls": `${baseClass}-columns`,
+            "aria-expanded": visibleDrawer === 'columns',
+            className: `${baseClass}__toggle-columns`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'columns' ? 'up' : 'down'
             }),
-            /*#__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))
+            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`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'where' ? 'up' : 'down'
             }),
-            enableSort && /*#__PURE__*/ _jsx(AnimateHeight, {
-                className: `${baseClass}__sort`,
-                height: visibleDrawer === 'sort' ? 'auto' : 0,
-                id: `${baseClass}-sort`,
-                children: /*#__PURE__*/ _jsx("p", {
-                    children: "Sort Complex"
-                })
-            })
-        ]
-    });
+            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 && !params?.where))
+    }), enableSort && /*#__PURE__*/_jsx(AnimateHeight, {
+      className: `${baseClass}__sort`,
+      height: visibleDrawer === 'sort' ? 'auto' : 0,
+      id: `${baseClass}-sort`,
+      children: /*#__PURE__*/_jsx("p", {
+        children: "Sort Complex"
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useListInfo } from '@payloadcms/ui'\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n  collectionConfig: ClientCollectionConfig\n  enableColumns?: boolean\n  enableSort?: boolean\n  fields: ClientField[]\n  handleSearchChange?: (search: string) => void\n  handleSortChange?: (sort: string) => void\n  handleWhereChange?: (where: Where) => void\n}\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 { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n  const { handleSearchChange } = useListQuery()\n  const { collectionSlug } = useListInfo()\n  const { searchParams } = useSearchParams()\n  const titleField = useUseTitleField(collectionConfig, fields)\n  const { i18n, t } = useTranslation()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n  const [search, setSearch] = useState(\n    typeof searchParams?.search === 'string' ? searchParams?.search : '',\n  )\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField && typeof titleField.label === 'string'\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    fields,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(searchParams?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(searchParams?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !searchParams?.where) {\n      setVisibleDrawer(undefined)\n      hasWhereParam.current = false\n    } else if (searchParams?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, searchParams?.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  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <SearchIcon />\n        <SearchFilter\n          fieldName={'name' in titleField ? titleField?.name : null}\n          handleChange={(search) => {\n            return void handleSearchChange(search)\n          }}\n          initialParams={searchParams}\n          key={collectionSlug}\n          label={searchLabelTranslated.current}\n          setValue={setSearch}\n          value={search}\n        />\n        <div className={`${baseClass}__buttons`}>\n          <div className={`${baseClass}__buttons-wrap`}>\n            {!smallBreak && (\n              <React.Fragment>\n                <EditMany collection={collectionConfig} fields={fields} />\n                <PublishMany collection={collectionConfig} />\n                <UnpublishMany collection={collectionConfig} />\n                <DeleteMany collection={collectionConfig} />\n              </React.Fragment>\n            )}\n            {enableColumns && (\n              <Pill\n                aria-controls={`${baseClass}-columns`}\n                aria-expanded={visibleDrawer === 'columns'}\n                className={`${baseClass}__toggle-columns ${\n                  visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''\n                }`}\n                icon={<ChevronIcon />}\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                visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''\n              }`}\n              icon={<ChevronIcon />}\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          </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={fields}\n          key={String(hasWhereParam.current && !searchParams?.where)}\n        />\n      </AnimateHeight>\n      {enableSort && (\n        <AnimateHeight\n          className={`${baseClass}__sort`}\n          height={visibleDrawer === 'sort' ? 'auto' : 0}\n          id={`${baseClass}-sort`}\n        >\n          <p>Sort Complex</p>\n          {/* <SortComplex\n            collection={collection}\n            handleChange={handleSortChange}\n            modifySearchQuery={modifySearchQuery}\n          /> */}\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"names":["useWindowInfo","getTranslation","React","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useListInfo","useUseTitleField","ChevronIcon","SearchIcon","useListQuery","useSearchParams","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","collectionSlug","searchParams","titleField","i18n","t","breakpoints","s","smallBreak","search","setSearch","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","div","className","fieldName","handleChange","initialParams","setValue","value","Fragment","collection","aria-controls","aria-expanded","icon","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String","p"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","React","Fragment","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useUseTitleField","ChevronIcon","SearchIcon","useListInfo","useListQuery","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","params","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","_jsxs","className","_jsx","fieldName","handleChange","search","initialParams","collection","icon","direction","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListInfo } from '../../providers/ListInfo/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly enableColumns?: boolean\n  readonly enableSort?: boolean\n  readonly fields: ClientField[]\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n}\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 { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n  const { handleSearchChange, params } = useListQuery()\n  const { beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit } = useListInfo()\n  const titleField = useUseTitleField(collectionConfig, fields)\n  const { i18n, t } = useTranslation()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField && typeof titleField.label === 'string'\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    fields,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(params?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(params?.where)\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !params?.where) {\n      setVisibleDrawer(undefined)\n      hasWhereParam.current = false\n    } else if (params?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, params?.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  return (\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={params}\n          key={collectionSlug}\n          label={searchLabelTranslated.current}\n        />\n        <div className={`${baseClass}__buttons`}>\n          <div className={`${baseClass}__buttons-wrap`}>\n            {!smallBreak && (\n              <React.Fragment>\n                {beforeActions && beforeActions}\n                {!disableBulkEdit && (\n                  <Fragment>\n                    <EditMany collection={collectionConfig} fields={fields} />\n                    <PublishMany collection={collectionConfig} />\n                    <UnpublishMany collection={collectionConfig} />\n                  </Fragment>\n                )}\n                {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n              </React.Fragment>\n            )}\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          </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={fields}\n          key={String(hasWhereParam.current && !params?.where)}\n        />\n      </AnimateHeight>\n      {enableSort && (\n        <AnimateHeight\n          className={`${baseClass}__sort`}\n          height={visibleDrawer === 'sort' ? 'auto' : 0}\n          id={`${baseClass}-sort`}\n        >\n          <p>Sort Complex</p>\n          {/* <SortComplex\n            collection={collection}\n            handleChange={handleSortChange}\n            modifySearchQuery={modifySearchQuery}\n          /> */}\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/index.scss

@@ -32,12 +32,6 @@
     }
   }
 
-  &__buttons-active {
-    svg {
-      transform: rotate(180deg);
-    }
-  }
-
   .column-selector,
   .where-builder,
   .sort-complex {

package/dist/elements/ListDrawer/DrawerContent.d.ts

@@ -1,4 +1,6 @@
+import type { Where } from 'payload';
 import React from 'react';
 import type { ListDrawerProps } from './types.js';
+export declare const hoistQueryParamsToAnd: (where: Where, queryParams: Where) => Where;
 export declare const ListDrawerContent: React.FC<ListDrawerProps>;
 //# sourceMappingURL=DrawerContent.d.ts.map

package/dist/elements/ListDrawer/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAoCjD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyQvD,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0B,KAAK,EAAE,MAAM,SAAS,CAAA;AAI5D,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAsBjD,eAAO,MAAM,qBAAqB,UAAW,KAAK,eAAe,KAAK,UAcrE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+WvD,CAAA"}