payload 1.4.2 → 1.5.0

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

@@ -1,53 +1,82 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useWindowInfo } from '@faceless-ui/window-info';
-import { useTranslation } from 'react-i18next';
-import { EditDepthContext, useEditDepth } from '../../utilities/EditDepth';
-import './index.scss';
+"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.Drawer = exports.DrawerToggler = exports.formatDrawerSlug = void 0;
+const react_1 = __importStar(require("react"));
+const modal_1 = require("@faceless-ui/modal");
+const window_info_1 = require("@faceless-ui/window-info");
+const react_i18next_1 = require("react-i18next");
+const EditDepth_1 = require("../../utilities/EditDepth");
+require("./index.scss");
 const baseClass = 'drawer';
 const zBase = 100;
-export const formatDrawerSlug = ({ slug, depth, }) => `drawer_${depth}_${slug}`;
-export const DrawerToggler = ({ slug, formatSlug, children, className, onClick, disabled, ...rest }) => {
-    const { openModal } = useModal();
-    const drawerDepth = useEditDepth();
-    const handleClick = useCallback((e) => {
-        openModal(formatSlug !== false ? formatDrawerSlug({ slug, depth: drawerDepth }) : slug);
+const formatDrawerSlug = ({ slug, depth, }) => `drawer_${depth}_${slug}`;
+exports.formatDrawerSlug = formatDrawerSlug;
+const DrawerToggler = ({ slug, formatSlug, children, className, onClick, disabled, ...rest }) => {
+    const { openModal } = (0, modal_1.useModal)();
+    const drawerDepth = (0, EditDepth_1.useEditDepth)();
+    const handleClick = (0, react_1.useCallback)((e) => {
+        openModal(formatSlug !== false ? (0, exports.formatDrawerSlug)({ slug, depth: drawerDepth }) : slug);
         if (typeof onClick === 'function')
             onClick(e);
     }, [openModal, drawerDepth, slug, onClick, formatSlug]);
-    return (React.createElement("button", { onClick: handleClick, type: "button", className: className, disabled: disabled, ...rest }, children));
+    return (react_1.default.createElement("button", { onClick: handleClick, type: "button", className: className, disabled: disabled, ...rest }, children));
 };
-export const Drawer = ({ slug, formatSlug, children, className, }) => {
-    const { t } = useTranslation('general');
-    const { closeModal, modalState } = useModal();
-    const { breakpoints: { m: midBreak } } = useWindowInfo();
-    const drawerDepth = useEditDepth();
-    const [isOpen, setIsOpen] = useState(false);
-    const [animateIn, setAnimateIn] = useState(false);
-    const [modalSlug] = useState(() => (formatSlug !== false ? formatDrawerSlug({ slug, depth: drawerDepth }) : slug));
-    useEffect(() => {
+exports.DrawerToggler = DrawerToggler;
+const Drawer = ({ slug, formatSlug, children, className, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const { closeModal, modalState } = (0, modal_1.useModal)();
+    const { breakpoints: { m: midBreak } } = (0, window_info_1.useWindowInfo)();
+    const drawerDepth = (0, EditDepth_1.useEditDepth)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [animateIn, setAnimateIn] = (0, react_1.useState)(false);
+    const [modalSlug] = (0, react_1.useState)(() => (formatSlug !== false ? (0, exports.formatDrawerSlug)({ slug, depth: drawerDepth }) : slug));
+    (0, react_1.useEffect)(() => {
         var _a;
         setIsOpen((_a = modalState[modalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen);
     }, [modalSlug, modalState]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setAnimateIn(isOpen);
     }, [isOpen]);
     if (isOpen) {
         // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers
-        return (React.createElement(Modal, { slug: modalSlug, className: [
+        return (react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: [
                 className,
                 baseClass,
                 animateIn && `${baseClass}--is-open`,
             ].filter(Boolean).join(' '), style: {
                 zIndex: zBase + drawerDepth,
             } },
-            drawerDepth === 1 && (React.createElement("div", { className: `${baseClass}__blur-bg` })),
-            React.createElement("button", { className: `${baseClass}__close`, id: `close-drawer__${modalSlug}`, type: "button", onClick: () => closeModal(modalSlug), style: {
+            drawerDepth === 1 && (react_1.default.createElement("div", { className: `${baseClass}__blur-bg` })),
+            react_1.default.createElement("button", { className: `${baseClass}__close`, id: `close-drawer__${modalSlug}`, type: "button", onClick: () => closeModal(modalSlug), style: {
                     width: `calc(${midBreak ? 'var(--gutter-h)' : 'var(--nav-width)'} + ${drawerDepth - 1} * 25px)`,
                 }, "aria-label": t('close') }),
-            React.createElement("div", { className: `${baseClass}__content` },
-                React.createElement("div", { className: `${baseClass}__content-children` },
-                    React.createElement(EditDepthContext.Provider, { value: drawerDepth + 1 }, children)))));
+            react_1.default.createElement("div", { className: `${baseClass}__content` },
+                react_1.default.createElement("div", { className: `${baseClass}__content-children` },
+                    react_1.default.createElement(EditDepth_1.EditDepthContext.Provider, { value: drawerDepth + 1 }, children)))));
     }
     return null;
 };
+exports.Drawer = Drawer;

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

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from 'react';
-export declare type Props = {
+export type Props = {
     slug: string;
     formatSlug?: boolean;
     children: React.ReactNode;
     className?: string;
 };
-export declare type TogglerProps = HTMLAttributes<HTMLButtonElement> & {
+export type TogglerProps = HTMLAttributes<HTMLButtonElement> & {
     slug: string;
     formatSlug?: boolean;
     children: React.ReactNode;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,27 +1,55 @@
-import React, { useCallback, useState } from 'react';
-import { useHistory } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import Button from '../Button';
-import { requests } from '../../../api';
-import { useForm, useFormModified } from '../../forms/Form/context';
-import MinimalTemplate from '../../templates/Minimal';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"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_router_dom_1 = require("react-router-dom");
+const react_toastify_1 = require("react-toastify");
+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 api_1 = require("../../../api");
+const context_1 = require("../../forms/Form/context");
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'duplicate';
 const Duplicate = ({ slug, collection, id }) => {
-    const { push } = useHistory();
-    const modified = useFormModified();
-    const { toggleModal } = useModal();
-    const { setModified } = useForm();
-    const { serverURL, routes: { api }, localization } = useConfig();
-    const { routes: { admin } } = useConfig();
-    const [hasClicked, setHasClicked] = useState(false);
-    const { t, i18n } = useTranslation('general');
+    const { push } = (0, react_router_dom_1.useHistory)();
+    const modified = (0, context_1.useFormModified)();
+    const { toggleModal } = (0, modal_1.useModal)();
+    const { setModified } = (0, context_1.useForm)();
+    const { serverURL, routes: { api }, localization } = (0, Config_1.useConfig)();
+    const { routes: { admin } } = (0, Config_1.useConfig)();
+    const [hasClicked, setHasClicked] = (0, react_1.useState)(false);
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     const modalSlug = `duplicate-${id}`;
-    const handleClick = useCallback(async (override = false) => {
+    const handleClick = (0, react_1.useCallback)(async (override = false) => {
         setHasClicked(true);
         if (modified && !override) {
             toggleModal(modalSlug);
@@ -29,7 +57,7 @@ const Duplicate = ({ slug, collection, id }) => {
         }
         const create = async (locale = '') => {
             var _a;
-            const response = await requests.get(`${serverURL}${api}/${slug}/${id}`, {
+            const response = await api_1.requests.get(`${serverURL}${api}/${slug}/${id}`, {
                 params: {
                     locale,
                     depth: 0,
@@ -49,7 +77,7 @@ const Duplicate = ({ slug, collection, id }) => {
                     locale,
                 });
             }
-            const result = await requests.post(`${serverURL}${api}/${slug}`, {
+            const result = await api_1.requests.post(`${serverURL}${api}/${slug}`, {
                 headers: {
                     'Content-Type': 'application/json',
                     'Accept-Language': i18n.language,
@@ -60,7 +88,7 @@ const Duplicate = ({ slug, collection, id }) => {
             if (result.status === 201) {
                 return json.doc.id;
             }
-            json.errors.forEach((error) => toast.error(error.message));
+            json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
             return null;
         };
         let duplicateID;
@@ -72,7 +100,7 @@ const Duplicate = ({ slug, collection, id }) => {
                 .forEach(async (locale) => {
                 var _a;
                 if (!abort) {
-                    const res = await requests.get(`${serverURL}${api}/${slug}/${id}`, {
+                    const res = await api_1.requests.get(`${serverURL}${api}/${slug}/${id}`, {
                         params: {
                             locale,
                             depth: 0,
@@ -88,7 +116,7 @@ const Duplicate = ({ slug, collection, id }) => {
                             locale,
                         });
                     }
-                    const patchResult = await requests.patch(`${serverURL}${api}/${slug}/${duplicateID}?locale=${locale}`, {
+                    const patchResult = await api_1.requests.patch(`${serverURL}${api}/${slug}/${duplicateID}?locale=${locale}`, {
                         headers: {
                             'Content-Type': 'application/json',
                             'Accept-Language': i18n.language,
@@ -98,13 +126,13 @@ const Duplicate = ({ slug, collection, id }) => {
                     if (patchResult.status > 400) {
                         abort = true;
                         const json = await patchResult.json();
-                        json.errors.forEach((error) => toast.error(error.message));
+                        json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
                     }
                 }
             });
             if (abort) {
                 // delete the duplicate doc to prevent incomplete
-                await requests.delete(`${serverURL}${api}/${slug}/${id}`, {
+                await api_1.requests.delete(`${serverURL}${api}/${slug}/${id}`, {
                     headers: {
                         'Accept-Language': i18n.language,
                     },
@@ -114,7 +142,7 @@ const Duplicate = ({ slug, collection, id }) => {
         else {
             duplicateID = await create();
         }
-        toast.success(t('successfullyDuplicated', { label: getTranslation(collection.labels.singular, i18n) }), { autoClose: 3000 });
+        react_toastify_1.toast.success(t('successfullyDuplicated', { label: (0, getTranslation_1.getTranslation)(collection.labels.singular, i18n) }), { autoClose: 3000 });
         setModified(false);
         setTimeout(() => {
             push({
@@ -122,17 +150,17 @@ const Duplicate = ({ slug, collection, id }) => {
             });
         }, 10);
     }, [modified, localization, t, i18n, collection, setModified, toggleModal, modalSlug, serverURL, api, slug, id, push, admin]);
-    const confirm = useCallback(async () => {
+    const confirm = (0, react_1.useCallback)(async () => {
         setHasClicked(false);
         await handleClick(true);
     }, [handleClick]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { id: "action-duplicate", buttonStyle: "none", className: baseClass, onClick: () => handleClick(false) }, t('duplicate')),
-        modified && hasClicked && (React.createElement(Modal, { slug: modalSlug, className: `${baseClass}__modal` },
-            React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                React.createElement("h1", null, t('confirmDuplication')),
-                React.createElement("p", null, t('unsavedChangesDuplicate')),
-                React.createElement(Button, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: () => toggleModal(modalSlug) }, t('cancel')),
-                React.createElement(Button, { onClick: confirm, id: "confirm-duplicate" }, t('duplicateWithoutSaving')))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { id: "action-duplicate", buttonStyle: "none", className: baseClass, onClick: () => handleClick(false) }, t('duplicate')),
+        modified && hasClicked && (react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: `${baseClass}__modal` },
+            react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__modal-template` },
+                react_1.default.createElement("h1", null, t('confirmDuplication')),
+                react_1.default.createElement("p", null, t('unsavedChangesDuplicate')),
+                react_1.default.createElement(Button_1.default, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: () => toggleModal(modalSlug) }, t('cancel')),
+                react_1.default.createElement(Button_1.default, { onClick: confirm, id: "confirm-duplicate" }, t('duplicateWithoutSaving')))))));
 };
-export default Duplicate;
+exports.default = Duplicate;

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

@@ -1,5 +1,5 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
+export type Props = {
     slug: string;
     collection: SanitizedCollectionConfig;
     id: string;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +1,15 @@
-import React from 'react';
-import StepNav from '../StepNav';
-import { Gutter } from '../Gutter';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const StepNav_1 = __importDefault(require("../StepNav"));
+const Gutter_1 = require("../Gutter");
+require("./index.scss");
 const baseClass = 'eyebrow';
-const Eyebrow = ({ actions }) => (React.createElement("div", { className: baseClass },
-    React.createElement(Gutter, { className: `${baseClass}__wrap` },
-        React.createElement(StepNav, null),
+const Eyebrow = ({ actions }) => (react_1.default.createElement("div", { className: baseClass },
+    react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
+        react_1.default.createElement(StepNav_1.default, null),
         actions)));
-export default Eyebrow;
+exports.default = Eyebrow;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     actions?: React.ReactNode;
 };

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/elements/FileDetails/Meta/index.js

@@ -1,26 +1,31 @@
-import React from 'react';
-import { useConfig } from '../../../utilities/Config';
-import CopyToClipboard from '../../CopyToClipboard';
-import formatFilesize from '../../../../../uploads/formatFilesize';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Config_1 = require("../../../utilities/Config");
+const CopyToClipboard_1 = __importDefault(require("../../CopyToClipboard"));
+const formatFilesize_1 = __importDefault(require("../../../../../uploads/formatFilesize"));
+require("./index.scss");
 const baseClass = 'file-meta';
 const Meta = (props) => {
     const { filename, filesize, width, height, mimeType, staticURL, url, } = props;
-    const { serverURL } = useConfig();
+    const { serverURL } = (0, Config_1.useConfig)();
     const fileURL = url || `${serverURL}${staticURL}/${filename}`;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__url` },
-            React.createElement("a", { href: fileURL, target: "_blank", rel: "noopener noreferrer" }, filename),
-            React.createElement(CopyToClipboard, { value: fileURL, defaultMessage: "Copy URL" })),
-        React.createElement("div", { className: `${baseClass}__size-type` },
-            formatFilesize(filesize),
-            (width && height) && (React.createElement(React.Fragment, null,
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__url` },
+            react_1.default.createElement("a", { href: fileURL, target: "_blank", rel: "noopener noreferrer" }, filename),
+            react_1.default.createElement(CopyToClipboard_1.default, { value: fileURL, defaultMessage: "Copy URL" })),
+        react_1.default.createElement("div", { className: `${baseClass}__size-type` },
+            (0, formatFilesize_1.default)(filesize),
+            (width && height) && (react_1.default.createElement(react_1.default.Fragment, null,
                 "\u00A0-\u00A0",
                 width,
                 "x",
                 height)),
-            mimeType && (React.createElement(React.Fragment, null,
+            mimeType && (react_1.default.createElement(react_1.default.Fragment, null,
                 "\u00A0-\u00A0",
                 mimeType)))));
 };
-export default Meta;
+exports.default = Meta;

package/dist/admin/components/elements/FileDetails/Meta/types.d.ts

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     filename: string;
     mimeType: string;
     filesize: number;

package/dist/admin/components/elements/FileDetails/Meta/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,41 +1,69 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { useTranslation } from 'react-i18next';
-import Thumbnail from '../Thumbnail';
-import Button from '../Button';
-import Meta from './Meta';
-import Chevron from '../../icons/Chevron';
-import './index.scss';
+"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_animate_height_1 = __importDefault(require("react-animate-height"));
+const react_i18next_1 = require("react-i18next");
+const Thumbnail_1 = __importDefault(require("../Thumbnail"));
+const Button_1 = __importDefault(require("../Button"));
+const Meta_1 = __importDefault(require("./Meta"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+require("./index.scss");
 const baseClass = 'file-details';
 const FileDetails = (props) => {
     var _a;
     const { doc, collection, handleRemove, } = props;
     const { upload: { staticURL, }, } = collection;
     const { filename, filesize, width, height, mimeType, sizes, url, } = doc;
-    const [moreInfoOpen, setMoreInfoOpen] = useState(false);
-    const { t } = useTranslation('upload');
+    const [moreInfoOpen, setMoreInfoOpen] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('upload');
     const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("header", null,
-            React.createElement(Thumbnail, { doc: doc, collection: collection }),
-            React.createElement("div", { className: `${baseClass}__main-detail` },
-                React.createElement(Meta, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
-                hasSizes && (React.createElement(Button, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
-                    !moreInfoOpen && (React.createElement(React.Fragment, null,
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("header", null,
+            react_1.default.createElement(Thumbnail_1.default, { doc: doc, collection: collection }),
+            react_1.default.createElement("div", { className: `${baseClass}__main-detail` },
+                react_1.default.createElement(Meta_1.default, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
+                hasSizes && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
+                    !moreInfoOpen && (react_1.default.createElement(react_1.default.Fragment, null,
                         t('moreInfo'),
-                        React.createElement(Chevron, null))),
-                    moreInfoOpen && (React.createElement(React.Fragment, null,
+                        react_1.default.createElement(Chevron_1.default, null))),
+                    moreInfoOpen && (react_1.default.createElement(react_1.default.Fragment, null,
                         t('lessInfo'),
-                        React.createElement(Chevron, null)))))),
-            handleRemove && (React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
-        hasSizes && (React.createElement(AnimateHeight, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
-            React.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
+                        react_1.default.createElement(Chevron_1.default, null)))))),
+            handleRemove && (react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
+        hasSizes && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
+            react_1.default.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
                 if (val === null || val === void 0 ? void 0 : val.filename) {
-                    return (React.createElement("li", { key: key },
-                        React.createElement("div", { className: `${baseClass}__size-label` }, key),
-                        React.createElement(Meta, { ...val, mimeType: val.mimeType, staticURL: staticURL })));
+                    return (react_1.default.createElement("li", { key: key },
+                        react_1.default.createElement("div", { className: `${baseClass}__size-label` }, key),
+                        react_1.default.createElement(Meta_1.default, { ...val, mimeType: val.mimeType, staticURL: staticURL })));
                 }
                 return null;
             }))))));
 };
-export default FileDetails;
+exports.default = FileDetails;

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

@@ -1,5 +1,5 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
+export type Props = {
     collection: SanitizedCollectionConfig;
     doc: Record<string, unknown>;
     handleRemove?: () => void;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,38 +1,43 @@
-import React from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { Trans, useTranslation } from 'react-i18next';
-import Button from '../Button';
-import MinimalTemplate from '../../templates/Minimal';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_toastify_1 = require("react-toastify");
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const Button_1 = __importDefault(require("../Button"));
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+require("./index.scss");
 const baseClass = 'generate-confirmation';
 const GenerateConfirmation = (props) => {
     const { setKey, highlightField, } = props;
-    const { id } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { t } = useTranslation('authentication');
+    const { id } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { toggleModal } = (0, modal_1.useModal)();
+    const { t } = (0, react_i18next_1.useTranslation)('authentication');
     const modalSlug = `generate-confirmation-${id}`;
     const handleGenerate = () => {
         setKey();
         toggleModal(modalSlug);
-        toast.success(t('newAPIKeyGenerated'), { autoClose: 3000 });
+        react_toastify_1.toast.success(t('newAPIKeyGenerated'), { autoClose: 3000 });
         highlightField(true);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => {
                 toggleModal(modalSlug);
             } }, t('generateNewAPIKey')),
-        React.createElement(Modal, { slug: modalSlug, className: baseClass },
-            React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
-                React.createElement("h1", null, t('confirmGeneration')),
-                React.createElement("p", null,
-                    React.createElement(Trans, { i18nKey: "generatingNewAPIKeyWillInvalidate", t: t },
+        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('confirmGeneration')),
+                react_1.default.createElement("p", null,
+                    react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "generatingNewAPIKeyWillInvalidate", t: t },
                         "generatingNewAPIKeyWillInvalidate",
-                        React.createElement("strong", null, "invalidate"))),
-                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
+                        react_1.default.createElement("strong", null, "invalidate"))),
+                react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", type: "button", onClick: () => {
                         toggleModal(modalSlug);
                     } }, t('general:cancel')),
-                React.createElement(Button, { onClick: handleGenerate }, t('generate'))))));
+                react_1.default.createElement(Button_1.default, { onClick: handleGenerate }, t('generate'))))));
 };
-export default GenerateConfirmation;
+exports.default = GenerateConfirmation;

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

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     setKey: () => void;
     highlightField: (Boolean: any) => void;
 };

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });