@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/elements/ListControls/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useWindowInfo } from '@faceless-ui/window-info';
 import { getTranslation } from '@payloadcms/translations';
 import { validateWhereQuery } from 'payload/shared';
@@ -24,259 +25,173 @@ 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 { beforeActions, collectionConfig, collectionSlug, disableQueryPresets, enableColumns = true, enableFilters = true, enableSort = false, listMenuItems, queryPreset: activePreset, queryPresetPermissions, renderedFilters, resolvedFilterOptions } = props;
-    const { handleSearchChange, query } = useListQuery();
-    const titleField = useUseTitleField(collectionConfig);
-    const { i18n, t } = useTranslation();
-    const { breakpoints: { s: smallBreak } } = 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, i18n);
-    const searchLabelTranslated = useRef(t('general:searchBy', {
-        label: getTranslation(searchLabel, i18n)
-    }));
-    const hasWhereParam = useRef(Boolean(query?.where));
-    const shouldInitializeWhereOpened = validateWhereQuery(query?.where);
-    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
-    useEffect(()=>{
-        if (hasWhereParam.current && !query?.where) {
-            hasWhereParam.current = false;
-        } else if (query?.where) {
-            hasWhereParam.current = true;
+ */
+export const ListControls = props => {
+  const {
+    beforeActions,
+    collectionConfig,
+    collectionSlug,
+    disableQueryPresets,
+    enableColumns = true,
+    enableFilters = true,
+    enableSort = false,
+    listMenuItems,
+    queryPreset: activePreset,
+    queryPresetPermissions,
+    renderedFilters,
+    resolvedFilterOptions
+  } = props;
+  const {
+    handleSearchChange,
+    query
+  } = useListQuery();
+  const titleField = useUseTitleField(collectionConfig);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    breakpoints: {
+      s: smallBreak
+    }
+  } = 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, i18n);
+  const searchLabelTranslated = useRef(t('general:searchBy', {
+    label: getTranslation(searchLabel, i18n)
+  }));
+  const hasWhereParam = useRef(Boolean(query?.where));
+  const shouldInitializeWhereOpened = validateWhereQuery(query?.where);
+  const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
+  useEffect(() => {
+    if (hasWhereParam.current && !query?.where) {
+      hasWhereParam.current = false;
+    } else if (query?.where) {
+      hasWhereParam.current = true;
+    }
+  }, [setVisibleDrawer, query?.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,
-        query?.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__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            collectionConfig?.enableQueryPresets && !disableQueryPresets && /*#__PURE__*/ _jsxDEV(QueryPresetBar, {
-                activePreset: activePreset,
-                collectionSlug: collectionSlug,
-                queryPresetPermissions: queryPresetPermissions
-            }, void 0, false, {
-                fileName: "src/elements/ListControls/index.tsx",
-                lineNumber: 128,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV(SearchBar, {
-                Actions: [
-                    !smallBreak && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: beforeActions && beforeActions
-                    }, "before-actions", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 137,
-                        columnNumber: 13
-                    }, void 0),
-                    enableColumns && /*#__PURE__*/ _jsxDEV(Pill, {
-                        "aria-controls": `${baseClass}-columns`,
-                        "aria-expanded": visibleDrawer === 'columns',
-                        className: `${baseClass}__toggle-columns`,
-                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                            direction: visibleDrawer === 'columns' ? 'up' : 'down'
-                        }, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 144,
-                            columnNumber: 21
-                        }, void 0),
-                        id: "toggle-list-columns",
-                        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
-                        pillStyle: "light",
-                        size: "small",
-                        children: t('general:columns')
-                    }, "toggle-list-columns", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 140,
-                        columnNumber: 13
-                    }, void 0),
-                    enableFilters && /*#__PURE__*/ _jsxDEV(Pill, {
-                        "aria-controls": `${baseClass}-where`,
-                        "aria-expanded": visibleDrawer === 'where',
-                        className: `${baseClass}__toggle-where`,
-                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                            direction: visibleDrawer === 'where' ? 'up' : 'down'
-                        }, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 159,
-                            columnNumber: 21
-                        }, void 0),
-                        id: "toggle-list-filters",
-                        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
-                        pillStyle: "light",
-                        size: "small",
-                        children: t('general:filters')
-                    }, "toggle-list-filters", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 155,
-                        columnNumber: 13
-                    }, void 0),
-                    enableSort && /*#__PURE__*/ _jsxDEV(Pill, {
-                        "aria-controls": `${baseClass}-sort`,
-                        "aria-expanded": visibleDrawer === 'sort',
-                        className: `${baseClass}__toggle-sort`,
-                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 174,
-                            columnNumber: 21
-                        }, void 0),
-                        id: "toggle-list-sort",
-                        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined),
-                        pillStyle: "light",
-                        size: "small",
-                        children: t('general:sort')
-                    }, "toggle-list-sort", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 170,
-                        columnNumber: 13
-                    }, void 0),
-                    collectionConfig.admin.groupBy && /*#__PURE__*/ _jsxDEV(Pill, {
-                        "aria-controls": `${baseClass}-group-by`,
-                        "aria-expanded": visibleDrawer === 'group-by',
-                        className: `${baseClass}__toggle-group-by`,
-                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                            direction: visibleDrawer === 'group-by' ? 'up' : 'down'
-                        }, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 189,
-                            columnNumber: 21
-                        }, void 0),
-                        id: "toggle-group-by",
-                        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined),
-                        pillStyle: "light",
-                        size: "small",
-                        children: t('general:groupByLabel', {
-                            label: ''
-                        })
-                    }, "toggle-group-by", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 185,
-                        columnNumber: 13
-                    }, void 0),
-                    listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && /*#__PURE__*/ _jsxDEV(Popup, {
-                        button: /*#__PURE__*/ _jsxDEV(Dots, {
-                            ariaLabel: t('general:moreOptions')
-                        }, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 205,
-                            columnNumber: 23
-                        }, void 0),
-                        className: `${baseClass}__popup`,
-                        horizontalAlign: "right",
-                        id: "list-menu",
-                        size: "small",
-                        verticalAlign: "bottom",
-                        children: /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
-                            children: listMenuItems.map((item, i)=>/*#__PURE__*/ _jsxDEV(Fragment, {
-                                    children: item
-                                }, `list-menu-item-${i}`, false, {
-                                    fileName: "src/elements/ListControls/index.tsx",
-                                    lineNumber: 215,
-                                    columnNumber: 19
-                                }, void 0))
-                        }, void 0, false, {
-                            fileName: "src/elements/ListControls/index.tsx",
-                            lineNumber: 213,
-                            columnNumber: 15
-                        }, void 0)
-                    }, "list-menu", false, {
-                        fileName: "src/elements/ListControls/index.tsx",
-                        lineNumber: 204,
-                        columnNumber: 13
-                    }, void 0)
-                ].filter(Boolean),
-                label: searchLabelTranslated.current,
-                onSearchChange: handleSearchChange,
-                searchQueryParam: query?.search
-            }, collectionSlug, false, {
-                fileName: "src/elements/ListControls/index.tsx",
-                lineNumber: 134,
-                columnNumber: 7
-            }, this),
-            enableColumns && /*#__PURE__*/ _jsxDEV(AnimateHeight, {
-                className: `${baseClass}__columns`,
-                height: visibleDrawer === 'columns' ? 'auto' : 0,
-                id: `${baseClass}-columns`,
-                children: /*#__PURE__*/ _jsxDEV(ColumnSelector, {
-                    collectionSlug: collectionConfig.slug
-                }, void 0, false, {
-                    fileName: "src/elements/ListControls/index.tsx",
-                    lineNumber: 232,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/ListControls/index.tsx",
-                lineNumber: 227,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV(AnimateHeight, {
-                className: `${baseClass}__where`,
-                height: visibleDrawer === 'where' ? 'auto' : 0,
-                id: `${baseClass}-where`,
-                children: /*#__PURE__*/ _jsxDEV(WhereBuilder, {
-                    collectionPluralLabel: collectionConfig?.labels?.plural,
-                    collectionSlug: collectionConfig.slug,
-                    fields: collectionConfig?.fields,
-                    renderedFilters: renderedFilters,
-                    resolvedFilterOptions: resolvedFilterOptions
-                }, void 0, false, {
-                    fileName: "src/elements/ListControls/index.tsx",
-                    lineNumber: 240,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/ListControls/index.tsx",
-                lineNumber: 235,
-                columnNumber: 7
-            }, this),
-            collectionConfig.admin.groupBy && /*#__PURE__*/ _jsxDEV(AnimateHeight, {
-                className: `${baseClass}__group-by`,
-                height: visibleDrawer === 'group-by' ? 'auto' : 0,
-                id: `${baseClass}-group-by`,
-                children: /*#__PURE__*/ _jsxDEV(GroupByBuilder, {
-                    collectionSlug: collectionConfig.slug,
-                    fields: collectionConfig.fields
-                }, void 0, false, {
-                    fileName: "src/elements/ListControls/index.tsx",
-                    lineNumber: 254,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/ListControls/index.tsx",
-                lineNumber: 249,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/ListControls/index.tsx",
-        lineNumber: 126,
-        columnNumber: 5
-    }, this);
+        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: [collectionConfig?.enableQueryPresets && !disableQueryPresets && /*#__PURE__*/_jsx(QueryPresetBar, {
+      activePreset: activePreset,
+      collectionSlug: collectionSlug,
+      queryPresetPermissions: queryPresetPermissions
+    }), /*#__PURE__*/_jsx(SearchBar, {
+      Actions: [!smallBreak && /*#__PURE__*/_jsx(React.Fragment, {
+        children: beforeActions && beforeActions
+      }, "before-actions"), 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'
+        }),
+        id: "toggle-list-columns",
+        onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
+        pillStyle: "light",
+        size: "small",
+        children: t('general:columns')
+      }, "toggle-list-columns"), enableFilters && /*#__PURE__*/_jsx(Pill, {
+        "aria-controls": `${baseClass}-where`,
+        "aria-expanded": visibleDrawer === 'where',
+        className: `${baseClass}__toggle-where`,
+        icon: /*#__PURE__*/_jsx(ChevronIcon, {
+          direction: visibleDrawer === 'where' ? 'up' : 'down'
+        }),
+        id: "toggle-list-filters",
+        onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
+        pillStyle: "light",
+        size: "small",
+        children: t('general:filters')
+      }, "toggle-list-filters"), enableSort && /*#__PURE__*/_jsx(Pill, {
+        "aria-controls": `${baseClass}-sort`,
+        "aria-expanded": visibleDrawer === 'sort',
+        className: `${baseClass}__toggle-sort`,
+        icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
+        id: "toggle-list-sort",
+        onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined),
+        pillStyle: "light",
+        size: "small",
+        children: t('general:sort')
+      }, "toggle-list-sort"), collectionConfig.admin.groupBy && /*#__PURE__*/_jsx(Pill, {
+        "aria-controls": `${baseClass}-group-by`,
+        "aria-expanded": visibleDrawer === 'group-by',
+        className: `${baseClass}__toggle-group-by`,
+        icon: /*#__PURE__*/_jsx(ChevronIcon, {
+          direction: visibleDrawer === 'group-by' ? 'up' : 'down'
+        }),
+        id: "toggle-group-by",
+        onClick: () => setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined),
+        pillStyle: "light",
+        size: "small",
+        children: t('general:groupByLabel', {
+          label: ''
+        })
+      }, "toggle-group-by"), listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && /*#__PURE__*/_jsx(Popup, {
+        button: /*#__PURE__*/_jsx(Dots, {
+          ariaLabel: t('general:moreOptions')
+        }),
+        className: `${baseClass}__popup`,
+        horizontalAlign: "right",
+        id: "list-menu",
+        size: "small",
+        verticalAlign: "bottom",
+        children: /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+          children: listMenuItems.map((item, i_0) => /*#__PURE__*/_jsx(Fragment, {
+            children: item
+          }, `list-menu-item-${i_0}`))
+        })
+      }, "list-menu")].filter(Boolean),
+      label: searchLabelTranslated.current,
+      onSearchChange: handleSearchChange,
+      searchQueryParam: query?.search
+    }, collectionSlug), 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: collectionConfig?.fields,
+        renderedFilters: renderedFilters,
+        resolvedFilterOptions: resolvedFilterOptions
+      })
+    }), collectionConfig.admin.groupBy && /*#__PURE__*/_jsx(AnimateHeight, {
+      className: `${baseClass}__group-by`,
+      height: visibleDrawer === 'group-by' ? 'auto' : 0,
+      id: `${baseClass}-group-by`,
+      children: /*#__PURE__*/_jsx(GroupByBuilder, {
+        collectionSlug: collectionConfig.slug,
+        fields: collectionConfig.fields
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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 { 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 { GroupByBuilder } from '../GroupByBuilder/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { SearchBar } from '../SearchBar/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.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,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\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\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'group-by' | '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  return (\n    <div className={baseClass}>\n      {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n        <QueryPresetBar\n          activePreset={activePreset}\n          collectionSlug={collectionSlug}\n          queryPresetPermissions={queryPresetPermissions}\n        />\n      )}\n      <SearchBar\n        Actions={[\n          !smallBreak && (\n            <React.Fragment key=\"before-actions\">{beforeActions && beforeActions}</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              id=\"toggle-list-columns\"\n              key=\"toggle-list-columns\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)}\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              id=\"toggle-list-filters\"\n              key=\"toggle-list-filters\"\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              id=\"toggle-list-sort\"\n              key=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:sort')}\n            </Pill>\n          ),\n          collectionConfig.admin.groupBy && (\n            <Pill\n              aria-controls={`${baseClass}-group-by`}\n              aria-expanded={visibleDrawer === 'group-by'}\n              className={`${baseClass}__toggle-group-by`}\n              icon={<ChevronIcon direction={visibleDrawer === 'group-by' ? 'up' : 'down'} />}\n              id=\"toggle-group-by\"\n              key=\"toggle-group-by\"\n              onClick={() =>\n                setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined)\n              }\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:groupByLabel', {\n                label: '',\n              })}\n            </Pill>\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              key=\"list-menu\"\n              size=\"small\"\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        ].filter(Boolean)}\n        key={collectionSlug}\n        label={searchLabelTranslated.current}\n        onSearchChange={handleSearchChange}\n        searchQueryParam={query?.search}\n      />\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      {collectionConfig.admin.groupBy && (\n        <AnimateHeight\n          className={`${baseClass}__group-by`}\n          height={visibleDrawer === 'group-by' ? 'auto' : 0}\n          id={`${baseClass}-group-by`}\n        >\n          <GroupByBuilder collectionSlug={collectionConfig.slug} fields={collectionConfig.fields} />\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","PopupList","useUseTitleField","ChevronIcon","Dots","useListQuery","useTranslation","AnimateHeight","ColumnSelector","GroupByBuilder","Pill","QueryPresetBar","SearchBar","WhereBuilder","getTextFieldsToBeSearched","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableFilters","enableSort","listMenuItems","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","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","div","className","enableQueryPresets","Actions","aria-controls","aria-expanded","icon","direction","id","onClick","pillStyle","size","groupBy","Array","isArray","button","ariaLabel","horizontalAlign","verticalAlign","ButtonGroup","map","item","filter","onSearchChange","searchQueryParam","search","height","slug","collectionPluralLabel","labels","plural"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","PopupList","useUseTitleField","ChevronIcon","Dots","useListQuery","useTranslation","AnimateHeight","ColumnSelector","GroupByBuilder","Pill","QueryPresetBar","SearchBar","WhereBuilder","getTextFieldsToBeSearched","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableFilters","enableSort","listMenuItems","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","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","_jsxs","className","enableQueryPresets","_jsx","Actions","icon","direction","id","onClick","pillStyle","size","groupBy","Array","isArray","button","ariaLabel","horizontalAlign","verticalAlign","ButtonGroup","map","item","filter","onSearchChange","searchQueryParam","search","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 { 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 { GroupByBuilder } from '../GroupByBuilder/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { SearchBar } from '../SearchBar/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.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,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\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\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'group-by' | '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  return (\n    <div className={baseClass}>\n      {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n        <QueryPresetBar\n          activePreset={activePreset}\n          collectionSlug={collectionSlug}\n          queryPresetPermissions={queryPresetPermissions}\n        />\n      )}\n      <SearchBar\n        Actions={[\n          !smallBreak && (\n            <React.Fragment key=\"before-actions\">{beforeActions && beforeActions}</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              id=\"toggle-list-columns\"\n              key=\"toggle-list-columns\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)}\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              id=\"toggle-list-filters\"\n              key=\"toggle-list-filters\"\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              id=\"toggle-list-sort\"\n              key=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:sort')}\n            </Pill>\n          ),\n          collectionConfig.admin.groupBy && (\n            <Pill\n              aria-controls={`${baseClass}-group-by`}\n              aria-expanded={visibleDrawer === 'group-by'}\n              className={`${baseClass}__toggle-group-by`}\n              icon={<ChevronIcon direction={visibleDrawer === 'group-by' ? 'up' : 'down'} />}\n              id=\"toggle-group-by\"\n              key=\"toggle-group-by\"\n              onClick={() =>\n                setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined)\n              }\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:groupByLabel', {\n                label: '',\n              })}\n            </Pill>\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              key=\"list-menu\"\n              size=\"small\"\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        ].filter(Boolean)}\n        key={collectionSlug}\n        label={searchLabelTranslated.current}\n        onSearchChange={handleSearchChange}\n        searchQueryParam={query?.search}\n      />\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      {collectionConfig.admin.groupBy && (\n        <AnimateHeight\n          className={`${baseClass}__group-by`}\n          height={visibleDrawer === 'group-by' ? 'auto' : 0}\n          id={`${baseClass}-group-by`}\n        >\n          <GroupByBuilder collectionSlug={collectionConfig.slug} fields={collectionConfig.fields} />\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/types.js

@@ -1,9 +1,2 @@
-export { }; /**
-   * @deprecated
-   * These are now handled by the `ListSelection` component
-   */  /**
-   * @deprecated
-   * These are now handled by the `ListSelection` component
-   */ 
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkDelete?: boolean\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkEdit?: boolean\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly listMenuItems?: React.ReactNode[]\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n"],"names":[],"mappings":"AAQA,WA0BC,CAtBC;;;GAGC,IAED;;;GAGC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkDelete?: boolean\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkEdit?: boolean\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly listMenuItems?: React.ReactNode[]\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n"],"mappings":"AAQA","ignoreList":[]}