payload 1.13.0 → 1.13.2

package/dist/admin/components/elements/ListControls/index.js

@@ -1,91 +1,91 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
-const react_i18next_1 = require("react-i18next");
-const window_info_1 = require("@faceless-ui/window-info");
-const types_1 = require("../../../../fields/config/types");
-const SearchFilter_1 = __importDefault(require("../SearchFilter"));
-const ColumnSelector_1 = __importDefault(require("../ColumnSelector"));
-const WhereBuilder_1 = __importDefault(require("../WhereBuilder"));
-const SortComplex_1 = __importDefault(require("../SortComplex"));
-const Button_1 = __importDefault(require("../Button"));
-const SearchParams_1 = require("../../utilities/SearchParams");
-const validateWhereQuery_1 = __importDefault(require("../WhereBuilder/validateWhereQuery"));
-const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
-const getTextFieldsToBeSearched_1 = require("./getTextFieldsToBeSearched");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const Pill_1 = __importDefault(require("../Pill"));
-const Chevron_1 = __importDefault(require("../../icons/Chevron"));
-const EditMany_1 = __importDefault(require("../EditMany"));
-const DeleteMany_1 = __importDefault(require("../DeleteMany"));
-const PublishMany_1 = __importDefault(require("../PublishMany"));
-const UnpublishMany_1 = __importDefault(require("../UnpublishMany"));
-require("./index.scss");
-const baseClass = 'list-controls';
-const getUseAsTitle = (collection) => {
-    const { admin: { useAsTitle, }, fields, } = collection;
-    const topLevelFields = (0, flattenTopLevelFields_1.default)(fields);
-    return topLevelFields.find((field) => (0, types_1.fieldAffectsData)(field) && field.name === useAsTitle);
-};
-const ListControls = (props) => {
-    var _a;
-    const { collection, enableColumns = true, enableSort = false, handleSortChange, handleWhereChange, modifySearchQuery = true, resetParams, collection: { fields, admin: { listSearchableFields, }, }, } = props;
-    const params = (0, SearchParams_1.useSearchParams)();
-    const shouldInitializeWhereOpened = (0, validateWhereQuery_1.default)(params === null || params === void 0 ? void 0 : params.where);
-    const [titleField, setTitleField] = (0, react_1.useState)(getUseAsTitle(collection));
-    (0, react_1.useEffect)(() => {
-        setTitleField(getUseAsTitle(collection));
-    }, [collection]);
-    const [textFieldsToBeSearched] = (0, react_1.useState)((0, getTextFieldsToBeSearched_1.getTextFieldsToBeSearched)(listSearchableFields, fields));
-    const [visibleDrawer, setVisibleDrawer] = (0, react_1.useState)(shouldInitializeWhereOpened ? 'where' : undefined);
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    const { breakpoints: { s: smallBreak } } = (0, window_info_1.useWindowInfo)();
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("div", { className: `${baseClass}__wrap` },
-            react_1.default.createElement(SearchFilter_1.default, { fieldName: titleField && (0, types_1.fieldAffectsData)(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: (_a = (titleField && (0, types_1.fieldAffectsData)(titleField) && (0, getTranslation_1.getTranslation)(titleField.label || titleField.name, i18n))) !== null && _a !== void 0 ? _a : undefined, listSearchableFields: textFieldsToBeSearched }),
-            react_1.default.createElement("div", { className: `${baseClass}__buttons` },
-                react_1.default.createElement("div", { className: `${baseClass}__buttons-wrap` },
-                    !smallBreak && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(EditMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(PublishMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(UnpublishMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(DeleteMany_1.default, { collection: collection, resetParams: resetParams }))),
-                    enableColumns && (react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: react_1.default.createElement(Chevron_1.default, null) }, t('columns'))),
-                    react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: react_1.default.createElement(Chevron_1.default, null) }, t('filters')),
-                    enableSort && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, t('sort')))))),
-        enableColumns && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
-            react_1.default.createElement(ColumnSelector_1.default, { collection: collection }))),
-        react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
-            react_1.default.createElement(WhereBuilder_1.default, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
-        enableSort && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
-            react_1.default.createElement(SortComplex_1.default, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
-};
-exports.default = ListControls;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_animate_height_1 = __importDefault(require("react-animate-height"));
+const react_i18next_1 = require("react-i18next");
+const window_info_1 = require("@faceless-ui/window-info");
+const types_1 = require("../../../../fields/config/types");
+const SearchFilter_1 = __importDefault(require("../SearchFilter"));
+const ColumnSelector_1 = __importDefault(require("../ColumnSelector"));
+const WhereBuilder_1 = __importDefault(require("../WhereBuilder"));
+const SortComplex_1 = __importDefault(require("../SortComplex"));
+const Button_1 = __importDefault(require("../Button"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const validateWhereQuery_1 = __importDefault(require("../WhereBuilder/validateWhereQuery"));
+const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
+const getTextFieldsToBeSearched_1 = require("./getTextFieldsToBeSearched");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Pill_1 = __importDefault(require("../Pill"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const EditMany_1 = __importDefault(require("../EditMany"));
+const DeleteMany_1 = __importDefault(require("../DeleteMany"));
+const PublishMany_1 = __importDefault(require("../PublishMany"));
+const UnpublishMany_1 = __importDefault(require("../UnpublishMany"));
+require("./index.scss");
+const baseClass = 'list-controls';
+const getUseAsTitle = (collection) => {
+    const { admin: { useAsTitle, }, fields, } = collection;
+    const topLevelFields = (0, flattenTopLevelFields_1.default)(fields);
+    return topLevelFields.find((field) => (0, types_1.fieldAffectsData)(field) && field.name === useAsTitle);
+};
+const ListControls = (props) => {
+    var _a;
+    const { collection, enableColumns = true, enableSort = false, handleSortChange, handleWhereChange, modifySearchQuery = true, resetParams, collection: { fields, admin: { listSearchableFields, }, }, } = props;
+    const params = (0, SearchParams_1.useSearchParams)();
+    const shouldInitializeWhereOpened = (0, validateWhereQuery_1.default)(params === null || params === void 0 ? void 0 : params.where);
+    const [titleField, setTitleField] = (0, react_1.useState)(getUseAsTitle(collection));
+    (0, react_1.useEffect)(() => {
+        setTitleField(getUseAsTitle(collection));
+    }, [collection]);
+    const [textFieldsToBeSearched] = (0, react_1.useState)((0, getTextFieldsToBeSearched_1.getTextFieldsToBeSearched)(listSearchableFields, fields));
+    const [visibleDrawer, setVisibleDrawer] = (0, react_1.useState)(shouldInitializeWhereOpened ? 'where' : undefined);
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const { breakpoints: { s: smallBreak } } = (0, window_info_1.useWindowInfo)();
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+            react_1.default.createElement(SearchFilter_1.default, { fieldName: titleField && (0, types_1.fieldAffectsData)(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: (_a = (titleField && (0, types_1.fieldAffectsData)(titleField) && (0, getTranslation_1.getTranslation)(titleField.label || titleField.name, i18n))) !== null && _a !== void 0 ? _a : undefined, listSearchableFields: textFieldsToBeSearched }),
+            react_1.default.createElement("div", { className: `${baseClass}__buttons` },
+                react_1.default.createElement("div", { className: `${baseClass}__buttons-wrap` },
+                    !smallBreak && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(EditMany_1.default, { collection: collection, resetParams: resetParams }),
+                        react_1.default.createElement(PublishMany_1.default, { collection: collection, resetParams: resetParams }),
+                        react_1.default.createElement(UnpublishMany_1.default, { collection: collection, resetParams: resetParams }),
+                        react_1.default.createElement(DeleteMany_1.default, { collection: collection, resetParams: resetParams }))),
+                    enableColumns && (react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: react_1.default.createElement(Chevron_1.default, null) }, t('columns'))),
+                    react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: react_1.default.createElement(Chevron_1.default, null) }, t('filters')),
+                    enableSort && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, t('sort')))))),
+        enableColumns && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
+            react_1.default.createElement(ColumnSelector_1.default, { collection: collection }))),
+        react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
+            react_1.default.createElement(WhereBuilder_1.default, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
+        enableSort && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
+            react_1.default.createElement(SortComplex_1.default, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
+};
+exports.default = ListControls;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ListControls/types.d.ts

@@ -1,17 +1,17 @@
-import { Where } from '../../../../types';
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { Column } from '../Table/types';
-import type { Props as ListProps } from '../../views/collections/List/types';
-export type Props = {
-    enableColumns?: boolean;
-    enableSort?: boolean;
-    modifySearchQuery?: boolean;
-    handleSortChange?: (sort: string) => void;
-    handleWhereChange?: (where: Where) => void;
-    collection: SanitizedCollectionConfig;
-    resetParams?: ListProps['resetParams'];
-};
-export type ListControls = {
-    where?: unknown;
-    columns?: Partial<Column>[];
-};
+import { Where } from '../../../../types';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { Column } from '../Table/types';
+import type { Props as ListProps } from '../../views/collections/List/types';
+export type Props = {
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    modifySearchQuery?: boolean;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+    collection: SanitizedCollectionConfig;
+    resetParams?: ListProps['resetParams'];
+};
+export type ListControls = {
+    where?: unknown;
+    columns?: Partial<Column>[];
+};

package/dist/admin/components/elements/ListControls/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ListDrawerProps } from './types';
-export declare const ListDrawerContent: React.FC<ListDrawerProps>;
+import React from 'react';
+import { ListDrawerProps } from './types';
+export declare const ListDrawerContent: React.FC<ListDrawerProps>;

package/dist/admin/components/elements/ListDrawer/DrawerContent.js

@@ -1,186 +1,186 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListDrawerContent = void 0;
-const react_1 = __importStar(require("react"));
-const modal_1 = require("@faceless-ui/modal");
-const react_i18next_1 = require("react-i18next");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const Config_1 = require("../../utilities/Config");
-const Auth_1 = require("../../utilities/Auth");
-const DocumentInfo_1 = require("../../utilities/DocumentInfo");
-const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
-const usePayloadAPI_1 = __importDefault(require("../../../hooks/usePayloadAPI"));
-const Default_1 = __importDefault(require("../../views/collections/List/Default"));
-const Label_1 = __importDefault(require("../../forms/Label"));
-const ReactSelect_1 = __importDefault(require("../ReactSelect"));
-const DocumentDrawer_1 = require("../DocumentDrawer");
-const Pill_1 = __importDefault(require("../Pill"));
-const X_1 = __importDefault(require("../../icons/X"));
-const ViewDescription_1 = __importDefault(require("../ViewDescription"));
-const formatFields_1 = __importDefault(require("../../views/collections/List/formatFields"));
-const Preferences_1 = require("../../utilities/Preferences");
-const _1 = require(".");
-const TableColumns_1 = require("../TableColumns");
-const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs, selectedCollection, filterOptions, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { t, i18n } = (0, react_i18next_1.useTranslation)(['upload', 'general']);
-    const { permissions } = (0, Auth_1.useAuth)();
-    const { setPreference } = (0, Preferences_1.usePreferences)();
-    const { isModalOpen, closeModal } = (0, modal_1.useModal)();
-    const [limit, setLimit] = (0, react_1.useState)();
-    const [sort, setSort] = (0, react_1.useState)(null);
-    const [page, setPage] = (0, react_1.useState)(1);
-    const [where, setWhere] = (0, react_1.useState)(null);
-    const { serverURL, routes: { api }, collections } = (0, Config_1.useConfig)();
-    const enabledCollectionConfigs = collections.filter(({ slug }) => {
-        return collectionSlugs.includes(slug);
-    });
-    const [selectedCollectionConfig, setSelectedCollectionConfig] = (0, react_1.useState)(() => {
-        return enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) || (enabledCollectionConfigs === null || enabledCollectionConfigs === void 0 ? void 0 : enabledCollectionConfigs[0]);
-    });
-    const [selectedOption, setSelectedOption] = (0, react_1.useState)(() => (selectedCollectionConfig ? { label: (0, getTranslation_1.getTranslation)(selectedCollectionConfig.labels.singular, i18n), value: selectedCollectionConfig.slug } : undefined));
-    const [fields, setFields] = (0, react_1.useState)(() => (0, formatFields_1.default)(selectedCollectionConfig));
-    (0, react_1.useEffect)(() => {
-        setFields((0, formatFields_1.default)(selectedCollectionConfig));
-    }, [selectedCollectionConfig]);
-    // allow external control of selected collection, same as the initial state logic above
-    (0, react_1.useEffect)(() => {
-        if (selectedCollection) {
-            // if passed a selection, find it and check if it's enabled
-            const selectedConfig = enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) || (enabledCollectionConfigs === null || enabledCollectionConfigs === void 0 ? void 0 : enabledCollectionConfigs[0]);
-            setSelectedCollectionConfig(selectedConfig);
-        }
-    }, [selectedCollection, enabledCollectionConfigs, onSelect, t]);
-    const preferenceKey = `${selectedCollectionConfig.slug}-list`;
-    // this is the 'create new' drawer
-    const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
-        collectionSlug: selectedCollectionConfig.slug,
-    });
-    (0, react_1.useEffect)(() => {
-        if (selectedOption) {
-            setSelectedCollectionConfig(enabledCollectionConfigs.find(({ slug }) => selectedOption.value === slug));
-        }
-    }, [selectedOption, enabledCollectionConfigs]);
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.slug];
-    const hasCreatePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.create) === null || _b === void 0 ? void 0 : _b.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] = (0, react_1.useReducer)((state) => state + 1, 0); // used to force a re-fetch even when apiURL is unchanged
-    const [{ data, isError }, { setParams }] = (0, usePayloadAPI_1.default)(apiURL, {});
-    const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1;
-    (0, react_1.useEffect)(() => {
-        const params = {};
-        if (page)
-            params.page = page;
-        params.where = {
-            ...where ? { ...where } : {},
-            ...(filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions[selectedCollectionConfig.slug]) ? {
-                ...filterOptions[selectedCollectionConfig.slug],
-            } : {},
-        };
-        if (sort)
-            params.sort = sort;
-        if (limit)
-            params.limit = limit;
-        if (cacheBust)
-            params.cacheBust = cacheBust;
-        setParams(params);
-    }, [setParams, page, sort, where, limit, cacheBust, filterOptions, selectedCollectionConfig]);
-    (0, react_1.useEffect)(() => {
-        const newPreferences = {
-            limit,
-            sort,
-        };
-        setPreference(preferenceKey, newPreferences);
-    }, [sort, limit, setPreference, preferenceKey]);
-    const onCreateNew = (0, react_1.useCallback)(({ doc }) => {
-        if (typeof onSelect === 'function') {
-            onSelect({
-                docID: doc.id,
-                collectionConfig: selectedCollectionConfig,
-            });
-        }
-        dispatchCacheBust();
-        closeModal(documentDrawerSlug);
-        closeModal(drawerSlug);
-    }, [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedCollectionConfig]);
-    if (!selectedCollectionConfig || isError) {
-        return null;
-    }
-    return (react_1.default.createElement(TableColumns_1.TableColumnsProvider, { collection: selectedCollectionConfig, cellProps: [{
-                link: false,
-                onClick: ({ collection: rowColl, rowData }) => {
-                    if (typeof onSelect === 'function') {
-                        onSelect({
-                            docID: rowData.id,
-                            collectionConfig: rowColl,
-                        });
-                    }
-                },
-                className: `${_1.baseClass}__first-cell`,
-            }] },
-        react_1.default.createElement(DocumentInfo_1.DocumentInfoProvider, { collection: selectedCollectionConfig },
-            react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: (_e = (_d = (_c = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.views) === null || _e === void 0 ? void 0 : _e.List, componentProps: {
-                    collection: {
-                        ...selectedCollectionConfig,
-                        fields,
-                    },
-                    customHeader: (react_1.default.createElement("header", { className: `${_1.baseClass}__header` },
-                        react_1.default.createElement("div", { className: `${_1.baseClass}__header-wrap` },
-                            react_1.default.createElement("div", { className: `${_1.baseClass}__header-content` },
-                                react_1.default.createElement("h2", { className: `${_1.baseClass}__header-text` }, !customHeader ? (0, getTranslation_1.getTranslation)((_f = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.labels) === null || _f === void 0 ? void 0 : _f.plural, i18n) : customHeader),
-                                hasCreatePermission && (react_1.default.createElement(DocumentDrawerToggler, { className: `${_1.baseClass}__create-new-button` },
-                                    react_1.default.createElement(Pill_1.default, null, t('general:createNew'))))),
-                            react_1.default.createElement("button", { type: "button", onClick: () => {
-                                    closeModal(drawerSlug);
-                                }, className: `${_1.baseClass}__header-close` },
-                                react_1.default.createElement(X_1.default, null))),
-                        ((_g = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _g === void 0 ? void 0 : _g.description) && (react_1.default.createElement("div", { className: `${_1.baseClass}__sub-header` },
-                            react_1.default.createElement(ViewDescription_1.default, { description: selectedCollectionConfig.admin.description }))),
-                        moreThanOneAvailableCollection && (react_1.default.createElement("div", { className: `${_1.baseClass}__select-collection-wrap` },
-                            react_1.default.createElement(Label_1.default, { label: t('selectCollectionToBrowse') }),
-                            react_1.default.createElement(ReactSelect_1.default, { className: `${_1.baseClass}__select-collection`, value: selectedOption, onChange: setSelectedOption, options: enabledCollectionConfigs.map((coll) => ({ label: (0, getTranslation_1.getTranslation)(coll.labels.singular, i18n), value: coll.slug })) }))))),
-                    data,
-                    limit: limit || ((_j = (_h = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _h === void 0 ? void 0 : _h.pagination) === null || _j === void 0 ? void 0 : _j.defaultLimit),
-                    setLimit,
-                    setSort,
-                    newDocumentURL: null,
-                    hasCreatePermission,
-                    disableEyebrow: true,
-                    modifySearchParams: false,
-                    handleSortChange: setSort,
-                    handleWhereChange: setWhere,
-                    handlePageChange: setPage,
-                    handlePerPageChange: setLimit,
-                } })),
-        react_1.default.createElement(DocumentDrawer, { onSave: onCreateNew })));
-};
-exports.ListDrawerContent = ListDrawerContent;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListDrawerContent = void 0;
+const react_1 = __importStar(require("react"));
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const usePayloadAPI_1 = __importDefault(require("../../../hooks/usePayloadAPI"));
+const Default_1 = __importDefault(require("../../views/collections/List/Default"));
+const Label_1 = __importDefault(require("../../forms/Label"));
+const ReactSelect_1 = __importDefault(require("../ReactSelect"));
+const DocumentDrawer_1 = require("../DocumentDrawer");
+const Pill_1 = __importDefault(require("../Pill"));
+const X_1 = __importDefault(require("../../icons/X"));
+const ViewDescription_1 = __importDefault(require("../ViewDescription"));
+const formatFields_1 = __importDefault(require("../../views/collections/List/formatFields"));
+const Preferences_1 = require("../../utilities/Preferences");
+const _1 = require(".");
+const TableColumns_1 = require("../TableColumns");
+const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs, selectedCollection, filterOptions, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { t, i18n } = (0, react_i18next_1.useTranslation)(['upload', 'general']);
+    const { permissions } = (0, Auth_1.useAuth)();
+    const { setPreference } = (0, Preferences_1.usePreferences)();
+    const { isModalOpen, closeModal } = (0, modal_1.useModal)();
+    const [limit, setLimit] = (0, react_1.useState)();
+    const [sort, setSort] = (0, react_1.useState)(null);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [where, setWhere] = (0, react_1.useState)(null);
+    const { serverURL, routes: { api }, collections } = (0, Config_1.useConfig)();
+    const enabledCollectionConfigs = collections.filter(({ slug }) => {
+        return collectionSlugs.includes(slug);
+    });
+    const [selectedCollectionConfig, setSelectedCollectionConfig] = (0, react_1.useState)(() => {
+        return enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) || (enabledCollectionConfigs === null || enabledCollectionConfigs === void 0 ? void 0 : enabledCollectionConfigs[0]);
+    });
+    const [selectedOption, setSelectedOption] = (0, react_1.useState)(() => (selectedCollectionConfig ? { label: (0, getTranslation_1.getTranslation)(selectedCollectionConfig.labels.singular, i18n), value: selectedCollectionConfig.slug } : undefined));
+    const [fields, setFields] = (0, react_1.useState)(() => (0, formatFields_1.default)(selectedCollectionConfig));
+    (0, react_1.useEffect)(() => {
+        setFields((0, formatFields_1.default)(selectedCollectionConfig));
+    }, [selectedCollectionConfig]);
+    // allow external control of selected collection, same as the initial state logic above
+    (0, react_1.useEffect)(() => {
+        if (selectedCollection) {
+            // if passed a selection, find it and check if it's enabled
+            const selectedConfig = enabledCollectionConfigs.find(({ slug }) => slug === selectedCollection) || (enabledCollectionConfigs === null || enabledCollectionConfigs === void 0 ? void 0 : enabledCollectionConfigs[0]);
+            setSelectedCollectionConfig(selectedConfig);
+        }
+    }, [selectedCollection, enabledCollectionConfigs, onSelect, t]);
+    const preferenceKey = `${selectedCollectionConfig.slug}-list`;
+    // this is the 'create new' drawer
+    const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        collectionSlug: selectedCollectionConfig.slug,
+    });
+    (0, react_1.useEffect)(() => {
+        if (selectedOption) {
+            setSelectedCollectionConfig(enabledCollectionConfigs.find(({ slug }) => selectedOption.value === slug));
+        }
+    }, [selectedOption, enabledCollectionConfigs]);
+    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.slug];
+    const hasCreatePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.create) === null || _b === void 0 ? void 0 : _b.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] = (0, react_1.useReducer)((state) => state + 1, 0); // used to force a re-fetch even when apiURL is unchanged
+    const [{ data, isError }, { setParams }] = (0, usePayloadAPI_1.default)(apiURL, {});
+    const moreThanOneAvailableCollection = enabledCollectionConfigs.length > 1;
+    (0, react_1.useEffect)(() => {
+        const params = {};
+        if (page)
+            params.page = page;
+        params.where = {
+            ...where ? { ...where } : {},
+            ...(filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions[selectedCollectionConfig.slug]) ? {
+                ...filterOptions[selectedCollectionConfig.slug],
+            } : {},
+        };
+        if (sort)
+            params.sort = sort;
+        if (limit)
+            params.limit = limit;
+        if (cacheBust)
+            params.cacheBust = cacheBust;
+        setParams(params);
+    }, [setParams, page, sort, where, limit, cacheBust, filterOptions, selectedCollectionConfig]);
+    (0, react_1.useEffect)(() => {
+        const newPreferences = {
+            limit,
+            sort,
+        };
+        setPreference(preferenceKey, newPreferences);
+    }, [sort, limit, setPreference, preferenceKey]);
+    const onCreateNew = (0, react_1.useCallback)(({ doc }) => {
+        if (typeof onSelect === 'function') {
+            onSelect({
+                docID: doc.id,
+                collectionConfig: selectedCollectionConfig,
+            });
+        }
+        dispatchCacheBust();
+        closeModal(documentDrawerSlug);
+        closeModal(drawerSlug);
+    }, [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedCollectionConfig]);
+    if (!selectedCollectionConfig || isError) {
+        return null;
+    }
+    return (react_1.default.createElement(TableColumns_1.TableColumnsProvider, { collection: selectedCollectionConfig, cellProps: [{
+                link: false,
+                onClick: ({ collection: rowColl, rowData }) => {
+                    if (typeof onSelect === 'function') {
+                        onSelect({
+                            docID: rowData.id,
+                            collectionConfig: rowColl,
+                        });
+                    }
+                },
+                className: `${_1.baseClass}__first-cell`,
+            }] },
+        react_1.default.createElement(DocumentInfo_1.DocumentInfoProvider, { collection: selectedCollectionConfig },
+            react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: (_e = (_d = (_c = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.views) === null || _e === void 0 ? void 0 : _e.List, componentProps: {
+                    collection: {
+                        ...selectedCollectionConfig,
+                        fields,
+                    },
+                    customHeader: (react_1.default.createElement("header", { className: `${_1.baseClass}__header` },
+                        react_1.default.createElement("div", { className: `${_1.baseClass}__header-wrap` },
+                            react_1.default.createElement("div", { className: `${_1.baseClass}__header-content` },
+                                react_1.default.createElement("h2", { className: `${_1.baseClass}__header-text` }, !customHeader ? (0, getTranslation_1.getTranslation)((_f = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.labels) === null || _f === void 0 ? void 0 : _f.plural, i18n) : customHeader),
+                                hasCreatePermission && (react_1.default.createElement(DocumentDrawerToggler, { className: `${_1.baseClass}__create-new-button` },
+                                    react_1.default.createElement(Pill_1.default, null, t('general:createNew'))))),
+                            react_1.default.createElement("button", { type: "button", onClick: () => {
+                                    closeModal(drawerSlug);
+                                }, className: `${_1.baseClass}__header-close` },
+                                react_1.default.createElement(X_1.default, null))),
+                        ((_g = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _g === void 0 ? void 0 : _g.description) && (react_1.default.createElement("div", { className: `${_1.baseClass}__sub-header` },
+                            react_1.default.createElement(ViewDescription_1.default, { description: selectedCollectionConfig.admin.description }))),
+                        moreThanOneAvailableCollection && (react_1.default.createElement("div", { className: `${_1.baseClass}__select-collection-wrap` },
+                            react_1.default.createElement(Label_1.default, { label: t('selectCollectionToBrowse') }),
+                            react_1.default.createElement(ReactSelect_1.default, { className: `${_1.baseClass}__select-collection`, value: selectedOption, onChange: setSelectedOption, options: enabledCollectionConfigs.map((coll) => ({ label: (0, getTranslation_1.getTranslation)(coll.labels.singular, i18n), value: coll.slug })) }))))),
+                    data,
+                    limit: limit || ((_j = (_h = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _h === void 0 ? void 0 : _h.pagination) === null || _j === void 0 ? void 0 : _j.defaultLimit),
+                    setLimit,
+                    setSort,
+                    newDocumentURL: null,
+                    hasCreatePermission,
+                    disableEyebrow: true,
+                    modifySearchParams: false,
+                    handleSortChange: setSort,
+                    handleWhereChange: setWhere,
+                    handlePageChange: setPage,
+                    handlePerPageChange: setLimit,
+                } })),
+        react_1.default.createElement(DocumentDrawer, { onSave: onCreateNew })));
+};
+exports.ListDrawerContent = ListDrawerContent;
 //# sourceMappingURL=DrawerContent.js.map