payload 1.6.19 → 1.6.20

package/dist/admin/components/elements/DatePicker/DatePicker.js

@@ -1,99 +1,99 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_datepicker_1 = __importStar(require("react-datepicker"));
-const Locales = __importStar(require("date-fns/locale"));
-const react_i18next_1 = require("react-i18next");
-const Calendar_1 = __importDefault(require("../../icons/Calendar"));
-const X_1 = __importDefault(require("../../icons/X"));
-const getSupportedDateLocale_1 = require("../../../utilities/formatDate/getSupportedDateLocale");
-require("react-datepicker/dist/react-datepicker.css");
-require("./index.scss");
-const baseClass = 'date-time-picker';
-const DateTime = (props) => {
-    const { value, onChange, displayFormat, pickerAppearance, minDate, maxDate, monthsToShow = 1, minTime, maxTime, timeIntervals = 30, timeFormat = 'h:mm aa', readOnly, placeholder: placeholderText, } = props;
-    // Use the user's AdminUI language preference for the locale
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const locale = (0, getSupportedDateLocale_1.getSupportedDateLocale)(i18n.language);
-    try {
-        (0, react_datepicker_1.registerLocale)(locale, Locales[locale]);
-    }
-    catch (e) {
-        console.warn(`Could not find DatePicker locale for ${locale}`);
-    }
-    let dateTimeFormat = displayFormat;
-    if (dateTimeFormat === undefined && pickerAppearance) {
-        if (pickerAppearance === 'dayAndTime')
-            dateTimeFormat = 'MMM d, yyy h:mm a';
-        else if (pickerAppearance === 'timeOnly')
-            dateTimeFormat = 'h:mm a';
-        else if (pickerAppearance === 'dayOnly')
-            dateTimeFormat = 'dd';
-        else if (pickerAppearance === 'monthOnly')
-            dateTimeFormat = 'MMMM';
-        else
-            dateTimeFormat = 'MMM d, yyy';
-    }
-    const dateTimePickerProps = {
-        minDate,
-        maxDate,
-        dateFormat: dateTimeFormat,
-        monthsShown: Math.min(2, monthsToShow),
-        showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
-        minTime,
-        maxTime,
-        timeIntervals,
-        timeFormat,
-        placeholderText,
-        disabled: readOnly,
-        onChange,
-        showPopperArrow: false,
-        selected: value && new Date(value),
-        customInputRef: 'ref',
-        showMonthYearPicker: pickerAppearance === 'monthOnly',
-    };
-    const classes = [
-        baseClass,
-        `${baseClass}__appearance--${pickerAppearance}`,
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement("div", { className: classes },
-        react_1.default.createElement("div", { className: `${baseClass}__icon-wrap` },
-            dateTimePickerProps.selected && (react_1.default.createElement("button", { type: "button", className: `${baseClass}__clear-button`, onClick: () => onChange(null) },
-                react_1.default.createElement(X_1.default, null))),
-            react_1.default.createElement(Calendar_1.default, null)),
-        react_1.default.createElement("div", { className: `${baseClass}__input-wrapper` },
-            react_1.default.createElement(react_datepicker_1.default, { ...dateTimePickerProps, onChange: (val) => onChange(val), locale: locale, popperModifiers: [
-                    {
-                        name: 'preventOverflow',
-                        enabled: true,
-                    },
-                ] }))));
-};
-exports.default = DateTime;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_datepicker_1 = __importStar(require("react-datepicker"));
+const Locales = __importStar(require("date-fns/locale"));
+const react_i18next_1 = require("react-i18next");
+const Calendar_1 = __importDefault(require("../../icons/Calendar"));
+const X_1 = __importDefault(require("../../icons/X"));
+const getSupportedDateLocale_1 = require("../../../utilities/formatDate/getSupportedDateLocale");
+require("react-datepicker/dist/react-datepicker.css");
+require("./index.scss");
+const baseClass = 'date-time-picker';
+const DateTime = (props) => {
+    const { value, onChange, displayFormat, pickerAppearance, minDate, maxDate, monthsToShow = 1, minTime, maxTime, timeIntervals = 30, timeFormat = 'h:mm aa', readOnly, placeholder: placeholderText, } = props;
+    // Use the user's AdminUI language preference for the locale
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const locale = (0, getSupportedDateLocale_1.getSupportedDateLocale)(i18n.language);
+    try {
+        (0, react_datepicker_1.registerLocale)(locale, Locales[locale]);
+    }
+    catch (e) {
+        console.warn(`Could not find DatePicker locale for ${locale}`);
+    }
+    let dateTimeFormat = displayFormat;
+    if (dateTimeFormat === undefined && pickerAppearance) {
+        if (pickerAppearance === 'dayAndTime')
+            dateTimeFormat = 'MMM d, yyy h:mm a';
+        else if (pickerAppearance === 'timeOnly')
+            dateTimeFormat = 'h:mm a';
+        else if (pickerAppearance === 'dayOnly')
+            dateTimeFormat = 'dd';
+        else if (pickerAppearance === 'monthOnly')
+            dateTimeFormat = 'MMMM';
+        else
+            dateTimeFormat = 'MMM d, yyy';
+    }
+    const dateTimePickerProps = {
+        minDate,
+        maxDate,
+        dateFormat: dateTimeFormat,
+        monthsShown: Math.min(2, monthsToShow),
+        showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
+        minTime,
+        maxTime,
+        timeIntervals,
+        timeFormat,
+        placeholderText,
+        disabled: readOnly,
+        onChange,
+        showPopperArrow: false,
+        selected: value && new Date(value),
+        customInputRef: 'ref',
+        showMonthYearPicker: pickerAppearance === 'monthOnly',
+    };
+    const classes = [
+        baseClass,
+        `${baseClass}__appearance--${pickerAppearance}`,
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement("div", { className: `${baseClass}__icon-wrap` },
+            dateTimePickerProps.selected && (react_1.default.createElement("button", { type: "button", className: `${baseClass}__clear-button`, onClick: () => onChange(null) },
+                react_1.default.createElement(X_1.default, null))),
+            react_1.default.createElement(Calendar_1.default, null)),
+        react_1.default.createElement("div", { className: `${baseClass}__input-wrapper` },
+            react_1.default.createElement(react_datepicker_1.default, { ...dateTimePickerProps, onChange: (val) => onChange(val), locale: locale, popperModifiers: [
+                    {
+                        name: 'preventOverflow',
+                        enabled: true,
+                    },
+                ] }))));
+};
+exports.default = DateTime;
 //# sourceMappingURL=DatePicker.js.map

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

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

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

@@ -1,32 +1,32 @@
-"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 ShimmerEffect_1 = require("../ShimmerEffect");
-const DatePicker = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DatePicker'))));
-const DatePickerField = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ShimmerEffect_1.ShimmerEffect, { height: 50 }) },
-    react_1.default.createElement(DatePicker, { ...props })));
-exports.default = DatePickerField;
+"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 ShimmerEffect_1 = require("../ShimmerEffect");
+const DatePicker = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DatePicker'))));
+const DatePickerField = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ShimmerEffect_1.ShimmerEffect, { height: 50 }) },
+    react_1.default.createElement(DatePicker, { ...props })));
+exports.default = DatePickerField;
 //# sourceMappingURL=index.js.map

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

@@ -1,35 +1,35 @@
-type SharedProps = {
-    displayFormat?: string;
-    pickerAppearance?: 'dayAndTime' | 'timeOnly' | 'dayOnly' | 'monthOnly';
-};
-type TimePickerProps = {
-    minTime?: Date;
-    maxTime?: Date;
-    timeIntervals?: number;
-    timeFormat?: string;
-};
-type DayPickerProps = {
-    monthsToShow?: 1 | 2;
-    minDate?: Date;
-    maxDate?: Date;
-};
-type MonthPickerProps = {
-    minDate?: Date;
-    maxDate?: Date;
-};
-export type ConditionalDateProps = SharedProps & DayPickerProps & TimePickerProps & {
-    pickerAppearance?: 'dayAndTime';
-} | SharedProps & TimePickerProps & {
-    pickerAppearance: 'timeOnly';
-} | SharedProps & DayPickerProps & {
-    pickerAppearance: 'dayOnly';
-} | SharedProps & MonthPickerProps & {
-    pickerAppearance: 'monthOnly';
-};
-export type Props = SharedProps & DayPickerProps & TimePickerProps & {
-    value?: Date;
-    onChange?: (val: Date) => void;
-    readOnly?: boolean;
-    placeholder?: string;
-};
-export {};
+type SharedProps = {
+    displayFormat?: string;
+    pickerAppearance?: 'dayAndTime' | 'timeOnly' | 'dayOnly' | 'monthOnly';
+};
+type TimePickerProps = {
+    minTime?: Date;
+    maxTime?: Date;
+    timeIntervals?: number;
+    timeFormat?: string;
+};
+type DayPickerProps = {
+    monthsToShow?: 1 | 2;
+    minDate?: Date;
+    maxDate?: Date;
+};
+type MonthPickerProps = {
+    minDate?: Date;
+    maxDate?: Date;
+};
+export type ConditionalDateProps = SharedProps & DayPickerProps & TimePickerProps & {
+    pickerAppearance?: 'dayAndTime';
+} | SharedProps & TimePickerProps & {
+    pickerAppearance: 'timeOnly';
+} | SharedProps & DayPickerProps & {
+    pickerAppearance: 'dayOnly';
+} | SharedProps & MonthPickerProps & {
+    pickerAppearance: 'monthOnly';
+};
+export type Props = SharedProps & DayPickerProps & TimePickerProps & {
+    value?: Date;
+    onChange?: (val: Date) => void;
+    readOnly?: boolean;
+    placeholder?: string;
+};
+export {};

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const DeleteDocument: React.FC<Props>;
-export default DeleteDocument;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const DeleteDocument: React.FC<Props>;
+export default DeleteDocument;

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

@@ -1,107 +1,107 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_toastify_1 = require("react-toastify");
-const react_router_dom_1 = require("react-router-dom");
-const modal_1 = require("@faceless-ui/modal");
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../utilities/Config");
-const Button_1 = __importDefault(require("../Button"));
-const Minimal_1 = __importDefault(require("../../templates/Minimal"));
-const context_1 = require("../../forms/Form/context");
-const useTitle_1 = __importDefault(require("../../../hooks/useTitle"));
-const api_1 = require("../../../api");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-require("./index.scss");
-const baseClass = 'delete-document';
-const DeleteDocument = (props) => {
-    const { title: titleFromProps, id, buttonId, collection, collection: { admin: { useAsTitle, }, slug, labels: { singular, } = {}, } = {}, } = props;
-    const { serverURL, routes: { api, admin } } = (0, Config_1.useConfig)();
-    const { setModified } = (0, context_1.useForm)();
-    const [deleting, setDeleting] = (0, react_1.useState)(false);
-    const { toggleModal } = (0, modal_1.useModal)();
-    const history = (0, react_router_dom_1.useHistory)();
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    const title = (0, useTitle_1.default)(useAsTitle, collection.slug) || id;
-    const titleToRender = titleFromProps || title;
-    const modalSlug = `delete-${id}`;
-    const addDefaultError = (0, react_1.useCallback)(() => {
-        react_toastify_1.toast.error(t('error:deletingTitle', { title }));
-    }, [t, title]);
-    const handleDelete = (0, react_1.useCallback)(() => {
-        setDeleting(true);
-        setModified(false);
-        api_1.requests.delete(`${serverURL}${api}/${slug}/${id}`, {
-            headers: {
-                'Content-Type': 'application/json',
-                'Accept-Language': i18n.language,
-            },
-        }).then(async (res) => {
-            try {
-                const json = await res.json();
-                if (res.status < 400) {
-                    toggleModal(modalSlug);
-                    react_toastify_1.toast.success(t('titleDeleted', { label: (0, getTranslation_1.getTranslation)(singular, i18n), title }));
-                    return history.push(`${admin}/collections/${slug}`);
-                }
-                toggleModal(modalSlug);
-                if (json.errors) {
-                    json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
-                }
-                else {
-                    addDefaultError();
-                }
-                return false;
-            }
-            catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [setModified, serverURL, api, slug, id, toggleModal, modalSlug, t, singular, i18n, title, history, admin, addDefaultError]);
-    if (id) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("button", { type: "button", id: buttonId, className: `${baseClass}__toggle`, onClick: (e) => {
-                    e.preventDefault();
-                    setDeleting(false);
-                    toggleModal(modalSlug);
-                } }, t('delete')),
-            react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: baseClass },
-                react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__template` },
-                    react_1.default.createElement("h1", null, t('confirmDeletion')),
-                    react_1.default.createElement("p", null,
-                        react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "aboutToDelete", values: { label: (0, getTranslation_1.getTranslation)(singular, i18n), title: titleToRender }, t: t },
-                            "aboutToDelete",
-                            react_1.default.createElement("strong", null, titleToRender))),
-                    react_1.default.createElement(Button_1.default, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: deleting ? undefined : () => toggleModal(modalSlug) }, t('cancel')),
-                    react_1.default.createElement(Button_1.default, { onClick: deleting ? undefined : handleDelete, id: "confirm-delete" }, deleting ? t('deleting') : t('confirm'))))));
-    }
-    return null;
-};
-exports.default = DeleteDocument;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_toastify_1 = require("react-toastify");
+const react_router_dom_1 = require("react-router-dom");
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Button_1 = __importDefault(require("../Button"));
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const context_1 = require("../../forms/Form/context");
+const useTitle_1 = __importDefault(require("../../../hooks/useTitle"));
+const api_1 = require("../../../api");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'delete-document';
+const DeleteDocument = (props) => {
+    const { title: titleFromProps, id, buttonId, collection, collection: { admin: { useAsTitle, }, slug, labels: { singular, } = {}, } = {}, } = props;
+    const { serverURL, routes: { api, admin } } = (0, Config_1.useConfig)();
+    const { setModified } = (0, context_1.useForm)();
+    const [deleting, setDeleting] = (0, react_1.useState)(false);
+    const { toggleModal } = (0, modal_1.useModal)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const title = (0, useTitle_1.default)(useAsTitle, collection.slug) || id;
+    const titleToRender = titleFromProps || title;
+    const modalSlug = `delete-${id}`;
+    const addDefaultError = (0, react_1.useCallback)(() => {
+        react_toastify_1.toast.error(t('error:deletingTitle', { title }));
+    }, [t, title]);
+    const handleDelete = (0, react_1.useCallback)(() => {
+        setDeleting(true);
+        setModified(false);
+        api_1.requests.delete(`${serverURL}${api}/${slug}/${id}`, {
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
+            },
+        }).then(async (res) => {
+            try {
+                const json = await res.json();
+                if (res.status < 400) {
+                    toggleModal(modalSlug);
+                    react_toastify_1.toast.success(t('titleDeleted', { label: (0, getTranslation_1.getTranslation)(singular, i18n), title }));
+                    return history.push(`${admin}/collections/${slug}`);
+                }
+                toggleModal(modalSlug);
+                if (json.errors) {
+                    json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
+                }
+                else {
+                    addDefaultError();
+                }
+                return false;
+            }
+            catch (e) {
+                return addDefaultError();
+            }
+        });
+    }, [setModified, serverURL, api, slug, id, toggleModal, modalSlug, t, singular, i18n, title, history, admin, addDefaultError]);
+    if (id) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("button", { type: "button", id: buttonId, className: `${baseClass}__toggle`, onClick: (e) => {
+                    e.preventDefault();
+                    setDeleting(false);
+                    toggleModal(modalSlug);
+                } }, t('delete')),
+            react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: baseClass },
+                react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__template` },
+                    react_1.default.createElement("h1", null, t('confirmDeletion')),
+                    react_1.default.createElement("p", null,
+                        react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "aboutToDelete", values: { label: (0, getTranslation_1.getTranslation)(singular, i18n), title: titleToRender }, t: t },
+                            "aboutToDelete",
+                            react_1.default.createElement("strong", null, titleToRender))),
+                    react_1.default.createElement(Button_1.default, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: deleting ? undefined : () => toggleModal(modalSlug) }, t('cancel')),
+                    react_1.default.createElement(Button_1.default, { onClick: deleting ? undefined : handleDelete, id: "confirm-delete" }, deleting ? t('deleting') : t('confirm'))))));
+    }
+    return null;
+};
+exports.default = DeleteDocument;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export type Props = {
-    collection?: SanitizedCollectionConfig;
-    id?: string;
-    buttonId?: string;
-    title?: string;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export type Props = {
+    collection?: SanitizedCollectionConfig;
+    id?: string;
+    buttonId?: string;
+    title?: string;
+};

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

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

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

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