@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -1,219 +1,103 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DocumentDrawerContent", {
-    enumerable: true,
-    get: function() {
-        return DocumentDrawerContent;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _translations = require("@payloadcms/translations");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reacttoastify = require("react-toastify");
-const _ = require(".");
-const _FieldPathProvider = require("../../forms/FieldPathProvider");
-const _useRelatedCollections = require("../../forms/fields/Relationship/AddNew/useRelatedCollections");
-const _usePayloadAPI = /*#__PURE__*/ _interop_require_default(require("../../hooks/usePayloadAPI"));
-const _X = require("../../icons/X");
-const _ComponentMapProvider = require("../../providers/ComponentMapProvider");
-const _Config = require("../../providers/Config");
-const _DocumentInfo = require("../../providers/DocumentInfo");
-const _FormQueryParams = require("../../providers/FormQueryParams");
-const _Locale = require("../../providers/Locale");
-const _Translation = require("../../providers/Translation");
-const _getFormState = require("../../utilities/getFormState");
-const _Gutter = require("../Gutter");
-const _IDLabel = /*#__PURE__*/ _interop_require_default(require("../IDLabel"));
-const _Loading = require("../Loading");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const Content = ({ id, Header, collectionSlug, drawerSlug, onSave })=>{
-    const config = (0, _Config.useConfig)();
+import * as facelessUIImport from '@faceless-ui/modal';
+import queryString from 'qs';
+import React, { useCallback, useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
+import { X } from '../../icons/X/index.js';
+import { useComponentMap } from '../../providers/ComponentMap/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useFormQueryParams } from '../../providers/FormQueryParams/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Gutter } from '../Gutter/index.js';
+import { IDLabel } from '../IDLabel/index.js';
+import { RenderTitle } from '../RenderTitle/index.js';
+import { baseClass } from './index.js';
+export const DocumentDrawerContent = ({ id, Header, collectionSlug, drawerSlug, onSave: onSaveFromProps })=>{
+    const { useModal } = facelessUIImport;
+    const config = useConfig();
     const { routes: { api: apiRoute }, serverURL } = config;
-    const { closeModal, modalState, toggleModal } = (0, _modal.useModal)();
-    const locale = (0, _Locale.useLocale)();
-    const [initialState, setInitialState] = (0, _react.useState)();
-    const { i18n, t } = (0, _Translation.useTranslation)();
-    const hasInitializedState = (0, _react.useRef)(false);
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [collectionConfig] = (0, _useRelatedCollections.useRelatedCollections)(collectionSlug);
-    const { formQueryParams } = (0, _FormQueryParams.useFormQueryParams)();
-    const formattedQueryParams = _qs.default.stringify(formQueryParams);
-    const { fields: fieldsFromConfig } = collectionConfig;
-    const { schemaPath } = (0, _FieldPathProvider.useFieldPath)();
-    const { componentMap } = (0, _ComponentMapProvider.useComponentMap)();
+    const { closeModal, modalState, toggleModal } = useModal();
+    const locale = useLocale();
+    const { t } = useTranslation();
+    const [createdID, setCreatedID] = useState();
+    const [isOpen, setIsOpen] = useState(false);
+    const [collectionConfig] = useRelatedCollections(collectionSlug);
+    const { formQueryParams } = useFormQueryParams();
+    const formattedQueryParams = queryString.stringify(formQueryParams);
+    const { componentMap } = useComponentMap();
     const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug];
-    // no need to an additional requests when creating new documents
-    const initialID = (0, _react.useRef)(id);
-    const [{ data, isError, isLoading: isLoadingDocument }] = (0, _usePayloadAPI.default)(initialID.current ? `${serverURL}${apiRoute}/${collectionSlug}/${initialID.current}` : null, {
-        initialParams: {
-            depth: 0,
-            draft: 'true',
-            'fallback-locale': 'null'
-        }
-    });
-    (0, _react.useEffect)(()=>{
+    const isEditing = Boolean(id);
+    const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null;
+    const action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}?${formattedQueryParams}`;
+    useEffect(()=>{
         setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
     }, [
         modalState,
         drawerSlug
     ]);
-    (0, _react.useEffect)(()=>{
-        if (isOpen && !isLoadingDocument && isError) {
+    const onLoadError = React.useCallback((data)=>{
+        if (isOpen) {
             closeModal(drawerSlug);
-            _reacttoastify.toast.error(data.errors?.[0].message || t('error:unspecific'));
+            toast.error(data.errors?.[0].message || t('error:unspecific'));
         }
     }, [
-        isError,
-        t,
-        isOpen,
-        data,
-        drawerSlug,
         closeModal,
-        isLoadingDocument
+        drawerSlug,
+        isOpen,
+        t
     ]);
-    const isEditing = Boolean(id);
-    const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null;
-    const action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}?${formattedQueryParams}`;
-    // const hasSavePermission =
-    //   (isEditing && docPermissions?.update?.permission) ||
-    //   (!isEditing && (docPermissions as CollectionPermission)?.create?.permission)
-    (0, _react.useEffect)(()=>{
-        if (!hasInitializedState.current && (!initialID.current || initialID.current && data)) {
-            const getInitialState = async ()=>{
-                const result = await (0, _getFormState.getFormState)({
-                    apiRoute,
-                    body: {
-                        id,
-                        collectionSlug,
-                        data: data || {},
-                        operation: isEditing ? 'update' : 'create',
-                        schemaPath
-                    },
-                    serverURL
-                });
-                setInitialState(result);
-                hasInitializedState.current = true;
-            };
-            void getInitialState();
+    const onSave = useCallback((args)=>{
+        setCreatedID(args.doc.id);
+        if (typeof onSaveFromProps === 'function') {
+            void onSaveFromProps({
+                ...args,
+                collectionConfig
+            });
         }
     }, [
-        apiRoute,
-        data,
-        id,
-        isEditing,
-        schemaPath,
-        serverURL,
-        collectionSlug
+        onSaveFromProps,
+        collectionConfig
     ]);
-    if (isError) return null;
-    if (!initialState || isLoadingDocument) {
-        return /*#__PURE__*/ _react.default.createElement(_Loading.LoadingOverlay, null);
-    }
-    return /*#__PURE__*/ _react.default.createElement(_DocumentInfo.DocumentInfoProvider, {
-        BeforeDocument: /*#__PURE__*/ _react.default.createElement(_Gutter.Gutter, {
-            className: `${_.baseClass}__header`
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            className: `${_.baseClass}__header-content`
-        }, /*#__PURE__*/ _react.default.createElement("h2", {
-            className: `${_.baseClass}__header-text`
-        }, Header || t(!id ? 'fields:addNewLabel' : 'general:editLabel', {
-            label: (0, _translations.getTranslation)(collectionConfig.labels.singular, i18n)
-        })), /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
+        BeforeDocument: /*#__PURE__*/ React.createElement(Gutter, {
+            className: `${baseClass}__header`
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: `${baseClass}__header-content`
+        }, /*#__PURE__*/ React.createElement("h2", {
+            className: `${baseClass}__header-text`
+        }, Header || /*#__PURE__*/ React.createElement(RenderTitle, {
+            element: "span"
+        })), /*#__PURE__*/ React.createElement("button", {
             "aria-label": t('general:close'),
-            className: `${_.baseClass}__header-close`,
+            className: `${baseClass}__header-close`,
             onClick: ()=>toggleModal(drawerSlug),
             type: "button"
-        }, /*#__PURE__*/ _react.default.createElement(_X.X, null))), id && /*#__PURE__*/ _react.default.createElement(_IDLabel.default, {
-            id: id.toString()
-        })),
+        }, /*#__PURE__*/ React.createElement(X, null))), /*#__PURE__*/ React.createElement(DocumentTitle, null)),
         action: action,
         apiURL: apiURL,
         collectionSlug: collectionConfig.slug,
         disableActions: true,
         disableLeaveWithoutSaving: true,
-        // hasSavePermission={hasSavePermission}
-        // isEditing={isEditing}
+        // Do NOT pass in the docPermissions we have here. This is because the permissions we have here do not have their where: { } returns resolved.
+        // If we set it to null though, the DocumentInfoProvider will fully-fetch the permissions from the server, and the where: { } returns will be resolved.
+        docPermissions: null,
+        // Same reason as above. We need to fully-fetch the docPreferences from the server. This is done in DocumentInfoProvider if we set it to null here.
+        hasSavePermission: null,
         // isLoading,
-        id: id,
-        initialData: data,
-        initialState: initialState,
-        // me: true,
+        id: id || createdID,
+        isEditing: isEditing,
+        onLoadError: onLoadError,
         onSave: onSave
     }, Edit);
 };
-const DocumentDrawerContent = (props)=>{
-    const { id: idFromProps, collectionSlug, onSave: onSaveFromProps } = props;
-    const [collectionConfig] = (0, _useRelatedCollections.useRelatedCollections)(collectionSlug);
-    const [id, setId] = (0, _react.useState)(idFromProps);
-    const onSave = (0, _react.useCallback)(async (args)=>{
-        setId(args.doc.id);
-        if (typeof onSaveFromProps === 'function') {
-            onSaveFromProps({
-                ...args,
-                collectionConfig
-            });
-        }
-    }, [
-        onSaveFromProps,
-        collectionConfig
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(_FieldPathProvider.FieldPathProvider, {
-        path: "",
-        schemaPath: collectionSlug
-    }, /*#__PURE__*/ _react.default.createElement(Content, {
-        ...props,
-        id: id,
-        onSave: onSave
-    }));
+const DocumentTitle = ()=>{
+    const { id, title } = useDocumentInfo();
+    return id && id !== title ? /*#__PURE__*/ React.createElement(IDLabel, {
+        id: id.toString()
+    }) : null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Eb2N1bWVudERyYXdlci9EcmF3ZXJDb250ZW50LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgdXNlTW9kYWwgfSBmcm9tICdAZmFjZWxlc3MtdWkvbW9kYWwnXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbmltcG9ydCBxdWVyeVN0cmluZyBmcm9tICdxcydcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB0b2FzdCB9IGZyb20gJ3JlYWN0LXRvYXN0aWZ5J1xuXG5pbXBvcnQgdHlwZSB7IEZvcm1TdGF0ZSB9IGZyb20gJy4uLy4uL2Zvcm1zL0Zvcm0vdHlwZXMnXG5pbXBvcnQgdHlwZSB7IERvY3VtZW50RHJhd2VyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyBiYXNlQ2xhc3MgfSBmcm9tICcuJ1xuaW1wb3J0IHsgRmllbGRQYXRoUHJvdmlkZXIsIHVzZUZpZWxkUGF0aCB9IGZyb20gJy4uLy4uL2Zvcm1zL0ZpZWxkUGF0aFByb3ZpZGVyJ1xuaW1wb3J0IHsgdXNlUmVsYXRlZENvbGxlY3Rpb25zIH0gZnJvbSAnLi4vLi4vZm9ybXMvZmllbGRzL1JlbGF0aW9uc2hpcC9BZGROZXcvdXNlUmVsYXRlZENvbGxlY3Rpb25zJ1xuaW1wb3J0IHVzZVBheWxvYWRBUEkgZnJvbSAnLi4vLi4vaG9va3MvdXNlUGF5bG9hZEFQSSdcbmltcG9ydCB7IFggfSBmcm9tICcuLi8uLi9pY29ucy9YJ1xuaW1wb3J0IHsgdXNlQ29tcG9uZW50TWFwIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0NvbXBvbmVudE1hcFByb3ZpZGVyJ1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0NvbmZpZydcbmltcG9ydCB7IERvY3VtZW50SW5mb1Byb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0RvY3VtZW50SW5mbydcbmltcG9ydCB7IHVzZUZvcm1RdWVyeVBhcmFtcyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9Gb3JtUXVlcnlQYXJhbXMnXG5pbXBvcnQgeyB1c2VMb2NhbGUgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvTG9jYWxlJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyBnZXRGb3JtU3RhdGUgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvZ2V0Rm9ybVN0YXRlJ1xuaW1wb3J0IHsgR3V0dGVyIH0gZnJvbSAnLi4vR3V0dGVyJ1xuaW1wb3J0IElETGFiZWwgZnJvbSAnLi4vSURMYWJlbCdcbmltcG9ydCB7IExvYWRpbmdPdmVybGF5IH0gZnJvbSAnLi4vTG9hZGluZydcblxuY29uc3QgQ29udGVudDogUmVhY3QuRkM8RG9jdW1lbnREcmF3ZXJQcm9wcz4gPSAoe1xuICBpZCxcbiAgSGVhZGVyLFxuICBjb2xsZWN0aW9uU2x1ZyxcbiAgZHJhd2VyU2x1ZyxcbiAgb25TYXZlLFxufSkgPT4ge1xuICBjb25zdCBjb25maWcgPSB1c2VDb25maWcoKVxuXG4gIGNvbnN0IHtcbiAgICByb3V0ZXM6IHsgYXBpOiBhcGlSb3V0ZSB9LFxuICAgIHNlcnZlclVSTCxcbiAgfSA9IGNvbmZpZ1xuXG4gIGNvbnN0IHsgY2xvc2VNb2RhbCwgbW9kYWxTdGF0ZSwgdG9nZ2xlTW9kYWwgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgbG9jYWxlID0gdXNlTG9jYWxlKClcbiAgY29uc3QgW2luaXRpYWxTdGF0ZSwgc2V0SW5pdGlhbFN0YXRlXSA9IHVzZVN0YXRlPEZvcm1TdGF0ZT4oKVxuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgaGFzSW5pdGlhbGl6ZWRTdGF0ZSA9IHVzZVJlZihmYWxzZSlcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbY29sbGVjdGlvbkNvbmZpZ10gPSB1c2VSZWxhdGVkQ29sbGVjdGlvbnMoY29sbGVjdGlvblNsdWcpXG4gIGNvbnN0IHsgZm9ybVF1ZXJ5UGFyYW1zIH0gPSB1c2VGb3JtUXVlcnlQYXJhbXMoKVxuICBjb25zdCBmb3JtYXR0ZWRRdWVyeVBhcmFtcyA9IHF1ZXJ5U3RyaW5nLnN0cmluZ2lmeShmb3JtUXVlcnlQYXJhbXMpXG5cbiAgY29uc3QgeyBmaWVsZHM6IGZpZWxkc0Zyb21Db25maWcgfSA9IGNvbGxlY3Rpb25Db25maWdcblxuICBjb25zdCB7IHNjaGVtYVBhdGggfSA9IHVzZUZpZWxkUGF0aCgpXG5cbiAgY29uc3QgeyBjb21wb25lbnRNYXAgfSA9IHVzZUNvbXBvbmVudE1hcCgpXG5cbiAgY29uc3QgeyBFZGl0IH0gPSBjb21wb25lbnRNYXBbYCR7Y29sbGVjdGlvblNsdWcgPyAnY29sbGVjdGlvbnMnIDogJ2dsb2JhbHMnfWBdW2NvbGxlY3Rpb25TbHVnXVxuXG4gIC8vIG5vIG5lZWQgdG8gYW4gYWRkaXRpb25hbCByZXF1ZXN0cyB3aGVuIGNyZWF0aW5nIG5ldyBkb2N1bWVudHNcbiAgY29uc3QgaW5pdGlhbElEID0gdXNlUmVmKGlkKVxuXG4gIGNvbnN0IFt7IGRhdGEsIGlzRXJyb3IsIGlzTG9hZGluZzogaXNMb2FkaW5nRG9jdW1lbnQgfV0gPSB1c2VQYXlsb2FkQVBJKFxuICAgIGluaXRpYWxJRC5jdXJyZW50ID8gYCR7c2VydmVyVVJMfSR7YXBpUm91dGV9LyR7Y29sbGVjdGlvblNsdWd9LyR7aW5pdGlhbElELmN1cnJlbnR9YCA6IG51bGwsXG4gICAgeyBpbml0aWFsUGFyYW1zOiB7IGRlcHRoOiAwLCBkcmFmdDogJ3RydWUnLCAnZmFsbGJhY2stbG9jYWxlJzogJ251bGwnIH0gfSxcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SXNPcGVuKEJvb2xlYW4obW9kYWxTdGF0ZVtkcmF3ZXJTbHVnXT8uaXNPcGVuKSlcbiAgfSwgW21vZGFsU3RhdGUsIGRyYXdlclNsdWddKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiAhaXNMb2FkaW5nRG9jdW1lbnQgJiYgaXNFcnJvcikge1xuICAgICAgY2xvc2VNb2RhbChkcmF3ZXJTbHVnKVxuICAgICAgdG9hc3QuZXJyb3IoZGF0YS5lcnJvcnM/LlswXS5tZXNzYWdlIHx8IHQoJ2Vycm9yOnVuc3BlY2lmaWMnKSlcbiAgICB9XG4gIH0sIFtpc0Vycm9yLCB0LCBpc09wZW4sIGRhdGEsIGRyYXdlclNsdWcsIGNsb3NlTW9kYWwsIGlzTG9hZGluZ0RvY3VtZW50XSlcblxuICBjb25zdCBpc0VkaXRpbmcgPSBCb29sZWFuKGlkKVxuXG4gIGNvbnN0IGFwaVVSTCA9IGlkID8gYCR7c2VydmVyVVJMfSR7YXBpUm91dGV9LyR7Y29sbGVjdGlvblNsdWd9LyR7aWR9P2xvY2FsZT0ke2xvY2FsZS5jb2RlfWAgOiBudWxsXG5cbiAgY29uc3QgYWN0aW9uID0gYCR7c2VydmVyVVJMfSR7YXBpUm91dGV9LyR7Y29sbGVjdGlvblNsdWd9JHtcbiAgICBpc0VkaXRpbmcgPyBgLyR7aWR9YCA6ICcnXG4gIH0/JHtmb3JtYXR0ZWRRdWVyeVBhcmFtc31gXG5cbiAgLy8gY29uc3QgaGFzU2F2ZVBlcm1pc3Npb24gPVxuICAvLyAgIChpc0VkaXRpbmcgJiYgZG9jUGVybWlzc2lvbnM/LnVwZGF0ZT8ucGVybWlzc2lvbikgfHxcbiAgLy8gICAoIWlzRWRpdGluZyAmJiAoZG9jUGVybWlzc2lvbnMgYXMgQ29sbGVjdGlvblBlcm1pc3Npb24pPy5jcmVhdGU/LnBlcm1pc3Npb24pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWhhc0luaXRpYWxpemVkU3RhdGUuY3VycmVudCAmJiAoIWluaXRpYWxJRC5jdXJyZW50IHx8IChpbml0aWFsSUQuY3VycmVudCAmJiBkYXRhKSkpIHtcbiAgICAgIGNvbnN0IGdldEluaXRpYWxTdGF0ZSA9IGFzeW5jICgpID0+IHtcbiAgICAgICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgZ2V0Rm9ybVN0YXRlKHtcbiAgICAgICAgICBhcGlSb3V0ZSxcbiAgICAgICAgICBib2R5OiB7XG4gICAgICAgICAgICBpZCxcbiAgICAgICAgICAgIGNvbGxlY3Rpb25TbHVnLFxuICAgICAgICAgICAgZGF0YTogZGF0YSB8fCB7fSxcbiAgICAgICAgICAgIG9wZXJhdGlvbjogaXNFZGl0aW5nID8gJ3VwZGF0ZScgOiAnY3JlYXRlJyxcbiAgICAgICAgICAgIHNjaGVtYVBhdGgsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBzZXJ2ZXJVUkwsXG4gICAgICAgIH0pXG5cbiAgICAgICAgc2V0SW5pdGlhbFN0YXRlKHJlc3VsdClcbiAgICAgICAgaGFzSW5pdGlhbGl6ZWRTdGF0ZS5jdXJyZW50ID0gdHJ1ZVxuICAgICAgfVxuXG4gICAgICB2b2lkIGdldEluaXRpYWxTdGF0ZSgpXG4gICAgfVxuICB9LCBbYXBpUm91dGUsIGRhdGEsIGlkLCBpc0VkaXRpbmcsIHNjaGVtYVBhdGgsIHNlcnZlclVSTCwgY29sbGVjdGlvblNsdWddKVxuXG4gIGlmIChpc0Vycm9yKSByZXR1cm4gbnVsbFxuXG4gIGlmICghaW5pdGlhbFN0YXRlIHx8IGlzTG9hZGluZ0RvY3VtZW50KSB7XG4gICAgcmV0dXJuIDxMb2FkaW5nT3ZlcmxheSAvPlxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RG9jdW1lbnRJbmZvUHJvdmlkZXJcbiAgICAgIEJlZm9yZURvY3VtZW50PXtcbiAgICAgICAgPEd1dHRlciBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19oZWFkZXItY29udGVudGB9PlxuICAgICAgICAgICAgPGgyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyLXRleHRgfT5cbiAgICAgICAgICAgICAge0hlYWRlciB8fFxuICAgICAgICAgICAgICAgIHQoIWlkID8gJ2ZpZWxkczphZGROZXdMYWJlbCcgOiAnZ2VuZXJhbDplZGl0TGFiZWwnLCB7XG4gICAgICAgICAgICAgICAgICBsYWJlbDogZ2V0VHJhbnNsYXRpb24oY29sbGVjdGlvbkNvbmZpZy5sYWJlbHMuc2luZ3VsYXIsIGkxOG4pLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgIHsvKiBUT0RPOiB0aGUgYGJ1dHRvbmAgSFRNTCBlbGVtZW50IGJyZWFrcyBDU1MgdHJhbnNpdGlvbnMgb24gdGhlIGRyYXdlciBmb3Igc29tZSByZWFzb24uLi5cbiAgICAgICAgICAgIGkuZS4gY2hhbmdpbmcgdG8gYSBgZGl2YCBlbGVtZW50IHdpbGwgZml4IHRoZSBhbmltYXRpb24gaXNzdWUgYnV0IHdpbGwgYnJlYWsgYWNjZXNzaWJpbGl0eVxuICAgICAgICAgICovfVxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOmNsb3NlJyl9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyLWNsb3NlYH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlTW9kYWwoZHJhd2VyU2x1Zyl9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8WCAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge2lkICYmIDxJRExhYmVsIGlkPXtpZC50b1N0cmluZygpfSAvPn1cbiAgICAgICAgPC9HdXR0ZXI+XG4gICAgICB9XG4gICAgICBhY3Rpb249e2FjdGlvbn1cbiAgICAgIGFwaVVSTD17YXBpVVJMfVxuICAgICAgY29sbGVjdGlvblNsdWc9e2NvbGxlY3Rpb25Db25maWcuc2x1Z31cbiAgICAgIGRpc2FibGVBY3Rpb25zXG4gICAgICBkaXNhYmxlTGVhdmVXaXRob3V0U2F2aW5nXG4gICAgICAvLyBoYXNTYXZlUGVybWlzc2lvbj17aGFzU2F2ZVBlcm1pc3Npb259XG4gICAgICAvLyBpc0VkaXRpbmc9e2lzRWRpdGluZ31cbiAgICAgIC8vIGlzTG9hZGluZyxcbiAgICAgIGlkPXtpZH1cbiAgICAgIGluaXRpYWxEYXRhPXtkYXRhfVxuICAgICAgaW5pdGlhbFN0YXRlPXtpbml0aWFsU3RhdGV9XG4gICAgICAvLyBtZTogdHJ1ZSxcbiAgICAgIG9uU2F2ZT17b25TYXZlfVxuICAgID5cbiAgICAgIHtFZGl0fVxuICAgIDwvRG9jdW1lbnRJbmZvUHJvdmlkZXI+XG4gIClcbn1cblxuLy8gRmlyc3QgcHJvdmlkZSB0aGUgZG9jdW1lbnQgY29udGV4dCB1c2luZyBgRG9jdW1lbnRJbmZvUHJvdmlkZXJgXG4vLyB0aGlzIGlzIHNvIHdlIGNhbiB1dGlsaXplIHRoZSBgdXNlRG9jdW1lbnRJbmZvYCBob29rIGluIHRoZSBgQ29udGVudGAgY29tcG9uZW50XG4vLyB0aGlzIGRyYXdlciBpcyB1c2VkIGZvciBib3RoIGNyZWF0aW5nIGFuZCBlZGl0aW5nIGRvY3VtZW50c1xuLy8gdGhpcyBtZWFucyB0aGF0IHRoZSBgaWRgIG1heSBiZSB1bmtub3duIHVudGlsIHRoZSBkb2N1bWVudCBpcyBjcmVhdGVkXG5leHBvcnQgY29uc3QgRG9jdW1lbnREcmF3ZXJDb250ZW50OiBSZWFjdC5GQzxEb2N1bWVudERyYXdlclByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGlkOiBpZEZyb21Qcm9wcywgY29sbGVjdGlvblNsdWcsIG9uU2F2ZTogb25TYXZlRnJvbVByb3BzIH0gPSBwcm9wc1xuICBjb25zdCBbY29sbGVjdGlvbkNvbmZpZ10gPSB1c2VSZWxhdGVkQ29sbGVjdGlvbnMoY29sbGVjdGlvblNsdWcpXG4gIGNvbnN0IFtpZCwgc2V0SWRdID0gdXNlU3RhdGU8bnVsbCB8IG51bWJlciB8IHN0cmluZz4oaWRGcm9tUHJvcHMpXG5cbiAgY29uc3Qgb25TYXZlID0gdXNlQ2FsbGJhY2s8RG9jdW1lbnREcmF3ZXJQcm9wc1snb25TYXZlJ10+KFxuICAgIGFzeW5jIChhcmdzKSA9PiB7XG4gICAgICBzZXRJZChhcmdzLmRvYy5pZClcblxuICAgICAgaWYgKHR5cGVvZiBvblNhdmVGcm9tUHJvcHMgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgb25TYXZlRnJvbVByb3BzKHtcbiAgICAgICAgICAuLi5hcmdzLFxuICAgICAgICAgIGNvbGxlY3Rpb25Db25maWcsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25TYXZlRnJvbVByb3BzLCBjb2xsZWN0aW9uQ29uZmlnXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPEZpZWxkUGF0aFByb3ZpZGVyIHBhdGg9XCJcIiBzY2hlbWFQYXRoPXtjb2xsZWN0aW9uU2x1Z30+XG4gICAgICA8Q29udGVudCB7Li4ucHJvcHN9IGlkPXtpZH0gb25TYXZlPXtvblNhdmV9IC8+XG4gICAgPC9GaWVsZFBhdGhQcm92aWRlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkRvY3VtZW50RHJhd2VyQ29udGVudCIsIkNvbnRlbnQiLCJpZCIsIkhlYWRlciIsImNvbGxlY3Rpb25TbHVnIiwiZHJhd2VyU2x1ZyIsIm9uU2F2ZSIsImNvbmZpZyIsInVzZUNvbmZpZyIsInJvdXRlcyIsImFwaSIsImFwaVJvdXRlIiwic2VydmVyVVJMIiwiY2xvc2VNb2RhbCIsIm1vZGFsU3RhdGUiLCJ0b2dnbGVNb2RhbCIsInVzZU1vZGFsIiwibG9jYWxlIiwidXNlTG9jYWxlIiwiaW5pdGlhbFN0YXRlIiwic2V0SW5pdGlhbFN0YXRlIiwidXNlU3RhdGUiLCJpMThuIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiaGFzSW5pdGlhbGl6ZWRTdGF0ZSIsInVzZVJlZiIsImlzT3BlbiIsInNldElzT3BlbiIsImNvbGxlY3Rpb25Db25maWciLCJ1c2VSZWxhdGVkQ29sbGVjdGlvbnMiLCJmb3JtUXVlcnlQYXJhbXMiLCJ1c2VGb3JtUXVlcnlQYXJhbXMiLCJmb3JtYXR0ZWRRdWVyeVBhcmFtcyIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwiZmllbGRzIiwiZmllbGRzRnJvbUNvbmZpZyIsInNjaGVtYVBhdGgiLCJ1c2VGaWVsZFBhdGgiLCJjb21wb25lbnRNYXAiLCJ1c2VDb21wb25lbnRNYXAiLCJFZGl0IiwiaW5pdGlhbElEIiwiZGF0YSIsImlzRXJyb3IiLCJpc0xvYWRpbmciLCJpc0xvYWRpbmdEb2N1bWVudCIsInVzZVBheWxvYWRBUEkiLCJjdXJyZW50IiwiaW5pdGlhbFBhcmFtcyIsImRlcHRoIiwiZHJhZnQiLCJ1c2VFZmZlY3QiLCJCb29sZWFuIiwidG9hc3QiLCJlcnJvciIsImVycm9ycyIsIm1lc3NhZ2UiLCJpc0VkaXRpbmciLCJhcGlVUkwiLCJjb2RlIiwiYWN0aW9uIiwiZ2V0SW5pdGlhbFN0YXRlIiwicmVzdWx0IiwiZ2V0Rm9ybVN0YXRlIiwiYm9keSIsIm9wZXJhdGlvbiIsIkxvYWRpbmdPdmVybGF5IiwiRG9jdW1lbnRJbmZvUHJvdmlkZXIiLCJCZWZvcmVEb2N1bWVudCIsIkd1dHRlciIsImNsYXNzTmFtZSIsImJhc2VDbGFzcyIsImRpdiIsImgyIiwibGFiZWwiLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVscyIsInNpbmd1bGFyIiwiYnV0dG9uIiwiYXJpYS1sYWJlbCIsIm9uQ2xpY2siLCJ0eXBlIiwiWCIsIklETGFiZWwiLCJ0b1N0cmluZyIsInNsdWciLCJkaXNhYmxlQWN0aW9ucyIsImRpc2FibGVMZWF2ZVdpdGhvdXRTYXZpbmciLCJpbml0aWFsRGF0YSIsInByb3BzIiwiaWRGcm9tUHJvcHMiLCJvblNhdmVGcm9tUHJvcHMiLCJzZXRJZCIsInVzZUNhbGxiYWNrIiwiYXJncyIsImRvYyIsIkZpZWxkUGF0aFByb3ZpZGVyIiwicGF0aCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXdLYUE7OztlQUFBQTs7O3VCQXRLWTs4QkFDTTsyREFDUDsrREFDd0M7K0JBQzFDO2tC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
+//# sourceMappingURL=DrawerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport queryString from 'qs'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { X } from '../../icons/X/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useFormQueryParams } from '../../providers/FormQueryParams/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\n}) => {\n  const { useModal } = facelessUIImport\n\n  const config = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [createdID, setCreatedID] = useState()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n  const { formQueryParams } = useFormQueryParams()\n  const formattedQueryParams = queryString.stringify(formQueryParams)\n\n  const { componentMap } = useComponentMap()\n\n  const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug]\n  const isEditing = Boolean(id)\n  const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null\n  const action = `${serverURL}${apiRoute}/${collectionSlug}${\n    isEditing ? `/${id}` : ''\n  }?${formattedQueryParams}`\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setCreatedID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  return (\n    <DocumentInfoProvider\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <X />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      action={action}\n      apiURL={apiURL}\n      collectionSlug={collectionConfig.slug}\n      disableActions\n      disableLeaveWithoutSaving\n      // Do NOT pass in the docPermissions we have here. This is because the permissions we have here do not have their where: { } returns resolved.\n      // If we set it to null though, the DocumentInfoProvider will fully-fetch the permissions from the server, and the where: { } returns will be resolved.\n      docPermissions={null}\n      // Same reason as above. We need to fully-fetch the docPreferences from the server. This is done in DocumentInfoProvider if we set it to null here.\n      hasSavePermission={null}\n      // isLoading,\n      id={id || createdID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      {Edit}\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["facelessUIImport","queryString","React","useCallback","useEffect","useState","toast","useRelatedCollections","X","useComponentMap","useConfig","DocumentInfoProvider","useDocumentInfo","useFormQueryParams","useLocale","useTranslation","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","id","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","useModal","config","routes","api","apiRoute","serverURL","closeModal","modalState","toggleModal","locale","t","createdID","setCreatedID","isOpen","setIsOpen","collectionConfig","formQueryParams","formattedQueryParams","stringify","componentMap","Edit","isEditing","Boolean","apiURL","code","action","onLoadError","data","error","errors","message","args","doc","BeforeDocument","className","div","h2","element","button","aria-label","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","docPermissions","hasSavePermission","title","toString"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,KAAK,QAAQ,iBAAgB;AAItC,SAASC,qBAAqB,QAAQ,4DAA2D;AACjG,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,wCAAuC;AAC7F,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,SAAS,QAAQ,aAAY;AAEtC,OAAO,MAAMC,wBAAuD,CAAC,EACnEC,EAAE,EACFC,MAAM,EACNC,cAAc,EACdC,UAAU,EACVC,QAAQC,eAAe,EACxB;IACC,MAAM,EAAEC,QAAQ,EAAE,GAAG3B;IAErB,MAAM4B,SAASlB;IAEf,MAAM,EACJmB,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAGJ;IAEJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGR;IAChD,MAAMS,SAAStB;IACf,MAAM,EAAEuB,CAAC,EAAE,GAAGtB;IACd,MAAM,CAACuB,WAAWC,aAAa,GAAGlC;IAClC,MAAM,CAACmC,QAAQC,UAAU,GAAGpC,SAAS;IACrC,MAAM,CAACqC,iBAAiB,GAAGnC,sBAAsBgB;IACjD,MAAM,EAAEoB,eAAe,EAAE,GAAG9B;IAC5B,MAAM+B,uBAAuB3C,YAAY4C,SAAS,CAACF;IAEnD,MAAM,EAAEG,YAAY,EAAE,GAAGrC;IAEzB,MAAM,EAAEsC,IAAI,EAAE,GAAGD,YAAY,CAAC,CAAC,EAAEvB,iBAAiB,gBAAgB,UAAU,CAAC,CAAC,CAACA,eAAe;IAC9F,MAAMyB,YAAYC,QAAQ5B;IAC1B,MAAM6B,SAAS7B,KAAK,CAAC,EAAEW,UAAU,EAAED,SAAS,CAAC,EAAER,eAAe,CAAC,EAAEF,GAAG,QAAQ,EAAEe,OAAOe,IAAI,CAAC,CAAC,GAAG;IAC9F,MAAMC,SAAS,CAAC,EAAEpB,UAAU,EAAED,SAAS,CAAC,EAAER,eAAe,EACvDyB,YAAY,CAAC,CAAC,EAAE3B,GAAG,CAAC,GAAG,GACxB,CAAC,EAAEuB,qBAAqB,CAAC;IAE1BxC,UAAU;QACRqC,UAAUQ,QAAQf,UAAU,CAACV,WAAW,EAAEgB;IAC5C,GAAG;QAACN;QAAYV;KAAW;IAE3B,MAAM6B,cAAcnD,MAAMC,WAAW,CACnC,CAACmD;QACC,IAAId,QAAQ;YACVP,WAAWT;YACXlB,MAAMiD,KAAK,CAACD,KAAKE,MAAM,EAAE,CAAC,EAAE,CAACC,WAAWpB,EAAE;QAC5C;IACF,GACA;QAACJ;QAAYT;QAAYgB;QAAQH;KAAE;IAGrC,MAAMZ,SAAStB,YACb,CAACuD;QACCnB,aAAamB,KAAKC,GAAG,CAACtC,EAAE;QACxB,IAAI,OAAOK,oBAAoB,YAAY;YACzC,KAAKA,gBAAgB;gBACnB,GAAGgC,IAAI;gBACPhB;YACF;QACF;IACF,GACA;QAAChB;QAAiBgB;KAAiB;IAGrC,qBACE,oBAAC/B;QACCiD,8BACE,oBAAC5C;YAAO6C,WAAW,CAAC,EAAE1C,UAAU,QAAQ,CAAC;yBACvC,oBAAC2C;YAAID,WAAW,CAAC,EAAE1C,UAAU,gBAAgB,CAAC;yBAC5C,oBAAC4C;YAAGF,WAAW,CAAC,EAAE1C,UAAU,aAAa,CAAC;WACvCG,wBAAU,oBAACJ;YAAY8C,SAAQ;2BAKlC,oBAACC;YACCC,cAAY7B,EAAE;YACdwB,WAAW,CAAC,EAAE1C,UAAU,cAAc,CAAC;YACvCgD,SAAS,IAAMhC,YAAYX;YAC3B4C,MAAK;yBAEL,oBAAC5D,0BAGL,oBAAC6D;QAGLjB,QAAQA;QACRF,QAAQA;QACR3B,gBAAgBmB,iBAAiB4B,IAAI;QACrCC,gBAAAA;QACAC,2BAAAA;QACA,8IAA8I;QAC9I,uJAAuJ;QACvJC,gBAAgB;QAChB,mJAAmJ;QACnJC,mBAAmB;QACnB,aAAa;QACbrD,IAAIA,MAAMiB;QACVU,WAAWA;QACXK,aAAaA;QACb5B,QAAQA;OAEPsB;AAGP,EAAC;AAED,MAAMsB,gBAA0B;IAC9B,MAAM,EAAEhD,EAAE,EAAEsD,KAAK,EAAE,GAAG/D;IACtB,OAAOS,MAAMA,OAAOsD,sBAAQ,oBAAC1D;QAAQI,IAAIA,GAAGuD,QAAQ;SAAS;AAC/D"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAO3F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,eAAe,CAAA;AAcrC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyBhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAiE/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAO9F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,eAAe,CAAA;AAcrC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyBhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAmE/B,CAAA"}

package/dist/elements/DocumentDrawer/index.js

@@ -1,86 +1,20 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DocumentDrawer: function() {
-        return DocumentDrawer;
-    },
-    DocumentDrawerToggler: function() {
-        return DocumentDrawerToggler;
-    },
-    baseClass: function() {
-        return baseClass;
-    },
-    useDocumentDrawer: function() {
-        return useDocumentDrawer;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _translations = require("@payloadcms/translations");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _useRelatedCollections = require("../../forms/fields/Relationship/AddNew/useRelatedCollections");
-const _EditDepth = require("../../providers/EditDepth");
-const _Translation = require("../../providers/Translation");
-const _Drawer = require("../Drawer");
-const _DrawerContent = require("./DrawerContent");
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const baseClass = 'doc-drawer';
+import * as facelessUIImport from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
+import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Drawer, DrawerToggler } from '../Drawer/index.js';
+import { DocumentDrawerContent } from './DrawerContent.js';
+export const baseClass = 'doc-drawer';
 const formatDocumentDrawerSlug = ({ id, collectionSlug, depth, uuid })=>`doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
-const DocumentDrawerToggler = ({ id, children, className, collectionSlug, disabled, drawerSlug, ...rest })=>{
-    const { i18n, t } = (0, _Translation.useTranslation)();
-    const [collectionConfig] = (0, _useRelatedCollections.useRelatedCollections)(collectionSlug);
-    return /*#__PURE__*/ _react.default.createElement(_Drawer.DrawerToggler, {
+export const DocumentDrawerToggler = ({ id, children, className, collectionSlug, disabled, drawerSlug, ...rest })=>{
+    const { i18n, t } = useTranslation();
+    const [collectionConfig] = useRelatedCollections(collectionSlug);
+    return /*#__PURE__*/ React.createElement(DrawerToggler, {
         "aria-label": t(!id ? 'fields:addNewLabel' : 'general:editLabel', {
-            label: (0, _translations.getTranslation)(collectionConfig.labels.singular, i18n)
+            label: getTranslation(collectionConfig.labels.singular, i18n)
         }),
         className: [
             className,
@@ -91,52 +25,53 @@ const DocumentDrawerToggler = ({ id, children, className, collectionSlug, disabl
         ...rest
     }, children);
 };
-const DocumentDrawer = (props)=>{
+export const DocumentDrawer = (props)=>{
     const { drawerSlug } = props;
-    return /*#__PURE__*/ _react.default.createElement(_Drawer.Drawer, {
+    return /*#__PURE__*/ React.createElement(Drawer, {
         Header: null,
         className: baseClass,
         gutter: false,
         slug: drawerSlug
-    }, /*#__PURE__*/ _react.default.createElement(_DrawerContent.DocumentDrawerContent, props));
+    }, /*#__PURE__*/ React.createElement(DocumentDrawerContent, props));
 };
-const useDocumentDrawer = ({ id, collectionSlug })=>{
-    const drawerDepth = (0, _EditDepth.useEditDepth)();
-    const uuid = (0, _react.useId)();
-    const { closeModal, modalState, openModal, toggleModal } = (0, _modal.useModal)();
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+export const useDocumentDrawer = ({ id, collectionSlug })=>{
+    const { useModal } = facelessUIImport;
+    const drawerDepth = useEditDepth();
+    const uuid = useId();
+    const { closeModal, modalState, openModal, toggleModal } = useModal();
+    const [isOpen, setIsOpen] = useState(false);
     const drawerSlug = formatDocumentDrawerSlug({
         id,
         collectionSlug,
         depth: drawerDepth,
         uuid
     });
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
     }, [
         modalState,
         drawerSlug
     ]);
-    const toggleDrawer = (0, _react.useCallback)(()=>{
+    const toggleDrawer = useCallback(()=>{
         toggleModal(drawerSlug);
     }, [
         toggleModal,
         drawerSlug
     ]);
-    const closeDrawer = (0, _react.useCallback)(()=>{
+    const closeDrawer = useCallback(()=>{
         closeModal(drawerSlug);
     }, [
         closeModal,
         drawerSlug
     ]);
-    const openDrawer = (0, _react.useCallback)(()=>{
+    const openDrawer = useCallback(()=>{
         openModal(drawerSlug);
     }, [
         openModal,
         drawerSlug
     ]);
-    const MemoizedDrawer = (0, _react.useMemo)(()=>{
-        return (props)=>/*#__PURE__*/ _react.default.createElement(DocumentDrawer, {
+    const MemoizedDrawer = useMemo(()=>{
+        return (props)=>/*#__PURE__*/ React.createElement(DocumentDrawer, {
                 ...props,
                 collectionSlug: collectionSlug,
                 drawerSlug: drawerSlug,
@@ -148,8 +83,8 @@ const useDocumentDrawer = ({ id, collectionSlug })=>{
         drawerSlug,
         collectionSlug
     ]);
-    const MemoizedDrawerToggler = (0, _react.useMemo)(()=>{
-        return (props)=>/*#__PURE__*/ _react.default.createElement(DocumentDrawerToggler, {
+    const MemoizedDrawerToggler = useMemo(()=>{
+        return (props)=>/*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
                 ...props,
                 collectionSlug: collectionSlug,
                 drawerSlug: drawerSlug,
@@ -160,7 +95,7 @@ const useDocumentDrawer = ({ id, collectionSlug })=>{
         drawerSlug,
         collectionSlug
     ]);
-    const MemoizedDrawerState = (0, _react.useMemo)(()=>({
+    const MemoizedDrawerState = useMemo(()=>({
             closeDrawer,
             drawerDepth,
             drawerSlug,
@@ -182,4 +117,4 @@ const useDocumentDrawer = ({ id, collectionSlug })=>{
     ];
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Eb2N1bWVudERyYXdlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VNb2RhbCB9IGZyb20gJ0BmYWNlbGVzcy11aS9tb2RhbCdcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZUlkLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IERvY3VtZW50RHJhd2VyUHJvcHMsIERvY3VtZW50VG9nZ2xlclByb3BzLCBVc2VEb2N1bWVudERyYXdlciB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZVJlbGF0ZWRDb2xsZWN0aW9ucyB9IGZyb20gJy4uLy4uL2Zvcm1zL2ZpZWxkcy9SZWxhdGlvbnNoaXAvQWRkTmV3L3VzZVJlbGF0ZWRDb2xsZWN0aW9ucydcbmltcG9ydCB7IHVzZUVkaXREZXB0aCB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9FZGl0RGVwdGgnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UcmFuc2xhdGlvbidcbmltcG9ydCB7IERyYXdlciwgRHJhd2VyVG9nZ2xlciB9IGZyb20gJy4uL0RyYXdlcidcbmltcG9ydCB7IERvY3VtZW50RHJhd2VyQ29udGVudCB9IGZyb20gJy4vRHJhd2VyQ29udGVudCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5leHBvcnQgY29uc3QgYmFzZUNsYXNzID0gJ2RvYy1kcmF3ZXInXG5cbmNvbnN0IGZvcm1hdERvY3VtZW50RHJhd2VyU2x1ZyA9ICh7XG4gIGlkLFxuICBjb2xsZWN0aW9uU2x1ZyxcbiAgZGVwdGgsXG4gIHV1aWQsXG59OiB7XG4gIGNvbGxlY3Rpb25TbHVnOiBzdHJpbmdcbiAgZGVwdGg6IG51bWJlclxuICBpZDogbnVtYmVyIHwgc3RyaW5nXG4gIHV1aWQ6IHN0cmluZyAvLyBzdXBwbHkgd2hlbiBjcmVhdGluZyBhIG5ldyBkb2N1bWVudCBhbmQgbm8gaWQgaXMgYXZhaWxhYmxlXG59KSA9PiBgZG9jLWRyYXdlcl8ke2NvbGxlY3Rpb25TbHVnfV8ke2RlcHRofSR7aWQgPyBgXyR7aWR9YCA6ICcnfV8ke3V1aWR9YFxuXG5leHBvcnQgY29uc3QgRG9jdW1lbnREcmF3ZXJUb2dnbGVyOiBSZWFjdC5GQzxEb2N1bWVudFRvZ2dsZXJQcm9wcz4gPSAoe1xuICBpZCxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgY29sbGVjdGlvblNsdWcsXG4gIGRpc2FibGVkLFxuICBkcmF3ZXJTbHVnLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbY29sbGVjdGlvbkNvbmZpZ10gPSB1c2VSZWxhdGVkQ29sbGVjdGlvbnMoY29sbGVjdGlvblNsdWcpXG5cbiAgcmV0dXJuIChcbiAgICA8RHJhd2VyVG9nZ2xlclxuICAgICAgYXJpYS1sYWJlbD17dCghaWQgPyAnZmllbGRzOmFkZE5ld0xhYmVsJyA6ICdnZW5lcmFsOmVkaXRMYWJlbCcsIHtcbiAgICAgICAgbGFiZWw6IGdldFRyYW5zbGF0aW9uKGNvbGxlY3Rpb25Db25maWcubGFiZWxzLnNpbmd1bGFyLCBpMThuKSxcbiAgICAgIH0pfVxuICAgICAgY2xhc3NOYW1lPXtbY2xhc3NOYW1lLCBgJHtiYXNlQ2xhc3N9X190b2dnbGVyYF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHNsdWc9e2RyYXdlclNsdWd9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9EcmF3ZXJUb2dnbGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBEb2N1bWVudERyYXdlcjogUmVhY3QuRkM8RG9jdW1lbnREcmF3ZXJQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBkcmF3ZXJTbHVnIH0gPSBwcm9wc1xuXG4gIHJldHVybiAoXG4gICAgPERyYXdlciBIZWFkZXI9e251bGx9IGNsYXNzTmFtZT17YmFzZUNsYXNzfSBndXR0ZXI9e2ZhbHNlfSBzbHVnPXtkcmF3ZXJTbHVnfT5cbiAgICAgIDxEb2N1bWVudERyYXdlckNvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgIDwvRHJhd2VyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VEb2N1bWVudERyYXdlcjogVXNlRG9jdW1lbnREcmF3ZXIgPSAoeyBpZCwgY29sbGVjdGlvblNsdWcgfSkgPT4ge1xuICBjb25zdCBkcmF3ZXJEZXB0aCA9IHVzZUVkaXREZXB0aCgpXG4gIGNvbnN0IHV1aWQgPSB1c2VJZCgpXG4gIGNvbnN0IHsgY2xvc2VNb2RhbCwgbW9kYWxTdGF0ZSwgb3Blbk1vZGFsLCB0b2dnbGVNb2RhbCB9ID0gdXNlTW9kYWwoKVxuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgZHJhd2VyU2x1ZyA9IGZvcm1hdERvY3VtZW50RHJhd2VyU2x1Zyh7XG4gICAgaWQsXG4gICAgY29sbGVjdGlvblNsdWcsXG4gICAgZGVwdGg6IGRyYXdlckRlcHRoLFxuICAgIHV1aWQsXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc09wZW4oQm9vbGVhbihtb2RhbFN0YXRlW2RyYXdlclNsdWddPy5pc09wZW4pKVxuICB9LCBbbW9kYWxTdGF0ZSwgZHJhd2VyU2x1Z10pXG5cbiAgY29uc3QgdG9nZ2xlRHJhd2VyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHRvZ2dsZU1vZGFsKGRyYXdlclNsdWcpXG4gIH0sIFt0b2dnbGVNb2RhbCwgZHJhd2VyU2x1Z10pXG5cbiAgY29uc3QgY2xvc2VEcmF3ZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY2xvc2VNb2RhbChkcmF3ZXJTbHVnKVxuICB9LCBbY2xvc2VNb2RhbCwgZHJhd2VyU2x1Z10pXG5cbiAgY29uc3Qgb3BlbkRyYXdlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvcGVuTW9kYWwoZHJhd2VyU2x1ZylcbiAgfSwgW29wZW5Nb2RhbCwgZHJhd2VyU2x1Z10pXG5cbiAgY29uc3QgTWVtb2l6ZWREcmF3ZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKHByb3BzKSA9PiAoXG4gICAgICA8RG9jdW1lbnREcmF3ZXJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjb2xsZWN0aW9uU2x1Zz17Y29sbGVjdGlvblNsdWd9XG4gICAgICAgIGRyYXdlclNsdWc9e2RyYXdlclNsdWd9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAga2V5PXtkcmF3ZXJTbHVnfVxuICAgICAgLz5cbiAgICApXG4gIH0sIFtpZCwgZHJhd2VyU2x1ZywgY29sbGVjdGlvblNsdWddKVxuXG4gIGNvbnN0IE1lbW9pemVkRHJhd2VyVG9nZ2xlciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiAocHJvcHMpID0+IChcbiAgICAgIDxEb2N1bWVudERyYXdlclRvZ2dsZXJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjb2xsZWN0aW9uU2x1Zz17Y29sbGVjdGlvblNsdWd9XG4gICAgICAgIGRyYXdlclNsdWc9e2RyYXdlclNsdWd9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgIC8+XG4gICAgKVxuICB9LCBbaWQsIGRyYXdlclNsdWcsIGNvbGxlY3Rpb25TbHVnXSlcblxuICBjb25zdCBNZW1vaXplZERyYXdlclN0YXRlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY2xvc2VEcmF3ZXIsXG4gICAgICBkcmF3ZXJEZXB0aCxcbiAgICAgIGRyYXdlclNsdWcsXG4gICAgICBpc0RyYXdlck9wZW46IGlzT3BlbixcbiAgICAgIG9wZW5EcmF3ZXIsXG4gICAgICB0b2dnbGVEcmF3ZXIsXG4gICAgfSksXG4gICAgW2RyYXdlckRlcHRoLCBkcmF3ZXJTbHVnLCBpc09wZW4sIHRvZ2dsZURyYXdlciwgY2xvc2VEcmF3ZXIsIG9wZW5EcmF3ZXJdLFxuICApXG5cbiAgcmV0dXJuIFtNZW1vaXplZERyYXdlciwgTWVtb2l6ZWREcmF3ZXJUb2dnbGVyLCBNZW1vaXplZERyYXdlclN0YXRlXVxufVxuIl0sIm5hbWVzIjpbIkRvY3VtZW50RHJhd2VyIiwiRG9jdW1lbnREcmF3ZXJUb2dnbGVyIiwiYmFzZUNsYXNzIiwidXNlRG9jdW1lbnREcmF3ZXIiLCJmb3JtYXREb2N1bWVudERyYXdlclNsdWciLCJpZCIsImNvbGxlY3Rpb25TbHVnIiwiZGVwdGgiLCJ1dWlkIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsImRyYXdlclNsdWciLCJyZXN0IiwiaTE4biIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImNvbGxlY3Rpb25Db25maWciLCJ1c2VSZWxhdGVkQ29sbGVjdGlvbnMiLCJEcmF3ZXJUb2dnbGVyIiwiYXJpYS1sYWJlbCIsImxhYmVsIiwiZ2V0VHJhbnNsYXRpb24iLCJsYWJlbHMiLCJzaW5ndWxhciIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwic2x1ZyIsInByb3BzIiwiRHJhd2VyIiwiSGVhZGVyIiwiZ3V0dGVyIiwiRG9jdW1lbnREcmF3ZXJDb250ZW50IiwiZHJhd2VyRGVwdGgiLCJ1c2VFZGl0RGVwdGgiLCJ1c2VJZCIsImNsb3NlTW9kYWwiLCJtb2RhbFN0YXRlIiwib3Blbk1vZGFsIiwidG9nZ2xlTW9kYWwiLCJ1c2VNb2RhbCIsImlzT3BlbiIsInNldElzT3BlbiIsInVzZVN0YXRlIiwidXNlRWZmZWN0IiwidG9nZ2xlRHJhd2VyIiwidXNlQ2FsbGJhY2siLCJjbG9zZURyYXdlciIsIm9wZW5EcmF3ZXIiLCJNZW1vaXplZERyYXdlciIsInVzZU1lbW8iLCJrZXkiLCJNZW1vaXplZERyYXdlclRvZ2dsZXIiLCJNZW1vaXplZERyYXdlclN0YXRlIiwiaXNE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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id: number | string\n  uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  id,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  const { i18n, t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: getTranslation(collectionConfig.labels.singular, i18n),\n      })}\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n  const { useModal } = facelessUIImport\n\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["facelessUIImport","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","rest","i18n","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","useModal","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,11 +1,12 @@
+/// <reference types="react/experimental" resolution-mode="require"/>
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
-import type { DocumentInfoContext } from '../../providers/DocumentInfo/types';
-import type { Props as DrawerProps } from '../Drawer/types';
+import type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js';
+import type { Props as DrawerProps } from '../Drawer/types.js';
 export type DocumentDrawerProps = Pick<DrawerProps, 'Header'> & {
     collectionSlug: string;
     drawerSlug?: string;
-    id?: number | string;
+    id?: null | number | string;
     onSave?: DocumentInfoContext['onSave'];
 };
 export type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {

package/dist/elements/DocumentDrawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG;IAC9D,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG;IAC9D,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}