payload 1.4.2 → 1.5.1

package/dist/admin/components/views/Version/Version.js

@@ -1,37 +1,65 @@
-import React, { useEffect, useState } from 'react';
-import { useRouteMatch } from 'react-router-dom';
-import format from 'date-fns/format';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import usePayloadAPI from '../../../hooks/usePayloadAPI';
-import Eyebrow from '../../elements/Eyebrow';
-import Loading from '../../elements/Loading';
-import { useStepNav } from '../../elements/StepNav';
-import Meta from '../../utilities/Meta';
-import CompareVersion from './Compare';
-import { mostRecentVersionOption } from './shared';
-import Restore from './Restore';
-import SelectLocales from './SelectLocales';
-import RenderFieldsToDiff from './RenderFieldsToDiff';
-import fieldComponents from './RenderFieldsToDiff/fields';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import { fieldAffectsData } from '../../../../fields/config/types';
-import { useLocale } from '../../utilities/Locale';
-import { Gutter } from '../../elements/Gutter';
-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 format_1 = __importDefault(require("date-fns/format"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const usePayloadAPI_1 = __importDefault(require("../../../hooks/usePayloadAPI"));
+const Eyebrow_1 = __importDefault(require("../../elements/Eyebrow"));
+const Loading_1 = __importDefault(require("../../elements/Loading"));
+const StepNav_1 = require("../../elements/StepNav");
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const Compare_1 = __importDefault(require("./Compare"));
+const shared_1 = require("./shared");
+const Restore_1 = __importDefault(require("./Restore"));
+const SelectLocales_1 = __importDefault(require("./SelectLocales"));
+const RenderFieldsToDiff_1 = __importDefault(require("./RenderFieldsToDiff"));
+const fields_1 = __importDefault(require("./RenderFieldsToDiff/fields"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const types_1 = require("../../../../fields/config/types");
+const Locale_1 = require("../../utilities/Locale");
+const Gutter_1 = require("../../elements/Gutter");
+require("./index.scss");
 const baseClass = 'view-version';
 const VersionView = ({ collection, global }) => {
     var _a;
-    const { serverURL, routes: { admin, api }, admin: { dateFormat }, localization } = useConfig();
-    const { setStepNav } = useStepNav();
-    const { params: { id, versionID } } = useRouteMatch();
-    const [compareValue, setCompareValue] = useState(mostRecentVersionOption);
-    const [localeOptions] = useState(() => (localization ? localization.locales.map((locale) => ({ label: locale, value: locale })) : []));
-    const [locales, setLocales] = useState(localeOptions);
-    const { permissions } = useAuth();
-    const locale = useLocale();
-    const { t, i18n } = useTranslation('version');
+    const { serverURL, routes: { admin, api }, admin: { dateFormat }, localization } = (0, Config_1.useConfig)();
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const { params: { id, versionID } } = (0, react_router_dom_1.useRouteMatch)();
+    const [compareValue, setCompareValue] = (0, react_1.useState)(shared_1.mostRecentVersionOption);
+    const [localeOptions] = (0, react_1.useState)(() => (localization ? localization.locales.map((locale) => ({ label: locale, value: locale })) : []));
+    const [locales, setLocales] = (0, react_1.useState)(localeOptions);
+    const { permissions } = (0, Auth_1.useAuth)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
     let originalDocFetchURL;
     let versionFetchURL;
     let entityLabel;
@@ -45,7 +73,7 @@ const VersionView = ({ collection, global }) => {
         originalDocFetchURL = `${serverURL}${api}/${slug}/${id}`;
         versionFetchURL = `${serverURL}${api}/${slug}/versions/${versionID}`;
         compareBaseURL = `${serverURL}${api}/${slug}/versions`;
-        entityLabel = getTranslation(collection.labels.singular, i18n);
+        entityLabel = (0, getTranslation_1.getTranslation)(collection.labels.singular, i18n);
         parentID = id;
         fields = collection.fields;
         fieldPermissions = permissions.collections[collection.slug].fields;
@@ -55,16 +83,16 @@ const VersionView = ({ collection, global }) => {
         originalDocFetchURL = `${serverURL}${api}/globals/${slug}`;
         versionFetchURL = `${serverURL}${api}/globals/${slug}/versions/${versionID}`;
         compareBaseURL = `${serverURL}${api}/globals/${slug}/versions`;
-        entityLabel = getTranslation(global.label, i18n);
+        entityLabel = (0, getTranslation_1.getTranslation)(global.label, i18n);
         fields = global.fields;
         fieldPermissions = permissions.globals[global.slug].fields;
     }
     const compareFetchURL = (compareValue === null || compareValue === void 0 ? void 0 : compareValue.value) === 'mostRecent' || (compareValue === null || compareValue === void 0 ? void 0 : compareValue.value) === 'published' ? originalDocFetchURL : `${compareBaseURL}/${compareValue.value}`;
-    const [{ data: doc, isLoading }] = usePayloadAPI(versionFetchURL, { initialParams: { locale: '*', depth: 1 } });
-    const [{ data: publishedDoc }] = usePayloadAPI(originalDocFetchURL, { initialParams: { locale: '*', depth: 1 } });
-    const [{ data: mostRecentDoc }] = usePayloadAPI(originalDocFetchURL, { initialParams: { locale: '*', depth: 1, draft: true } });
-    const [{ data: compareDoc }] = usePayloadAPI(compareFetchURL, { initialParams: { locale: '*', depth: 1, draft: 'true' } });
-    useEffect(() => {
+    const [{ data: doc, isLoading }] = (0, usePayloadAPI_1.default)(versionFetchURL, { initialParams: { locale: '*', depth: 1 } });
+    const [{ data: publishedDoc }] = (0, usePayloadAPI_1.default)(originalDocFetchURL, { initialParams: { locale: '*', depth: 1 } });
+    const [{ data: mostRecentDoc }] = (0, usePayloadAPI_1.default)(originalDocFetchURL, { initialParams: { locale: '*', depth: 1, draft: true } });
+    const [{ data: compareDoc }] = (0, usePayloadAPI_1.default)(compareFetchURL, { initialParams: { locale: '*', depth: 1, draft: 'true' } });
+    (0, react_1.useEffect)(() => {
         var _a;
         let nav = [];
         if (collection) {
@@ -72,7 +100,7 @@ const VersionView = ({ collection, global }) => {
             if (mostRecentDoc) {
                 const { useAsTitle } = collection.admin;
                 if (useAsTitle !== 'id') {
-                    const titleField = collection.fields.find((field) => fieldAffectsData(field) && field.name === useAsTitle);
+                    const titleField = collection.fields.find((field) => (0, types_1.fieldAffectsData)(field) && field.name === useAsTitle);
                     if (titleField && mostRecentDoc[useAsTitle]) {
                         if (titleField.localized) {
                             docLabel = (_a = mostRecentDoc[useAsTitle]) === null || _a === void 0 ? void 0 : _a[locale];
@@ -92,7 +120,7 @@ const VersionView = ({ collection, global }) => {
             nav = [
                 {
                     url: `${admin}/collections/${collection.slug}`,
-                    label: getTranslation(collection.labels.plural, i18n),
+                    label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n),
                 },
                 {
                     label: docLabel,
@@ -103,7 +131,7 @@ const VersionView = ({ collection, global }) => {
                     url: `${admin}/collections/${collection.slug}/${id}/versions`,
                 },
                 {
-                    label: (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? format(new Date(doc.createdAt), dateFormat) : '',
+                    label: (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? (0, format_1.default)(new Date(doc.createdAt), dateFormat) : '',
                 },
             ];
         }
@@ -118,7 +146,7 @@ const VersionView = ({ collection, global }) => {
                     url: `${admin}/globals/${global.slug}/versions`,
                 },
                 {
-                    label: (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? format(new Date(doc.createdAt), dateFormat) : '',
+                    label: (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? (0, format_1.default)(new Date(doc.createdAt), dateFormat) : '',
                 },
             ];
         }
@@ -126,7 +154,7 @@ const VersionView = ({ collection, global }) => {
     }, [setStepNav, collection, global, dateFormat, doc, mostRecentDoc, admin, id, locale, t, i18n]);
     let metaTitle;
     let metaDesc;
-    const formattedCreatedAt = (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? format(new Date(doc.createdAt), dateFormat) : '';
+    const formattedCreatedAt = (doc === null || doc === void 0 ? void 0 : doc.createdAt) ? (0, format_1.default)(new Date(doc.createdAt), dateFormat) : '';
     if (collection) {
         const useAsTitle = ((_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id';
         metaTitle = `${t('version')} - ${formattedCreatedAt} - ${doc[useAsTitle]} - ${entityLabel}`;
@@ -143,18 +171,18 @@ const VersionView = ({ collection, global }) => {
     if ((compareValue === null || compareValue === void 0 ? void 0 : compareValue.value) === 'published') {
         comparison = publishedDoc;
     }
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Meta, { title: metaTitle, description: metaDesc }),
-        React.createElement(Eyebrow, null),
-        React.createElement(Gutter, { className: `${baseClass}__wrap` },
-            React.createElement("div", { className: `${baseClass}__intro` }, t('versionCreatedOn', { version: t((doc === null || doc === void 0 ? void 0 : doc.autosave) ? 'autosavedVersion' : 'version') })),
-            React.createElement("header", { className: `${baseClass}__header` },
-                React.createElement("h2", null, formattedCreatedAt),
-                React.createElement(Restore, { className: `${baseClass}__restore`, collection: collection, global: global, originalDocID: id, versionID: versionID, versionDate: formattedCreatedAt })),
-            React.createElement("div", { className: `${baseClass}__controls` },
-                React.createElement(CompareVersion, { publishedDoc: publishedDoc, versionID: versionID, baseURL: compareBaseURL, parentID: parentID, value: compareValue, onChange: setCompareValue }),
-                localization && (React.createElement(SelectLocales, { onChange: setLocales, options: localeOptions, value: locales }))),
-            isLoading && (React.createElement(Loading, null)),
-            (doc === null || doc === void 0 ? void 0 : doc.version) && (React.createElement(RenderFieldsToDiff, { locales: locales ? locales.map(({ value }) => value) : [], fields: fields, fieldComponents: fieldComponents, fieldPermissions: fieldPermissions, version: doc === null || doc === void 0 ? void 0 : doc.version, comparison: comparison })))));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Meta_1.default, { title: metaTitle, description: metaDesc }),
+        react_1.default.createElement(Eyebrow_1.default, null),
+        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
+            react_1.default.createElement("div", { className: `${baseClass}__intro` }, t('versionCreatedOn', { version: t((doc === null || doc === void 0 ? void 0 : doc.autosave) ? 'autosavedVersion' : 'version') })),
+            react_1.default.createElement("header", { className: `${baseClass}__header` },
+                react_1.default.createElement("h2", null, formattedCreatedAt),
+                react_1.default.createElement(Restore_1.default, { className: `${baseClass}__restore`, collection: collection, global: global, originalDocID: id, versionID: versionID, versionDate: formattedCreatedAt })),
+            react_1.default.createElement("div", { className: `${baseClass}__controls` },
+                react_1.default.createElement(Compare_1.default, { publishedDoc: publishedDoc, versionID: versionID, baseURL: compareBaseURL, parentID: parentID, value: compareValue, onChange: setCompareValue }),
+                localization && (react_1.default.createElement(SelectLocales_1.default, { onChange: setLocales, options: localeOptions, value: locales }))),
+            isLoading && (react_1.default.createElement(Loading_1.default, null)),
+            (doc === null || doc === void 0 ? void 0 : doc.version) && (react_1.default.createElement(RenderFieldsToDiff_1.default, { locales: locales ? locales.map(({ value }) => value) : [], fields: fields, fieldComponents: fields_1.default, fieldPermissions: fieldPermissions, version: doc === null || doc === void 0 ? void 0 : doc.version, comparison: comparison })))));
 };
-export default VersionView;
+exports.default = VersionView;

package/dist/admin/components/views/Version/index.js

@@ -1,6 +1,34 @@
-import React, { Suspense, lazy } from 'react';
-import Loading from '../../elements/Loading';
-const VersionView = lazy(() => import('./Version'));
-const Version = (props) => (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
-    React.createElement(VersionView, { ...props })));
-export default Version;
+"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 Loading_1 = __importDefault(require("../../elements/Loading"));
+const VersionView = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Version'))));
+const Version = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(Loading_1.default, null) },
+    react_1.default.createElement(VersionView, { ...props })));
+exports.default = Version;

package/dist/admin/components/views/Version/shared.js

@@ -1,8 +1,11 @@
-export const mostRecentVersionOption = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.publishedVersionOption = exports.mostRecentVersionOption = void 0;
+exports.mostRecentVersionOption = {
     label: 'Most recent',
     value: 'mostRecent',
 };
-export const publishedVersionOption = {
+exports.publishedVersionOption = {
     label: 'Most recently published',
     value: 'published',
 };

package/dist/admin/components/views/Version/types.d.ts

@@ -1,16 +1,16 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-export declare type LocaleOption = {
+export type LocaleOption = {
     label: string;
     value: string;
 };
-export declare type CompareOption = {
+export type CompareOption = {
     label: string;
     value: string;
     relationTo?: string;
     options?: CompareOption[];
 };
-export declare type Props = {
+export type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
 };

package/dist/admin/components/views/Version/types.js

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

package/dist/admin/components/views/Versions/columns.js

@@ -1,47 +1,54 @@
-import React from 'react';
-import { Link, useRouteMatch } from 'react-router-dom';
-import format from 'date-fns/format';
-import { useConfig } from '../../utilities/Config';
-import SortColumn from '../../elements/SortColumn';
-import { Pill } from '../..';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColumns = void 0;
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const format_1 = __importDefault(require("date-fns/format"));
+const Config_1 = require("../../utilities/Config");
+const SortColumn_1 = __importDefault(require("../../elements/SortColumn"));
+const __1 = require("../..");
 const CreatedAtCell = ({ collection, global, id, date }) => {
-    const { routes: { admin }, admin: { dateFormat } } = useConfig();
-    const { params: { id: docID } } = useRouteMatch();
+    const { routes: { admin }, admin: { dateFormat } } = (0, Config_1.useConfig)();
+    const { params: { id: docID } } = (0, react_router_dom_1.useRouteMatch)();
     let to;
     if (collection)
         to = `${admin}/collections/${collection.slug}/${docID}/versions/${id}`;
     if (global)
         to = `${admin}/globals/${global.slug}/versions/${id}`;
-    return (React.createElement(Link, { to: to }, date && format(new Date(date), dateFormat)));
+    return (react_1.default.createElement(react_router_dom_1.Link, { to: to }, date && (0, format_1.default)(new Date(date), dateFormat)));
 };
-const TextCell = ({ children }) => (React.createElement("span", null, children));
-export const getColumns = (collection, global, t) => [
+const TextCell = ({ children }) => (react_1.default.createElement("span", null, children));
+const getColumns = (collection, global, t) => [
     {
         accessor: 'updatedAt',
         components: {
-            Heading: (React.createElement(SortColumn, { label: t('general:updatedAt'), name: "updatedAt" })),
-            renderCell: (row, data) => (React.createElement(CreatedAtCell, { collection: collection, global: global, id: row === null || row === void 0 ? void 0 : row.id, date: data })),
+            Heading: (react_1.default.createElement(SortColumn_1.default, { label: t('general:updatedAt'), name: "updatedAt" })),
+            renderCell: (row, data) => (react_1.default.createElement(CreatedAtCell, { collection: collection, global: global, id: row === null || row === void 0 ? void 0 : row.id, date: data })),
         },
     },
     {
         accessor: 'id',
         components: {
-            Heading: (React.createElement(SortColumn, { label: t('versionID'), disable: true, name: "id" })),
-            renderCell: (row, data) => React.createElement(TextCell, null, data),
+            Heading: (react_1.default.createElement(SortColumn_1.default, { label: t('versionID'), disable: true, name: "id" })),
+            renderCell: (row, data) => react_1.default.createElement(TextCell, null, data),
         },
     },
     {
         accessor: 'autosave',
         components: {
-            Heading: (React.createElement(SortColumn, { label: t('type'), name: "autosave", disable: true })),
-            renderCell: (row) => (React.createElement(TextCell, null,
-                (row === null || row === void 0 ? void 0 : row.autosave) && (React.createElement(React.Fragment, null,
-                    React.createElement(Pill, null, t('autosave')),
+            Heading: (react_1.default.createElement(SortColumn_1.default, { label: t('type'), name: "autosave", disable: true })),
+            renderCell: (row) => (react_1.default.createElement(TextCell, null,
+                (row === null || row === void 0 ? void 0 : row.autosave) && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(__1.Pill, null, t('autosave')),
                     "\u00A0\u00A0")),
-                (row === null || row === void 0 ? void 0 : row.version._status) === 'published' && (React.createElement(React.Fragment, null,
-                    React.createElement(Pill, { pillStyle: "success" }, t('published')),
+                (row === null || row === void 0 ? void 0 : row.version._status) === 'published' && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(__1.Pill, { pillStyle: "success" }, t('published')),
                     "\u00A0\u00A0")),
-                (row === null || row === void 0 ? void 0 : row.version._status) === 'draft' && (React.createElement(Pill, null, t('draft'))))),
+                (row === null || row === void 0 ? void 0 : row.version._status) === 'draft' && (react_1.default.createElement(__1.Pill, null, t('draft'))))),
         },
     },
 ];
+exports.getColumns = getColumns;

package/dist/admin/components/views/Versions/index.js

@@ -1,34 +1,62 @@
-import React, { useEffect, useState } from 'react';
-import { useRouteMatch } from 'react-router-dom';
-import format from 'date-fns/format';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import usePayloadAPI from '../../../hooks/usePayloadAPI';
-import Eyebrow from '../../elements/Eyebrow';
-import Loading from '../../elements/Loading';
-import { useStepNav } from '../../elements/StepNav';
-import Meta from '../../utilities/Meta';
-import IDLabel from '../../elements/IDLabel';
-import { getColumns } from './columns';
-import Table from '../../elements/Table';
-import Paginator from '../../elements/Paginator';
-import PerPage from '../../elements/PerPage';
-import { useSearchParams } from '../../utilities/SearchParams';
-import { Banner, Pill } from '../..';
-import { shouldIncrementVersionCount } from '../../../../versions/shouldIncrementVersionCount';
-import { Gutter } from '../../elements/Gutter';
-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 format_1 = __importDefault(require("date-fns/format"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const usePayloadAPI_1 = __importDefault(require("../../../hooks/usePayloadAPI"));
+const Eyebrow_1 = __importDefault(require("../../elements/Eyebrow"));
+const Loading_1 = __importDefault(require("../../elements/Loading"));
+const StepNav_1 = require("../../elements/StepNav");
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const IDLabel_1 = __importDefault(require("../../elements/IDLabel"));
+const columns_1 = require("./columns");
+const Table_1 = __importDefault(require("../../elements/Table"));
+const Paginator_1 = __importDefault(require("../../elements/Paginator"));
+const PerPage_1 = __importDefault(require("../../elements/PerPage"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const __1 = require("../..");
+const shouldIncrementVersionCount_1 = require("../../../../versions/shouldIncrementVersionCount");
+const Gutter_1 = require("../../elements/Gutter");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'versions';
 const Versions = ({ collection, global }) => {
     var _a, _b, _c;
-    const { serverURL, routes: { admin, api }, admin: { dateFormat } } = useConfig();
-    const { setStepNav } = useStepNav();
-    const { params: { id } } = useRouteMatch();
-    const { t, i18n } = useTranslation('version');
-    const [tableColumns] = useState(() => getColumns(collection, global, t));
-    const [fetchURL, setFetchURL] = useState('');
-    const { page, sort, limit } = useSearchParams();
+    const { serverURL, routes: { admin, api }, admin: { dateFormat } } = (0, Config_1.useConfig)();
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const { params: { id } } = (0, react_router_dom_1.useRouteMatch)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
+    const [tableColumns] = (0, react_1.useState)(() => (0, columns_1.getColumns)(collection, global, t));
+    const [fetchURL, setFetchURL] = (0, react_1.useState)('');
+    const { page, sort, limit } = (0, SearchParams_1.useSearchParams)();
     let docURL;
     let entityLabel;
     let slug;
@@ -37,21 +65,21 @@ const Versions = ({ collection, global }) => {
     if (collection) {
         ({ slug } = collection);
         docURL = `${serverURL}${api}/${slug}/${id}`;
-        entityLabel = getTranslation(collection.labels.singular, i18n);
+        entityLabel = (0, getTranslation_1.getTranslation)(collection.labels.singular, i18n);
         entity = collection;
         editURL = `${admin}/collections/${collection.slug}/${id}`;
     }
     if (global) {
         ({ slug } = global);
         docURL = `${serverURL}${api}/globals/${slug}`;
-        entityLabel = getTranslation(global.label, i18n);
+        entityLabel = (0, getTranslation_1.getTranslation)(global.label, i18n);
         entity = global;
         editURL = `${admin}/globals/${global.slug}`;
     }
     const useAsTitle = ((_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id';
-    const [{ data: doc }] = usePayloadAPI(docURL, { initialParams: { draft: 'true' } });
-    const [{ data: versionsData, isLoading: isLoadingVersions }, { setParams }] = usePayloadAPI(fetchURL);
-    useEffect(() => {
+    const [{ data: doc }] = (0, usePayloadAPI_1.default)(docURL, { initialParams: { draft: 'true' } });
+    const [{ data: versionsData, isLoading: isLoadingVersions }, { setParams }] = (0, usePayloadAPI_1.default)(fetchURL);
+    (0, react_1.useEffect)(() => {
         let nav = [];
         if (collection) {
             let docLabel = '';
@@ -71,7 +99,7 @@ const Versions = ({ collection, global }) => {
             nav = [
                 {
                     url: `${admin}/collections/${collection.slug}`,
-                    label: getTranslation(collection.labels.plural, i18n),
+                    label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n),
                 },
                 {
                     label: docLabel,
@@ -86,7 +114,7 @@ const Versions = ({ collection, global }) => {
             nav = [
                 {
                     url: editURL,
-                    label: getTranslation(global.label, i18n),
+                    label: (0, getTranslation_1.getTranslation)(global.label, i18n),
                 },
                 {
                     label: t('versions'),
@@ -95,7 +123,7 @@ const Versions = ({ collection, global }) => {
         }
         setStepNav(nav);
     }, [setStepNav, collection, global, useAsTitle, doc, admin, id, editURL, t, i18n]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const params = {
             depth: 1,
             page: undefined,
@@ -142,30 +170,30 @@ const Versions = ({ collection, global }) => {
     }
     const docStatus = doc === null || doc === void 0 ? void 0 : doc._status;
     const docUpdatedAt = doc === null || doc === void 0 ? void 0 : doc.updatedAt;
-    const showParentDoc = (versionsData === null || versionsData === void 0 ? void 0 : versionsData.page) === 1 && shouldIncrementVersionCount({ entity, docStatus, versions: versionsData });
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Meta, { title: metaTitle, description: metaDesc }),
-        React.createElement(Eyebrow, null),
-        React.createElement(Gutter, { className: `${baseClass}__wrap` },
-            React.createElement("header", { className: `${baseClass}__header` },
-                React.createElement("div", { className: `${baseClass}__intro` }, t('showingVersionsFor')),
-                useIDLabel && (React.createElement(IDLabel, { id: doc === null || doc === void 0 ? void 0 : doc.id })),
-                !useIDLabel && (React.createElement("h1", null, heading))),
-            isLoadingVersions && (React.createElement(Loading, null)),
-            showParentDoc && (React.createElement(Banner, { type: docStatus === 'published' ? 'success' : undefined, className: `${baseClass}__parent-doc` },
+    const showParentDoc = (versionsData === null || versionsData === void 0 ? void 0 : versionsData.page) === 1 && (0, shouldIncrementVersionCount_1.shouldIncrementVersionCount)({ entity, docStatus, versions: versionsData });
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Meta_1.default, { title: metaTitle, description: metaDesc }),
+        react_1.default.createElement(Eyebrow_1.default, null),
+        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
+            react_1.default.createElement("header", { className: `${baseClass}__header` },
+                react_1.default.createElement("div", { className: `${baseClass}__intro` }, t('showingVersionsFor')),
+                useIDLabel && (react_1.default.createElement(IDLabel_1.default, { id: doc === null || doc === void 0 ? void 0 : doc.id })),
+                !useIDLabel && (react_1.default.createElement("h1", null, heading))),
+            isLoadingVersions && (react_1.default.createElement(Loading_1.default, null)),
+            showParentDoc && (react_1.default.createElement(__1.Banner, { type: docStatus === 'published' ? 'success' : undefined, className: `${baseClass}__parent-doc` },
                 t('currentDocumentStatus', { docStatus }),
                 "-",
                 ' ',
-                format(new Date(docUpdatedAt), dateFormat),
-                React.createElement("div", { className: `${baseClass}__parent-doc-pills` },
+                (0, format_1.default)(new Date(docUpdatedAt), dateFormat),
+                react_1.default.createElement("div", { className: `${baseClass}__parent-doc-pills` },
                     "\u00A0\u00A0",
-                    React.createElement(Pill, { pillStyle: "white", to: editURL }, t('general:edit'))))),
-            (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) > 0 && (React.createElement(React.Fragment, null,
-                React.createElement(Table, { data: versionsData === null || versionsData === void 0 ? void 0 : versionsData.docs, columns: tableColumns }),
-                React.createElement("div", { className: `${baseClass}__page-controls` },
-                    React.createElement(Paginator, { limit: versionsData.limit, totalPages: versionsData.totalPages, page: versionsData.page, hasPrevPage: versionsData.hasPrevPage, hasNextPage: versionsData.hasNextPage, prevPage: versionsData.prevPage, nextPage: versionsData.nextPage, numberOfNeighbors: 1 }),
-                    (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) > 0 && (React.createElement(React.Fragment, null,
-                        React.createElement("div", { className: `${baseClass}__page-info` },
+                    react_1.default.createElement(__1.Pill, { pillStyle: "white", to: editURL }, t('general:edit'))))),
+            (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Table_1.default, { data: versionsData === null || versionsData === void 0 ? void 0 : versionsData.docs, columns: tableColumns }),
+                react_1.default.createElement("div", { className: `${baseClass}__page-controls` },
+                    react_1.default.createElement(Paginator_1.default, { limit: versionsData.limit, totalPages: versionsData.totalPages, page: versionsData.page, hasPrevPage: versionsData.hasPrevPage, hasNextPage: versionsData.hasNextPage, prevPage: versionsData.prevPage, nextPage: versionsData.nextPage, numberOfNeighbors: 1 }),
+                    (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: `${baseClass}__page-info` },
                             (versionsData.page * versionsData.limit) - (versionsData.limit - 1),
                             "-",
                             versionsData.totalPages > 1 && versionsData.totalPages !== versionsData.page ? (versionsData.limit * versionsData.page) : versionsData.totalDocs,
@@ -173,7 +201,7 @@ const Versions = ({ collection, global }) => {
                             t('of'),
                             ' ',
                             versionsData.totalDocs),
-                        React.createElement(PerPage, { limits: (_c = (_b = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit ? Number(limit) : 10 })))))),
-            (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) === 0 && (React.createElement("div", { className: `${baseClass}__no-versions` }, t('noFurtherVersionsFound'))))));
+                        react_1.default.createElement(PerPage_1.default, { limits: (_c = (_b = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit ? Number(limit) : 10 })))))),
+            (versionsData === null || versionsData === void 0 ? void 0 : versionsData.totalDocs) === 0 && (react_1.default.createElement("div", { className: `${baseClass}__no-versions` }, t('noFurtherVersionsFound'))))));
 };
-export default Versions;
+exports.default = Versions;

package/dist/admin/components/views/Versions/types.d.ts

@@ -1,6 +1,6 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-export declare type Props = {
+export type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
 };

package/dist/admin/components/views/Versions/types.js

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