payload 1.4.2 → 1.5.0

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

@@ -1,24 +1,52 @@
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import Logo from '../../graphics/Logo';
-import MinimalTemplate from '../../templates/Minimal';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import Login from '../Login';
-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_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const Logo_1 = __importDefault(require("../../graphics/Logo"));
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const Button_1 = __importDefault(require("../../elements/Button"));
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const Login_1 = __importDefault(require("../Login"));
+require("./index.scss");
 const baseClass = 'verify';
 const Verify = ({ collection }) => {
     const { slug: collectionSlug } = collection;
-    const { user } = useAuth();
-    const { token } = useParams();
-    const { serverURL, routes: { admin: adminRoute }, admin: { user: adminUser } } = useConfig();
-    const { t, i18n } = useTranslation('authentication');
+    const { user } = (0, Auth_1.useAuth)();
+    const { token } = (0, react_router_dom_1.useParams)();
+    const { serverURL, routes: { admin: adminRoute }, admin: { user: adminUser } } = (0, Config_1.useConfig)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('authentication');
     const isAdminUser = collectionSlug === adminUser;
-    const [verifyResult, setVerifyResult] = useState(null);
-    useEffect(() => {
+    const [verifyResult, setVerifyResult] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         async function verifyToken() {
             const result = await fetch(`${serverURL}/api/${collectionSlug}/verify/${token}`, {
                 method: 'POST',
@@ -32,7 +60,7 @@ const Verify = ({ collection }) => {
         verifyToken();
     }, [setVerifyResult, collectionSlug, serverURL, token, i18n]);
     if (user) {
-        return React.createElement(Login, null);
+        return react_1.default.createElement(Login_1.default, null);
     }
     const getText = () => {
         if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200)
@@ -41,11 +69,11 @@ const Verify = ({ collection }) => {
             return t('alreadyActivated');
         return t('unableToVerify');
     };
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement(Meta, { title: t('verify'), description: t('verifyUser'), keywords: t('verify') }),
-        React.createElement("div", { className: `${baseClass}__brand` },
-            React.createElement(Logo, null)),
-        React.createElement("h2", null, getText()),
-        isAdminUser && (verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200 && (React.createElement(Button, { el: "link", buttonStyle: "secondary", to: `${adminRoute}/login` }, t('login')))));
+    return (react_1.default.createElement(Minimal_1.default, { className: baseClass },
+        react_1.default.createElement(Meta_1.default, { title: t('verify'), description: t('verifyUser'), keywords: t('verify') }),
+        react_1.default.createElement("div", { className: `${baseClass}__brand` },
+            react_1.default.createElement(Logo_1.default, null)),
+        react_1.default.createElement("h2", null, getText()),
+        isAdminUser && (verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200 && (react_1.default.createElement(Button_1.default, { el: "link", buttonStyle: "secondary", to: `${adminRoute}/login` }, t('login')))));
 };
-export default Verify;
+exports.default = Verify;

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

@@ -1,24 +1,52 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import qs from 'qs';
-import format from 'date-fns/format';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../utilities/Config';
-import ReactSelect from '../../../elements/ReactSelect';
-import { mostRecentVersionOption, publishedVersionOption } from '../shared';
-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 format_1 = __importDefault(require("date-fns/format"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../utilities/Config");
+const ReactSelect_1 = __importDefault(require("../../../elements/ReactSelect"));
+const shared_1 = require("../shared");
+require("./index.scss");
 const baseClass = 'compare-version';
 const maxResultsPerRequest = 10;
 const baseOptions = [
-    mostRecentVersionOption,
+    shared_1.mostRecentVersionOption,
 ];
 const CompareVersion = (props) => {
     const { onChange, value, baseURL, versionID, parentID, publishedDoc } = props;
-    const { admin: { dateFormat, }, } = useConfig();
-    const [options, setOptions] = useState(baseOptions);
-    const [lastLoadedPage, setLastLoadedPage] = useState(1);
-    const [errorLoading, setErrorLoading] = useState('');
-    const { t, i18n } = useTranslation('version');
-    const getResults = useCallback(async ({ lastLoadedPage: lastLoadedPageArg, }) => {
+    const { admin: { dateFormat, }, } = (0, Config_1.useConfig)();
+    const [options, setOptions] = (0, react_1.useState)(baseOptions);
+    const [lastLoadedPage, setLastLoadedPage] = (0, react_1.useState)(1);
+    const [errorLoading, setErrorLoading] = (0, react_1.useState)('');
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
+    const getResults = (0, react_1.useCallback)(async ({ lastLoadedPage: lastLoadedPageArg, }) => {
         const query = {
             limit: maxResultsPerRequest,
             page: lastLoadedPageArg,
@@ -40,7 +68,7 @@ const CompareVersion = (props) => {
                 },
             });
         }
-        const search = qs.stringify(query);
+        const search = qs_1.default.stringify(query);
         const response = await fetch(`${baseURL}?${search}`, {
             credentials: 'include',
             headers: {
@@ -53,7 +81,7 @@ const CompareVersion = (props) => {
                 setOptions((existingOptions) => [
                     ...existingOptions,
                     ...data.docs.map((doc) => ({
-                        label: format(new Date(doc.createdAt), dateFormat),
+                        label: (0, format_1.default)(new Date(doc.createdAt), dateFormat),
                         value: doc.id,
                     })),
                 ]);
@@ -69,18 +97,18 @@ const CompareVersion = (props) => {
         baseClass,
         errorLoading && 'error-loading',
     ].filter(Boolean).join(' ');
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         getResults({ lastLoadedPage: 1 });
     }, [getResults]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._status) === 'published')
-            setOptions((currentOptions) => [publishedVersionOption, ...currentOptions]);
+            setOptions((currentOptions) => [shared_1.publishedVersionOption, ...currentOptions]);
     }, [publishedDoc]);
-    return (React.createElement("div", { className: classes },
-        React.createElement("div", { className: `${baseClass}__label` }, t('compareVersion')),
-        !errorLoading && (React.createElement(ReactSelect, { isSearchable: false, placeholder: t('selectVersionToCompare'), onChange: onChange, onMenuScrollToBottom: () => {
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement("div", { className: `${baseClass}__label` }, t('compareVersion')),
+        !errorLoading && (react_1.default.createElement(ReactSelect_1.default, { isSearchable: false, placeholder: t('selectVersionToCompare'), onChange: onChange, onMenuScrollToBottom: () => {
                 getResults({ lastLoadedPage: lastLoadedPage + 1 });
             }, value: value, options: options })),
-        errorLoading && (React.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading))));
+        errorLoading && (react_1.default.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading))));
 };
-export default CompareVersion;
+exports.default = CompareVersion;

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

@@ -1,7 +1,7 @@
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import { PaginatedDocs } from '../../../../../mongoose/types';
 import { CompareOption } from '../types';
-export declare type Props = {
+export type Props = {
     onChange: (val: CompareOption) => void;
     value: CompareOption;
     baseURL: string;
@@ -9,17 +9,17 @@ export declare type Props = {
     versionID: string;
     parentID?: string;
 };
-declare type CLEAR = {
+type CLEAR = {
     type: 'CLEAR';
     required: boolean;
 };
-declare type ADD = {
+type ADD = {
     type: 'ADD';
     data: PaginatedDocs<any>;
     collection: SanitizedCollectionConfig;
 };
-export declare type Action = CLEAR | ADD;
-export declare type ValueWithRelation = {
+export type Action = CLEAR | ADD;
+export type ValueWithRelation = {
     relationTo: string;
     value: string;
 };

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

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

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

@@ -1,5 +1,10 @@
-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 = 'field-diff-label';
-const Label = ({ children }) => (React.createElement("div", { className: baseClass }, children));
-export default Label;
+const Label = ({ children }) => (react_1.default.createElement("div", { className: baseClass }, children));
+exports.default = Label;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -1,23 +1,28 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import RenderFieldsToDiff from '../..';
-import Label from '../../Label';
-import { fieldAffectsData } from '../../../../../../../fields/config/types';
-import getUniqueListBy from '../../../../../../../utilities/getUniqueListBy';
-import { getTranslation } from '../../../../../../../utilities/getTranslation';
-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_i18next_1 = require("react-i18next");
+const __1 = __importDefault(require("../.."));
+const Label_1 = __importDefault(require("../../Label"));
+const types_1 = require("../../../../../../../fields/config/types");
+const getUniqueListBy_1 = __importDefault(require("../../../../../../../utilities/getUniqueListBy"));
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'iterable-diff';
 const Iterable = ({ version, comparison, permissions, field, locale, locales, fieldComponents, }) => {
     var _a, _b;
     const versionRowCount = Array.isArray(version) ? version.length : 0;
     const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
     const maxRows = Math.max(versionRowCount, comparisonRowCount);
-    const { t, i18n } = useTranslation('version');
-    return (React.createElement("div", { className: baseClass },
-        field.label && (React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            getTranslation(field.label, i18n))),
-        maxRows > 0 && (React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
+    return (react_1.default.createElement("div", { className: baseClass },
+        field.label && (react_1.default.createElement(Label_1.default, null,
+            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            (0, getTranslation_1.getTranslation)(field.label, i18n))),
+        maxRows > 0 && (react_1.default.createElement(react_1.default.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i) => {
             const versionRow = (version === null || version === void 0 ? void 0 : version[i]) || {};
             const comparisonRow = (comparison === null || comparison === void 0 ? void 0 : comparison[i]) || {};
             let subFields = [];
@@ -41,16 +46,16 @@ const Iterable = ({ version, comparison, permissions, field, locale, locales, fi
                 else {
                     const matchedVersionBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
                     const matchedComparisonBlock = field.blocks.find((block) => block.slug === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) || { fields: [] };
-                    subFields = getUniqueListBy([
+                    subFields = (0, getUniqueListBy_1.default)([
                         ...subFields,
                         ...matchedVersionBlock.fields,
                         ...matchedComparisonBlock.fields,
                     ], 'name');
                 }
             }
-            return (React.createElement("div", { className: `${baseClass}__wrap`, key: i },
-                React.createElement(RenderFieldsToDiff, { locales: locales, version: versionRow, comparison: comparisonRow, fieldPermissions: permissions, fields: subFields.filter((subField) => !(fieldAffectsData(subField) && subField.name === 'id')), fieldComponents: fieldComponents })));
+            return (react_1.default.createElement("div", { className: `${baseClass}__wrap`, key: i },
+                react_1.default.createElement(__1.default, { locales: locales, version: versionRow, comparison: comparisonRow, fieldPermissions: permissions, fields: subFields.filter((subField) => !((0, types_1.fieldAffectsData)(subField) && subField.name === 'id')), fieldComponents: fieldComponents })));
         }))),
-        maxRows === 0 && (React.createElement("div", { className: `${baseClass}__no-rows` }, t('noRowsFound', { label: ((_a = field.labels) === null || _a === void 0 ? void 0 : _a.plural) ? getTranslation((_b = field.labels) === null || _b === void 0 ? void 0 : _b.plural, i18n) : t('general:rows') })))));
+        maxRows === 0 && (react_1.default.createElement("div", { className: `${baseClass}__no-rows` }, t('noRowsFound', { label: ((_a = field.labels) === null || _a === void 0 ? void 0 : _a.plural) ? (0, getTranslation_1.getTranslation)((_b = field.labels) === null || _b === void 0 ? void 0 : _b.plural, i18n) : t('general:rows') })))));
 };
-export default Iterable;
+exports.default = Iterable;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Nested/index.js

@@ -1,21 +1,26 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import RenderFieldsToDiff from '../..';
-import Label from '../../Label';
-import { getTranslation } from '../../../../../../../utilities/getTranslation';
-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_i18next_1 = require("react-i18next");
+const __1 = __importDefault(require("../.."));
+const Label_1 = __importDefault(require("../../Label"));
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'nested-diff';
 const Nested = ({ version, comparison, permissions, field, locale, locales, fieldComponents, disableGutter = false, }) => {
-    const { i18n } = useTranslation();
-    return (React.createElement("div", { className: baseClass },
-        field.label && (React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            getTranslation(field.label, i18n))),
-        React.createElement("div", { className: [
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.createElement("div", { className: baseClass },
+        field.label && (react_1.default.createElement(Label_1.default, null,
+            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            (0, getTranslation_1.getTranslation)(field.label, i18n))),
+        react_1.default.createElement("div", { className: [
                 `${baseClass}__wrap`,
                 !disableGutter && `${baseClass}__wrap--gutter`,
             ].filter(Boolean)
                 .join(' ') },
-            React.createElement(RenderFieldsToDiff, { locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: field.fields, fieldComponents: fieldComponents }))));
+            react_1.default.createElement(__1.default, { locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: field.fields, fieldComponents: fieldComponents }))));
 };
-export default Nested;
+exports.default = Nested;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Relationship/index.js

@@ -1,13 +1,18 @@
-import React from 'react';
-import ReactDiffViewer from 'react-diff-viewer';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../../utilities/Config';
-import { useLocale } from '../../../../../utilities/Locale';
-import { fieldAffectsData, fieldIsPresentationalOnly } from '../../../../../../../fields/config/types';
-import Label from '../../Label';
-import { diffStyles } from '../styles';
-import { getTranslation } from '../../../../../../../utilities/getTranslation';
-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_diff_viewer_1 = __importDefault(require("react-diff-viewer"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../../utilities/Config");
+const Locale_1 = require("../../../../../utilities/Locale");
+const types_1 = require("../../../../../../../fields/config/types");
+const Label_1 = __importDefault(require("../../Label"));
+const styles_1 = require("../styles");
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'relationship-diff';
 const generateLabelFromValue = (collections, field, locale, value) => {
     var _a;
@@ -27,9 +32,9 @@ const generateLabelFromValue = (collections, field, locale, value) => {
     const relatedCollection = collections.find((c) => c.slug === relation);
     if (relatedCollection) {
         const useAsTitle = (_a = relatedCollection === null || relatedCollection === void 0 ? void 0 : relatedCollection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle;
-        const useAsTitleField = relatedCollection.fields.find((f) => (fieldAffectsData(f) && !fieldIsPresentationalOnly(f)) && f.name === useAsTitle);
+        const useAsTitleField = relatedCollection.fields.find((f) => ((0, types_1.fieldAffectsData)(f) && !(0, types_1.fieldIsPresentationalOnly)(f)) && f.name === useAsTitle);
         let titleFieldIsLocalized = false;
-        if (useAsTitleField && fieldAffectsData(useAsTitleField))
+        if (useAsTitleField && (0, types_1.fieldAffectsData)(useAsTitleField))
             titleFieldIsLocalized = useAsTitleField.localized;
         if (typeof (relatedDoc === null || relatedDoc === void 0 ? void 0 : relatedDoc[useAsTitle]) !== 'undefined') {
             valueToReturn = relatedDoc[useAsTitle];
@@ -44,9 +49,9 @@ const generateLabelFromValue = (collections, field, locale, value) => {
     return valueToReturn;
 };
 const Relationship = ({ field, version, comparison }) => {
-    const { collections } = useConfig();
-    const { t, i18n } = useTranslation('general');
-    const locale = useLocale();
+    const { collections } = (0, Config_1.useConfig)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const locale = (0, Locale_1.useLocale)();
     let placeholder = '';
     if (version === comparison)
         placeholder = `[${t('noValue')}]`;
@@ -62,11 +67,11 @@ const Relationship = ({ field, version, comparison }) => {
         versionToRender = generateLabelFromValue(collections, field, locale, version);
         comparisonToRender = generateLabelFromValue(collections, field, locale, comparison);
     }
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            getTranslation(field.label, i18n)),
-        React.createElement(ReactDiffViewer, { styles: diffStyles, oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Label_1.default, null,
+            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            (0, getTranslation_1.getTranslation)(field.label, i18n)),
+        react_1.default.createElement(react_diff_viewer_1.default, { styles: styles_1.diffStyles, oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
     return null;
 };
-export default Relationship;
+exports.default = Relationship;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Select/index.js

@@ -1,10 +1,38 @@
-import React from 'react';
-import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
-import { useTranslation } from 'react-i18next';
-import Label from '../../Label';
-import { diffStyles } from '../styles';
-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 = __importDefault(require("react"));
+const react_diff_viewer_1 = __importStar(require("react-diff-viewer"));
+const react_i18next_1 = require("react-i18next");
+const Label_1 = __importDefault(require("../../Label"));
+const styles_1 = require("../styles");
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'select-diff';
 const getOptionsToRender = (value, options, hasMany) => {
     if (hasMany && Array.isArray(value)) {
@@ -14,21 +42,21 @@ const getOptionsToRender = (value, options, hasMany) => {
 };
 const getTranslatedOptions = (options, i18n) => {
     if (Array.isArray(options)) {
-        return options.map((option) => (typeof option === 'string' ? option : getTranslation(option.label, i18n))).join(', ');
+        return options.map((option) => (typeof option === 'string' ? option : (0, getTranslation_1.getTranslation)(option.label, i18n))).join(', ');
     }
-    return typeof options === 'string' ? options : getTranslation(options.label, i18n);
+    return typeof options === 'string' ? options : (0, getTranslation_1.getTranslation)(options.label, i18n);
 };
 const Select = ({ field, locale, version, comparison, diffMethod }) => {
     let placeholder = '';
-    const { t, i18n } = useTranslation('general');
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     if (version === comparison)
         placeholder = `[${t('noValue')}]`;
     const comparisonToRender = typeof comparison !== 'undefined' ? getTranslatedOptions(getOptionsToRender(comparison, field.options, field.hasMany), i18n) : placeholder;
     const versionToRender = typeof version !== 'undefined' ? getTranslatedOptions(getOptionsToRender(version, field.options, field.hasMany), i18n) : placeholder;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            getTranslation(field.label, i18n)),
-        React.createElement(ReactDiffViewer, { styles: diffStyles, compareMethod: DiffMethod[diffMethod], oldValue: comparisonToRender, newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Label_1.default, null,
+            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            (0, getTranslation_1.getTranslation)(field.label, i18n)),
+        react_1.default.createElement(react_diff_viewer_1.default, { styles: styles_1.diffStyles, compareMethod: react_diff_viewer_1.DiffMethod[diffMethod], oldValue: comparisonToRender, newValue: typeof versionToRender !== 'undefined' ? versionToRender : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
 };
-export default Select;
+exports.default = Select;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.js

@@ -1,8 +1,13 @@
-import React from 'react';
-import RenderFieldsToDiff from '../..';
+"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 __1 = __importDefault(require("../.."));
 const baseClass = 'tabs-diff';
-const Tabs = ({ version, comparison, permissions, field, locales, fieldComponents, }) => (React.createElement("div", { className: baseClass },
-    React.createElement("div", { className: `${baseClass}__wrap` }, field.tabs.map((tab, i) => {
-        return (React.createElement(RenderFieldsToDiff, { key: i, locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: tab.fields, fieldComponents: fieldComponents }));
+const Tabs = ({ version, comparison, permissions, field, locales, fieldComponents, }) => (react_1.default.createElement("div", { className: baseClass },
+    react_1.default.createElement("div", { className: `${baseClass}__wrap` }, field.tabs.map((tab, i) => {
+        return (react_1.default.createElement(__1.default, { key: i, locales: locales, version: version, comparison: comparison, fieldPermissions: permissions, fields: tab.fields, fieldComponents: fieldComponents }));
     }))));
-export default Tabs;
+exports.default = Tabs;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Text/index.js

@@ -1,14 +1,42 @@
-import React from 'react';
-import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer';
-import { useTranslation } from 'react-i18next';
-import Label from '../../Label';
-import { diffStyles } from '../styles';
-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 = __importDefault(require("react"));
+const react_diff_viewer_1 = __importStar(require("react-diff-viewer"));
+const react_i18next_1 = require("react-i18next");
+const Label_1 = __importDefault(require("../../Label"));
+const styles_1 = require("../styles");
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'text-diff';
 const Text = ({ field, locale, version, comparison, isRichText = false, diffMethod }) => {
     let placeholder = '';
-    const { t, i18n } = useTranslation('general');
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     if (version === comparison)
         placeholder = `[${t('noValue')}]`;
     let versionToRender = version;
@@ -19,10 +47,10 @@ const Text = ({ field, locale, version, comparison, isRichText = false, diffMeth
         if (typeof comparison === 'object')
             comparisonToRender = JSON.stringify(comparison, null, 2);
     }
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            getTranslation(field.label, i18n)),
-        React.createElement(ReactDiffViewer, { styles: diffStyles, compareMethod: DiffMethod[diffMethod], oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Label_1.default, null,
+            locale && (react_1.default.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            (0, getTranslation_1.getTranslation)(field.label, i18n)),
+        react_1.default.createElement(react_diff_viewer_1.default, { styles: styles_1.diffStyles, compareMethod: react_diff_viewer_1.DiffMethod[diffMethod], oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder, newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder, splitView: true, hideLineNumbers: true, showDiffOnly: false })));
 };
-export default Text;
+exports.default = Text;