@payloadcms/ui 3.0.0-canary.98cbdb9 → 3.0.0-canary.99cbde3

package/dist/elements/ListDrawer/DrawerContent.js

@@ -1,296 +1,145 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useEffect, useReducer, useState } from 'react';
-import { FieldLabel } from '../../fields/FieldLabel/index.js';
-import { usePayloadAPI } from '../../hooks/usePayloadAPI.js';
-import { XIcon } from '../../icons/X/index.js';
-import { useAuth } from '../../providers/Auth/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import React, { useCallback, useEffect, useState } from 'react';
+import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { ListInfoProvider } from '../../providers/ListInfo/index.js';
-import { ListQueryProvider } from '../../providers/ListQuery/index.js';
-import { usePreferences } from '../../providers/Preferences/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { useDocumentDrawer } from '../DocumentDrawer/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.js';
+import { ListDrawerContextProvider } from '../ListDrawer/Provider.js';
 import { LoadingOverlay } from '../Loading/index.js';
-import { Pill } from '../Pill/index.js';
-import { ReactSelect } from '../ReactSelect/index.js';
-import { TableColumnsProvider } from '../TableColumns/index.js';
-import { ViewDescription } from '../ViewDescription/index.js';
-import { baseClass } from './index.js';
-const hoistQueryParamsToAnd = (where, queryParams)=>{
-    if ('and' in where) {
-        where.and.push(queryParams);
-    } else if ('or' in where) {
-        where = {
-            and: [
-                where,
-                queryParams
-            ]
-        };
-    } else {
-        where = {
-            and: [
-                where,
-                queryParams
-            ]
-        };
-    }
-    return where;
-};
-export const ListDrawerContent = ({ collectionSlugs, customHeader, drawerSlug, filterOptions, onSelect, selectedCollection })=>{
-    const { i18n, t } = useTranslation();
-    const { permissions } = useAuth();
-    const { setPreference } = usePreferences();
-    const { closeModal, isModalOpen } = useModal();
-    const [limit, setLimit] = useState();
-    const [sort, setSort] = useState(null);
-    const [page, setPage] = useState(1);
-    const [where, setWhere] = useState(null);
-    const [search, setSearch] = useState('');
-    const { config: { collections, routes: { api }, serverURL } } = useConfig();
-    const enabledCollectionConfigs = collections.filter(({ slug })=>{
-        return collectionSlugs.includes(slug);
-    });
-    const [selectedCollectionConfig, setSelectedCollectionConfig] = useState(()=>{
-        return enabledCollectionConfigs.find(({ slug })=>slug === selectedCollection) || enabledCollectionConfigs?.[0];
-    });
-    const List = selectedCollectionConfig?.admin?.components.views.list.Component;
-    const [selectedOption, setSelectedOption] = useState(()=>selectedCollectionConfig ? {
-            label: getTranslation(selectedCollectionConfig.labels.singular, i18n),
-            value: selectedCollectionConfig.slug
-        } : undefined);
-    // const [fields, setFields] = useState<Field[]>(() => formatFields(selectedCollectionConfig))
-    useEffect(()=>{
-    // setFields(formatFields(selectedCollectionConfig))
-    }, [
-        selectedCollectionConfig
-    ]);
-    // allow external control of selected collection, same as the initial state logic above
-    useEffect(()=>{
-        if (selectedCollection) {
-            // if passed a selection, find it and check if it's enabled
-            const selectedConfig = enabledCollectionConfigs.find(({ slug })=>slug === selectedCollection) || enabledCollectionConfigs?.[0];
-            setSelectedCollectionConfig(selectedConfig);
-        }
-    }, [
-        selectedCollection,
-        enabledCollectionConfigs,
-        onSelect,
-        t
-    ]);
-    const preferenceKey = `${selectedCollectionConfig.slug}-list`;
-    // this is the 'create new' drawer
-    const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] = useDocumentDrawer({
-        collectionSlug: selectedCollectionConfig.slug
-    });
-    useEffect(()=>{
-        if (selectedOption && !Array.isArray(selectedOption)) {
-            setSelectedCollectionConfig(enabledCollectionConfigs.find(({ slug })=>selectedOption.value === slug));
-        }
-    }, [
-        selectedOption,
-        enabledCollectionConfigs
-    ]);
-    const collectionPermissions = permissions?.collections?.[selectedCollectionConfig?.slug];
-    const hasCreatePermission = collectionPermissions?.create?.permission;
-    // If modal is open, get active page of upload gallery
-    const isOpen = isModalOpen(drawerSlug);
-    const apiURL = isOpen ? `${serverURL}${api}/${selectedCollectionConfig.slug}` : null;
-    const [cacheBust, dispatchCacheBust] = useReducer((state)=>state + 1, 0) // used to force a re-fetch even when apiURL is unchanged
-    ;
-    const [{ data, isError, isLoading: isLoadingList }, { setParams }] = usePayloadAPI(apiURL, {
-        initialParams: {
-            depth: 0
-        }
+export const ListDrawerContent = ({
+  allowCreate = true,
+  collectionSlugs,
+  drawerSlug,
+  enableRowSelections,
+  filterOptions,
+  onBulkSelect,
+  onSelect,
+  selectedCollection: selectedCollectionFromProps
+}) => {
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const [ListView, setListView] = useState(undefined);
+  const [isLoading, setIsLoading] = useState(true);
+  const {
+    config: {
+      collections
+    },
+    getEntityConfig
+  } = useConfig();
+  const isOpen = isModalOpen(drawerSlug);
+  const enabledCollections = collections.filter(({
+    slug
+  }) => {
+    return collectionSlugs.includes(slug);
+  });
+  const [selectedOption, setSelectedOption] = useState(() => {
+    const initialSelection = selectedCollectionFromProps || enabledCollections[0]?.slug;
+    const found = getEntityConfig({
+      collectionSlug: initialSelection
     });
-    const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1;
-    useEffect(()=>{
-        const { slug, admin: { listSearchableFields, useAsTitle } = {}, versions } = selectedCollectionConfig;
-        const params = {
-            depth: 0
-        };
-        let copyOfWhere = {
-            ...where || {}
-        };
-        const filterOption = filterOptions?.[slug];
-        if (filterOptions && typeof filterOption !== 'boolean') {
-            copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOption);
-        }
-        if (search) {
-            const searchAsConditions = (listSearchableFields || [
-                useAsTitle
-            ]).map((fieldName)=>{
-                return {
-                    [fieldName]: {
-                        like: search
-                    }
-                };
-            }, []);
-            if (searchAsConditions.length > 0) {
-                const searchFilter = {
-                    or: [
-                        ...searchAsConditions
-                    ]
-                };
-                copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter);
-            }
+    return found ? {
+      label: found.labels,
+      value: found.slug
+    } : undefined;
+  });
+  const [DocumentDrawer, DocumentDrawerToggler, {
+    drawerSlug: documentDrawerSlug
+  }] = useDocumentDrawer({
+    collectionSlug: selectedOption.value
+  });
+  useEffect(() => {
+    if (selectedCollectionFromProps && selectedCollectionFromProps !== selectedOption?.value) {
+      setSelectedOption({
+        label: collections.find(({
+          slug: slug_0
+        }) => slug_0 === selectedCollectionFromProps).labels,
+        value: selectedCollectionFromProps
+      });
+    }
+  }, [selectedCollectionFromProps, collections, selectedOption]);
+  const renderList = useCallback(async (slug_1, query) => {
+    try {
+      const newQuery = {
+        ...(query || {}),
+        where: {
+          ...(query?.where || {})
         }
-        if (page) params.page = page;
-        if (sort) params.sort = sort;
-        if (cacheBust) params.cacheBust = cacheBust;
-        if (copyOfWhere) params.where = copyOfWhere;
-        if (versions?.drafts) params.draft = 'true';
-        setParams(params);
-    }, [
-        page,
-        sort,
-        where,
-        search,
-        cacheBust,
-        filterOptions,
-        selectedCollectionConfig,
-        t,
-        setParams
-    ]);
-    useEffect(()=>{
-        const newPreferences = {
-            limit,
-            sort
-        };
-        void setPreference(preferenceKey, newPreferences, true);
-    }, [
-        sort,
-        limit,
-        setPreference,
-        preferenceKey
-    ]);
-    const onCreateNew = useCallback(({ doc })=>{
-        if (typeof onSelect === 'function') {
-            onSelect({
-                collectionSlug: selectedCollectionConfig.slug,
-                docID: doc.id
-            });
+      };
+      const filterOption = filterOptions?.[slug_1];
+      if (filterOptions && typeof filterOption !== 'boolean') {
+        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption);
+      }
+      const {
+        List: ViewResult
+      } = await serverFunction({
+        name: 'render-list',
+        args: {
+          collectionSlug: slug_1,
+          disableBulkDelete: true,
+          disableBulkEdit: true,
+          drawerSlug,
+          enableRowSelections,
+          query: newQuery
         }
-        dispatchCacheBust();
-        closeModal(documentDrawerSlug);
+      });
+      setListView(ViewResult);
+      setIsLoading(false);
+    } catch (_err) {
+      console.error('Error rendering List View: ', _err) // eslint-disable-line no-console
+      ;
+      if (isOpen) {
         closeModal(drawerSlug);
-    }, [
-        closeModal,
-        documentDrawerSlug,
-        drawerSlug,
-        onSelect,
-        selectedCollectionConfig
-    ]);
-    if (!selectedCollectionConfig || isError) {
-        return null;
+      }
     }
-    if (isLoadingList) {
-        return /*#__PURE__*/ _jsx(LoadingOverlay, {});
+  }, [serverFunction, closeModal, drawerSlug, isOpen, enableRowSelections, filterOptions]);
+  useEffect(() => {
+    if (!ListView) {
+      void renderList(selectedOption.value);
     }
-    return /*#__PURE__*/ _jsx(ListInfoProvider, {
-        Header: /*#__PURE__*/ _jsxs("header", {
-            className: `${baseClass}__header`,
-            children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__header-wrap`,
-                    children: [
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__header-content`,
-                            children: [
-                                /*#__PURE__*/ _jsx("h2", {
-                                    className: `${baseClass}__header-text`,
-                                    children: !customHeader ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n) : customHeader
-                                }),
-                                hasCreatePermission && /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
-                                    className: `${baseClass}__create-new-button`,
-                                    children: /*#__PURE__*/ _jsx(Pill, {
-                                        children: t('general:createNew')
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsx("button", {
-                            "aria-label": t('general:close'),
-                            className: `${baseClass}__header-close`,
-                            onClick: ()=>{
-                                closeModal(drawerSlug);
-                            },
-                            type: "button",
-                            children: /*#__PURE__*/ _jsx(XIcon, {})
-                        })
-                    ]
-                }),
-                selectedCollectionConfig?.admin?.description && /*#__PURE__*/ _jsx("div", {
-                    className: `${baseClass}__sub-header`,
-                    children: /*#__PURE__*/ _jsx(ViewDescription, {
-                        description: selectedCollectionConfig.admin.description
-                    })
-                }),
-                moreThanOneAvailableCollection && /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__select-collection-wrap`,
-                    children: [
-                        /*#__PURE__*/ _jsx(FieldLabel, {
-                            label: t('upload:selectCollectionToBrowse')
-                        }),
-                        /*#__PURE__*/ _jsx(ReactSelect, {
-                            className: `${baseClass}__select-collection`,
-                            onChange: setSelectedOption,
-                            options: enabledCollectionConfigs.map((coll)=>({
-                                    label: getTranslation(coll.labels.singular, i18n),
-                                    value: coll.slug
-                                })),
-                            value: selectedOption
-                        })
-                    ]
-                })
-            ]
-        }),
-        collectionConfig: selectedCollectionConfig,
-        collectionSlug: selectedCollectionConfig.slug,
-        hasCreatePermission: hasCreatePermission,
-        newDocumentURL: null,
-        children: /*#__PURE__*/ _jsx(ListQueryProvider, {
-            data: data,
-            defaultLimit: limit || selectedCollectionConfig?.admin?.pagination?.defaultLimit,
-            defaultSort: sort,
-            handlePageChange: setPage,
-            handlePerPageChange: setLimit,
-            handleSearchChange: setSearch,
-            handleSortChange: setSort,
-            handleWhereChange: setWhere,
-            modifySearchParams: false,
-            preferenceKey: preferenceKey,
-            children: /*#__PURE__*/ _jsxs(TableColumnsProvider, {
-                cellProps: [
-                    {
-                        className: `${baseClass}__first-cell`,
-                        link: false,
-                        onClick: ({ collectionSlug: rowColl, rowData })=>{
-                            if (typeof onSelect === 'function') {
-                                onSelect({
-                                    collectionSlug: rowColl,
-                                    docID: rowData.id
-                                });
-                            }
-                        }
-                    }
-                ],
-                collectionSlug: selectedCollectionConfig.slug,
-                preferenceKey: preferenceKey,
-                children: [
-                    /*#__PURE__*/ _jsx(RenderComponent, {
-                        mappedComponent: List
-                    }),
-                    /*#__PURE__*/ _jsx(DocumentDrawer, {
-                        onSave: onCreateNew
-                    })
-                ]
-            })
-        })
-    });
+  }, [renderList, ListView, selectedOption.value]);
+  const onCreateNew = useCallback(({
+    doc
+  }) => {
+    if (typeof onSelect === 'function') {
+      onSelect({
+        collectionSlug: selectedOption.value,
+        docID: doc.id
+      });
+    }
+    closeModal(documentDrawerSlug);
+    closeModal(drawerSlug);
+  }, [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value]);
+  const onQueryChange = useCallback(query_0 => {
+    void renderList(selectedOption.value, query_0);
+  }, [renderList, selectedOption.value]);
+  const setMySelectedOption = useCallback(incomingSelection => {
+    setSelectedOption(incomingSelection);
+    void renderList(incomingSelection.value);
+  }, [renderList]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
+  }
+  return /*#__PURE__*/_jsxs(ListDrawerContextProvider, {
+    createNewDrawerSlug: documentDrawerSlug,
+    DocumentDrawerToggler: DocumentDrawerToggler,
+    drawerSlug: drawerSlug,
+    enabledCollections: collectionSlugs,
+    onBulkSelect: onBulkSelect,
+    onQueryChange: onQueryChange,
+    onSelect: onSelect,
+    selectedOption: selectedOption,
+    setSelectedOption: setMySelectedOption,
+    children: [ListView, /*#__PURE__*/_jsx(DocumentDrawer, {
+      onSave: onCreateNew
+    })]
+  });
 };
-
 //# sourceMappingURL=DrawerContent.js.map

package/dist/elements/ListDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useReducer, useState } from 'react'\n\nimport type { ListDrawerProps } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { usePayloadAPI } from '../../hooks/usePayloadAPI.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListInfoProvider } from '../../providers/ListInfo/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { type Option, ReactSelect } from '../ReactSelect/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { ViewDescription } from '../ViewDescription/index.js'\nimport { baseClass } from './index.js'\n\nconst hoistQueryParamsToAnd = (where: Where, queryParams: Where) => {\n  if ('and' in where) {\n    where.and.push(queryParams)\n  } else if ('or' in where) {\n    where = {\n      and: [where, queryParams],\n    }\n  } else {\n    where = {\n      and: [where, queryParams],\n    }\n  }\n\n  return where\n}\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  collectionSlugs,\n  customHeader,\n  drawerSlug,\n  filterOptions,\n  onSelect,\n  selectedCollection,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { setPreference } = usePreferences()\n  const { closeModal, isModalOpen } = useModal()\n  const [limit, setLimit] = useState<number>()\n  const [sort, setSort] = useState<string>(null)\n  const [page, setPage] = useState<number>(1)\n  const [where, setWhere] = useState<Where>(null)\n  const [search, setSearch] = useState<string>('')\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const enabledCollectionConfigs = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedCollectionConfig, setSelectedCollectionConfig] = useState<ClientCollectionConfig>(\n    () => {\n      return (\n        enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) ||\n        enabledCollectionConfigs?.[0]\n      )\n    },\n  )\n\n  const List = selectedCollectionConfig?.admin?.components.views.list.Component\n\n  const [selectedOption, setSelectedOption] = useState<Option | Option[]>(() =>\n    selectedCollectionConfig\n      ? {\n          label: getTranslation(selectedCollectionConfig.labels.singular, i18n),\n          value: selectedCollectionConfig.slug,\n        }\n      : undefined,\n  )\n\n  // const [fields, setFields] = useState<Field[]>(() => formatFields(selectedCollectionConfig))\n\n  useEffect(() => {\n    // setFields(formatFields(selectedCollectionConfig))\n  }, [selectedCollectionConfig])\n\n  // allow external control of selected collection, same as the initial state logic above\n  useEffect(() => {\n    if (selectedCollection) {\n      // if passed a selection, find it and check if it's enabled\n      const selectedConfig =\n        enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) ||\n        enabledCollectionConfigs?.[0]\n      setSelectedCollectionConfig(selectedConfig)\n    }\n  }, [selectedCollection, enabledCollectionConfigs, onSelect, t])\n\n  const preferenceKey = `${selectedCollectionConfig.slug}-list`\n\n  // this is the 'create new' drawer\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedCollectionConfig.slug,\n    })\n\n  useEffect(() => {\n    if (selectedOption && !Array.isArray(selectedOption)) {\n      setSelectedCollectionConfig(\n        enabledCollectionConfigs.find(({ slug }) => selectedOption.value === slug),\n      )\n    }\n  }, [selectedOption, enabledCollectionConfigs])\n\n  const collectionPermissions = permissions?.collections?.[selectedCollectionConfig?.slug]\n  const hasCreatePermission = collectionPermissions?.create?.permission\n\n  // If modal is open, get active page of upload gallery\n  const isOpen = isModalOpen(drawerSlug)\n  const apiURL = isOpen ? `${serverURL}${api}/${selectedCollectionConfig.slug}` : null\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0) // used to force a re-fetch even when apiURL is unchanged\n  const [{ data, isError, isLoading: isLoadingList }, { setParams }] = usePayloadAPI(apiURL, {\n    initialParams: {\n      depth: 0,\n    },\n  })\n  const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1\n\n  useEffect(() => {\n    const {\n      slug,\n      admin: { listSearchableFields, useAsTitle } = {},\n      versions,\n    } = selectedCollectionConfig\n    const params: {\n      cacheBust?: number\n      depth?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\n    } = {\n      depth: 0,\n    }\n\n    let copyOfWhere = { ...(where || {}) }\n    const filterOption = filterOptions?.[slug]\n\n    if (filterOptions && typeof filterOption !== 'boolean') {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOption)\n    }\n\n    if (search) {\n      const searchAsConditions = (listSearchableFields || [useAsTitle]).map((fieldName) => {\n        return {\n          [fieldName]: {\n            like: search,\n          },\n        }\n      }, [])\n\n      if (searchAsConditions.length > 0) {\n        const searchFilter: Where = {\n          or: [...searchAsConditions],\n        }\n\n        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter)\n      }\n    }\n\n    if (page) params.page = page\n    if (sort) params.sort = sort\n    if (cacheBust) params.cacheBust = cacheBust\n    if (copyOfWhere) params.where = copyOfWhere\n    if (versions?.drafts) params.draft = 'true'\n\n    setParams(params)\n  }, [page, sort, where, search, cacheBust, filterOptions, selectedCollectionConfig, t, setParams])\n\n  useEffect(() => {\n    const newPreferences = {\n      limit,\n      sort,\n    }\n\n    void setPreference(preferenceKey, newPreferences, true)\n  }, [sort, limit, setPreference, preferenceKey])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedCollectionConfig.slug,\n          docID: doc.id,\n        })\n      }\n      dispatchCacheBust()\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedCollectionConfig],\n  )\n\n  if (!selectedCollectionConfig || isError) {\n    return null\n  }\n\n  if (isLoadingList) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListInfoProvider\n      Header={\n        <header className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-wrap`}>\n            <div className={`${baseClass}__header-content`}>\n              <h2 className={`${baseClass}__header-text`}>\n                {!customHeader\n                  ? getTranslation(selectedCollectionConfig?.labels?.plural, i18n)\n                  : customHeader}\n              </h2>\n              {hasCreatePermission && (\n                <DocumentDrawerToggler className={`${baseClass}__create-new-button`}>\n                  <Pill>{t('general:createNew')}</Pill>\n                </DocumentDrawerToggler>\n              )}\n            </div>\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => {\n                closeModal(drawerSlug)\n              }}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          {selectedCollectionConfig?.admin?.description && (\n            <div className={`${baseClass}__sub-header`}>\n              <ViewDescription description={selectedCollectionConfig.admin.description} />\n            </div>\n          )}\n          {moreThanOneAvailableCollection && (\n            <div className={`${baseClass}__select-collection-wrap`}>\n              <FieldLabel label={t('upload:selectCollectionToBrowse')} />\n              <ReactSelect\n                className={`${baseClass}__select-collection`}\n                onChange={setSelectedOption} // this is only changing the options which is not rerunning my effect\n                options={enabledCollectionConfigs.map((coll) => ({\n                  label: getTranslation(coll.labels.singular, i18n),\n                  value: coll.slug,\n                }))}\n                value={selectedOption}\n              />\n            </div>\n          )}\n        </header>\n      }\n      collectionConfig={selectedCollectionConfig}\n      collectionSlug={selectedCollectionConfig.slug}\n      hasCreatePermission={hasCreatePermission}\n      newDocumentURL={null}\n    >\n      <ListQueryProvider\n        data={data}\n        defaultLimit={limit || selectedCollectionConfig?.admin?.pagination?.defaultLimit}\n        defaultSort={sort}\n        handlePageChange={setPage}\n        handlePerPageChange={setLimit}\n        handleSearchChange={setSearch}\n        handleSortChange={setSort}\n        handleWhereChange={setWhere}\n        modifySearchParams={false}\n        preferenceKey={preferenceKey}\n      >\n        <TableColumnsProvider\n          cellProps={[\n            {\n              className: `${baseClass}__first-cell`,\n              link: false,\n              onClick: ({ collectionSlug: rowColl, rowData }) => {\n                if (typeof onSelect === 'function') {\n                  onSelect({\n                    collectionSlug: rowColl,\n                    docID: rowData.id as string,\n                  })\n                }\n              },\n            },\n          ]}\n          collectionSlug={selectedCollectionConfig.slug}\n          preferenceKey={preferenceKey}\n        >\n          <RenderComponent mappedComponent={List} />\n          <DocumentDrawer onSave={onCreateNew} />\n        </TableColumnsProvider>\n      </ListQueryProvider>\n    </ListInfoProvider>\n  )\n}\n"],"names":["useModal","getTranslation","React","useCallback","useEffect","useReducer","useState","FieldLabel","usePayloadAPI","XIcon","useAuth","RenderComponent","useConfig","ListInfoProvider","ListQueryProvider","usePreferences","useTranslation","useDocumentDrawer","LoadingOverlay","Pill","ReactSelect","TableColumnsProvider","ViewDescription","baseClass","hoistQueryParamsToAnd","where","queryParams","and","push","ListDrawerContent","collectionSlugs","customHeader","drawerSlug","filterOptions","onSelect","selectedCollection","i18n","t","permissions","setPreference","closeModal","isModalOpen","limit","setLimit","sort","setSort","page","setPage","setWhere","search","setSearch","config","collections","routes","api","serverURL","enabledCollectionConfigs","filter","slug","includes","selectedCollectionConfig","setSelectedCollectionConfig","find","List","admin","components","views","list","Component","selectedOption","setSelectedOption","label","labels","singular","value","undefined","selectedConfig","preferenceKey","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","collectionSlug","Array","isArray","collectionPermissions","hasCreatePermission","create","permission","isOpen","apiURL","cacheBust","dispatchCacheBust","state","data","isError","isLoading","isLoadingList","setParams","initialParams","depth","moreThanOneAvailableCollection","length","listSearchableFields","useAsTitle","versions","params","copyOfWhere","filterOption","searchAsConditions","map","fieldName","like","searchFilter","or","drafts","draft","newPreferences","onCreateNew","doc","docID","id","Header","header","className","div","h2","plural","button","aria-label","onClick","type","description","onChange","options","coll","collectionConfig","newDocumentURL","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","cellProps","link","rowColl","rowData","mappedComponent","onSave"],"mappings":"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"}
+{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useState","useDocumentDrawer","useConfig","useServerFunctions","hoistQueryParamsToAnd","ListDrawerContextProvider","LoadingOverlay","ListDrawerContent","allowCreate","collectionSlugs","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","selectedCollection","selectedCollectionFromProps","closeModal","isModalOpen","serverFunction","ListView","setListView","undefined","isLoading","setIsLoading","config","collections","getEntityConfig","isOpen","enabledCollections","filter","slug","includes","selectedOption","setSelectedOption","initialSelection","found","collectionSlug","label","labels","value","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","find","renderList","query","newQuery","where","filterOption","List","ViewResult","name","args","disableBulkDelete","disableBulkEdit","_err","console","error","onCreateNew","doc","docID","id","onQueryChange","setMySelectedOption","incomingSelection","_jsx","_jsxs","createNewDrawerSlug","onSave"],"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ListQuery } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { ListDrawerProps } from './types.js'\n\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.js'\nimport { ListDrawerContextProvider } from '../ListDrawer/Provider.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { type Option } from '../ReactSelect/index.js'\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  allowCreate = true,\n  collectionSlugs,\n  drawerSlug,\n  enableRowSelections,\n  filterOptions,\n  onBulkSelect,\n  onSelect,\n  selectedCollection: selectedCollectionFromProps,\n}) => {\n  const { closeModal, isModalOpen } = useModal()\n\n  const { serverFunction } = useServerFunctions()\n  const [ListView, setListView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n\n  const isOpen = isModalOpen(drawerSlug)\n\n  const enabledCollections = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedOption, setSelectedOption] = useState<Option<string>>(() => {\n    const initialSelection = selectedCollectionFromProps || enabledCollections[0]?.slug\n    const found = getEntityConfig({ collectionSlug: initialSelection }) as ClientCollectionConfig\n\n    return found\n      ? {\n          label: found.labels,\n          value: found.slug,\n        }\n      : undefined\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedOption.value,\n    })\n\n  useEffect(() => {\n    if (selectedCollectionFromProps && selectedCollectionFromProps !== selectedOption?.value) {\n      setSelectedOption({\n        label: collections.find(({ slug }) => slug === selectedCollectionFromProps).labels,\n        value: selectedCollectionFromProps,\n      })\n    }\n  }, [selectedCollectionFromProps, collections, selectedOption])\n\n  const renderList = useCallback(\n    async (slug: string, query?: ListQuery) => {\n      try {\n        const newQuery: ListQuery = { ...(query || {}), where: { ...(query?.where || {}) } }\n\n        const filterOption = filterOptions?.[slug]\n\n        if (filterOptions && typeof filterOption !== 'boolean') {\n          newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption)\n        }\n\n        const { List: ViewResult } = (await serverFunction({\n          name: 'render-list',\n          args: {\n            collectionSlug: slug,\n            disableBulkDelete: true,\n            disableBulkEdit: true,\n            drawerSlug,\n            enableRowSelections,\n            query: newQuery,\n          },\n        })) as { List: React.ReactNode }\n\n        setListView(ViewResult)\n        setIsLoading(false)\n      } catch (_err) {\n        console.error('Error rendering List View: ', _err) // eslint-disable-line no-console\n\n        if (isOpen) {\n          closeModal(drawerSlug)\n        }\n      }\n    },\n    [serverFunction, closeModal, drawerSlug, isOpen, enableRowSelections, filterOptions],\n  )\n\n  useEffect(() => {\n    if (!ListView) {\n      void renderList(selectedOption.value)\n    }\n  }, [renderList, ListView, selectedOption.value])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedOption.value,\n          docID: doc.id,\n        })\n      }\n\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value],\n  )\n\n  const onQueryChange = useCallback(\n    (query: ListQuery) => {\n      void renderList(selectedOption.value, query)\n    },\n    [renderList, selectedOption.value],\n  )\n\n  const setMySelectedOption = useCallback(\n    (incomingSelection: Option<string>) => {\n      setSelectedOption(incomingSelection)\n      void renderList(incomingSelection.value)\n    },\n    [renderList],\n  )\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListDrawerContextProvider\n      createNewDrawerSlug={documentDrawerSlug}\n      DocumentDrawerToggler={DocumentDrawerToggler}\n      drawerSlug={drawerSlug}\n      enabledCollections={collectionSlugs}\n      onBulkSelect={onBulkSelect}\n      onQueryChange={onQueryChange}\n      onSelect={onSelect}\n      selectedOption={selectedOption}\n      setSelectedOption={setMySelectedOption}\n    >\n      {ListView}\n      <DocumentDrawer onSave={onCreateNew} />\n    </ListDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import type { CollectionSlug, ListQuery } from 'payload';
+import type { useSelection } from '../../providers/Selection/index.js';
+import type { UseDocumentDrawer } from '../DocumentDrawer/types.js';
+import type { Option } from '../ReactSelect/index.js';
+export type ListDrawerContextProps = {
+    readonly createNewDrawerSlug?: string;
+    readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1];
+    readonly drawerSlug?: string;
+    readonly enabledCollections?: CollectionSlug[];
+    readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void;
+    readonly onQueryChange?: (query: ListQuery) => void;
+    readonly onSelect?: (args: {
+        collectionSlug: CollectionSlug;
+        docID: string;
+    }) => void;
+    readonly selectedOption?: Option<string>;
+    readonly setSelectedOption?: (option: Option<string>) => void;
+};
+export type ListDrawerContextType = {
+    isInDrawer: boolean;
+} & ListDrawerContextProps;
+export declare const ListDrawerContext: import("react").Context<ListDrawerContextType>;
+export declare const ListDrawerContextProvider: React.FC<{
+    children: React.ReactNode;
+} & ListDrawerContextProps>;
+export declare const useListDrawerContext: () => ListDrawerContextType;
+//# sourceMappingURL=Provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACvF,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACrF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,iBAAiB,gDAA6C,CAAA;AAE3E,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,sBAAsB,CAO3B,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,qBAQvC,CAAA"}

package/dist/elements/ListDrawer/Provider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const ListDrawerContext = /*#__PURE__*/createContext({});
+export const ListDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(ListDrawerContext.Provider, {
+    value: {
+      isInDrawer: Boolean(rest.drawerSlug),
+      ...rest
+    },
+    children: children
+  });
+};
+export const useListDrawerContext = () => {
+  const context = useContext(ListDrawerContext);
+  if (!context) {
+    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=Provider.js.map

package/dist/elements/ListDrawer/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["createContext","useContext","ListDrawerContext","ListDrawerContextProvider","children","rest","_jsx","Provider","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"sources":["../../../src/elements/ListDrawer/Provider.tsx"],"sourcesContent":["import type { CollectionSlug, ListQuery } from 'payload'\n\nimport { createContext, useContext } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\nimport type { UseDocumentDrawer } from '../DocumentDrawer/types.js'\nimport type { Option } from '../ReactSelect/index.js'\n\nexport type ListDrawerContextProps = {\n  readonly createNewDrawerSlug?: string\n  readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  readonly drawerSlug?: string\n  readonly enabledCollections?: CollectionSlug[]\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly onSelect?: (args: { collectionSlug: CollectionSlug; docID: string }) => void\n  readonly selectedOption?: Option<string>\n  readonly setSelectedOption?: (option: Option<string>) => void\n}\n\nexport type ListDrawerContextType = {\n  isInDrawer: boolean\n} & ListDrawerContextProps\n\nexport const ListDrawerContext = createContext({} as ListDrawerContextType)\n\nexport const ListDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & ListDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <ListDrawerContext.Provider value={{ isInDrawer: Boolean(rest.drawerSlug), ...rest }}>\n      {children}\n    </ListDrawerContext.Provider>\n  )\n}\n\nexport const useListDrawerContext = (): ListDrawerContextType => {\n  const context = useContext(ListDrawerContext)\n\n  if (!context) {\n    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider')\n  }\n\n  return context\n}\n"],"mappings":";AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAsB1C,OAAO,MAAMC,iBAAA,gBAAoBF,aAAA,CAAc,CAAC;AAEhD,OAAO,MAAMG,yBAAA,GAITA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,iBAAA,CAAkBK,QAAQ;IAACC,KAAA,EAAO;MAAEC,UAAA,EAAYC,OAAA,CAAQL,IAAA,CAAKM,UAAU;MAAG,GAAGN;IAAK;cAChFD;;AAGP;AAEA,OAAO,MAAMQ,oBAAA,GAAuBA,CAAA;EAClC,MAAMC,OAAA,GAAUZ,UAAA,CAAWC,iBAAA;EAE3B,IAAI,CAACW,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js';
 export * from './types.js';
-import './index.scss';
 export declare const baseClass = "list-drawer";
 export declare const formatListDrawerSlug: ({ depth, uuid, }: {
     depth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAM1B,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,gBAAgB,CAAA;AAEtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aAgF3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAO1B,eAAO,MAAM,SAAS,gBAAgB,CAAA;AACtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aA4F3B,CAAA"}