payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,265 @@
+"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 getInitialColumns_1 = __importDefault(require("../../views/collections/List/getInitialColumns"));
+const buildColumns_1 = __importDefault(require("../../views/collections/List/buildColumns"));
+const formatFields_1 = __importDefault(require("../../views/collections/List/formatFields"));
+const Preferences_1 = require("../../utilities/Preferences");
+const _1 = require(".");
+const buildColumns = ({ collectionConfig, columns, onSelect, t, }) => (0, buildColumns_1.default)({
+    collection: collectionConfig,
+    columns,
+    t,
+    cellProps: [{
+            link: false,
+            onClick: ({ collection, rowData }) => {
+                if (typeof onSelect === 'function') {
+                    onSelect({
+                        docID: rowData.id,
+                        collectionConfig: collection,
+                    });
+                }
+            },
+            className: `${_1.baseClass}__first-cell`,
+        }],
+});
+const shouldIncludeCollection = ({ coll: { admin: { enableRichTextRelationship }, upload, slug, }, uploads, collectionSlugs, }) => (enableRichTextRelationship && ((uploads && Boolean(upload)) || (collectionSlugs === null || collectionSlugs === void 0 ? void 0 : collectionSlugs.includes(slug))));
+const DrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs, uploads, selectedCollection, enabledCollectionConfigs, 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 { getPreference, 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 [selectedCollectionConfig, setSelectedCollectionConfig] = (0, react_1.useState)(() => {
+        let initialSelection;
+        if (selectedCollection) {
+            // if passed a selection, find it and check if it's enabled
+            const foundSelection = collections.find(({ slug }) => slug === selectedCollection);
+            if (foundSelection && shouldIncludeCollection({ coll: foundSelection, uploads, collectionSlugs })) {
+                initialSelection = foundSelection;
+            }
+        }
+        else {
+            // return the first one that is enabled
+            initialSelection = collections.find((coll) => shouldIncludeCollection({ coll, uploads, collectionSlugs }));
+        }
+        return initialSelection;
+    });
+    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, t));
+    const [tableColumns, setTableColumns] = (0, react_1.useState)(() => {
+        const initialColumns = (0, getInitialColumns_1.default)(fields, selectedCollectionConfig.admin.useAsTitle, selectedCollectionConfig.admin.defaultColumns);
+        return buildColumns({
+            collectionConfig: selectedCollectionConfig,
+            columns: initialColumns,
+            t,
+            onSelect,
+        });
+    });
+    // allow external control of selected collection, same as the initial state logic above
+    (0, react_1.useEffect)(() => {
+        let newSelection;
+        if (selectedCollection) {
+            // if passed a selection, find it and check if it's enabled
+            const foundSelection = collections.find(({ slug }) => slug === selectedCollection);
+            if (foundSelection && shouldIncludeCollection({ coll: foundSelection, uploads, collectionSlugs })) {
+                newSelection = foundSelection;
+            }
+        }
+        else {
+            // return the first one that is enabled
+            newSelection = collections.find((coll) => shouldIncludeCollection({ coll, uploads, collectionSlugs }));
+        }
+        setSelectedCollectionConfig(newSelection);
+    }, [selectedCollection, collectionSlugs, uploads, collections, onSelect, t]);
+    const activeColumnNames = tableColumns.map(({ accessor }) => accessor);
+    const stringifiedActiveColumns = JSON.stringify(activeColumnNames);
+    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(collections.find(({ slug }) => selectedOption.value === slug));
+        }
+    }, [selectedOption, collections]);
+    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 syncColumnsFromPrefs = async () => {
+            const currentPreferences = await getPreference(preferenceKey);
+            const newFields = (0, formatFields_1.default)(selectedCollectionConfig, t);
+            setFields(newFields);
+            const initialColumns = (0, getInitialColumns_1.default)(newFields, selectedCollectionConfig.admin.useAsTitle, selectedCollectionConfig.admin.defaultColumns);
+            setTableColumns(buildColumns({
+                collectionConfig: selectedCollectionConfig,
+                columns: (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns) || initialColumns,
+                t,
+                onSelect,
+            }));
+        };
+        syncColumnsFromPrefs();
+    }, [t, getPreference, preferenceKey, onSelect, selectedCollectionConfig]);
+    (0, react_1.useEffect)(() => {
+        const newPreferences = {
+            limit,
+            sort,
+            columns: JSON.parse(stringifiedActiveColumns),
+        };
+        setPreference(preferenceKey, newPreferences);
+    }, [sort, limit, stringifiedActiveColumns, setPreference, preferenceKey]);
+    const setActiveColumns = (0, react_1.useCallback)((columns) => {
+        setTableColumns(buildColumns({
+            collectionConfig: selectedCollectionConfig,
+            columns,
+            t,
+            onSelect,
+        }));
+    }, [selectedCollectionConfig, t, onSelect]);
+    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(react_1.Fragment, null,
+        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,
+                    tableColumns,
+                    setColumns: setActiveColumns,
+                    setSort,
+                    newDocumentURL: null,
+                    hasCreatePermission,
+                    columnNames: activeColumnNames,
+                    disableEyebrow: true,
+                    modifySearchParams: false,
+                    onCardClick: (doc) => {
+                        if (typeof onSelect === 'function') {
+                            onSelect({
+                                docID: doc.id,
+                                collectionConfig: selectedCollectionConfig,
+                            });
+                        }
+                        closeModal(drawerSlug);
+                    },
+                    disableCardLink: true,
+                    handleSortChange: setSort,
+                    handleWhereChange: setWhere,
+                    handlePageChange: setPage,
+                    handlePerPageChange: setLimit,
+                } })),
+        react_1.default.createElement(DocumentDrawer, { onSave: onCreateNew })));
+};
+const ListDrawerContent = (props) => {
+    const { collectionSlugs, uploads, } = props;
+    const { collections } = (0, Config_1.useConfig)();
+    const [enabledCollectionConfigs] = (0, react_1.useState)(() => collections.filter((coll) => shouldIncludeCollection({ coll, uploads, collectionSlugs })));
+    if (enabledCollectionConfigs.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement(DrawerContent, { ...props, enabledCollectionConfigs: enabledCollectionConfigs }));
+};
+exports.ListDrawerContent = ListDrawerContent;
+//# sourceMappingURL=DrawerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsF;AACtF,8CAA8C;AAC9C,iDAA+C;AAE/C,yEAAsE;AACtE,mDAAmD;AACnD,+CAA+C;AAC/C,+DAAoE;AACpE,kGAA0E;AAC1E,iFAAyD;AAEzD,mFAA+D;AAC/D,8DAAsC;AACtC,iEAAyC;AACzC,sDAAsD;AACtD,mDAA2B;AAC3B,sDAA8B;AAC9B,yEAAiD;AAEjD,uGAAmF;AACnF,6FAAyE;AACzE,6FAAqE;AAErE,6DAA6D;AAE7D,wBAA8B;AAE9B,MAAM,YAAY,GAAG,CAAC,EACpB,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,CAAC,GACF,EAAE,EAAE,CAAC,IAAA,sBAAgB,EAAC;IACrB,UAAU,EAAE,gBAAgB;IAC5B,OAAO;IACP,CAAC;IACD,SAAS,EAAE,CAAC;YACV,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;gBACnC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;oBAClC,QAAQ,CAAC;wBACP,KAAK,EAAE,OAAO,CAAC,EAAE;wBACjB,gBAAgB,EAAE,UAAU;qBAC7B,CAAC,CAAC;iBACJ;YACH,CAAC;YACD,SAAS,EAAE,GAAG,YAAS,cAAc;SACtC,CAAC;CACH,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,CAAC,EAC/B,IAAI,EAAE,EACJ,KAAK,EAAE,EAAE,0BAA0B,EAAE,EACrC,MAAM,EACN,IAAI,GACL,EACD,OAAO,EACP,eAAe,GAChB,EAAE,EAAE,CAAC,CAAC,0BAA0B,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,KAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,CAAC;AAExG,MAAM,aAAa,GAEd,CAAC,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,OAAO,EACP,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,GACd,EAAE,EAAE;;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,EAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,cAAO,GAAE,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,IAAA,4BAAc,GAAE,CAAC;IAC1D,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IAEhE,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,IAAA,gBAAQ,EAA4B,GAAG,EAAE;QACvG,IAAI,gBAA2C,CAAC;QAChD,IAAI,kBAAkB,EAAE;YACtB,2DAA2D;YAC3D,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,CAAC;YACnF,IAAI,cAAc,IAAI,uBAAuB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE;gBACjG,gBAAgB,GAAG,cAAc,CAAC;aACnC;SACF;aAAM;YACL,uCAAuC;YACvC,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;SAC5G;QACD,OAAO,gBAAgB,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAmC,GAAG,EAAE,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAA,+BAAc,EAAC,wBAAwB,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAEvP,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE,CAAC,IAAA,sBAAY,EAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,CAAC;IAE/F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAW,GAAG,EAAE;QAC9D,MAAM,cAAc,GAAG,IAAA,2BAAqB,EAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,CAAC,UAAU,EAAE,wBAAwB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC/I,OAAO,YAAY,CAAC;YAClB,gBAAgB,EAAE,wBAAwB;YAC1C,OAAO,EAAE,cAAc;YACvB,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,uFAAuF;IACvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAuC,CAAC;QAC5C,IAAI,kBAAkB,EAAE;YACtB,2DAA2D;YAC3D,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB,CAAC,CAAC;YACnF,IAAI,cAAc,IAAI,uBAAuB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE;gBACjG,YAAY,GAAG,cAAc,CAAC;aAC/B;SACF;aAAM;YACL,uCAAuC;YACvC,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;SACxG;QACD,2BAA2B,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,kBAAkB,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvE,MAAM,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACnE,MAAM,aAAa,GAAG,GAAG,wBAAwB,CAAC,IAAI,OAAO,CAAC;IAE9D,kCAAkC;IAClC,MAAM,CACJ,cAAc,EACd,qBAAqB,EACrB,EACE,UAAU,EAAE,kBAAkB,GAC/B,EACF,GAAG,IAAA,kCAAiB,EAAC;QACpB,cAAc,EAAE,wBAAwB,CAAC,IAAI;KAC9C,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC;SAC5F;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,MAAM,qBAAqB,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAG,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,CAAC,CAAC;IACzF,MAAM,mBAAmB,GAAG,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,0CAAE,UAAU,CAAC;IAEtE,sDAAsD;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,GAAG,IAAI,wBAAwB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrF,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,yDAAyD;IACrI,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,IAAA,uBAAa,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,8BAA8B,GAAG,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAMR,EAAE,CAAC;QAEP,IAAI,IAAI;YAAE,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QAE7B,MAAM,CAAC,KAAK,GAAG;YACb,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE;YAC5B,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,wBAAwB,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC;gBAClD,GAAG,aAAa,CAAC,wBAAwB,CAAC,IAAI,CAAC;aAChD,CAAC,CAAC,CAAC,EAAE;SACP,CAAC;QAEF,IAAI,IAAI;YAAE,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QAC7B,IAAI,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAChC,IAAI,SAAS;YAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;QAE5C,SAAS,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE9F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,oBAAoB,GAAG,KAAK,IAAI,EAAE;YACtC,MAAM,kBAAkB,GAAG,MAAM,aAAa,CAAkB,aAAa,CAAC,CAAC;YAC/E,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;YAC5D,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,MAAM,cAAc,GAAG,IAAA,2BAAqB,EAAC,SAAS,EAAE,wBAAwB,CAAC,KAAK,CAAC,UAAU,EAAE,wBAAwB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAClJ,eAAe,CAAC,YAAY,CAAC;gBAC3B,gBAAgB,EAAE,wBAAwB;gBAC1C,OAAO,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,KAAI,cAAc;gBACtD,CAAC;gBACD,QAAQ;aACT,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE1E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG;YACrB,KAAK;YACL,IAAI;YACJ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC;SAC9C,CAAC;QAEF,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1E,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAiB,EAAE,EAAE;QACzD,eAAe,CAAC,YAAY,CAAC;YAC3B,gBAAgB,EAAE,wBAAwB;YAC1C,OAAO;YACP,CAAC;YACD,QAAQ;SACT,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,wBAAwB,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1C,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC;gBACP,KAAK,EAAE,GAAG,CAAC,EAAE;gBACb,gBAAgB,EAAE,wBAAwB;aAC3C,CAAC,CAAC;SACJ;QACD,iBAAiB,EAAE,CAAC;QACpB,UAAU,CAAC,kBAAkB,CAAC,CAAC;QAC/B,UAAU,CAAC,UAAU,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAErF,IAAI,CAAC,wBAAwB,IAAI,OAAO,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,mCAAoB,IAAC,UAAU,EAAE,wBAAwB;YACxD,8BAAC,+BAAqB,IACpB,gBAAgB,EAAE,iBAAW,EAC7B,eAAe,EAAE,MAAA,MAAA,MAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,KAAK,0CAAE,UAAU,0CAAE,KAAK,0CAAE,IAAI,EACzE,cAAc,EAAE;oBACd,UAAU,EAAE;wBACV,GAAG,wBAAwB;wBAC3B,MAAM;qBACP;oBACD,YAAY,EAAE,CACZ,0CAAQ,SAAS,EAAE,GAAG,YAAS,UAAU;wBACvC,uCAAK,SAAS,EAAE,GAAG,YAAS,eAAe;4BACzC,uCAAK,SAAS,EAAE,GAAG,YAAS,kBAAkB;gCAC5C,sCAAI,SAAS,EAAE,GAAG,YAAS,eAAe,IACvC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAA,+BAAc,EAAC,MAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,MAAM,0CAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAC3F;gCACJ,mBAAmB,IAAI,CACtB,8BAAC,qBAAqB,IACpB,SAAS,EAAE,GAAG,YAAS,qBAAqB;oCAE5C,8BAAC,cAAI,QACF,CAAC,CAAC,mBAAmB,CAAC,CAClB,CACe,CACzB,CACG;4BACN,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,UAAU,CAAC,UAAU,CAAC,CAAC;gCACzB,CAAC,EACD,SAAS,EAAE,GAAG,YAAS,gBAAgB;gCAEvC,8BAAC,WAAC,OAAG,CACE,CACL;wBACL,CAAA,MAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,KAAK,0CAAE,WAAW,KAAI,CAC/C,uCAAK,SAAS,EAAE,GAAG,YAAS,cAAc;4BACxC,8BAAC,yBAAe,IAAC,WAAW,EAAE,wBAAwB,CAAC,KAAK,CAAC,WAAW,GAAI,CACxE,CACP;wBACA,8BAA8B,IAAI,CACjC,uCAAK,SAAS,EAAE,GAAG,YAAS,0BAA0B;4BACpD,8BAAC,eAAK,IAAC,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,GAAI;4BAC/C,8BAAC,qBAAW,IACV,SAAS,EAAE,GAAG,YAAS,qBAAqB,EAC5C,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAA,+BAAc,EAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,GAC1H,CACE,CACP,CACM,CACV;oBACD,IAAI;oBACJ,KAAK,EAAE,KAAK,KAAI,MAAA,MAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,KAAK,0CAAE,UAAU,0CAAE,YAAY,CAAA;oBACzE,QAAQ;oBACR,YAAY;oBACZ,UAAU,EAAE,gBAAgB;oBAC5B,OAAO;oBACP,cAAc,EAAE,IAAI;oBACpB,mBAAmB;oBACnB,WAAW,EAAE,iBAAiB;oBAC9B,cAAc,EAAE,IAAI;oBACpB,kBAAkB,EAAE,KAAK;oBACzB,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;wBACnB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;4BAClC,QAAQ,CAAC;gCACP,KAAK,EAAE,GAAG,CAAC,EAAE;gCACb,gBAAgB,EAAE,wBAAwB;6BAC3C,CAAC,CAAC;yBACJ;wBACD,UAAU,CAAC,UAAU,CAAC,CAAC;oBACzB,CAAC;oBACD,eAAe,EAAE,IAAI;oBACrB,gBAAgB,EAAE,OAAO;oBACzB,iBAAiB,EAAE,QAAQ;oBAC3B,gBAAgB,EAAE,OAAO;oBACzB,mBAAmB,EAAE,QAAQ;iBAC9B,GACD,CACmB;QACvB,8BAAC,cAAc,IAAC,MAAM,EAAE,WAAW,GAAI,CAC9B,CACZ,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EACJ,eAAe,EACf,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IAEpC,MAAM,CAAC,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IAE7I,IAAI,wBAAwB,CAAC,MAAM,KAAK,CAAC,EAAE;QACzC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,aAAa,OACR,KAAK,EACT,wBAAwB,EAAE,wBAAwB,GAClD,CACH,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,iBAAiB,qBAoB5B"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types';
+import './index.scss';
+export declare const baseClass = "list-drawer";
+export declare const ListDrawerToggler: React.FC<ListTogglerProps>;
+export declare const ListDrawer: React.FC<ListDrawerProps>;
+export declare const useListDrawer: UseListDrawer;

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

@@ -0,0 +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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListDrawer = exports.ListDrawer = exports.ListDrawerToggler = exports.baseClass = void 0;
+const react_1 = __importStar(require("react"));
+const modal_1 = require("@faceless-ui/modal");
+const Drawer_1 = require("../Drawer");
+const EditDepth_1 = require("../../utilities/EditDepth");
+const DrawerContent_1 = require("./DrawerContent");
+require("./index.scss");
+exports.baseClass = 'list-drawer';
+const formatListDrawerSlug = ({ depth, uuid, }) => `list-drawer_${depth}_${uuid}`;
+const ListDrawerToggler = ({ children, className, drawerSlug, disabled, ...rest }) => {
+    return (react_1.default.createElement(Drawer_1.DrawerToggler, { slug: drawerSlug, className: [
+            className,
+            `${exports.baseClass}__toggler`,
+        ].filter(Boolean).join(' '), disabled: disabled, ...rest }, children));
+};
+exports.ListDrawerToggler = ListDrawerToggler;
+const ListDrawer = (props) => {
+    const { drawerSlug } = props;
+    return (react_1.default.createElement(Drawer_1.Drawer, { slug: drawerSlug, className: exports.baseClass, header: false, gutter: false },
+        react_1.default.createElement(DrawerContent_1.ListDrawerContent, { ...props })));
+};
+exports.ListDrawer = ListDrawer;
+const useListDrawer = ({ collectionSlugs, uploads, selectedCollection, filterOptions, }) => {
+    const drawerDepth = (0, EditDepth_1.useEditDepth)();
+    const uuid = (0, react_1.useId)();
+    const { modalState, toggleModal, closeModal, openModal } = (0, modal_1.useModal)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const drawerSlug = formatListDrawerSlug({
+        depth: drawerDepth,
+        uuid,
+    });
+    (0, react_1.useEffect)(() => {
+        var _a;
+        setIsOpen(Boolean((_a = modalState[drawerSlug]) === null || _a === void 0 ? void 0 : _a.isOpen));
+    }, [modalState, drawerSlug]);
+    const toggleDrawer = (0, react_1.useCallback)(() => {
+        toggleModal(drawerSlug);
+    }, [toggleModal, drawerSlug]);
+    const closeDrawer = (0, react_1.useCallback)(() => {
+        closeModal(drawerSlug);
+    }, [drawerSlug, closeModal]);
+    const openDrawer = (0, react_1.useCallback)(() => {
+        openModal(drawerSlug);
+    }, [drawerSlug, openModal]);
+    const MemoizedDrawer = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.ListDrawer, { ...props, drawerSlug: drawerSlug, collectionSlugs: collectionSlugs, uploads: uploads, closeDrawer: closeDrawer, key: drawerSlug, selectedCollection: selectedCollection, filterOptions: filterOptions })));
+    }, [drawerSlug, collectionSlugs, uploads, closeDrawer, selectedCollection, filterOptions]);
+    const MemoizedDrawerToggler = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.ListDrawerToggler, { ...props, drawerSlug: drawerSlug })));
+    }, [drawerSlug]);
+    const MemoizedDrawerState = (0, react_1.useMemo)(() => ({
+        drawerSlug,
+        drawerDepth,
+        isDrawerOpen: isOpen,
+        toggleDrawer,
+        closeDrawer,
+        openDrawer,
+    }), [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer]);
+    return [
+        MemoizedDrawer,
+        MemoizedDrawerToggler,
+        MemoizedDrawerState,
+    ];
+};
+exports.useListDrawer = useListDrawer;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ListDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListDrawer/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/elements/ListDrawer/index.scss

@@ -0,0 +1,97 @@
+@import '../../../scss/styles.scss';
+
+.list-drawer {
+  &__header {
+    margin-top: base(2.5);
+    width: 100%;
+
+    @include mid-break {
+      margin-top: base(1.5);
+    }
+  }
+
+  &__header-wrap {
+    display: flex;
+  }
+
+  &__header-content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-grow: 1;
+    align-items: flex-start;
+
+    .pill {
+      pointer-events: none;
+      margin: 0;
+      margin-top: base(0.25);
+      margin-left: base(0.5);
+
+      @include mid-break {
+        margin-top: 0;
+      }
+    }
+  }
+
+  &__header-text {
+    margin: 0;
+  }
+
+  &__toggler {
+    background: transparent;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+
+    &:focus,
+    &:focus-within {
+      outline: none;
+    }
+
+    &:disabled {
+      pointer-events: none;
+    }
+  }
+
+  &__header-close {
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
+    overflow: hidden;
+    width: base(1);
+    height: base(1);
+
+    svg {
+      width: base(2.75);
+      height: base(2.75);
+      position: relative;
+      left: base(-.825);
+      top: base(-.825);
+
+      .stroke {
+        stroke-width: 2px;
+        vector-effect: non-scaling-stroke;
+      }
+    }
+  }
+
+  &__select-collection-wrap {
+    margin-top: base(1);
+  }
+
+  &__first-cell {
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
+    text-decoration: underline;
+    text-align: left;
+    white-space: nowrap;
+  }
+
+  @include mid-break {
+    .collection-list__header {
+      margin-bottom: base(0.5);
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes } from 'react';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { FilterOptionsResult } from '../../forms/field-types/Relationship/types';
+export type ListDrawerProps = {
+    onSelect?: (args: {
+        docID: string;
+        collectionConfig: SanitizedCollectionConfig;
+    }) => void;
+    customHeader?: React.ReactNode;
+    drawerSlug?: string;
+    collectionSlugs?: string[];
+    uploads?: boolean;
+    selectedCollection?: string;
+    filterOptions?: FilterOptionsResult;
+};
+export type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    drawerSlug?: string;
+    disabled?: boolean;
+};
+export type UseListDrawer = (args: {
+    collectionSlugs?: string[];
+    selectedCollection?: string;
+    uploads?: boolean;
+    filterOptions?: FilterOptionsResult;
+}) => [
+    React.FC<Omit<ListDrawerProps, 'collectionSlug' | 'id'>>,
+    React.FC<Omit<ListTogglerProps, 'collectionSlug' | 'id'>>,
+    {
+        drawerSlug: string;
+        drawerDepth: number;
+        isDrawerOpen: boolean;
+        toggleDrawer: () => void;
+        closeDrawer: () => void;
+        openDrawer: () => void;
+    }
+];

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

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

package/dist/admin/components/elements/ListDrawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListDrawer/types.ts"],"names":[],"mappings":""}

package/dist/admin/components/elements/Loading/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { LoadingOverlayTypes } from '../../utilities/LoadingOverlay/types';
+import './index.scss';
+type Props = {
+    show?: boolean;
+    loadingText?: string;
+    overlayType?: string;
+    animationDuration?: string;
+};
+export declare const LoadingOverlay: React.FC<Props>;
+type UseLoadingOverlayToggleT = {
+    show: boolean;
+    name: string;
+    type?: LoadingOverlayTypes;
+    loadingText?: string;
+};
+export declare const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleT>;
+type FormLoadingOverlayToggleT = {
+    name: string;
+    type?: LoadingOverlayTypes;
+    formIsLoading?: boolean;
+    action: 'loading' | 'create' | 'update';
+    loadingSuffix?: string;
+};
+export declare const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleT>;
+export {};

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLoadingOverlayToggle = exports.LoadingOverlayToggle = exports.LoadingOverlay = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const context_1 = require("../../forms/Form/context");
+const LoadingOverlay_1 = require("../../utilities/LoadingOverlay");
+require("./index.scss");
+const baseClass = 'loading-overlay';
+const LoadingOverlay = ({ loadingText, show = true, overlayType, animationDuration }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    return (react_1.default.createElement("div", { className: [
+            baseClass,
+            show ? `${baseClass}--entering` : `${baseClass}--exiting`,
+            overlayType ? `${baseClass}--${overlayType}` : '',
+        ].filter(Boolean).join(' '), style: {
+            animationDuration: animationDuration || '500ms',
+        } },
+        react_1.default.createElement("div", { className: `${baseClass}__bars` },
+            react_1.default.createElement("div", { className: `${baseClass}__bar` }),
+            react_1.default.createElement("div", { className: `${baseClass}__bar` }),
+            react_1.default.createElement("div", { className: `${baseClass}__bar` }),
+            react_1.default.createElement("div", { className: `${baseClass}__bar` }),
+            react_1.default.createElement("div", { className: `${baseClass}__bar` })),
+        react_1.default.createElement("span", { className: `${baseClass}__text` }, loadingText || t('loading'))));
+};
+exports.LoadingOverlay = LoadingOverlay;
+const LoadingOverlayToggle = ({ name: key, show, type = 'fullscreen', loadingText }) => {
+    const { toggleLoadingOverlay } = (0, LoadingOverlay_1.useLoadingOverlay)();
+    react_1.default.useEffect(() => {
+        toggleLoadingOverlay({
+            key,
+            isLoading: show,
+            type,
+            loadingText: loadingText || undefined,
+        });
+        return () => {
+            toggleLoadingOverlay({
+                key,
+                isLoading: false,
+                type,
+            });
+        };
+    }, [show, toggleLoadingOverlay, key, type, loadingText]);
+    return null;
+};
+exports.LoadingOverlayToggle = LoadingOverlayToggle;
+const FormLoadingOverlayToggle = ({ name, formIsLoading = false, action, type = 'fullscreen', loadingSuffix }) => {
+    const isProcessing = (0, context_1.useFormProcessing)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const labels = {
+        create: t('creating'),
+        update: t('updating'),
+        loading: t('loading'),
+    };
+    return (react_1.default.createElement(exports.LoadingOverlayToggle, { name: name, show: formIsLoading || isProcessing, type: type, loadingText: `${labels[action]} ${loadingSuffix ? (0, getTranslation_1.getTranslation)(loadingSuffix, i18n) : ''}`.trim() }));
+};
+exports.FormLoadingOverlayToggle = FormLoadingOverlayToggle;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Loading/index.tsx"],"names":[],"mappings":"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"}