payload 0.20.0 → 0.20.3-beta.0

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

@@ -0,0 +1,18 @@
+import { GlobalPermission } from '../../../../auth/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+import { Fields } from '../../forms/Form/types';
+import { Document } from '../../../../types';
+export declare type IndexProps = {
+    global: SanitizedGlobalConfig;
+};
+export declare type Props = {
+    global: SanitizedGlobalConfig;
+    data: Document;
+    onSave: () => void;
+    permissions: GlobalPermission;
+    action: string;
+    apiURL: string;
+    initialState: Fields;
+    isLoading: boolean;
+    autosaveEnabled: boolean;
+};

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

@@ -0,0 +1 @@
+export {};

package/dist/admin/components/views/Login/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const Login: React.FC;
+export default Login;

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Link, useHistory } 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 Form from '../../forms/Form';
+import Email from '../../forms/field-types/Email';
+import Password from '../../forms/field-types/Password';
+import FormSubmit from '../../forms/Submit';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+const baseClass = 'login';
+const Login = () => {
+    const history = useHistory();
+    const { user, setToken } = useAuth();
+    const { admin: { user: userSlug, components: { beforeLogin, afterLogin, } = {}, }, serverURL, routes: { admin, api, }, collections, } = useConfig();
+    const collection = collections.find(({ slug }) => slug === userSlug);
+    const onSuccess = (data) => {
+        if (data.token) {
+            setToken(data.token);
+            history.push(admin);
+        }
+    };
+    if (user) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("h1", null, "Already logged in"),
+                React.createElement("p", null,
+                    "To log in with another user, you should",
+                    ' ',
+                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
+                    ' ',
+                    "first."),
+                React.createElement("br", null),
+                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
+    }
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement(Meta, { title: "Login", description: "Login user", keywords: "Login, Payload, CMS" }),
+        React.createElement("div", { className: `${baseClass}__brand` },
+            React.createElement(Logo, null)),
+        Array.isArray(beforeLogin) && beforeLogin.map((Component, i) => React.createElement(Component, { key: i })),
+        !collection.auth.disableLocalStrategy && (React.createElement(Form, { disableSuccessStatus: true, waitForAutocomplete: true, onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/login` },
+            React.createElement(Email, { label: "Email Address", name: "email", admin: { autoComplete: 'email' }, required: true }),
+            React.createElement(Password, { label: "Password", name: "password", autoComplete: "off", required: true }),
+            React.createElement(Link, { to: `${admin}/forgot` }, "Forgot password?"),
+            React.createElement(FormSubmit, null, "Login"))),
+        Array.isArray(afterLogin) && afterLogin.map((Component, i) => React.createElement(Component, { key: i }))));
+};
+export default Login;

package/dist/admin/components/views/Login/index.scss

@@ -0,0 +1,10 @@
+@import '../../../scss/styles';
+
+.login {
+  &__brand {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: base(2);
+  }
+}

package/dist/admin/components/views/Logout/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+declare const Logout: React.FC<{
+    inactivity?: boolean;
+}>;
+export default Logout;

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

@@ -0,0 +1,24 @@
+import React, { useEffect } from 'react';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import Minimal from '../../templates/Minimal';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+const baseClass = 'logout';
+const Logout = (props) => {
+    const { inactivity } = props;
+    const { logOut } = useAuth();
+    const { routes: { admin } } = useConfig();
+    useEffect(() => {
+        logOut();
+    }, [logOut]);
+    return (React.createElement(Minimal, { className: baseClass },
+        React.createElement(Meta, { title: "Logout", description: "Logout user", keywords: "Logout, Payload, CMS" }),
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            inactivity && (React.createElement("h2", null, "You have been logged out due to inactivity.")),
+            !inactivity && (React.createElement("h2", null, "You have been logged out successfully.")),
+            React.createElement("br", null),
+            React.createElement(Button, { el: "anchor", buttonStyle: "secondary", url: `${admin}/login` }, "Log back in"))));
+};
+export default Logout;

package/dist/admin/components/views/Logout/index.scss

@@ -0,0 +1,12 @@
+@import '../../../scss/styles';
+
+.logout {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  min-height: 100vh;
+
+  &__wrap {
+    margin: 0 auto base(1);
+  }
+}

package/dist/admin/components/views/NotFound/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NotFound: React.FC;
+export default NotFound;

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

@@ -0,0 +1,25 @@
+import React, { useEffect } from 'react';
+import { useConfig } from '../../utilities/Config';
+import Eyebrow from '../../elements/Eyebrow';
+import { useStepNav } from '../../elements/StepNav';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import { Gutter } from '../../elements/Gutter';
+const baseClass = 'not-found';
+const NotFound = () => {
+    const { setStepNav } = useStepNav();
+    const { routes: { admin } } = useConfig();
+    useEffect(() => {
+        setStepNav([{
+                label: 'Not Found',
+            }]);
+    }, [setStepNav]);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement(Meta, { title: "Not Found", description: "Page not found", keywords: "404, Not found, Payload, CMS" }),
+        React.createElement(Eyebrow, null),
+        React.createElement(Gutter, { className: `${baseClass}__wrap` },
+            React.createElement("h1", null, "Nothing found"),
+            React.createElement("p", null, "Sorry\u2014there is nothing to correspond with your request."),
+            React.createElement(Button, { el: "link", to: `${admin}` }, "Back to Dashboard"))));
+};
+export default NotFound;

package/dist/admin/components/views/ResetPassword/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const ResetPassword: React.FC;
+export default ResetPassword;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Link, useHistory, useParams } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import MinimalTemplate from '../../templates/Minimal';
+import Form from '../../forms/Form';
+import Password from '../../forms/field-types/Password';
+import ConfirmPassword from '../../forms/field-types/ConfirmPassword';
+import FormSubmit from '../../forms/Submit';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+import HiddenInput from '../../forms/field-types/HiddenInput';
+const baseClass = 'reset-password';
+const ResetPassword = () => {
+    const { admin: { user: userSlug }, serverURL, routes: { admin, api } } = useConfig();
+    const { token } = useParams();
+    const history = useHistory();
+    const { user, setToken } = useAuth();
+    const onSuccess = (data) => {
+        if (data.token) {
+            setToken(data.token);
+            history.push(`${admin}`);
+        }
+    };
+    if (user) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement(Meta, { title: "Reset Password", description: "Reset password", keywords: "Reset Password, Payload, CMS" }),
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("h1", null, "Already logged in"),
+                React.createElement("p", null,
+                    "To log in with another user, you should",
+                    ' ',
+                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
+                    ' ',
+                    "first."),
+                React.createElement("br", null),
+                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
+    }
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            React.createElement("h1", null, "Reset Password"),
+            React.createElement(Form, { onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/reset-password`, redirect: admin },
+                React.createElement(Password, { label: "New Password", name: "password", autoComplete: "off", required: true }),
+                React.createElement(ConfirmPassword, null),
+                React.createElement(HiddenInput, { name: "token", value: token }),
+                React.createElement(FormSubmit, null, "Reset Password")))));
+};
+export default ResetPassword;

package/dist/admin/components/views/ResetPassword/index.scss

@@ -0,0 +1,17 @@
+@import '../../../scss/styles';
+
+.reset-password {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  min-height: 100vh;
+
+  &__wrap {
+    margin: 0 auto base(1);
+    width: 100%;
+
+    svg {
+      width: 100%;
+    }
+  }
+}

package/dist/admin/components/views/Unauthorized/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Unauthorized: React.FC;
+export default Unauthorized;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useConfig } from '../../utilities/Config';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import MinimalTemplate from '../../templates/Minimal';
+const Unauthorized = () => {
+    const { routes: { admin } } = useConfig();
+    return (React.createElement(MinimalTemplate, { className: "unauthorized" },
+        React.createElement(Meta, { title: "Unauthorized", description: "Unauthorized", keywords: "Unauthorized, Payload, CMS" }),
+        React.createElement("h2", null, "Unauthorized"),
+        React.createElement("p", null, "You are not allowed to access this page."),
+        React.createElement("br", null),
+        React.createElement(Button, { el: "link", to: `${admin}/logout` }, "Log out")));
+};
+export default Unauthorized;

package/dist/admin/components/views/Verify/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import './index.scss';
+declare const Verify: React.FC<{
+    collection: SanitizedCollectionConfig;
+}>;
+export default Verify;

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

@@ -0,0 +1,43 @@
+import React, { useEffect, useState } from 'react';
+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';
+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 isAdminUser = collectionSlug === adminUser;
+    const [verifyResult, setVerifyResult] = useState(null);
+    useEffect(() => {
+        async function verifyToken() {
+            const result = await fetch(`${serverURL}/api/${collectionSlug}/verify/${token}`, { method: 'POST' });
+            setVerifyResult(result);
+        }
+        verifyToken();
+    }, [setVerifyResult, collectionSlug, serverURL, token]);
+    if (user) {
+        return React.createElement(Login, null);
+    }
+    const getText = () => {
+        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200)
+            return 'Verified Successfully';
+        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 202)
+            return 'Already Activated';
+        return 'Unable To Verify';
+    };
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement(Meta, { title: "Verify", description: "Verify user", keywords: "Verify, Payload, CMS" }),
+        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` }, "Login"))));
+};
+export default Verify;

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

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.verify {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  flex-wrap: wrap;
+  min-height: 100vh;
+
+  &__brand {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: base(2);
+  }
+}

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

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

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

@@ -0,0 +1,79 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import qs from 'qs';
+import format from 'date-fns/format';
+import { useConfig } from '../../../utilities/Config';
+import ReactSelect from '../../../elements/ReactSelect';
+import { mostRecentVersionOption, publishedVersionOption } from '../shared';
+import './index.scss';
+const baseClass = 'compare-version';
+const maxResultsPerRequest = 10;
+const baseOptions = [
+    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 getResults = useCallback(async ({ lastLoadedPage: lastLoadedPageArg, }) => {
+        const query = {
+            limit: maxResultsPerRequest,
+            page: lastLoadedPageArg,
+            depth: 0,
+            where: {
+                and: [
+                    {
+                        id: {
+                            not_equals: versionID,
+                        },
+                    },
+                ],
+            },
+        };
+        if (parentID) {
+            query.where.and.push({
+                parent: {
+                    equals: parentID,
+                },
+            });
+        }
+        const search = qs.stringify(query);
+        const response = await fetch(`${baseURL}?${search}`);
+        if (response.ok) {
+            const data = await response.json();
+            if (data.docs.length > 0) {
+                setOptions((existingOptions) => [
+                    ...existingOptions,
+                    ...data.docs.map((doc) => ({
+                        label: format(new Date(doc.createdAt), dateFormat),
+                        value: doc.id,
+                    })),
+                ]);
+                setLastLoadedPage(data.page);
+            }
+        }
+        else {
+            setErrorLoading('An error has occurred.');
+        }
+    }, [dateFormat, baseURL, parentID, versionID]);
+    const classes = [
+        'field-type',
+        baseClass,
+        errorLoading && 'error-loading',
+    ].filter(Boolean).join(' ');
+    useEffect(() => {
+        getResults({ lastLoadedPage: 1 });
+    }, [getResults]);
+    useEffect(() => {
+        if ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._status) === 'published')
+            setOptions((currentOptions) => [publishedVersionOption, ...currentOptions]);
+    }, [publishedDoc]);
+    return (React.createElement("div", { className: classes },
+        React.createElement("div", { className: `${baseClass}__label` }, "Compare version against:"),
+        !errorLoading && (React.createElement(ReactSelect, { isSearchable: false, placeholder: "Select a version to compare", onChange: onChange, onMenuScrollToBottom: () => {
+                getResults({ lastLoadedPage: lastLoadedPage + 1 });
+            }, value: value, options: options })),
+        errorLoading && (React.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading))));
+};
+export default CompareVersion;

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

@@ -0,0 +1,15 @@
+@import '../../../../scss/styles.scss';
+
+.compare-version {
+  &__error-loading {
+    border: 1px solid var(--theme-error-500);
+    min-height: base(2);
+    padding: base(.5) base(.75);
+    background-color: var(--theme-error-500);
+    color: var(--theme-elevation-0);
+  }
+
+  &__label {
+    margin-bottom: base(.25);
+  }
+}

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

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

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

@@ -0,0 +1 @@
+export {};

package/dist/admin/components/views/Version/RenderFieldsToDiff/Label/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+declare const Label: React.FC<{
+    children?: React.ReactNode;
+}>;
+export default Label;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+const baseClass = 'field-diff-label';
+const Label = ({ children }) => (React.createElement("div", { className: baseClass }, children));
+export default Label;

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

@@ -0,0 +1,6 @@
+@import '../../../../../scss/styles.scss';
+
+.field-diff-label {
+  margin-bottom: base(.25);
+  font-weight: 600;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from '../types';
+import { ArrayField, BlockField } from '../../../../../../../fields/config/types';
+import './index.scss';
+declare const Iterable: React.FC<Props & {
+    field: ArrayField | BlockField;
+}>;
+export default Iterable;

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import RenderFieldsToDiff from '../..';
+import Label from '../../Label';
+import { fieldAffectsData } from '../../../../../../../fields/config/types';
+import getUniqueListBy from '../../../../../../../utilities/getUniqueListBy';
+import './index.scss';
+const baseClass = 'iterable-diff';
+const Iterable = ({ version, comparison, permissions, field, locale, locales, fieldComponents, }) => {
+    const versionRowCount = Array.isArray(version) ? version.length : 0;
+    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+    const maxRows = Math.max(versionRowCount, comparisonRowCount);
+    return (React.createElement("div", { className: baseClass },
+        field.label && (React.createElement(Label, null,
+            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            field.label)),
+        maxRows > 0 && (React.createElement(React.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 = [];
+            if (field.type === 'array')
+                subFields = field.fields;
+            if (field.type === 'blocks') {
+                subFields = [
+                    {
+                        name: 'blockType',
+                        label: 'Block Type',
+                        type: 'text',
+                    },
+                ];
+                if ((versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType) === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) {
+                    const matchedBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
+                    subFields = [
+                        ...subFields,
+                        ...matchedBlock.fields,
+                    ];
+                }
+                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,
+                        ...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 })));
+        }))),
+        maxRows === 0 && (React.createElement("div", { className: `${baseClass}__no-rows` },
+            "No",
+            ' ',
+            field.labels.plural,
+            ' ',
+            "found"))));
+};
+export default Iterable;

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

@@ -0,0 +1,25 @@
+@import '../../../../../../scss/styles.scss';
+
+.iterable-diff {
+  margin-bottom: base(2);
+
+  &__locale-label {
+    margin-right: base(.25);
+    background: var(--theme-elevation-100);
+    padding: base(.25);
+    border-radius: $style-radius-m;
+  }
+
+  &__wrap {
+    margin: base(.5) 0;
+    padding-left: base(.5);
+    border-left: $style-stroke-width-s solid var(--theme-elevation-150);
+  }
+
+  &__no-rows {
+    font-family: monospace;
+    background-color: var(--theme-elevation-50);
+    padding: base(.125) base(.5);
+    margin: base(.125) 0;
+  }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from '../types';
+import { FieldWithSubFields } from '../../../../../../../fields/config/types';
+import './index.scss';
+declare const Nested: React.FC<Props & {
+    field: FieldWithSubFields;
+}>;
+export default Nested;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import RenderFieldsToDiff from '../..';
+import Label from '../../Label';
+import './index.scss';
+const baseClass = 'nested-diff';
+const Nested = ({ version, comparison, permissions, field, locale, locales, fieldComponents, disableGutter = false, }) => (React.createElement("div", { className: baseClass },
+    field.label && (React.createElement(Label, null,
+        locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+        field.label)),
+    React.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 }))));
+export default Nested;

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

@@ -0,0 +1,8 @@
+@import '../../../../../../scss/styles.scss';
+
+.nested-diff {
+  &__wrap--gutter {
+    padding-left: base(1);
+    border-left: $style-stroke-width-s solid var(--theme-elevation-150);
+  }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RelationshipField } from '../../../../../../../fields/config/types';
+import { Props } from '../types';
+import './index.scss';
+declare const Relationship: React.FC<Props & {
+    field: RelationshipField;
+}>;
+export default Relationship;