payload 1.15.10 → 1.15.12

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

@@ -0,0 +1,17 @@
+@import '../../../scss/styles.scss';
+
+.delete-documents {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  height: 100%;
+
+  &__template {
+    z-index: 1;
+    position: relative;
+  }
+
+  .btn {
+    margin-right: $baseline;
+  }
+}

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

@@ -0,0 +1,7 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import type { Props as ListProps } from '../../views/collections/List/types';
+export type Props = {
+    collection: SanitizedCollectionConfig;
+    title?: string;
+    resetParams: ListProps['resetParams'];
+};

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

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

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

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

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

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

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

@@ -0,0 +1,152 @@
+"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.DocumentDrawerContent = void 0;
+const react_1 = __importStar(require("react"));
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const react_toastify_1 = require("react-toastify");
+const Default_1 = __importDefault(require("../../views/collections/Edit/Default"));
+const X_1 = __importDefault(require("../../icons/X"));
+const buildStateFromSchema_1 = __importDefault(require("../../forms/Form/buildStateFromSchema"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Button_1 = __importDefault(require("../Button"));
+const Config_1 = require("../../utilities/Config");
+const Locale_1 = require("../../utilities/Locale");
+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 formatFields_1 = __importDefault(require("../../views/collections/Edit/formatFields"));
+const useRelatedCollections_1 = require("../../forms/field-types/Relationship/AddNew/useRelatedCollections");
+const IDLabel_1 = __importDefault(require("../IDLabel"));
+const _1 = require(".");
+const Content = ({ collectionSlug, drawerSlug, customHeader, onSave, }) => {
+    var _a, _b, _c, _d, _e;
+    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { toggleModal, modalState, closeModal } = (0, modal_1.useModal)();
+    const locale = (0, Locale_1.useLocale)();
+    const { permissions, user } = (0, Auth_1.useAuth)();
+    const [internalState, setInternalState] = (0, react_1.useState)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)(['fields', 'general']);
+    const hasInitializedState = (0, react_1.useRef)(false);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [collectionConfig] = (0, useRelatedCollections_1.useRelatedCollections)(collectionSlug);
+    const { docPermissions, id, getDocPreferences } = (0, DocumentInfo_1.useDocumentInfo)();
+    const [fields, setFields] = (0, react_1.useState)(() => (0, formatFields_1.default)(collectionConfig, true));
+    // no need to an additional requests when creating new documents
+    const initialID = (0, react_1.useRef)(id);
+    const [{ data, isLoading: isLoadingDocument, isError }] = (0, usePayloadAPI_1.default)((initialID.current ? `${serverURL}${api}/${collectionSlug}/${initialID.current}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
+    (0, react_1.useEffect)(() => {
+        setFields((0, formatFields_1.default)(collectionConfig, true));
+    }, [collectionSlug, collectionConfig]);
+    (0, react_1.useEffect)(() => {
+        if (isLoadingDocument || hasInitializedState.current) {
+            return;
+        }
+        const awaitInitialState = async () => {
+            const preferences = await getDocPreferences();
+            const state = await (0, buildStateFromSchema_1.default)({
+                fieldSchema: fields,
+                preferences,
+                data,
+                user,
+                operation: id ? 'update' : 'create',
+                id,
+                locale,
+                t,
+            });
+            setInternalState(state);
+        };
+        awaitInitialState();
+        hasInitializedState.current = true;
+    }, [data, fields, id, user, locale, isLoadingDocument, t, getDocPreferences]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        setIsOpen(Boolean((_a = modalState[drawerSlug]) === null || _a === void 0 ? void 0 : _a.isOpen));
+    }, [modalState, drawerSlug]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (isOpen && !isLoadingDocument && isError) {
+            closeModal(drawerSlug);
+            react_toastify_1.toast.error(((_a = data.errors) === null || _a === void 0 ? void 0 : _a[0].message) || t('error:unspecific'));
+        }
+    }, [isError, t, isOpen, data, drawerSlug, closeModal, isLoadingDocument]);
+    if (isError)
+        return null;
+    const isEditing = Boolean(id);
+    const apiURL = id ? `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}` : null;
+    const action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}?locale=${locale}&fallback-locale=null`;
+    const hasSavePermission = (isEditing && ((_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission)) || (!isEditing && ((_b = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.create) === null || _b === void 0 ? void 0 : _b.permission));
+    const isLoading = !internalState || !docPermissions || isLoadingDocument;
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: (_e = (_d = (_c = collectionConfig.admin) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.views) === null || _e === void 0 ? void 0 : _e.Edit, componentProps: {
+            isLoading,
+            data,
+            id,
+            collection: collectionConfig,
+            permissions: permissions.collections[collectionConfig.slug],
+            isEditing,
+            apiURL,
+            onSave,
+            internalState,
+            hasSavePermission,
+            action,
+            disableEyebrow: true,
+            disableActions: true,
+            me: true,
+            disableLeaveWithoutSaving: true,
+            customHeader: (react_1.default.createElement("div", { className: `${_1.baseClass}__header` },
+                react_1.default.createElement("div", { className: `${_1.baseClass}__header-content` },
+                    react_1.default.createElement("h2", { className: `${_1.baseClass}__header-text` }, !customHeader ? t(!id ? 'fields:addNewLabel' : 'general:editLabel', { label: (0, getTranslation_1.getTranslation)(collectionConfig.labels.singular, i18n) }) : customHeader),
+                    react_1.default.createElement(Button_1.default, { buttonStyle: "none", className: `${_1.baseClass}__header-close`, onClick: () => toggleModal(drawerSlug), "aria-label": t('general:close') },
+                        react_1.default.createElement(X_1.default, null))),
+                id && (react_1.default.createElement(IDLabel_1.default, { id: id.toString() })))),
+        } }));
+};
+// First provide the document context using `DocumentInfoProvider`
+// this is so we can utilize the `useDocumentInfo` hook in the `Content` component
+// this drawer is used for both creating and editing documents
+// this means that the `id` may be unknown until the document is created
+const DocumentDrawerContent = (props) => {
+    const { collectionSlug, id: idFromProps, onSave: onSaveFromProps } = props;
+    const [collectionConfig] = (0, useRelatedCollections_1.useRelatedCollections)(collectionSlug);
+    const [id, setId] = (0, react_1.useState)(idFromProps);
+    const onSave = (0, react_1.useCallback)((args) => {
+        setId(args.doc.id);
+        if (typeof onSaveFromProps === 'function') {
+            onSaveFromProps({
+                ...args,
+                collectionConfig,
+            });
+        }
+    }, [onSaveFromProps, collectionConfig]);
+    return (react_1.default.createElement(DocumentInfo_1.DocumentInfoProvider, { collection: collectionConfig, id: id },
+        react_1.default.createElement(Content, { ...props, onSave: onSave })));
+};
+exports.DocumentDrawerContent = DocumentDrawerContent;
+//# sourceMappingURL=DrawerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AACxE,8CAA8C;AAC9C,iDAA+C;AAC/C,mDAAuC;AAEvC,mFAA+D;AAC/D,sDAA8B;AAE9B,iGAAyE;AACzE,yEAAsE;AACtE,uDAA+B;AAC/B,mDAAmD;AACnD,mDAAmD;AACnD,+CAA+C;AAC/C,+DAAqF;AACrF,kGAA0E;AAC1E,iFAAyD;AACzD,6FAAqE;AACrE,6GAA0G;AAC1G,yDAAiC;AACjC,wBAA8B;AAG9B,MAAM,OAAO,GAAkC,CAAC,EAC9C,cAAc,EACd,UAAU,EACV,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;;IACH,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IACnD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC3D,MAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAA,cAAO,GAAE,CAAC;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAC7D,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,EAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,6CAAqB,EAAC,cAAc,CAAC,CAAC;IACjE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,sBAAY,EAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjF,gEAAgE;IAChE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,uBAAa,EACrE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,GAAG,IAAI,cAAc,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACxF,EAAE,aAAa,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAC1E,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,IAAA,sBAAY,EAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,mBAAmB,CAAC,OAAO,EAAE;YACpD,OAAO;SACR;QAED,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,WAAW,GAAG,MAAM,iBAAiB,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,MAAM,IAAA,8BAAoB,EAAC;gBACvC,WAAW,EAAE,MAAM;gBACnB,WAAW;gBACX,IAAI;gBACJ,IAAI;gBACJ,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;gBACnC,EAAE;gBACF,MAAM;gBACN,CAAC;aACF,CAAC,CAAC;YACH,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,iBAAiB,EAAE,CAAC;QACpB,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9E,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,SAAS,CAAC,OAAO,CAAC,MAAA,UAAU,CAAC,UAAU,CAAC,0CAAE,MAAM,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,MAAM,IAAI,CAAC,iBAAiB,IAAI,OAAO,EAAE;YAC3C,UAAU,CAAC,UAAU,CAAC,CAAC;YACvB,sBAAK,CAAC,KAAK,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAG,CAAC,EAAE,OAAO,KAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;SAChE;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1E,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9B,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,GAAG,IAAI,cAAc,IAAI,EAAE,WAAW,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzF,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,GAAG,IAAI,cAAc,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,MAAM,uBAAuB,CAAC;IACjH,MAAM,iBAAiB,GAAG,CAAC,SAAS,KAAI,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,UAAU,CAAA,CAAC,IAAI,CAAC,CAAC,SAAS,KAAI,MAAC,cAAuC,aAAvC,cAAc,uBAAd,cAAc,CAA2B,MAAM,0CAAE,UAAU,CAAA,CAAC,CAAC;IAC5J,MAAM,SAAS,GAAG,CAAC,aAAa,IAAI,CAAC,cAAc,IAAI,iBAAiB,CAAC;IAEzE,OAAO,CACL,8BAAC,+BAAqB,IACpB,gBAAgB,EAAE,iBAAW,EAC7B,eAAe,EAAE,MAAA,MAAA,MAAA,gBAAgB,CAAC,KAAK,0CAAE,UAAU,0CAAE,KAAK,0CAAE,IAAI,EAChE,cAAc,EAAE;YACd,SAAS;YACT,IAAI;YACJ,EAAE;YACF,UAAU,EAAE,gBAAgB;YAC5B,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAC3D,SAAS;YACT,MAAM;YACN,MAAM;YACN,aAAa;YACb,iBAAiB;YACjB,MAAM;YACN,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,IAAI;YACpB,EAAE,EAAE,IAAI;YACR,yBAAyB,EAAE,IAAI;YAC/B,YAAY,EAAE,CACZ,uCAAK,SAAS,EAAE,GAAG,YAAS,UAAU;gBACpC,uCAAK,SAAS,EAAE,GAAG,YAAS,kBAAkB;oBAC5C,sCAAI,SAAS,EAAE,GAAG,YAAS,eAAe,IACvC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,IAAA,+BAAc,EAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CACnJ;oBACL,8BAAC,gBAAM,IACL,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,GAAG,YAAS,gBAAgB,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,gBAC1B,CAAC,CAAC,eAAe,CAAC;wBAE9B,8BAAC,WAAC,OAAG,CACE,CACL;gBACL,EAAE,IAAI,CACL,8BAAC,iBAAO,IAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,GAAI,CAC/B,CACG,CACP;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kEAAkE;AAClE,kFAAkF;AAClF,8DAA8D;AAC9D,wEAAwE;AACjE,MAAM,qBAAqB,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC5E,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC3E,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,6CAAqB,EAAC,cAAc,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAgB,WAAW,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAgC,CAAC,IAAI,EAAE,EAAE;QACjE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAEnB,IAAI,OAAO,eAAe,KAAK,UAAU,EAAE;YACzC,eAAe,CAAC;gBACd,GAAG,IAAI;gBACP,gBAAgB;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,8BAAC,mCAAoB,IACnB,UAAU,EAAE,gBAAgB,EAC5B,EAAE,EAAE,EAAE;QAEN,8BAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAE,MAAM,GACd,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,qBAAqB,yBA2BhC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types';
+import './index.scss';
+export declare const baseClass = "doc-drawer";
+export declare const DocumentDrawerToggler: React.FC<DocumentTogglerProps>;
+export declare const DocumentDrawer: React.FC<DocumentDrawerProps>;
+export declare const useDocumentDrawer: UseDocumentDrawer;

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

@@ -0,0 +1,98 @@
+"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.useDocumentDrawer = exports.DocumentDrawer = exports.DocumentDrawerToggler = exports.baseClass = 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 Drawer_1 = require("../Drawer");
+const useRelatedCollections_1 = require("../../forms/field-types/Relationship/AddNew/useRelatedCollections");
+const EditDepth_1 = require("../../utilities/EditDepth");
+const DrawerContent_1 = require("./DrawerContent");
+require("./index.scss");
+exports.baseClass = 'doc-drawer';
+const formatDocumentDrawerSlug = ({ collectionSlug, id, depth, uuid, }) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
+const DocumentDrawerToggler = ({ children, className, drawerSlug, id, collectionSlug, disabled, ...rest }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)(['fields', 'general']);
+    const [collectionConfig] = (0, useRelatedCollections_1.useRelatedCollections)(collectionSlug);
+    return (react_1.default.createElement(Drawer_1.DrawerToggler, { slug: drawerSlug, className: [
+            className,
+            `${exports.baseClass}__toggler`,
+        ].filter(Boolean).join(' '), disabled: disabled, "aria-label": t(!id ? 'fields:addNewLabel' : 'general:editLabel', { label: (0, getTranslation_1.getTranslation)(collectionConfig.labels.singular, i18n) }), ...rest }, children));
+};
+exports.DocumentDrawerToggler = DocumentDrawerToggler;
+const DocumentDrawer = (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.DocumentDrawerContent, { ...props })));
+};
+exports.DocumentDrawer = DocumentDrawer;
+const useDocumentDrawer = ({ id, collectionSlug }) => {
+    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 = formatDocumentDrawerSlug({
+        collectionSlug,
+        id,
+        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);
+    }, [closeModal, drawerSlug]);
+    const openDrawer = (0, react_1.useCallback)(() => {
+        openModal(drawerSlug);
+    }, [openModal, drawerSlug]);
+    const MemoizedDrawer = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.DocumentDrawer, { ...props, collectionSlug: collectionSlug, id: id, drawerSlug: drawerSlug, key: drawerSlug })));
+    }, [id, drawerSlug, collectionSlug]);
+    const MemoizedDrawerToggler = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.DocumentDrawerToggler, { ...props, id: id, collectionSlug: collectionSlug, drawerSlug: drawerSlug })));
+    }, [id, drawerSlug, collectionSlug]);
+    const MemoizedDrawerState = (0, react_1.useMemo)(() => ({
+        drawerSlug,
+        drawerDepth,
+        isDrawerOpen: isOpen,
+        toggleDrawer,
+        closeDrawer,
+        openDrawer,
+    }), [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer]);
+    return [
+        MemoizedDrawer,
+        MemoizedDrawerToggler,
+        MemoizedDrawerState,
+    ];
+};
+exports.useDocumentDrawer = useDocumentDrawer;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,64 @@
+@import '../../../scss/styles.scss';
+
+.doc-drawer {
+  &__header {
+    margin-top: base(2.5);
+    margin-bottom: base(1);
+
+    @include mid-break {
+      margin-top: base(1.5);
+    }
+  }
+
+  &__header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: base(1);
+  }
+
+  &__header-text {
+    margin: 0;
+  }
+
+  &__toggler {
+    background: transparent;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    color: inherit;
+
+    &: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;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes } from 'react';
+import { Props as EditViewProps } from '../../views/collections/Edit/types';
+export type DocumentDrawerProps = {
+    collectionSlug: string;
+    id?: string;
+    onSave?: EditViewProps['onSave'];
+    customHeader?: React.ReactNode;
+    drawerSlug?: string;
+};
+export type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    drawerSlug?: string;
+    id?: string;
+    collectionSlug: string;
+    disabled?: boolean;
+};
+export type UseDocumentDrawer = (args: {
+    id?: string;
+    collectionSlug: string;
+}) => [
+    React.FC<Omit<DocumentDrawerProps, 'collectionSlug' | 'id'>>,
+    React.FC<Omit<DocumentTogglerProps, 'collectionSlug' | 'id'>>,
+    {
+        drawerSlug: string;
+        drawerDepth: number;
+        isDrawerOpen: boolean;
+        toggleDrawer: () => void;
+        closeDrawer: () => void;
+        openDrawer: () => void;
+    }
+];

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

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

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

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

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/index.d.ts

@@ -0,0 +1,7 @@
+import { UseDraggableArguments } from '@dnd-kit/core';
+import React from 'react';
+import { ChildFunction } from './types';
+export declare const DraggableSortableItem: React.FC<UseDraggableArguments & {
+    children: ChildFunction;
+}>;
+export default DraggableSortableItem;

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -0,0 +1,49 @@
+"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.DraggableSortableItem = void 0;
+const react_1 = __importStar(require("react"));
+const useDraggableSortable_1 = require("../useDraggableSortable");
+const DraggableSortableItem = (props) => {
+    const { id, disabled, children, } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
+        id,
+        disabled,
+    });
+    return (react_1.default.createElement(react_1.Fragment, null, children({
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab',
+            },
+        },
+        listeners,
+        setNodeRef,
+        transform,
+    })));
+};
+exports.DraggableSortableItem = DraggableSortableItem;
+exports.default = exports.DraggableSortableItem;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AACxC,kEAA+D;AAGxD,MAAM,qBAAqB,GAE7B,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,2CAAoB,EAAC;QACxF,EAAE;QACF,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,gBAAQ,QACN,QAAQ,CAAC;QACR,UAAU,EAAE;YACV,GAAG,UAAU;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;aACzC;SACF;QACD,SAAS;QACT,UAAU;QACV,SAAS;KACV,CAAC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,qBAAqB,yBA6BhC;AAEF,kBAAe,6BAAqB,CAAC"}

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { UseDraggableArguments } from '@dnd-kit/core';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import { UseDraggableSortableReturn } from '../useDraggableSortable/types';
+export type DragHandleProps = UseDraggableArguments & {
+    attributes: UseDraggableArguments['attributes'];
+    listeners: SyntheticListenerMap;
+};
+export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
+export type Props = UseDraggableArguments & {
+    children: ChildFunction;
+};

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/types.js

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

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/types.js.map

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from './types';
+declare const DraggableSortable: React.FC<Props>;
+export default DraggableSortable;

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

@@ -0,0 +1,59 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const sortable_1 = require("@dnd-kit/sortable");
+const core_1 = require("@dnd-kit/core");
+const DraggableSortable = (props) => {
+    const { onDragEnd, ids, className, children, } = props;
+    const id = (0, react_1.useId)();
+    const { setNodeRef } = (0, core_1.useDroppable)({
+        id,
+    });
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
+        activationConstraint: {
+            distance: 5,
+        },
+    }), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    const handleDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (!active || !over)
+            return;
+        if (typeof onDragEnd === 'function') {
+            onDragEnd({
+                event,
+                moveFromIndex: ids.findIndex((_id) => _id === active.id),
+                moveToIndex: ids.findIndex((_id) => _id === over.id),
+            });
+        }
+    }, [onDragEnd, ids]);
+    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: handleDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
+        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
+            react_1.default.createElement("div", { className: className, ref: setNodeRef }, children))));
+};
+exports.default = DraggableSortable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/DraggableSortable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,gDAAiF;AACjF,wCASuB;AAIvB,MAAM,iBAAiB,GAAoB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EACJ,SAAS,EACT,GAAG,EACH,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAY,EAAC;QAClC,EAAE;KACH,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,iBAAU,EACxB,IAAA,gBAAS,EAAC,oBAAa,EAAE;QACvB,oBAAoB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;KACF,CAAC,EACF,IAAA,gBAAS,EAAC,qBAAc,EAAE;QACxB,gBAAgB,EAAE,sCAA2B;KAC9C,CAAC,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAmB,EAAE,EAAE;QACxD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;YAAE,OAAO;QAE7B,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;YACnC,SAAS,CAAC;gBACR,KAAK;gBACL,aAAa,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,EAAE,CAAC;gBACxD,WAAW,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,EAAE,CAAC;aACrD,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,8BAAC,iBAAU,IACT,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,oBAAa;QAEjC,8BAAC,0BAAe,IAAC,KAAK,EAAE,GAAG;YACzB,uCACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,UAAU,IAEd,QAAQ,CACL,CACU,CACP,CAEd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { DragEndEvent } from '@dnd-kit/core';
+import { Ref } from 'react';
+export type Props = {
+    children: React.ReactNode;
+    className?: string;
+    ids: string[];
+    droppableRef?: Ref<HTMLElement>;
+    onDragEnd: (e: {
+        event: DragEndEvent;
+        moveFromIndex: number;
+        moveToIndex: number;
+    }) => void;
+};

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

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

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

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

package/dist/admin/components/elements/DraggableSortable/useDraggableSortable/index.d.ts

@@ -0,0 +1,3 @@
+import { UseDraggableArguments } from '@dnd-kit/core';
+import { UseDraggableSortableReturn } from './types';
+export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;

package/dist/admin/components/elements/DraggableSortable/useDraggableSortable/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDraggableSortable = void 0;
+const sortable_1 = require("@dnd-kit/sortable");
+const useDraggableSortable = (props) => {
+    const { id, disabled, } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, sortable_1.useSortable)({
+        id,
+        disabled,
+    });
+    return {
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab',
+            },
+        },
+        isDragging,
+        listeners,
+        setNodeRef,
+        transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers
+    };
+};
+exports.useDraggableSortable = useDraggableSortable;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/DraggableSortable/useDraggableSortable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":";;;AAAA,gDAAgD;AAIzC,MAAM,oBAAoB,GAAG,CAAC,KAA4B,EAA8B,EAAE;IAC/F,MAAM,EACJ,EAAE,EACF,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,sBAAW,EAAC;QAC/E,EAAE;QACF,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO;QACL,UAAU,EAAE;YACV,GAAG,UAAU;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;aACzC;SACF;QACD,UAAU;QACV,SAAS;QACT,UAAU;QACV,SAAS,EAAE,SAAS,IAAI,eAAe,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,EAAE,wDAAwD;KACvI,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,oBAAoB,wBAuB/B"}