payload 1.10.4 → 1.11.0

package/dist/admin/components/views/collections/List/Default.js

@@ -1,113 +1,113 @@
-"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_i18next_1 = require("react-i18next");
-const window_info_1 = require("@faceless-ui/window-info");
-const Eyebrow_1 = __importDefault(require("../../../elements/Eyebrow"));
-const Paginator_1 = __importDefault(require("../../../elements/Paginator"));
-const ListControls_1 = __importDefault(require("../../../elements/ListControls"));
-const ListSelection_1 = __importDefault(require("../../../elements/ListSelection"));
-const Pill_1 = __importDefault(require("../../../elements/Pill"));
-const Button_1 = __importDefault(require("../../../elements/Button"));
-const Table_1 = require("../../../elements/Table");
-const Meta_1 = __importDefault(require("../../../utilities/Meta"));
-const ViewDescription_1 = __importDefault(require("../../../elements/ViewDescription"));
-const PerPage_1 = __importDefault(require("../../../elements/PerPage"));
-const Gutter_1 = require("../../../elements/Gutter");
-const RelationshipProvider_1 = require("./RelationshipProvider");
-const getTranslation_1 = require("../../../../../utilities/getTranslation");
-const ShimmerEffect_1 = require("../../../elements/ShimmerEffect");
-const SelectionProvider_1 = require("./SelectionProvider");
-const EditMany_1 = __importDefault(require("../../../elements/EditMany"));
-const DeleteMany_1 = __importDefault(require("../../../elements/DeleteMany"));
-const PublishMany_1 = __importDefault(require("../../../elements/PublishMany"));
-const UnpublishMany_1 = __importDefault(require("../../../elements/UnpublishMany"));
-const formatFilesize_1 = __importDefault(require("../../../../../uploads/formatFilesize"));
-require("./index.scss");
-const baseClass = 'collection-list';
-const DefaultList = (props) => {
-    var _a, _b;
-    const { collection, collection: { labels: { singular: singularLabel, plural: pluralLabel, }, admin: { description, components: { BeforeList, BeforeListTable, AfterListTable, AfterList, } = {}, } = {}, }, data, newDocumentURL, limit, hasCreatePermission, disableEyebrow, modifySearchParams, handleSortChange, handleWhereChange, handlePageChange, handlePerPageChange, customHeader, resetParams, } = props;
-    const { breakpoints: { s: smallBreak } } = (0, window_info_1.useWindowInfo)();
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    let formattedDocs = data.docs || [];
-    if (collection.upload) {
-        formattedDocs = formattedDocs === null || formattedDocs === void 0 ? void 0 : formattedDocs.map((doc) => {
-            return {
-                ...doc,
-                filesize: (0, formatFilesize_1.default)(doc.filesize),
-            };
-        });
-    }
-    return (react_1.default.createElement("div", { className: baseClass },
-        Array.isArray(BeforeList) && BeforeList.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
-        react_1.default.createElement(Meta_1.default, { title: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) }),
-        react_1.default.createElement(SelectionProvider_1.SelectionProvider, { docs: data.docs, totalDocs: data.totalDocs },
-            !disableEyebrow && (react_1.default.createElement(Eyebrow_1.default, null)),
-            react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
-                react_1.default.createElement("header", { className: `${baseClass}__header` },
-                    customHeader && customHeader,
-                    !customHeader && (react_1.default.createElement(react_1.Fragment, null,
-                        react_1.default.createElement("h1", null, (0, getTranslation_1.getTranslation)(pluralLabel, i18n)),
-                        hasCreatePermission && (react_1.default.createElement(Pill_1.default, { to: newDocumentURL }, t('createNew'))),
-                        !smallBreak && (react_1.default.createElement(ListSelection_1.default, { label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) })),
-                        description && (react_1.default.createElement("div", { className: `${baseClass}__sub-header` },
-                            react_1.default.createElement(ViewDescription_1.default, { description: description })))))),
-                react_1.default.createElement(ListControls_1.default, { collection: collection, modifySearchQuery: modifySearchParams, handleSortChange: handleSortChange, handleWhereChange: handleWhereChange, resetParams: resetParams }),
-                Array.isArray(BeforeListTable) && BeforeListTable.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
-                !data.docs && (react_1.default.createElement(ShimmerEffect_1.StaggeredShimmers, { className: [`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' '), count: 6 })),
-                (data.docs && data.docs.length > 0) && (react_1.default.createElement(RelationshipProvider_1.RelationshipProvider, null,
-                    react_1.default.createElement(Table_1.Table, { data: formattedDocs }))),
-                data.docs && data.docs.length === 0 && (react_1.default.createElement("div", { className: `${baseClass}__no-results` },
-                    react_1.default.createElement("p", null, t('noResults', { label: (0, getTranslation_1.getTranslation)(pluralLabel, i18n) })),
-                    hasCreatePermission && newDocumentURL && (react_1.default.createElement(Button_1.default, { el: "link", to: newDocumentURL }, t('createNewLabel', { label: (0, getTranslation_1.getTranslation)(singularLabel, i18n) }))))),
-                Array.isArray(AfterListTable) && AfterListTable.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
-                react_1.default.createElement("div", { className: `${baseClass}__page-controls` },
-                    react_1.default.createElement(Paginator_1.default, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, disableHistoryChange: modifySearchParams === false, onChange: handlePageChange }),
-                    (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (react_1.default.createElement(react_1.Fragment, null,
-                        react_1.default.createElement("div", { className: `${baseClass}__page-info` },
-                            (data.page * data.limit) - (data.limit - 1),
-                            "-",
-                            data.totalPages > 1 && data.totalPages !== data.page ? (data.limit * data.page) : data.totalDocs,
-                            ' ',
-                            t('of'),
-                            ' ',
-                            data.totalDocs),
-                        react_1.default.createElement(PerPage_1.default, { limits: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.limits, limit: limit, modifySearchParams: modifySearchParams, handleChange: handlePerPageChange, resetPage: data.totalDocs <= data.pagingCounter }),
-                        react_1.default.createElement("div", { className: `${baseClass}__list-selection` }, smallBreak && (react_1.default.createElement(react_1.Fragment, null,
-                            react_1.default.createElement(ListSelection_1.default, { label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) }),
-                            react_1.default.createElement("div", { className: `${baseClass}__list-selection-actions` },
-                                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 })))))))))),
-        Array.isArray(AfterList) && AfterList.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props })))));
-};
-exports.default = DefaultList;
+"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_i18next_1 = require("react-i18next");
+const window_info_1 = require("@faceless-ui/window-info");
+const Eyebrow_1 = __importDefault(require("../../../elements/Eyebrow"));
+const Paginator_1 = __importDefault(require("../../../elements/Paginator"));
+const ListControls_1 = __importDefault(require("../../../elements/ListControls"));
+const ListSelection_1 = __importDefault(require("../../../elements/ListSelection"));
+const Pill_1 = __importDefault(require("../../../elements/Pill"));
+const Button_1 = __importDefault(require("../../../elements/Button"));
+const Table_1 = require("../../../elements/Table");
+const Meta_1 = __importDefault(require("../../../utilities/Meta"));
+const ViewDescription_1 = __importDefault(require("../../../elements/ViewDescription"));
+const PerPage_1 = __importDefault(require("../../../elements/PerPage"));
+const Gutter_1 = require("../../../elements/Gutter");
+const RelationshipProvider_1 = require("./RelationshipProvider");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const ShimmerEffect_1 = require("../../../elements/ShimmerEffect");
+const SelectionProvider_1 = require("./SelectionProvider");
+const EditMany_1 = __importDefault(require("../../../elements/EditMany"));
+const DeleteMany_1 = __importDefault(require("../../../elements/DeleteMany"));
+const PublishMany_1 = __importDefault(require("../../../elements/PublishMany"));
+const UnpublishMany_1 = __importDefault(require("../../../elements/UnpublishMany"));
+const formatFilesize_1 = __importDefault(require("../../../../../uploads/formatFilesize"));
+require("./index.scss");
+const baseClass = 'collection-list';
+const DefaultList = (props) => {
+    var _a, _b;
+    const { collection, collection: { labels: { singular: singularLabel, plural: pluralLabel, }, admin: { description, components: { BeforeList, BeforeListTable, AfterListTable, AfterList, } = {}, } = {}, }, data, newDocumentURL, limit, hasCreatePermission, disableEyebrow, modifySearchParams, handleSortChange, handleWhereChange, handlePageChange, handlePerPageChange, customHeader, resetParams, } = props;
+    const { breakpoints: { s: smallBreak } } = (0, window_info_1.useWindowInfo)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    let formattedDocs = data.docs || [];
+    if (collection.upload) {
+        formattedDocs = formattedDocs === null || formattedDocs === void 0 ? void 0 : formattedDocs.map((doc) => {
+            return {
+                ...doc,
+                filesize: (0, formatFilesize_1.default)(doc.filesize),
+            };
+        });
+    }
+    return (react_1.default.createElement("div", { className: baseClass },
+        Array.isArray(BeforeList) && BeforeList.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
+        react_1.default.createElement(Meta_1.default, { title: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) }),
+        react_1.default.createElement(SelectionProvider_1.SelectionProvider, { docs: data.docs, totalDocs: data.totalDocs },
+            !disableEyebrow && (react_1.default.createElement(Eyebrow_1.default, null)),
+            react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
+                react_1.default.createElement("header", { className: `${baseClass}__header` },
+                    customHeader && customHeader,
+                    !customHeader && (react_1.default.createElement(react_1.Fragment, null,
+                        react_1.default.createElement("h1", null, (0, getTranslation_1.getTranslation)(pluralLabel, i18n)),
+                        hasCreatePermission && (react_1.default.createElement(Pill_1.default, { to: newDocumentURL }, t('createNew'))),
+                        !smallBreak && (react_1.default.createElement(ListSelection_1.default, { label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) })),
+                        description && (react_1.default.createElement("div", { className: `${baseClass}__sub-header` },
+                            react_1.default.createElement(ViewDescription_1.default, { description: description })))))),
+                react_1.default.createElement(ListControls_1.default, { collection: collection, modifySearchQuery: modifySearchParams, handleSortChange: handleSortChange, handleWhereChange: handleWhereChange, resetParams: resetParams }),
+                Array.isArray(BeforeListTable) && BeforeListTable.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
+                !data.docs && (react_1.default.createElement(ShimmerEffect_1.StaggeredShimmers, { className: [`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' '), count: 6 })),
+                (data.docs && data.docs.length > 0) && (react_1.default.createElement(RelationshipProvider_1.RelationshipProvider, null,
+                    react_1.default.createElement(Table_1.Table, { data: formattedDocs }))),
+                data.docs && data.docs.length === 0 && (react_1.default.createElement("div", { className: `${baseClass}__no-results` },
+                    react_1.default.createElement("p", null, t('noResults', { label: (0, getTranslation_1.getTranslation)(pluralLabel, i18n) })),
+                    hasCreatePermission && newDocumentURL && (react_1.default.createElement(Button_1.default, { el: "link", to: newDocumentURL }, t('createNewLabel', { label: (0, getTranslation_1.getTranslation)(singularLabel, i18n) }))))),
+                Array.isArray(AfterListTable) && AfterListTable.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props }))),
+                react_1.default.createElement("div", { className: `${baseClass}__page-controls` },
+                    react_1.default.createElement(Paginator_1.default, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, disableHistoryChange: modifySearchParams === false, onChange: handlePageChange }),
+                    (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (react_1.default.createElement(react_1.Fragment, null,
+                        react_1.default.createElement("div", { className: `${baseClass}__page-info` },
+                            (data.page * data.limit) - (data.limit - 1),
+                            "-",
+                            data.totalPages > 1 && data.totalPages !== data.page ? (data.limit * data.page) : data.totalDocs,
+                            ' ',
+                            t('of'),
+                            ' ',
+                            data.totalDocs),
+                        react_1.default.createElement(PerPage_1.default, { limits: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.limits, limit: limit, modifySearchParams: modifySearchParams, handleChange: handlePerPageChange, resetPage: data.totalDocs <= data.pagingCounter }),
+                        react_1.default.createElement("div", { className: `${baseClass}__list-selection` }, smallBreak && (react_1.default.createElement(react_1.Fragment, null,
+                            react_1.default.createElement(ListSelection_1.default, { label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n) }),
+                            react_1.default.createElement("div", { className: `${baseClass}__list-selection-actions` },
+                                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 })))))))))),
+        Array.isArray(AfterList) && AfterList.map((Component, i) => (react_1.default.createElement(Component, { key: i, ...props })))));
+};
+exports.default = DefaultList;
 //# sourceMappingURL=Default.js.map

package/dist/admin/components/views/collections/List/RelationshipProvider/index.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { TypeWithID } from '../../../../../../collections/config/types';
-export type Documents = {
-    [slug: string]: {
-        [id: string | number]: TypeWithID | null | false;
-    };
-};
-type ListRelationshipContext = {
-    getRelationships: (docs: {
-        relationTo: string;
-        value: number | string;
-    }[]) => void;
-    documents: Documents;
-};
-export declare const RelationshipProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-export declare const useListRelationships: () => ListRelationshipContext;
-export {};
+import React from 'react';
+import { TypeWithID } from '../../../../../../collections/config/types';
+export type Documents = {
+    [slug: string]: {
+        [id: string | number]: TypeWithID | null | false;
+    };
+};
+type ListRelationshipContext = {
+    getRelationships: (docs: {
+        relationTo: string;
+        value: number | string;
+    }[]) => void;
+    documents: Documents;
+};
+export declare const RelationshipProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const useListRelationships: () => ListRelationshipContext;
+export {};

package/dist/admin/components/views/collections/List/RelationshipProvider/index.js

@@ -1,93 +1,93 @@
-"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.useListRelationships = exports.RelationshipProvider = void 0;
-const react_1 = __importStar(require("react"));
-const qs_1 = __importDefault(require("qs"));
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../../../utilities/Config");
-const reducer_1 = require("./reducer");
-const useDebounce_1 = __importDefault(require("../../../../../hooks/useDebounce"));
-const Locale_1 = require("../../../../utilities/Locale");
-const Context = (0, react_1.createContext)({});
-const RelationshipProvider = ({ children }) => {
-    const [documents, dispatchDocuments] = (0, react_1.useReducer)(reducer_1.reducer, {});
-    const debouncedDocuments = (0, useDebounce_1.default)(documents, 100);
-    const config = (0, Config_1.useConfig)();
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const locale = (0, Locale_1.useLocale)();
-    const prevLocale = (0, react_1.useRef)(locale);
-    const { serverURL, routes: { api }, } = config;
-    const loadRelationshipDocs = (0, react_1.useCallback)(async (reloadAll = false) => {
-        Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {
-            const idsToLoad = [];
-            Object.entries(docs).forEach(([id, value]) => {
-                if (value === null || reloadAll) {
-                    idsToLoad.push(id);
-                }
-            });
-            if (idsToLoad.length > 0) {
-                const url = `${serverURL}${api}/${slug}`;
-                const params = {
-                    depth: 0,
-                    'where[id][in]': idsToLoad,
-                    locale,
-                    limit: 250,
-                };
-                const query = qs_1.default.stringify(params, { addQueryPrefix: true });
-                const result = await fetch(`${url}${query}`, {
-                    credentials: 'include',
-                    headers: {
-                        'Accept-Language': i18n.language,
-                    },
-                });
-                if (result.ok) {
-                    const json = await result.json();
-                    if (json.docs) {
-                        dispatchDocuments({ type: 'ADD_LOADED', docs: json.docs, relationTo: slug, idsToLoad });
-                    }
-                }
-                else {
-                    dispatchDocuments({ type: 'ADD_LOADED', docs: [], relationTo: slug, idsToLoad });
-                }
-            }
-        });
-    }, [debouncedDocuments, serverURL, api, i18n, locale]);
-    (0, react_1.useEffect)(() => {
-        loadRelationshipDocs(locale && prevLocale.current !== locale);
-        prevLocale.current = locale;
-    }, [locale, loadRelationshipDocs]);
-    const getRelationships = (0, react_1.useCallback)(async (relationships) => {
-        dispatchDocuments({ type: 'REQUEST', docs: relationships });
-    }, []);
-    return (react_1.default.createElement(Context.Provider, { value: { getRelationships, documents } }, children));
-};
-exports.RelationshipProvider = RelationshipProvider;
-const useListRelationships = () => (0, react_1.useContext)(Context);
-exports.useListRelationships = useListRelationships;
+"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.useListRelationships = exports.RelationshipProvider = void 0;
+const react_1 = __importStar(require("react"));
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../utilities/Config");
+const reducer_1 = require("./reducer");
+const useDebounce_1 = __importDefault(require("../../../../../hooks/useDebounce"));
+const Locale_1 = require("../../../../utilities/Locale");
+const Context = (0, react_1.createContext)({});
+const RelationshipProvider = ({ children }) => {
+    const [documents, dispatchDocuments] = (0, react_1.useReducer)(reducer_1.reducer, {});
+    const debouncedDocuments = (0, useDebounce_1.default)(documents, 100);
+    const config = (0, Config_1.useConfig)();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const locale = (0, Locale_1.useLocale)();
+    const prevLocale = (0, react_1.useRef)(locale);
+    const { serverURL, routes: { api }, } = config;
+    const loadRelationshipDocs = (0, react_1.useCallback)(async (reloadAll = false) => {
+        Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {
+            const idsToLoad = [];
+            Object.entries(docs).forEach(([id, value]) => {
+                if (value === null || reloadAll) {
+                    idsToLoad.push(id);
+                }
+            });
+            if (idsToLoad.length > 0) {
+                const url = `${serverURL}${api}/${slug}`;
+                const params = {
+                    depth: 0,
+                    'where[id][in]': idsToLoad,
+                    locale,
+                    limit: 250,
+                };
+                const query = qs_1.default.stringify(params, { addQueryPrefix: true });
+                const result = await fetch(`${url}${query}`, {
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language,
+                    },
+                });
+                if (result.ok) {
+                    const json = await result.json();
+                    if (json.docs) {
+                        dispatchDocuments({ type: 'ADD_LOADED', docs: json.docs, relationTo: slug, idsToLoad });
+                    }
+                }
+                else {
+                    dispatchDocuments({ type: 'ADD_LOADED', docs: [], relationTo: slug, idsToLoad });
+                }
+            }
+        });
+    }, [debouncedDocuments, serverURL, api, i18n, locale]);
+    (0, react_1.useEffect)(() => {
+        loadRelationshipDocs(locale && prevLocale.current !== locale);
+        prevLocale.current = locale;
+    }, [locale, loadRelationshipDocs]);
+    const getRelationships = (0, react_1.useCallback)(async (relationships) => {
+        dispatchDocuments({ type: 'REQUEST', docs: relationships });
+    }, []);
+    return (react_1.default.createElement(Context.Provider, { value: { getRelationships, documents } }, children));
+};
+exports.RelationshipProvider = RelationshipProvider;
+const useListRelationships = () => (0, react_1.useContext)(Context);
+exports.useListRelationships = useListRelationships;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.d.ts

@@ -1,18 +1,18 @@
-import { Documents } from './index';
-import { TypeWithID } from '../../../../../../collections/config/types';
-type RequestDocuments = {
-    type: 'REQUEST';
-    docs: {
-        relationTo: string;
-        value: number | string;
-    }[];
-};
-type AddLoadedDocuments = {
-    type: 'ADD_LOADED';
-    relationTo: string;
-    docs: TypeWithID[];
-    idsToLoad: (string | number)[];
-};
-type Action = RequestDocuments | AddLoadedDocuments;
-export declare function reducer(state: Documents, action: Action): Documents;
-export {};
+import { Documents } from './index';
+import { TypeWithID } from '../../../../../../collections/config/types';
+type RequestDocuments = {
+    type: 'REQUEST';
+    docs: {
+        relationTo: string;
+        value: number | string;
+    }[];
+};
+type AddLoadedDocuments = {
+    type: 'ADD_LOADED';
+    relationTo: string;
+    docs: TypeWithID[];
+    idsToLoad: (string | number)[];
+};
+type Action = RequestDocuments | AddLoadedDocuments;
+export declare function reducer(state: Documents, action: Action): Documents;
+export {};

package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.js

@@ -1,39 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = void 0;
-function reducer(state, action) {
-    switch (action.type) {
-        case 'REQUEST': {
-            const newState = { ...state };
-            action.docs.forEach(({ relationTo, value }) => {
-                if (typeof newState[relationTo] !== 'object') {
-                    newState[relationTo] = {};
-                }
-                newState[relationTo][value] = null;
-            });
-            return newState;
-        }
-        case 'ADD_LOADED': {
-            const newState = { ...state };
-            if (typeof newState[action.relationTo] !== 'object') {
-                newState[action.relationTo] = {};
-            }
-            const unreturnedIDs = [...action.idsToLoad];
-            if (Array.isArray(action.docs)) {
-                action.docs.forEach((doc) => {
-                    unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1);
-                    newState[action.relationTo][doc.id] = doc;
-                });
-            }
-            unreturnedIDs.forEach((id) => {
-                newState[action.relationTo][id] = false;
-            });
-            return newState;
-        }
-        default: {
-            return state;
-        }
-    }
-}
-exports.reducer = reducer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reducer = void 0;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'REQUEST': {
+            const newState = { ...state };
+            action.docs.forEach(({ relationTo, value }) => {
+                if (typeof newState[relationTo] !== 'object') {
+                    newState[relationTo] = {};
+                }
+                newState[relationTo][value] = null;
+            });
+            return newState;
+        }
+        case 'ADD_LOADED': {
+            const newState = { ...state };
+            if (typeof newState[action.relationTo] !== 'object') {
+                newState[action.relationTo] = {};
+            }
+            const unreturnedIDs = [...action.idsToLoad];
+            if (Array.isArray(action.docs)) {
+                action.docs.forEach((doc) => {
+                    unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1);
+                    newState[action.relationTo][doc.id] = doc;
+                });
+            }
+            unreturnedIDs.forEach((id) => {
+                newState[action.relationTo][id] = false;
+            });
+            return newState;
+        }
+        default: {
+            return state;
+        }
+    }
+}
+exports.reducer = reducer;
 //# sourceMappingURL=reducer.js.map

package/dist/admin/components/views/collections/List/SelectAll/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import './index.scss';
-declare const SelectAll: React.FC;
-export default SelectAll;
+import React from 'react';
+import './index.scss';
+declare const SelectAll: React.FC;
+export default SelectAll;

package/dist/admin/components/views/collections/List/SelectAll/index.js

@@ -1,21 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const SelectionProvider_1 = require("../SelectionProvider");
-const Check_1 = __importDefault(require("../../../../icons/Check"));
-const Line_1 = __importDefault(require("../../../../icons/Line"));
-require("./index.scss");
-const baseClass = 'select-all';
-const SelectAll = () => {
-    const { selectAll, toggleAll } = (0, SelectionProvider_1.useSelection)();
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("button", { type: "button", onClick: () => toggleAll() },
-            react_1.default.createElement("span", { className: `${baseClass}__input` },
-                (selectAll === SelectionProvider_1.SelectAllStatus.AllInPage || selectAll === SelectionProvider_1.SelectAllStatus.AllAvailable) && (react_1.default.createElement(Check_1.default, null)),
-                selectAll === SelectionProvider_1.SelectAllStatus.Some && (react_1.default.createElement(Line_1.default, null))))));
-};
-exports.default = SelectAll;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const SelectionProvider_1 = require("../SelectionProvider");
+const Check_1 = __importDefault(require("../../../../icons/Check"));
+const Line_1 = __importDefault(require("../../../../icons/Line"));
+require("./index.scss");
+const baseClass = 'select-all';
+const SelectAll = () => {
+    const { selectAll, toggleAll } = (0, SelectionProvider_1.useSelection)();
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("button", { type: "button", onClick: () => toggleAll() },
+            react_1.default.createElement("span", { className: `${baseClass}__input` },
+                (selectAll === SelectionProvider_1.SelectAllStatus.AllInPage || selectAll === SelectionProvider_1.SelectAllStatus.AllAvailable) && (react_1.default.createElement(Check_1.default, null)),
+                selectAll === SelectionProvider_1.SelectAllStatus.Some && (react_1.default.createElement(Line_1.default, null))))));
+};
+exports.default = SelectAll;
 //# sourceMappingURL=index.js.map