payload 1.4.2 → 1.5.1

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

@@ -1,40 +1,68 @@
-import React, { useState, useEffect } from 'react';
-import queryString from 'qs';
-import { useHistory } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import ReactSelect from '../ReactSelect';
-import sortableFieldTypes from '../../../../fields/sortableFieldTypes';
-import { useSearchParams } from '../../utilities/SearchParams';
-import { fieldAffectsData } from '../../../../fields/config/types';
-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 qs_1 = __importDefault(require("qs"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const ReactSelect_1 = __importDefault(require("../ReactSelect"));
+const sortableFieldTypes_1 = __importDefault(require("../../../../fields/sortableFieldTypes"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const types_1 = require("../../../../fields/config/types");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'sort-complex';
 const SortComplex = (props) => {
     const { collection, modifySearchQuery = true, handleChange, } = props;
-    const history = useHistory();
-    const params = useSearchParams();
-    const { t, i18n } = useTranslation('general');
-    const [sortOptions, setSortOptions] = useState();
-    const [sortFields] = useState(() => collection.fields.reduce((fields, field) => {
-        if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {
+    const history = (0, react_router_dom_1.useHistory)();
+    const params = (0, SearchParams_1.useSearchParams)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [sortOptions, setSortOptions] = (0, react_1.useState)();
+    const [sortFields] = (0, react_1.useState)(() => collection.fields.reduce((fields, field) => {
+        if ((0, types_1.fieldAffectsData)(field) && sortableFieldTypes_1.default.indexOf(field.type) > -1) {
             return [
                 ...fields,
-                { label: getTranslation(field.label || field.name, i18n), value: field.name },
+                { label: (0, getTranslation_1.getTranslation)(field.label || field.name, i18n), value: field.name },
             ];
         }
         return fields;
     }, []));
-    const [sortField, setSortField] = useState(sortFields[0]);
-    const [initialSort] = useState(() => ({ label: t('descending'), value: '-' }));
-    const [sortOrder, setSortOrder] = useState(initialSort);
-    useEffect(() => {
+    const [sortField, setSortField] = (0, react_1.useState)(sortFields[0]);
+    const [initialSort] = (0, react_1.useState)(() => ({ label: t('descending'), value: '-' }));
+    const [sortOrder, setSortOrder] = (0, react_1.useState)(initialSort);
+    (0, react_1.useEffect)(() => {
         if (sortField === null || sortField === void 0 ? void 0 : sortField.value) {
             const newSortValue = `${sortOrder.value}${sortField.value}`;
             if (handleChange)
                 handleChange(newSortValue);
             if (params.sort !== newSortValue && modifySearchQuery) {
                 history.replace({
-                    search: queryString.stringify({
+                    search: qs_1.default.stringify({
                         ...params,
                         sort: newSortValue,
                     }, { addQueryPrefix: true }),
@@ -42,19 +70,19 @@ const SortComplex = (props) => {
             }
         }
     }, [history, params, sortField, sortOrder, modifySearchQuery, handleChange]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setSortOptions([{ label: t('ascending'), value: '' }, { label: t('descending'), value: '-' }]);
     }, [i18n, t]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("div", { className: `${baseClass}__select` },
-                    React.createElement("div", { className: `${baseClass}__label` }, t('columnToSort')),
-                    React.createElement(ReactSelect, { value: sortField, options: sortFields, onChange: setSortField })),
-                React.createElement("div", { className: `${baseClass}__select` },
-                    React.createElement("div", { className: `${baseClass}__label` }, t('order')),
-                    React.createElement(ReactSelect, { value: sortOrder, options: sortOptions, onChange: (incomingSort) => {
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+                react_1.default.createElement("div", { className: `${baseClass}__select` },
+                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('columnToSort')),
+                    react_1.default.createElement(ReactSelect_1.default, { value: sortField, options: sortFields, onChange: setSortField })),
+                react_1.default.createElement("div", { className: `${baseClass}__select` },
+                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('order')),
+                    react_1.default.createElement(ReactSelect_1.default, { value: sortOrder, options: sortOptions, onChange: (incomingSort) => {
                             setSortOrder(incomingSort || initialSort);
                         } }))))));
 };
-export default SortComplex;
+exports.default = SortComplex;

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

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

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

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

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

@@ -1,25 +1,53 @@
-import React, { useCallback, useState } from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import Button from '../Button';
-import { MinimalTemplate } from '../..';
-import { requests } from '../../../api';
-import { useForm } from '../../forms/Form/context';
-import { useLocale } from '../../utilities/Locale';
-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_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 DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const Button_1 = __importDefault(require("../Button"));
+const __1 = require("../..");
+const api_1 = require("../../../api");
+const context_1 = require("../../forms/Form/context");
+const Locale_1 = require("../../utilities/Locale");
+require("./index.scss");
 const baseClass = 'status';
 const Status = () => {
     var _a, _b;
-    const { publishedDoc, unpublishedVersions, collection, global, id, getVersions, } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { serverURL, routes: { api }, } = useConfig();
-    const [processing, setProcessing] = useState(false);
-    const { reset: resetForm } = useForm();
-    const locale = useLocale();
-    const { t, i18n } = useTranslation('version');
+    const { publishedDoc, unpublishedVersions, collection, global, id, getVersions, } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { toggleModal } = (0, modal_1.useModal)();
+    const { serverURL, routes: { api }, } = (0, Config_1.useConfig)();
+    const [processing, setProcessing] = (0, react_1.useState)(false);
+    const { reset: resetForm } = (0, context_1.useForm)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
     const unPublishModalSlug = `confirm-un-publish-${id}`;
     const revertModalSlug = `confirm-revert-${id}`;
     let statusToRender;
@@ -32,7 +60,7 @@ const Status = () => {
     else if (publishedDoc && ((_b = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _b === void 0 ? void 0 : _b.length) <= 1) {
         statusToRender = 'published';
     }
-    const performAction = useCallback(async (action) => {
+    const performAction = (0, react_1.useCallback)(async (action) => {
         let url;
         let method;
         let body;
@@ -53,7 +81,7 @@ const Status = () => {
             url = `${serverURL}${api}/globals/${global.slug}?depth=0&locale=${locale}&fallback-locale=null`;
             method = 'post';
         }
-        const res = await requests[method](url, {
+        const res = await api_1.requests[method](url, {
             headers: {
                 'Content-Type': 'application/json',
                 'Accept-Language': i18n.language,
@@ -73,11 +101,11 @@ const Status = () => {
                 fields = collection.fields;
             }
             resetForm(fields, data);
-            toast.success(json.message);
+            react_toastify_1.toast.success(json.message);
             getVersions();
         }
         else {
-            toast.error(t('error:unPublishingDocument'));
+            react_toastify_1.toast.error(t('error:unPublishingDocument'));
         }
         setProcessing(false);
         if (action === 'revert') {
@@ -88,28 +116,28 @@ const Status = () => {
         }
     }, [collection, global, publishedDoc, serverURL, api, id, i18n, locale, resetForm, getVersions, t, toggleModal, revertModalSlug, unPublishModalSlug]);
     if (statusToRender) {
-        return (React.createElement("div", { className: baseClass },
-            React.createElement("div", { className: `${baseClass}__value-wrap` },
-                React.createElement("span", { className: `${baseClass}__value` }, t(statusToRender)),
-                statusToRender === 'published' && (React.createElement(React.Fragment, null,
+        return (react_1.default.createElement("div", { className: baseClass },
+            react_1.default.createElement("div", { className: `${baseClass}__value-wrap` },
+                react_1.default.createElement("span", { className: `${baseClass}__value` }, t(statusToRender)),
+                statusToRender === 'published' && (react_1.default.createElement(react_1.default.Fragment, null,
                     "\u00A0\u2014\u00A0",
-                    React.createElement(Button, { onClick: () => toggleModal(unPublishModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('unpublish')),
-                    React.createElement(Modal, { slug: unPublishModalSlug, className: `${baseClass}__modal` },
-                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                            React.createElement("h1", null, t('confirmUnpublish')),
-                            React.createElement("p", null, t('aboutToUnpublish')),
-                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(unPublishModalSlug) }, t('general:cancel')),
-                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('unpublish') }, t(processing ? 'unpublishing' : 'general:confirm')))))),
-                statusToRender === 'changed' && (React.createElement(React.Fragment, null,
+                    react_1.default.createElement(Button_1.default, { onClick: () => toggleModal(unPublishModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('unpublish')),
+                    react_1.default.createElement(modal_1.Modal, { slug: unPublishModalSlug, className: `${baseClass}__modal` },
+                        react_1.default.createElement(__1.MinimalTemplate, { className: `${baseClass}__modal-template` },
+                            react_1.default.createElement("h1", null, t('confirmUnpublish')),
+                            react_1.default.createElement("p", null, t('aboutToUnpublish')),
+                            react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(unPublishModalSlug) }, t('general:cancel')),
+                            react_1.default.createElement(Button_1.default, { onClick: processing ? undefined : () => performAction('unpublish') }, t(processing ? 'unpublishing' : 'general:confirm')))))),
+                statusToRender === 'changed' && (react_1.default.createElement(react_1.default.Fragment, null,
                     "\u00A0\u2014\u00A0",
-                    React.createElement(Button, { onClick: () => toggleModal(revertModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('revertToPublished')),
-                    React.createElement(Modal, { slug: revertModalSlug, className: `${baseClass}__modal` },
-                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                            React.createElement("h1", null, t('confirmRevertToSaved')),
-                            React.createElement("p", null, t('aboutToRevertToPublished')),
-                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(revertModalSlug) }, t('general:cancel')),
-                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('revert') }, t(processing ? 'reverting' : 'general:confirm')))))))));
+                    react_1.default.createElement(Button_1.default, { onClick: () => toggleModal(revertModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('revertToPublished')),
+                    react_1.default.createElement(modal_1.Modal, { slug: revertModalSlug, className: `${baseClass}__modal` },
+                        react_1.default.createElement(__1.MinimalTemplate, { className: `${baseClass}__modal-template` },
+                            react_1.default.createElement("h1", null, t('confirmRevertToSaved')),
+                            react_1.default.createElement("p", null, t('aboutToRevertToPublished')),
+                            react_1.default.createElement(Button_1.default, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(revertModalSlug) }, t('general:cancel')),
+                            react_1.default.createElement(Button_1.default, { onClick: processing ? undefined : () => performAction('revert') }, t(processing ? 'reverting' : 'general:confirm')))))))));
     }
     return null;
 };
-export default Status;
+exports.default = Status;

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

@@ -1 +1 @@
-export declare type Props = {};
+export type Props = {};

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

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

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

@@ -1,40 +1,70 @@
-import React, { useState, createContext, useContext, } from 'react';
-import { Link } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import Chevron from '../../icons/Chevron';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import { useConfig } from '../../utilities/Config';
-import './index.scss';
-const Context = createContext({});
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepNav = exports.StepNavProvider = void 0;
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Config_1 = require("../../utilities/Config");
+require("./index.scss");
+const Context = (0, react_1.createContext)({});
 const StepNavProvider = ({ children }) => {
-    const [stepNav, setStepNav] = useState([]);
-    return (React.createElement(Context.Provider, { value: {
+    const [stepNav, setStepNav] = (0, react_1.useState)([]);
+    return (react_1.default.createElement(Context.Provider, { value: {
             stepNav,
             setStepNav,
         } }, children));
 };
-const useStepNav = () => useContext(Context);
+exports.StepNavProvider = StepNavProvider;
+const useStepNav = () => (0, react_1.useContext)(Context);
+exports.useStepNav = useStepNav;
 const StepNav = () => {
-    const { t, i18n } = useTranslation();
-    const dashboardLabel = React.createElement("span", null, t('general:dashboard'));
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const dashboardLabel = react_1.default.createElement("span", null, t('general:dashboard'));
     const { stepNav } = useStepNav();
-    const config = useConfig();
+    const config = (0, Config_1.useConfig)();
     const { routes: { admin } } = config;
-    return (React.createElement("nav", { className: "step-nav" },
+    return (react_1.default.createElement("nav", { className: "step-nav" },
         stepNav.length > 0
-            ? (React.createElement(Link, { to: admin },
+            ? (react_1.default.createElement(react_router_dom_1.Link, { to: admin },
                 dashboardLabel,
-                React.createElement(Chevron, null)))
+                react_1.default.createElement(Chevron_1.default, null)))
             : dashboardLabel,
         stepNav.map((item, i) => {
-            const StepLabel = React.createElement("span", { key: i }, getTranslation(item.label, i18n));
+            const StepLabel = react_1.default.createElement("span", { key: i }, (0, getTranslation_1.getTranslation)(item.label, i18n));
             const Step = stepNav.length === i + 1
                 ? StepLabel
-                : (React.createElement(Link, { to: item.url, key: i },
+                : (react_1.default.createElement(react_router_dom_1.Link, { to: item.url, key: i },
                     StepLabel,
-                    React.createElement(Chevron, null)));
+                    react_1.default.createElement(Chevron_1.default, null)));
             return Step;
         })));
 };
-export { StepNavProvider, useStepNav, };
-export default StepNav;
+exports.default = StepNav;

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

@@ -1,8 +1,8 @@
-export declare type StepNavItem = {
+export type StepNavItem = {
     label: Record<string, string> | string;
     url?: string;
 };
-export declare type Context = {
+export type Context = {
     stepNav: StepNavItem[];
     setStepNav: (items: StepNavItem[]) => void;
 };

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

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

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

@@ -1,14 +1,19 @@
-import React from 'react';
-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"));
+require("./index.scss");
 const baseClass = 'table';
 const Table = ({ columns, data }) => {
     if (columns && columns.length > 0) {
-        return (React.createElement("div", { className: baseClass },
-            React.createElement("table", { cellPadding: "0", cellSpacing: "0" },
-                React.createElement("thead", null,
-                    React.createElement("tr", null, columns.map((col, i) => (React.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
-                React.createElement("tbody", null, data && data.map((row, rowIndex) => (React.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (React.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
+        return (react_1.default.createElement("div", { className: baseClass },
+            react_1.default.createElement("table", { cellPadding: "0", cellSpacing: "0" },
+                react_1.default.createElement("thead", null,
+                    react_1.default.createElement("tr", null, columns.map((col, i) => (react_1.default.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
+                react_1.default.createElement("tbody", null, data && data.map((row, rowIndex) => (react_1.default.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (react_1.default.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
     }
     return null;
 };
-export default Table;
+exports.default = Table;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-export declare type Column = {
+export type Column = {
     accessor: string;
     components: {
         Heading: React.ReactNode;
         renderCell: (row: any, data: any) => React.ReactNode;
     };
 };
-export declare type Props = {
+export type Props = {
     columns: Column[];
     data: unknown[];
 };

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

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

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

@@ -1,17 +1,22 @@
-import React from 'react';
-import FileGraphic from '../../graphics/File';
-import useThumbnail from '../../../hooks/useThumbnail';
-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 File_1 = __importDefault(require("../../graphics/File"));
+const useThumbnail_1 = __importDefault(require("../../../hooks/useThumbnail"));
+require("./index.scss");
 const baseClass = 'thumbnail';
 const Thumbnail = (props) => {
     const { doc, doc: { filename, }, collection, size, } = props;
-    const thumbnailSRC = useThumbnail(collection, doc);
+    const thumbnailSRC = (0, useThumbnail_1.default)(collection, doc);
     const classes = [
         baseClass,
         `${baseClass}--size-${size || 'medium'}`,
     ].join(' ');
-    return (React.createElement("div", { className: classes },
-        thumbnailSRC && (React.createElement("img", { src: thumbnailSRC, alt: filename })),
-        !thumbnailSRC && (React.createElement(FileGraphic, null))));
+    return (react_1.default.createElement("div", { className: classes },
+        thumbnailSRC && (react_1.default.createElement("img", { src: thumbnailSRC, alt: filename })),
+        !thumbnailSRC && (react_1.default.createElement(File_1.default, null))));
 };
-export default Thumbnail;
+exports.default = Thumbnail;

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

@@ -1,5 +1,5 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
+export type Props = {
     doc: Record<string, unknown>;
     collection: SanitizedCollectionConfig;
     size?: 'small' | 'medium' | 'large' | 'expand';

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

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

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

@@ -1,9 +1,34 @@
-import React, { useEffect } from 'react';
-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 });
+const react_1 = __importStar(require("react"));
+require("./index.scss");
 const Tooltip = (props) => {
     const { className, children, show: showFromProps = true, delay = 350, } = props;
-    const [show, setShow] = React.useState(showFromProps);
-    useEffect(() => {
+    const [show, setShow] = react_1.default.useState(showFromProps);
+    (0, react_1.useEffect)(() => {
         let timerId;
         // do not use the delay on transition-out
         if (delay && showFromProps) {
@@ -19,10 +44,10 @@ const Tooltip = (props) => {
                 clearTimeout(timerId);
         };
     }, [showFromProps, delay]);
-    return (React.createElement("aside", { className: [
+    return (react_1.default.createElement("aside", { className: [
             'tooltip',
             className,
             show && 'tooltip--show',
         ].filter(Boolean).join(' ') }, children));
 };
-export default Tooltip;
+exports.default = Tooltip;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     className?: string;
     children: React.ReactNode;
     show?: boolean;

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

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

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

@@ -1,19 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import Thumbnail from '../Thumbnail';
-import './index.scss';
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Thumbnail_1 = __importDefault(require("../Thumbnail"));
+require("./index.scss");
 const baseClass = 'upload-card';
 const UploadCard = (props) => {
     const { className, onClick, doc, collection, } = props;
-    const { t } = useTranslation('general');
+    const { t } = (0, react_i18next_1.useTranslation)('general');
     const classes = [
         baseClass,
         className,
         typeof onClick === 'function' && `${baseClass}--has-on-click`,
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, onClick: typeof onClick === 'function' ? onClick : undefined },
-        React.createElement(Thumbnail, { size: "expand", doc: doc, collection: collection }),
-        React.createElement("div", { className: `${baseClass}__filename` }, typeof (doc === null || doc === void 0 ? void 0 : doc.filename) === 'string' ? doc === null || doc === void 0 ? void 0 : doc.filename : `[${t('untitled')}]`)));
+    return (react_1.default.createElement("div", { className: classes, onClick: typeof onClick === 'function' ? onClick : undefined },
+        react_1.default.createElement(Thumbnail_1.default, { size: "expand", doc: doc, collection: collection }),
+        react_1.default.createElement("div", { className: `${baseClass}__filename` }, typeof (doc === null || doc === void 0 ? void 0 : doc.filename) === 'string' ? doc === null || doc === void 0 ? void 0 : doc.filename : `[${t('untitled')}]`)));
 };
-export default UploadCard;
+exports.default = UploadCard;

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

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