@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal.2b8df4a

package/dist/views/Version/Default/index.js

@@ -1,397 +1,253 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckboxInput, ChevronIcon, formatTimeToNow, Gutter, Pill, useConfig, useDocumentInfo, useLocale, useRouteTransition, useTranslation } from '@payloadcms/ui';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Restore } from '../Restore/index.js';
-import './index.scss';
 import { SelectComparison } from '../SelectComparison/index.js';
 import { SelectLocales } from '../SelectLocales/index.js';
 import { SelectedLocalesContext } from './SelectedLocalesContext.js';
 import { SetStepNav } from './SetStepNav.js';
 const baseClass = 'view-version';
-export const DefaultVersionView = ({ canUpdate, modifiedOnly: modifiedOnlyProp, RenderedDiff, selectedLocales: selectedLocalesFromProps, versionFromCreatedAt, versionFromID, versionFromOptions, versionToCreatedAt, versionToCreatedAtFormatted, VersionToCreatedAtLabel, versionToID, versionToStatus })=>{
-    const { config, getEntityConfig } = useConfig();
-    const { code } = useLocale();
-    const { i18n, t } = useTranslation();
-    const [locales, setLocales] = useState([]);
-    const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false);
-    useEffect(()=>{
-        if (config.localization) {
-            const updatedLocales = config.localization.locales.map((locale)=>{
-                let label = locale.label;
-                if (typeof locale.label !== 'string' && locale.label[code]) {
-                    label = locale.label[code];
-                }
-                return {
-                    name: locale.code,
-                    Label: label,
-                    selected: selectedLocalesFromProps.includes(locale.code)
-                };
-            });
-            setLocales(updatedLocales);
+export const DefaultVersionView = ({
+  canUpdate,
+  modifiedOnly: modifiedOnlyProp,
+  RenderedDiff,
+  selectedLocales: selectedLocalesFromProps,
+  versionFromCreatedAt,
+  versionFromID,
+  versionFromOptions,
+  versionToCreatedAt,
+  versionToCreatedAtFormatted,
+  VersionToCreatedAtLabel,
+  versionToID,
+  versionToStatus
+}) => {
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    code
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [locales, setLocales] = useState([]);
+  const [localeSelectorOpen, setLocaleSelectorOpen] = React.useState(false);
+  useEffect(() => {
+    if (config.localization) {
+      const updatedLocales = config.localization.locales.map(locale => {
+        let label = locale.label;
+        if (typeof locale.label !== 'string' && locale.label[code]) {
+          label = locale.label[code];
         }
-    }, [
-        code,
-        config.localization,
-        selectedLocalesFromProps
-    ]);
-    const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo();
-    const { startRouteTransition } = useRouteTransition();
-    const { collectionConfig, globalConfig } = useMemo(()=>{
         return {
-            collectionConfig: getEntityConfig({
-                collectionSlug
-            }),
-            globalConfig: getEntityConfig({
-                globalSlug
-            })
+          name: locale.code,
+          Label: label,
+          selected: selectedLocalesFromProps.includes(locale.code)
         };
-    }, [
-        collectionSlug,
-        globalSlug,
-        getEntityConfig
-    ]);
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp);
-    const updateSearchParams = useCallback((args)=>{
-        // If the selected comparison doc or locales change, update URL params so that version page
-        // This is so that RSC can update the version comparison state
-        const current = new URLSearchParams(Array.from(searchParams.entries()));
-        if (args?.versionFromID) {
-            current.set('versionFrom', args?.versionFromID);
-        }
-        if (args?.selectedLocales) {
-            if (!args.selectedLocales.length) {
-                current.delete('localeCodes');
-            } else {
-                const selectedLocaleCodes = [];
-                for (const locale of args.selectedLocales){
-                    if (locale.selected) {
-                        selectedLocaleCodes.push(locale.name);
-                    }
-                }
-                current.set('localeCodes', JSON.stringify(selectedLocaleCodes));
-            }
+      });
+      setLocales(updatedLocales);
+    }
+  }, [code, config.localization, selectedLocalesFromProps]);
+  const {
+    id: originalDocID,
+    collectionSlug,
+    globalSlug,
+    isTrashed
+  } = useDocumentInfo();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    collectionConfig,
+    globalConfig
+  } = useMemo(() => {
+    return {
+      collectionConfig: getEntityConfig({
+        collectionSlug
+      }),
+      globalConfig: getEntityConfig({
+        globalSlug
+      })
+    };
+  }, [collectionSlug, globalSlug, getEntityConfig]);
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp);
+  const updateSearchParams = useCallback(args => {
+    // If the selected comparison doc or locales change, update URL params so that version page
+    // This is so that RSC can update the version comparison state
+    const current = new URLSearchParams(Array.from(searchParams.entries()));
+    if (args?.versionFromID) {
+      current.set('versionFrom', args?.versionFromID);
+    }
+    if (args?.selectedLocales) {
+      if (!args.selectedLocales.length) {
+        current.delete('localeCodes');
+      } else {
+        const selectedLocaleCodes = [];
+        for (const locale_0 of args.selectedLocales) {
+          if (locale_0.selected) {
+            selectedLocaleCodes.push(locale_0.name);
+          }
         }
-        if (args?.modifiedOnly === false) {
-            current.set('modifiedOnly', 'false');
-        } else if (args?.modifiedOnly === true) {
-            current.delete('modifiedOnly');
-        }
-        const search = current.toString();
-        const query = search ? `?${search}` : '';
-        startRouteTransition(()=>router.push(`${pathname}${query}`));
-    }, [
-        pathname,
-        router,
-        searchParams,
-        startRouteTransition
-    ]);
-    const onToggleModifiedOnly = useCallback((event)=>{
-        const newModified = event.target.checked;
-        setModifiedOnly(newModified);
-        updateSearchParams({
-            modifiedOnly: newModified
-        });
-    }, [
-        updateSearchParams
-    ]);
-    const onChangeSelectedLocales = useCallback(({ locales })=>{
-        setLocales(locales);
-        updateSearchParams({
-            selectedLocales: locales
-        });
-    }, [
-        updateSearchParams
-    ]);
-    const onChangeVersionFrom = useCallback((val)=>{
-        updateSearchParams({
-            versionFromID: val.value
-        });
-    }, [
-        updateSearchParams
-    ]);
-    const { localization } = config;
-    const versionToTimeAgo = useMemo(()=>t('version:versionAgo', {
-            distance: formatTimeToNow({
-                date: versionToCreatedAt,
-                i18n
-            })
-        }), [
-        versionToCreatedAt,
-        i18n,
-        t
-    ]);
-    const versionFromTimeAgo = useMemo(()=>versionFromCreatedAt ? t('version:versionAgo', {
-            distance: formatTimeToNow({
-                date: versionFromCreatedAt,
-                i18n
+        current.set('localeCodes', JSON.stringify(selectedLocaleCodes));
+      }
+    }
+    if (args?.modifiedOnly === false) {
+      current.set('modifiedOnly', 'false');
+    } else if (args?.modifiedOnly === true) {
+      current.delete('modifiedOnly');
+    }
+    const search = current.toString();
+    const query = search ? `?${search}` : '';
+    startRouteTransition(() => router.push(`${pathname}${query}`));
+  }, [pathname, router, searchParams, startRouteTransition]);
+  const onToggleModifiedOnly = useCallback(event => {
+    const newModified = event.target.checked;
+    setModifiedOnly(newModified);
+    updateSearchParams({
+      modifiedOnly: newModified
+    });
+  }, [updateSearchParams]);
+  const onChangeSelectedLocales = useCallback(({
+    locales: locales_0
+  }) => {
+    setLocales(locales_0);
+    updateSearchParams({
+      selectedLocales: locales_0
+    });
+  }, [updateSearchParams]);
+  const onChangeVersionFrom = useCallback(val => {
+    updateSearchParams({
+      versionFromID: val.value
+    });
+  }, [updateSearchParams]);
+  const {
+    localization
+  } = config;
+  const versionToTimeAgo = useMemo(() => t('version:versionAgo', {
+    distance: formatTimeToNow({
+      date: versionToCreatedAt,
+      i18n
+    })
+  }), [versionToCreatedAt, i18n, t]);
+  const versionFromTimeAgo = useMemo(() => versionFromCreatedAt ? t('version:versionAgo', {
+    distance: formatTimeToNow({
+      date: versionFromCreatedAt,
+      i18n
+    })
+  }) : undefined, [versionFromCreatedAt, i18n, t]);
+  return /*#__PURE__*/_jsxs("main", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}-controls-top`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}-controls-top__wrapper`,
+        children: [/*#__PURE__*/_jsx("h2", {
+          children: i18n.t('version:compareVersions')
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}-controls-top__wrapper-actions`,
+          children: [/*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__modifiedCheckBox`,
+            children: /*#__PURE__*/_jsx(CheckboxInput, {
+              checked: modifiedOnly,
+              id: 'modifiedOnly',
+              label: i18n.t('version:modifiedOnly'),
+              onToggle: onToggleModifiedOnly
             })
-        }) : undefined, [
-        versionFromCreatedAt,
-        i18n,
-        t
-    ]);
-    return /*#__PURE__*/ _jsxDEV("main", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV(Gutter, {
-                className: `${baseClass}-controls-top`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}-controls-top__wrapper`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("h2", {
-                                children: i18n.t('version:compareVersions')
-                            }, void 0, false, {
-                                fileName: "src/views/Version/Default/index.tsx",
-                                lineNumber: 186,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}-controls-top__wrapper-actions`,
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV("span", {
-                                        className: `${baseClass}__modifiedCheckBox`,
-                                        children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
-                                            checked: modifiedOnly,
-                                            id: 'modifiedOnly',
-                                            label: i18n.t('version:modifiedOnly'),
-                                            onToggle: onToggleModifiedOnly
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 189,
-                                            columnNumber: 15
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/views/Version/Default/index.tsx",
-                                        lineNumber: 188,
-                                        columnNumber: 13
-                                    }, this),
-                                    localization && /*#__PURE__*/ _jsxDEV(Pill, {
-                                        "aria-controls": `${baseClass}-locales`,
-                                        "aria-expanded": localeSelectorOpen,
-                                        className: `${baseClass}__toggle-locales`,
-                                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                                            direction: localeSelectorOpen ? 'up' : 'down'
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 201,
-                                            columnNumber: 23
-                                        }, void 0),
-                                        onClick: ()=>setLocaleSelectorOpen((localeSelectorOpen)=>!localeSelectorOpen),
-                                        pillStyle: "light",
-                                        size: "small",
-                                        children: [
-                                            /*#__PURE__*/ _jsxDEV("span", {
-                                                className: `${baseClass}__toggle-locales-label`,
-                                                children: [
-                                                    t('general:locales'),
-                                                    ":",
-                                                    ' '
-                                                ]
-                                            }, void 0, true, {
-                                                fileName: "src/views/Version/Default/index.tsx",
-                                                lineNumber: 206,
-                                                columnNumber: 17
-                                            }, this),
-                                            /*#__PURE__*/ _jsxDEV("span", {
-                                                className: `${baseClass}__toggle-locales-list`,
-                                                children: locales.filter((locale)=>locale.selected).map((locale)=>locale.name).join(', ')
-                                            }, void 0, false, {
-                                                fileName: "src/views/Version/Default/index.tsx",
-                                                lineNumber: 209,
-                                                columnNumber: 17
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/views/Version/Default/index.tsx",
-                                        lineNumber: 197,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/views/Version/Default/index.tsx",
-                                lineNumber: 187,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/Version/Default/index.tsx",
-                        lineNumber: 185,
-                        columnNumber: 9
-                    }, this),
-                    localization && /*#__PURE__*/ _jsxDEV(SelectLocales, {
-                        locales: locales,
-                        localeSelectorOpen: localeSelectorOpen,
-                        onChange: onChangeSelectedLocales
-                    }, void 0, false, {
-                        fileName: "src/views/Version/Default/index.tsx",
-                        lineNumber: 221,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/views/Version/Default/index.tsx",
-                lineNumber: 184,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(Gutter, {
-                className: `${baseClass}-controls-bottom`,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}-controls-bottom__wrapper`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__version-from`,
-                            children: [
-                                /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__version-from-labels`,
-                                    children: [
-                                        /*#__PURE__*/ _jsxDEV("span", {
-                                            children: t('version:comparingAgainst')
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 232,
-                                            columnNumber: 15
-                                        }, this),
-                                        versionFromTimeAgo && /*#__PURE__*/ _jsxDEV("span", {
-                                            className: `${baseClass}__time-elapsed`,
-                                            children: versionFromTimeAgo
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 234,
-                                            columnNumber: 17
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/views/Version/Default/index.tsx",
-                                    lineNumber: 231,
-                                    columnNumber: 13
-                                }, this),
-                                /*#__PURE__*/ _jsxDEV(SelectComparison, {
-                                    collectionSlug: collectionSlug,
-                                    docID: originalDocID,
-                                    globalSlug: globalSlug,
-                                    onChange: onChangeVersionFrom,
-                                    versionFromID: versionFromID,
-                                    versionFromOptions: versionFromOptions
-                                }, void 0, false, {
-                                    fileName: "src/views/Version/Default/index.tsx",
-                                    lineNumber: 237,
-                                    columnNumber: 13
-                                }, this)
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/views/Version/Default/index.tsx",
-                            lineNumber: 230,
-                            columnNumber: 11
-                        }, this),
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__version-to`,
-                            children: [
-                                /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__version-to-labels`,
-                                    children: [
-                                        /*#__PURE__*/ _jsxDEV("span", {
-                                            children: t('version:currentlyViewing')
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 249,
-                                            columnNumber: 15
-                                        }, this),
-                                        /*#__PURE__*/ _jsxDEV("span", {
-                                            className: `${baseClass}__time-elapsed`,
-                                            children: versionToTimeAgo
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 250,
-                                            columnNumber: 15
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/views/Version/Default/index.tsx",
-                                    lineNumber: 248,
-                                    columnNumber: 13
-                                }, this),
-                                /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__version-to-version`,
-                                    children: [
-                                        VersionToCreatedAtLabel,
-                                        canUpdate && !isTrashed && /*#__PURE__*/ _jsxDEV(Restore, {
-                                            className: `${baseClass}__restore`,
-                                            collectionConfig: collectionConfig,
-                                            globalConfig: globalConfig,
-                                            label: collectionConfig?.labels.singular || globalConfig?.label,
-                                            originalDocID: originalDocID,
-                                            status: versionToStatus,
-                                            versionDateFormatted: versionToCreatedAtFormatted,
-                                            versionID: versionToID
-                                        }, void 0, false, {
-                                            fileName: "src/views/Version/Default/index.tsx",
-                                            lineNumber: 255,
-                                            columnNumber: 17
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/views/Version/Default/index.tsx",
-                                    lineNumber: 252,
-                                    columnNumber: 13
-                                }, this)
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/views/Version/Default/index.tsx",
-                            lineNumber: 247,
-                            columnNumber: 11
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/views/Version/Default/index.tsx",
-                    lineNumber: 229,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/views/Version/Default/index.tsx",
-                lineNumber: 228,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(SetStepNav, {
-                collectionConfig: collectionConfig,
-                globalConfig: globalConfig,
-                id: originalDocID,
-                isTrashed: isTrashed,
-                versionToCreatedAtFormatted: versionToCreatedAtFormatted,
-                versionToID: versionToID
-            }, void 0, false, {
-                fileName: "src/views/Version/Default/index.tsx",
-                lineNumber: 270,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(Gutter, {
-                className: `${baseClass}__diff-wrap`,
-                children: /*#__PURE__*/ _jsxDEV(SelectedLocalesContext, {
-                    value: {
-                        selectedLocales: locales.map((locale)=>locale.name)
-                    },
-                    children: versionToCreatedAt && RenderedDiff
-                }, void 0, false, {
-                    fileName: "src/views/Version/Default/index.tsx",
-                    lineNumber: 279,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/views/Version/Default/index.tsx",
-                lineNumber: 278,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/Version/Default/index.tsx",
-        lineNumber: 183,
-        columnNumber: 5
-    }, this);
+          }), localization && /*#__PURE__*/_jsxs(Pill, {
+            "aria-controls": `${baseClass}-locales`,
+            "aria-expanded": localeSelectorOpen,
+            className: `${baseClass}__toggle-locales`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: localeSelectorOpen ? 'up' : 'down'
+            }),
+            onClick: () => setLocaleSelectorOpen(localeSelectorOpen_0 => !localeSelectorOpen_0),
+            pillStyle: "light",
+            size: "small",
+            children: [/*#__PURE__*/_jsxs("span", {
+              className: `${baseClass}__toggle-locales-label`,
+              children: [t('general:locales'), ":", ' ']
+            }), /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__toggle-locales-list`,
+              children: locales.filter(locale_1 => locale_1.selected).map(locale_2 => locale_2.name).join(', ')
+            })]
+          })]
+        })]
+      }), localization && /*#__PURE__*/_jsx(SelectLocales, {
+        locales: locales,
+        localeSelectorOpen: localeSelectorOpen,
+        onChange: onChangeSelectedLocales
+      })]
+    }), /*#__PURE__*/_jsx(Gutter, {
+      className: `${baseClass}-controls-bottom`,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}-controls-bottom__wrapper`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__version-from`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__version-from-labels`,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: t('version:comparingAgainst')
+            }), versionFromTimeAgo && /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__time-elapsed`,
+              children: versionFromTimeAgo
+            })]
+          }), /*#__PURE__*/_jsx(SelectComparison, {
+            collectionSlug: collectionSlug,
+            docID: originalDocID,
+            globalSlug: globalSlug,
+            onChange: onChangeVersionFrom,
+            versionFromID: versionFromID,
+            versionFromOptions: versionFromOptions
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__version-to`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__version-to-labels`,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: t('version:currentlyViewing')
+            }), /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__time-elapsed`,
+              children: versionToTimeAgo
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__version-to-version`,
+            children: [VersionToCreatedAtLabel, canUpdate && !isTrashed && /*#__PURE__*/_jsx(Restore, {
+              className: `${baseClass}__restore`,
+              collectionConfig: collectionConfig,
+              globalConfig: globalConfig,
+              label: collectionConfig?.labels.singular || globalConfig?.label,
+              originalDocID: originalDocID,
+              status: versionToStatus,
+              versionDateFormatted: versionToCreatedAtFormatted,
+              versionID: versionToID
+            })]
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(SetStepNav, {
+      collectionConfig: collectionConfig,
+      globalConfig: globalConfig,
+      id: originalDocID,
+      isTrashed: isTrashed,
+      versionToCreatedAtFormatted: versionToCreatedAtFormatted,
+      versionToID: versionToID
+    }), /*#__PURE__*/_jsx(Gutter, {
+      className: `${baseClass}__diff-wrap`,
+      children: /*#__PURE__*/_jsx(SelectedLocalesContext, {
+        value: {
+          selectedLocales: locales.map(locale_3 => locale_3.name)
+        },
+        children: versionToCreatedAt && RenderedDiff
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map