payload 1.1.26 → 1.1.27-beta.0

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

@@ -1,82 +1,82 @@
-import { Text } from 'slate';
-export const richTextToHTML = (content) => {
-    if (Array.isArray(content)) {
-        return content.reduce((output, node) => {
-            const isTextNode = Text.isText(node);
-            const { text, bold, code, italic, underline, strikethrough, } = node;
-            if (isTextNode) {
-                // convert straight single quotations to curly
-                // "\u201C" is starting double curly
-                // "\u201D" is ending double curly
-                let html = text === null || text === void 0 ? void 0 : text.replace(/'/g, '\u2019'); // single quotes
-                if (bold) {
-                    html = `<strong>${html}</strong>`;
-                }
-                if (code) {
-                    html = `<code>${html}</code>`;
-                }
-                if (italic) {
-                    html = `<em>${html}</em>`;
-                }
-                if (underline) {
-                    html = `<span style="text-decoration: underline;">${html}</span>`;
-                }
-                if (strikethrough) {
-                    html = `<span style="text-decoration: line-through;">${html}</span>`;
-                }
-                return `${output}${html}`;
-            }
-            if (node) {
-                let nodeHTML;
-                switch (node.type) {
-                    case 'h1':
-                        nodeHTML = `<h1>${richTextToHTML(node.children)}</h1>`;
-                        break;
-                    case 'h2':
-                        nodeHTML = `<h2>${richTextToHTML(node.children)}</h2>`;
-                        break;
-                    case 'h3':
-                        nodeHTML = `<h3>${richTextToHTML(node.children)}</h3>`;
-                        break;
-                    case 'h4':
-                        nodeHTML = `<h4>${richTextToHTML(node.children)}</h4>`;
-                        break;
-                    case 'h5':
-                        nodeHTML = `<h5>${richTextToHTML(node.children)}</h5>`;
-                        break;
-                    case 'h6':
-                        nodeHTML = `<h6>${richTextToHTML(node.children)}</h6>`;
-                        break;
-                    case 'ul':
-                        nodeHTML = `<ul>${richTextToHTML(node.children)}</ul>`;
-                        break;
-                    case 'ol':
-                        nodeHTML = `<ol>${richTextToHTML(node.children)}</ol>`;
-                        break;
-                    case 'li':
-                        nodeHTML = `<li>${richTextToHTML(node.children)}</li>`;
-                        break;
-                    case 'link':
-                        nodeHTML = `<a href="${node.url}">${richTextToHTML(node.children)}</a>`;
-                        break;
-                    case 'relationship':
-                        nodeHTML = `<strong>Relationship to ${node.relationTo}: ${node.value}</strong><br/>`;
-                        break;
-                    case 'upload':
-                        nodeHTML = `<strong>${node.relationTo} Upload: ${node.value}</strong><br/>`;
-                        break;
-                    case 'p':
-                    case undefined:
-                        nodeHTML = `<p>${richTextToHTML(node.children)}</p>`;
-                        break;
-                    default:
-                        nodeHTML = `<strong>${node.type}</strong>:<br/>${JSON.stringify(node)}`;
-                        break;
-                }
-                return `${output}${nodeHTML}\n`;
-            }
-            return output;
-        }, '');
-    }
-    return '';
-};
+import { Text } from 'slate';
+export const richTextToHTML = (content) => {
+    if (Array.isArray(content)) {
+        return content.reduce((output, node) => {
+            const isTextNode = Text.isText(node);
+            const { text, bold, code, italic, underline, strikethrough, } = node;
+            if (isTextNode) {
+                // convert straight single quotations to curly
+                // "\u201C" is starting double curly
+                // "\u201D" is ending double curly
+                let html = text === null || text === void 0 ? void 0 : text.replace(/'/g, '\u2019'); // single quotes
+                if (bold) {
+                    html = `<strong>${html}</strong>`;
+                }
+                if (code) {
+                    html = `<code>${html}</code>`;
+                }
+                if (italic) {
+                    html = `<em>${html}</em>`;
+                }
+                if (underline) {
+                    html = `<span style="text-decoration: underline;">${html}</span>`;
+                }
+                if (strikethrough) {
+                    html = `<span style="text-decoration: line-through;">${html}</span>`;
+                }
+                return `${output}${html}`;
+            }
+            if (node) {
+                let nodeHTML;
+                switch (node.type) {
+                    case 'h1':
+                        nodeHTML = `<h1>${richTextToHTML(node.children)}</h1>`;
+                        break;
+                    case 'h2':
+                        nodeHTML = `<h2>${richTextToHTML(node.children)}</h2>`;
+                        break;
+                    case 'h3':
+                        nodeHTML = `<h3>${richTextToHTML(node.children)}</h3>`;
+                        break;
+                    case 'h4':
+                        nodeHTML = `<h4>${richTextToHTML(node.children)}</h4>`;
+                        break;
+                    case 'h5':
+                        nodeHTML = `<h5>${richTextToHTML(node.children)}</h5>`;
+                        break;
+                    case 'h6':
+                        nodeHTML = `<h6>${richTextToHTML(node.children)}</h6>`;
+                        break;
+                    case 'ul':
+                        nodeHTML = `<ul>${richTextToHTML(node.children)}</ul>`;
+                        break;
+                    case 'ol':
+                        nodeHTML = `<ol>${richTextToHTML(node.children)}</ol>`;
+                        break;
+                    case 'li':
+                        nodeHTML = `<li>${richTextToHTML(node.children)}</li>`;
+                        break;
+                    case 'link':
+                        nodeHTML = `<a href="${node.url}">${richTextToHTML(node.children)}</a>`;
+                        break;
+                    case 'relationship':
+                        nodeHTML = `<strong>Relationship to ${node.relationTo}: ${node.value}</strong><br/>`;
+                        break;
+                    case 'upload':
+                        nodeHTML = `<strong>${node.relationTo} Upload: ${node.value}</strong><br/>`;
+                        break;
+                    case 'p':
+                    case undefined:
+                        nodeHTML = `<p>${richTextToHTML(node.children)}</p>`;
+                        break;
+                    default:
+                        nodeHTML = `<strong>${node.type}</strong>:<br/>${JSON.stringify(node)}`;
+                        break;
+                }
+                return `${output}${nodeHTML}\n`;
+            }
+            return output;
+        }, '');
+    }
+    return '';
+};

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Text/stringifyRichText.d.ts

@@ -1 +1 @@
-export declare const stringifyRichText: (content: unknown) => string;
+export declare const stringifyRichText: (content: unknown) => string;

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

@@ -1,52 +1,52 @@
-import { Text } from 'slate';
-export const stringifyRichText = (content) => {
-    if (Array.isArray(content)) {
-        return content.reduce((output, node) => {
-            var _a, _b;
-            const isTextNode = Text.isText(node);
-            const { text, } = node;
-            if (isTextNode) {
-                // convert straight single quotations to curly
-                // "\u201C" is starting double curly
-                // "\u201D" is ending double curly
-                const sanitizedText = text === null || text === void 0 ? void 0 : text.replace(/'/g, '\u2019'); // single quotes
-                return `${output}${sanitizedText}`;
-            }
-            if (node) {
-                let nodeHTML;
-                switch (node.type) {
-                    case 'h1':
-                    case 'h2':
-                    case 'h3':
-                    case 'h4':
-                    case 'h5':
-                    case 'h6':
-                    case 'li':
-                    case 'p':
-                    case undefined:
-                        nodeHTML = `${stringifyRichText(node.children)}\n`;
-                        break;
-                    case 'ul':
-                    case 'ol':
-                        nodeHTML = `${stringifyRichText(node.children)}\n\n`;
-                        break;
-                    case 'link':
-                        nodeHTML = `${stringifyRichText(node.children)}`;
-                        break;
-                    case 'relationship':
-                        nodeHTML = `Relationship to ${node.relationTo}: ${(_a = node === null || node === void 0 ? void 0 : node.value) === null || _a === void 0 ? void 0 : _a.id}\n\n`;
-                        break;
-                    case 'upload':
-                        nodeHTML = `${node.relationTo} Upload: ${(_b = node === null || node === void 0 ? void 0 : node.value) === null || _b === void 0 ? void 0 : _b.id}\n\n`;
-                        break;
-                    default:
-                        nodeHTML = `${node.type}: ${JSON.stringify(node)}\n\n`;
-                        break;
-                }
-                return `${output}${nodeHTML}`;
-            }
-            return output;
-        }, '');
-    }
-    return '';
-};
+import { Text } from 'slate';
+export const stringifyRichText = (content) => {
+    if (Array.isArray(content)) {
+        return content.reduce((output, node) => {
+            var _a, _b;
+            const isTextNode = Text.isText(node);
+            const { text, } = node;
+            if (isTextNode) {
+                // convert straight single quotations to curly
+                // "\u201C" is starting double curly
+                // "\u201D" is ending double curly
+                const sanitizedText = text === null || text === void 0 ? void 0 : text.replace(/'/g, '\u2019'); // single quotes
+                return `${output}${sanitizedText}`;
+            }
+            if (node) {
+                let nodeHTML;
+                switch (node.type) {
+                    case 'h1':
+                    case 'h2':
+                    case 'h3':
+                    case 'h4':
+                    case 'h5':
+                    case 'h6':
+                    case 'li':
+                    case 'p':
+                    case undefined:
+                        nodeHTML = `${stringifyRichText(node.children)}\n`;
+                        break;
+                    case 'ul':
+                    case 'ol':
+                        nodeHTML = `${stringifyRichText(node.children)}\n\n`;
+                        break;
+                    case 'link':
+                        nodeHTML = `${stringifyRichText(node.children)}`;
+                        break;
+                    case 'relationship':
+                        nodeHTML = `Relationship to ${node.relationTo}: ${(_a = node === null || node === void 0 ? void 0 : node.value) === null || _a === void 0 ? void 0 : _a.id}\n\n`;
+                        break;
+                    case 'upload':
+                        nodeHTML = `${node.relationTo} Upload: ${(_b = node === null || node === void 0 ? void 0 : node.value) === null || _b === void 0 ? void 0 : _b.id}\n\n`;
+                        break;
+                    default:
+                        nodeHTML = `${node.type}: ${JSON.stringify(node)}\n\n`;
+                        break;
+                }
+                return `${output}${nodeHTML}`;
+            }
+            return output;
+        }, '');
+    }
+    return '';
+};

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

@@ -1,6 +1,6 @@
-export declare const diffMethods: {
-    select: string;
-    relationship: string;
-    upload: string;
-    radio: string;
-};
+export declare const diffMethods: {
+    select: string;
+    relationship: string;
+    upload: string;
+    radio: string;
+};

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/diffMethods.js

@@ -1,6 +1,6 @@
-export const diffMethods = {
-    select: 'WORDS_WITH_SPACE',
-    relationship: 'WORDS_WITH_SPACE',
-    upload: 'WORDS_WITH_SPACE',
-    radio: 'WORDS_WITH_SPACE',
-};
+export const diffMethods = {
+    select: 'WORDS_WITH_SPACE',
+    relationship: 'WORDS_WITH_SPACE',
+    upload: 'WORDS_WITH_SPACE',
+    radio: 'WORDS_WITH_SPACE',
+};

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

@@ -1,39 +1,39 @@
-/// <reference types="react" />
-declare const _default: {
-    text: import("react").FC<import("./types").Props>;
-    textarea: import("react").FC<import("./types").Props>;
-    number: import("react").FC<import("./types").Props>;
-    email: import("react").FC<import("./types").Props>;
-    code: import("react").FC<import("./types").Props>;
-    checkbox: import("react").FC<import("./types").Props>;
-    radio: import("react").FC<import("./types").Props>;
-    row: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").FieldWithSubFields;
-    }>;
-    collapsible: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").FieldWithSubFields;
-    }>;
-    group: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").FieldWithSubFields;
-    }>;
-    array: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").BlockField | import("../../../../../../fields/config/types").ArrayField;
-    }>;
-    blocks: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").BlockField | import("../../../../../../fields/config/types").ArrayField;
-    }>;
-    date: import("react").FC<import("./types").Props>;
-    select: import("react").FC<import("./types").Props>;
-    richText: import("react").FC<import("./types").Props>;
-    relationship: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").RelationshipField;
-    }>;
-    upload: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").RelationshipField;
-    }>;
-    point: import("react").FC<import("./types").Props>;
-    tabs: import("react").FC<import("./types").Props & {
-        field: import("../../../../../../fields/config/types").TabsField;
-    }>;
-};
-export default _default;
+/// <reference types="react" />
+declare const _default: {
+    text: import("react").FC<import("./types").Props>;
+    textarea: import("react").FC<import("./types").Props>;
+    number: import("react").FC<import("./types").Props>;
+    email: import("react").FC<import("./types").Props>;
+    code: import("react").FC<import("./types").Props>;
+    checkbox: import("react").FC<import("./types").Props>;
+    radio: import("react").FC<import("./types").Props>;
+    row: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").FieldWithSubFields;
+    }>;
+    collapsible: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").FieldWithSubFields;
+    }>;
+    group: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").FieldWithSubFields;
+    }>;
+    array: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").BlockField | import("../../../../../../fields/config/types").ArrayField;
+    }>;
+    blocks: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").BlockField | import("../../../../../../fields/config/types").ArrayField;
+    }>;
+    date: import("react").FC<import("./types").Props>;
+    select: import("react").FC<import("./types").Props>;
+    richText: import("react").FC<import("./types").Props>;
+    relationship: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").RelationshipField;
+    }>;
+    upload: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").RelationshipField;
+    }>;
+    point: import("react").FC<import("./types").Props>;
+    tabs: import("react").FC<import("./types").Props & {
+        field: import("../../../../../../fields/config/types").TabsField;
+    }>;
+};
+export default _default;

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

@@ -1,26 +1,26 @@
-import Text from './Text';
-import Nested from './Nested';
-import Iterable from './Iterable';
-import Relationship from './Relationship';
-import Tabs from './Tabs';
-export default {
-    text: Text,
-    textarea: Text,
-    number: Text,
-    email: Text,
-    code: Text,
-    checkbox: Text,
-    radio: Text,
-    row: Nested,
-    collapsible: Nested,
-    group: Nested,
-    array: Iterable,
-    blocks: Iterable,
-    date: Text,
-    select: Text,
-    richText: Text,
-    relationship: Relationship,
-    upload: Relationship,
-    point: Text,
-    tabs: Tabs,
-};
+import Text from './Text';
+import Nested from './Nested';
+import Iterable from './Iterable';
+import Relationship from './Relationship';
+import Tabs from './Tabs';
+export default {
+    text: Text,
+    textarea: Text,
+    number: Text,
+    email: Text,
+    code: Text,
+    checkbox: Text,
+    radio: Text,
+    row: Nested,
+    collapsible: Nested,
+    group: Nested,
+    array: Iterable,
+    blocks: Iterable,
+    date: Text,
+    select: Text,
+    richText: Text,
+    relationship: Relationship,
+    upload: Relationship,
+    point: Text,
+    tabs: Tabs,
+};

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

@@ -1,14 +1,14 @@
-export declare const diffStyles: {
-    variables: {
-        light: {
-            diffViewerBackground: string;
-            addedBackground: string;
-            addedColor: string;
-            removedBackground: string;
-            removedColor: string;
-            wordAddedBackground: string;
-            wordRemovedBackground: string;
-            emptyLineBackground: string;
-        };
-    };
-};
+export declare const diffStyles: {
+    variables: {
+        light: {
+            diffViewerBackground: string;
+            addedBackground: string;
+            addedColor: string;
+            removedBackground: string;
+            removedColor: string;
+            wordAddedBackground: string;
+            wordRemovedBackground: string;
+            emptyLineBackground: string;
+        };
+    };
+};

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/styles.js

@@ -1,14 +1,14 @@
-export const diffStyles = {
-    variables: {
-        light: {
-            diffViewerBackground: 'transparent',
-            addedBackground: 'var(--theme-success-100)',
-            addedColor: 'var(--theme-success-900)',
-            removedBackground: 'var(--theme-error-100)',
-            removedColor: 'var(--theme-error-900)',
-            wordAddedBackground: 'var(--theme-success-200)',
-            wordRemovedBackground: 'var(--theme-error-200)',
-            emptyLineBackground: 'var(--theme-elevation-50)',
-        },
-    },
-};
+export const diffStyles = {
+    variables: {
+        light: {
+            diffViewerBackground: 'transparent',
+            addedBackground: 'var(--theme-success-100)',
+            addedColor: 'var(--theme-success-900)',
+            removedBackground: 'var(--theme-error-100)',
+            removedColor: 'var(--theme-error-900)',
+            wordAddedBackground: 'var(--theme-success-200)',
+            wordRemovedBackground: 'var(--theme-error-200)',
+            emptyLineBackground: 'var(--theme-elevation-50)',
+        },
+    },
+};

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { DiffMethod } from 'react-diff-viewer';
-import { FieldPermissions } from '../../../../../../auth';
-export declare type FieldComponents = Record<string, React.FC<Props>>;
-export declare type Props = {
-    diffMethod?: DiffMethod;
-    fieldComponents: FieldComponents;
-    version: any;
-    comparison: any;
-    field: any;
-    permissions?: Record<string, FieldPermissions>;
-    locale?: string;
-    locales?: string[];
-    disableGutter?: boolean;
-    isRichText?: boolean;
-};
+import React from 'react';
+import { DiffMethod } from 'react-diff-viewer';
+import { FieldPermissions } from '../../../../../../auth';
+export declare type FieldComponents = Record<string, React.FC<Props>>;
+export declare type Props = {
+    diffMethod?: DiffMethod;
+    fieldComponents: FieldComponents;
+    version: any;
+    comparison: any;
+    field: any;
+    permissions?: Record<string, FieldPermissions>;
+    locale?: string;
+    locales?: string[];
+    disableGutter?: boolean;
+    isRichText?: boolean;
+};

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

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

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

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

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

@@ -1,43 +1,43 @@
-import React from 'react';
-import { fieldAffectsData, fieldHasSubFields } from '../../../../../fields/config/types';
-import Nested from './fields/Nested';
-import { diffMethods } from './fields/diffMethods';
-import './index.scss';
-const baseClass = 'render-field-diffs';
-const RenderFieldsToDiff = ({ fields, fieldComponents, fieldPermissions, version, comparison, locales, }) => (React.createElement("div", { className: baseClass }, fields.map((field, i) => {
-    var _a, _b, _c;
-    const Component = fieldComponents[field.type];
-    const isRichText = field.type === 'richText';
-    const diffMethod = diffMethods[field.type] || 'CHARS';
-    if (Component) {
-        if (fieldAffectsData(field)) {
-            const versionValue = version === null || version === void 0 ? void 0 : version[field.name];
-            const comparisonValue = comparison === null || comparison === void 0 ? void 0 : comparison[field.name];
-            const hasPermission = (_b = (_a = fieldPermissions === null || fieldPermissions === void 0 ? void 0 : fieldPermissions[field.name]) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.permission;
-            const subFieldPermissions = (_c = fieldPermissions === null || fieldPermissions === void 0 ? void 0 : fieldPermissions[field.name]) === null || _c === void 0 ? void 0 : _c.fields;
-            if (hasPermission === false)
-                return null;
-            if (field.localized) {
-                return (React.createElement("div", { className: `${baseClass}__field`, key: i }, locales.map((locale) => {
-                    const versionLocaleValue = versionValue === null || versionValue === void 0 ? void 0 : versionValue[locale];
-                    const comparisonLocaleValue = comparisonValue === null || comparisonValue === void 0 ? void 0 : comparisonValue[locale];
-                    return (React.createElement("div", { className: `${baseClass}__locale`, key: locale },
-                        React.createElement("div", { className: `${baseClass}__locale-value` },
-                            React.createElement(Component, { diffMethod: diffMethod, locale: locale, locales: locales, field: field, fieldComponents: fieldComponents, version: versionLocaleValue, comparison: comparisonLocaleValue, permissions: subFieldPermissions, isRichText: isRichText }))));
-                })));
-            }
-            return (React.createElement("div", { className: `${baseClass}__field`, key: i },
-                React.createElement(Component, { diffMethod: diffMethod, locales: locales, field: field, fieldComponents: fieldComponents, version: versionValue, comparison: comparisonValue, permissions: subFieldPermissions, isRichText: isRichText })));
-        }
-        if (field.type === 'tabs') {
-            const Tabs = fieldComponents.tabs;
-            return (React.createElement(Tabs, { key: i, version: version, comparison: comparison, field: field, locales: locales, fieldComponents: fieldComponents }));
-        }
-        // At this point, we are dealing with a `row` or similar
-        if (fieldHasSubFields(field)) {
-            return (React.createElement(Nested, { key: i, locales: locales, disableGutter: true, field: field, fieldComponents: fieldComponents, version: version, comparison: comparison, permissions: fieldPermissions }));
-        }
-    }
-    return null;
-})));
-export default RenderFieldsToDiff;
+import React from 'react';
+import { fieldAffectsData, fieldHasSubFields } from '../../../../../fields/config/types';
+import Nested from './fields/Nested';
+import { diffMethods } from './fields/diffMethods';
+import './index.scss';
+const baseClass = 'render-field-diffs';
+const RenderFieldsToDiff = ({ fields, fieldComponents, fieldPermissions, version, comparison, locales, }) => (React.createElement("div", { className: baseClass }, fields.map((field, i) => {
+    var _a, _b, _c;
+    const Component = fieldComponents[field.type];
+    const isRichText = field.type === 'richText';
+    const diffMethod = diffMethods[field.type] || 'CHARS';
+    if (Component) {
+        if (fieldAffectsData(field)) {
+            const versionValue = version === null || version === void 0 ? void 0 : version[field.name];
+            const comparisonValue = comparison === null || comparison === void 0 ? void 0 : comparison[field.name];
+            const hasPermission = (_b = (_a = fieldPermissions === null || fieldPermissions === void 0 ? void 0 : fieldPermissions[field.name]) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.permission;
+            const subFieldPermissions = (_c = fieldPermissions === null || fieldPermissions === void 0 ? void 0 : fieldPermissions[field.name]) === null || _c === void 0 ? void 0 : _c.fields;
+            if (hasPermission === false)
+                return null;
+            if (field.localized) {
+                return (React.createElement("div", { className: `${baseClass}__field`, key: i }, locales.map((locale) => {
+                    const versionLocaleValue = versionValue === null || versionValue === void 0 ? void 0 : versionValue[locale];
+                    const comparisonLocaleValue = comparisonValue === null || comparisonValue === void 0 ? void 0 : comparisonValue[locale];
+                    return (React.createElement("div", { className: `${baseClass}__locale`, key: locale },
+                        React.createElement("div", { className: `${baseClass}__locale-value` },
+                            React.createElement(Component, { diffMethod: diffMethod, locale: locale, locales: locales, field: field, fieldComponents: fieldComponents, version: versionLocaleValue, comparison: comparisonLocaleValue, permissions: subFieldPermissions, isRichText: isRichText }))));
+                })));
+            }
+            return (React.createElement("div", { className: `${baseClass}__field`, key: i },
+                React.createElement(Component, { diffMethod: diffMethod, locales: locales, field: field, fieldComponents: fieldComponents, version: versionValue, comparison: comparisonValue, permissions: subFieldPermissions, isRichText: isRichText })));
+        }
+        if (field.type === 'tabs') {
+            const Tabs = fieldComponents.tabs;
+            return (React.createElement(Tabs, { key: i, version: version, comparison: comparison, field: field, locales: locales, fieldComponents: fieldComponents }));
+        }
+        // At this point, we are dealing with a `row` or similar
+        if (fieldHasSubFields(field)) {
+            return (React.createElement(Nested, { key: i, locales: locales, disableGutter: true, field: field, fieldComponents: fieldComponents, version: version, comparison: comparison, permissions: fieldPermissions }));
+        }
+    }
+    return null;
+})));
+export default RenderFieldsToDiff;