@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

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

@@ -0,0 +1,223 @@
+@layer payload-default {
+  .view-version {
+    width: 100%;
+    padding-bottom: var(--spacing-view-bottom);
+  }
+
+  .view-version__toggle-locales-label {
+    color: var(--color-text-secondary);
+  }
+
+  .view-version-controls-top {
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    padding: var(--spacer-2) var(--gutter-h);
+  }
+
+  .view-version-controls-top__wrapper {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .view-version-controls-top__wrapper-actions {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--spacer-4);
+  }
+
+  .view-version-controls-top h2 {
+    color: var(--color-text);
+    font-size: var(--text-body-large-bold-font-size);
+    font-style: normal;
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
+    letter-spacing: var(--text-body-large-bold-letter-spacing);
+  }
+
+  .view-version-controls-bottom {
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    padding: var(--spacer-2-5) var(--gutter-h);
+    position: relative;
+
+    /* Vertical separator line */
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: var(--stroke-width-small);
+      background-color: var(--color-border);
+      transform: translateX(-50%);
+    }
+  }
+
+  .view-version-controls-bottom__wrapper {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacer-4);
+  }
+
+  .view-version__time-elapsed {
+    color: var(--color-text-secondary);
+    font-weight: var(--text-body-medium-font-weight);
+  }
+
+  .view-version__version-from,
+  .view-version__version-to {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  .view-version__version-from-labels,
+  .view-version__version-to-labels {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    color: var(--color-text);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-style: normal;
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+  }
+
+  .view-version__version-to-version {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    padding: var(--spacer-1) var(--spacer-2);
+    gap: var(--spacer-2);
+  }
+
+  .view-version__version-to-version h2 {
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text-secondary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .view-version__restore div {
+    margin-block: 0;
+  }
+
+  .view-version__modifiedCheckBox {
+    margin: 0 0 0 var(--spacer-4);
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    color: var(--color-text);
+    text-overflow: ellipsis;
+    font-size: var(--text-body-medium-font-size);
+    font-style: normal;
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+  }
+
+  .view-version__modifiedCheckBox label.field-label {
+    font-weight: var(--text-body-medium-font-weight);
+  }
+
+  .compare-version .rs__control {
+    padding: var(--spacer-2);
+  }
+
+  .view-version__diff-wrap {
+    padding: var(--spacer-3) var(--gutter-h);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+    position: relative;
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+
+    /* Vertical separator line */
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 50%;
+      width: var(--stroke-width-small);
+      background-color: var(--color-border);
+      transform: translateX(-50%);
+      z-index: 2;
+    }
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+  @media (max-width: 1024px) {
+    .view-version__version-to-version {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+  @media (max-width: 768px) {
+    .view-version {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .view-version__version-to-version {
+      flex-direction: row;
+      align-items: center;
+    }
+
+    /* Reorder: controls-bottom first, controls-top (checkbox) second, diff last */
+    .view-version-controls-bottom {
+      order: 1;
+      padding-inline: var(--spacer-3);
+
+      /* Hide vertical separator on mobile */
+      &::after {
+        display: none;
+      }
+    }
+
+    .view-version-controls-top {
+      order: 2;
+    }
+
+    .view-version__diff-wrap {
+      order: 3;
+
+      /* Hide vertical separator on mobile */
+      &::after {
+        display: none;
+      }
+    }
+
+    /* Hide title on mobile */
+    .view-version-controls-top h2 {
+      display: none;
+    }
+
+    /* Checkbox: remove left margin */
+    .view-version-controls-top__wrapper .view-version__modifiedCheckBox {
+      margin-left: 0;
+    }
+
+    .view-version-controls-top__wrapper-actions {
+      width: 100%;
+      justify-content: space-between;
+    }
+
+    /* Single column for version selectors */
+    .view-version-controls-bottom__wrapper {
+      grid-template-columns: 1fr;
+      gap: var(--spacer-3);
+    }
+  }
+}

package/dist/views/Version/Default/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DefaultVersionsViewProps } from './types.js';
+import './index.css';
+export declare const DefaultVersionView: React.FC<DefaultVersionsViewProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/Default/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2E,MAAM,OAAO,CAAA;AAG/F,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAYzE,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmOjE,CAAA"}

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

@@ -0,0 +1,381 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Gutter } from '../../../elements/Gutter/index.js';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js';
+import { Restore } from '../Restore/index.js';
+import './index.css';
+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 = t0 => {
+  const $ = _c(60);
+  const {
+    canUpdate,
+    modifiedOnly: modifiedOnlyProp,
+    RenderedDiff,
+    selectedLocales: selectedLocalesFromProps,
+    versionFromCreatedAt,
+    versionFromID,
+    versionFromOptions,
+    versionToCreatedAt,
+    versionToCreatedAtFormatted,
+    VersionToCreatedAtLabel,
+    versionToID,
+    versionToStatus
+  } = t0;
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const locale = useLocale();
+  const code = locale?.code;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [locales, setLocales] = useState(t1);
+  let t2;
+  let t3;
+  if ($[1] !== code || $[2] !== config.localization || $[3] !== selectedLocalesFromProps) {
+    t2 = () => {
+      if (config.localization) {
+        const updatedLocales = config.localization.locales.map(locale_0 => {
+          let label = locale_0.label;
+          if (typeof locale_0.label !== "string" && locale_0.label[code]) {
+            label = locale_0.label[code];
+          }
+          return {
+            name: locale_0.code,
+            Label: label,
+            selected: selectedLocalesFromProps.includes(locale_0.code)
+          };
+        });
+        setLocales(updatedLocales);
+      }
+    };
+    t3 = [code, config.localization, selectedLocalesFromProps];
+    $[1] = code;
+    $[2] = config.localization;
+    $[3] = selectedLocalesFromProps;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+  const {
+    id: originalDocID,
+    collectionSlug,
+    globalSlug,
+    isTrashed
+  } = useDocumentInfo();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  let t4;
+  if ($[6] !== collectionSlug || $[7] !== getEntityConfig) {
+    t4 = getEntityConfig({
+      collectionSlug
+    });
+    $[6] = collectionSlug;
+    $[7] = getEntityConfig;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== getEntityConfig || $[10] !== globalSlug) {
+    t5 = getEntityConfig({
+      globalSlug
+    });
+    $[9] = getEntityConfig;
+    $[10] = globalSlug;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t4 || $[13] !== t5) {
+    t6 = {
+      collectionConfig: t4,
+      globalConfig: t5
+    };
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const {
+    collectionConfig,
+    globalConfig
+  } = t6;
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp);
+  let t7;
+  if ($[15] !== pathname || $[16] !== router || $[17] !== searchParams || $[18] !== startRouteTransition) {
+    t7 = args => {
+      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_1 of args.selectedLocales) {
+            if (locale_1.selected) {
+              selectedLocaleCodes.push(locale_1.name);
+            }
+          }
+          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}`));
+    };
+    $[15] = pathname;
+    $[16] = router;
+    $[17] = searchParams;
+    $[18] = startRouteTransition;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const updateSearchParams = t7;
+  let t8;
+  if ($[20] !== updateSearchParams) {
+    t8 = event => {
+      const newModified = event.target.checked;
+      setModifiedOnly(newModified);
+      updateSearchParams({
+        modifiedOnly: newModified
+      });
+    };
+    $[20] = updateSearchParams;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  const onToggleModifiedOnly = t8;
+  let t9;
+  if ($[22] !== updateSearchParams) {
+    t9 = t10 => {
+      const {
+        locales: locales_0
+      } = t10;
+      setLocales(locales_0);
+      updateSearchParams({
+        selectedLocales: locales_0
+      });
+    };
+    $[22] = updateSearchParams;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  const onChangeSelectedLocales = t9;
+  let t10;
+  if ($[24] !== updateSearchParams) {
+    t10 = val => {
+      updateSearchParams({
+        versionFromID: val.value
+      });
+    };
+    $[24] = updateSearchParams;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  const onChangeVersionFrom = t10;
+  const {
+    localization
+  } = config;
+  let t11;
+  if ($[26] !== i18n || $[27] !== t || $[28] !== versionToCreatedAt) {
+    t11 = t("version:versionAgo", {
+      distance: formatTimeToNow({
+        date: versionToCreatedAt,
+        i18n
+      })
+    });
+    $[26] = i18n;
+    $[27] = t;
+    $[28] = versionToCreatedAt;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  const versionToTimeAgo = t11;
+  let t12;
+  if ($[30] !== i18n || $[31] !== t || $[32] !== versionFromCreatedAt) {
+    t12 = versionFromCreatedAt ? t("version:versionAgo", {
+      distance: formatTimeToNow({
+        date: versionFromCreatedAt,
+        i18n
+      })
+    }) : undefined;
+    $[30] = i18n;
+    $[31] = t;
+    $[32] = versionFromCreatedAt;
+    $[33] = t12;
+  } else {
+    t12 = $[33];
+  }
+  const versionFromTimeAgo = t12;
+  let t13;
+  if ($[34] !== RenderedDiff || $[35] !== VersionToCreatedAtLabel || $[36] !== canUpdate || $[37] !== collectionConfig || $[38] !== collectionSlug || $[39] !== globalConfig || $[40] !== globalSlug || $[41] !== i18n || $[42] !== isTrashed || $[43] !== locales || $[44] !== localization || $[45] !== modifiedOnly || $[46] !== onChangeSelectedLocales || $[47] !== onChangeVersionFrom || $[48] !== onToggleModifiedOnly || $[49] !== originalDocID || $[50] !== t || $[51] !== versionFromID || $[52] !== versionFromOptions || $[53] !== versionFromTimeAgo || $[54] !== versionToCreatedAt || $[55] !== versionToCreatedAtFormatted || $[56] !== versionToID || $[57] !== versionToStatus || $[58] !== versionToTimeAgo) {
+    t13 = _jsxs("main", {
+      className: baseClass,
+      children: [_jsx(Gutter, {
+        className: `${baseClass}-controls-top`,
+        children: _jsxs("div", {
+          className: `${baseClass}-controls-top__wrapper`,
+          children: [_jsx("h2", {
+            children: i18n.t("version:compareVersions")
+          }), _jsxs("div", {
+            className: `${baseClass}-controls-top__wrapper-actions`,
+            children: [_jsx("span", {
+              className: `${baseClass}__modifiedCheckBox`,
+              children: _jsx(CheckboxInput, {
+                checked: modifiedOnly,
+                id: "modifiedOnly",
+                label: i18n.t("version:modifiedOnly"),
+                onToggle: onToggleModifiedOnly
+              })
+            }), localization && _jsx(SelectLocales, {
+              locales,
+              onChange: onChangeSelectedLocales
+            })]
+          })]
+        })
+      }), _jsx(Gutter, {
+        className: `${baseClass}-controls-bottom`,
+        children: _jsxs("div", {
+          className: `${baseClass}-controls-bottom__wrapper`,
+          children: [_jsxs("div", {
+            className: `${baseClass}__version-from`,
+            children: [_jsxs("div", {
+              className: `${baseClass}__version-from-labels`,
+              children: [_jsx("span", {
+                children: t("version:comparingAgainst")
+              }), versionFromTimeAgo && _jsx("span", {
+                className: `${baseClass}__time-elapsed`,
+                children: versionFromTimeAgo
+              })]
+            }), _jsx(SelectComparison, {
+              collectionSlug,
+              docID: originalDocID,
+              globalSlug,
+              onChange: onChangeVersionFrom,
+              versionFromID,
+              versionFromOptions
+            })]
+          }), _jsxs("div", {
+            className: `${baseClass}__version-to`,
+            children: [_jsxs("div", {
+              className: `${baseClass}__version-to-labels`,
+              children: [_jsx("span", {
+                children: t("version:currentlyViewing")
+              }), _jsx("span", {
+                className: `${baseClass}__time-elapsed`,
+                children: versionToTimeAgo
+              })]
+            }), _jsxs("div", {
+              className: `${baseClass}__version-to-version`,
+              children: [VersionToCreatedAtLabel, canUpdate && !isTrashed && _jsx(Restore, {
+                className: `${baseClass}__restore`,
+                collectionConfig,
+                globalConfig,
+                label: collectionConfig?.labels.singular || globalConfig?.label,
+                originalDocID,
+                status: versionToStatus,
+                versionDateFormatted: versionToCreatedAtFormatted,
+                versionID: versionToID
+              })]
+            })]
+          })]
+        })
+      }), _jsx(SetStepNav, {
+        collectionConfig,
+        globalConfig,
+        id: originalDocID,
+        isTrashed,
+        versionToCreatedAtFormatted,
+        versionToID
+      }), _jsx(Gutter, {
+        className: `${baseClass}__diff-wrap`,
+        children: _jsx(SelectedLocalesContext, {
+          value: {
+            selectedLocales: locales.map(_temp)
+          },
+          children: versionToCreatedAt && RenderedDiff
+        })
+      })]
+    });
+    $[34] = RenderedDiff;
+    $[35] = VersionToCreatedAtLabel;
+    $[36] = canUpdate;
+    $[37] = collectionConfig;
+    $[38] = collectionSlug;
+    $[39] = globalConfig;
+    $[40] = globalSlug;
+    $[41] = i18n;
+    $[42] = isTrashed;
+    $[43] = locales;
+    $[44] = localization;
+    $[45] = modifiedOnly;
+    $[46] = onChangeSelectedLocales;
+    $[47] = onChangeVersionFrom;
+    $[48] = onToggleModifiedOnly;
+    $[49] = originalDocID;
+    $[50] = t;
+    $[51] = versionFromID;
+    $[52] = versionFromOptions;
+    $[53] = versionFromTimeAgo;
+    $[54] = versionToCreatedAt;
+    $[55] = versionToCreatedAtFormatted;
+    $[56] = versionToID;
+    $[57] = versionToStatus;
+    $[58] = versionToTimeAgo;
+    $[59] = t13;
+  } else {
+    t13 = $[59];
+  }
+  return t13;
+};
+function _temp(locale_2) {
+  return locale_2.name;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useMemo","useState","Gutter","CheckboxInput","useConfig","useDocumentInfo","useLocale","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatTimeToNow","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","t0","$","canUpdate","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesFromProps","versionFromCreatedAt","versionFromID","versionFromOptions","versionToCreatedAt","versionToCreatedAtFormatted","VersionToCreatedAtLabel","versionToID","versionToStatus","config","getEntityConfig","locale","code","i18n","t","t1","Symbol","for","locales","setLocales","t2","t3","localization","updatedLocales","map","locale_0","label","name","Label","selected","includes","id","originalDocID","collectionSlug","globalSlug","isTrashed","startRouteTransition","t4","t5","t6","collectionConfig","globalConfig","router","pathname","searchParams","setModifiedOnly","t7","args","current","URLSearchParams","Array","from","entries","set","length","delete","selectedLocaleCodes","locale_1","push","JSON","stringify","search","toString","query","updateSearchParams","t8","event","newModified","target","checked","onToggleModifiedOnly","t9","t10","locales_0","onChangeSelectedLocales","val","value","onChangeVersionFrom","t11","distance","date","versionToTimeAgo","t12","undefined","versionFromTimeAgo","t13","_jsxs","className","children","_jsx","onToggle","onChange","docID","labels","singular","status","versionDateFormatted","versionID","_temp","locale_2"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { type FormEventHandler, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { usePathname, useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Restore } from '../Restore/index.js'\nimport './index.css'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { type SelectedLocaleOnChange, SelectLocales } from '../SelectLocales/index.js'\nimport { SelectedLocalesContext } from './SelectedLocalesContext.js'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  canUpdate,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesFromProps,\n  versionFromCreatedAt,\n  versionFromID,\n  versionFromOptions,\n  versionToCreatedAt,\n  versionToCreatedAtFormatted,\n  VersionToCreatedAtLabel,\n  versionToID,\n  versionToStatus,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const locale = useLocale()\n  const code = locale?.code\n  const { i18n, t } = useTranslation()\n\n  const [locales, setLocales] = useState<SelectablePill[]>([])\n\n  useEffect(() => {\n    if (config.localization) {\n      const updatedLocales = config.localization.locales.map((locale) => {\n        let label = locale.label\n        if (typeof locale.label !== 'string' && locale.label[code]) {\n          label = locale.label[code]\n        }\n\n        return {\n          name: locale.code,\n          Label: label,\n          selected: selectedLocalesFromProps.includes(locale.code),\n        } as SelectablePill\n      })\n      setLocales(updatedLocales)\n    }\n  }, [code, config.localization, selectedLocalesFromProps])\n\n  const { id: originalDocID, collectionSlug, globalSlug, isTrashed } = useDocumentInfo()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { collectionConfig, globalConfig } = useMemo(() => {\n    return {\n      collectionConfig: getEntityConfig({ collectionSlug }),\n      globalConfig: getEntityConfig({ globalSlug }),\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n\n  const updateSearchParams = useCallback(\n    (args: {\n      modifiedOnly?: boolean\n      selectedLocales?: SelectablePill[]\n      versionFromID?: string\n    }) => {\n      // If the selected comparison doc or locales change, update URL params so that version page\n      // This is so that RSC can update the version comparison state\n      const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n      if (args?.versionFromID) {\n        current.set('versionFrom', args?.versionFromID)\n      }\n\n      if (args?.selectedLocales) {\n        if (!args.selectedLocales.length) {\n          current.delete('localeCodes')\n        } else {\n          const selectedLocaleCodes: string[] = []\n          for (const locale of args.selectedLocales) {\n            if (locale.selected) {\n              selectedLocaleCodes.push(locale.name)\n            }\n          }\n          current.set('localeCodes', JSON.stringify(selectedLocaleCodes))\n        }\n      }\n\n      if (args?.modifiedOnly === false) {\n        current.set('modifiedOnly', 'false')\n      } else if (args?.modifiedOnly === true) {\n        current.delete('modifiedOnly')\n      }\n\n      const search = current.toString()\n      const query = search ? `?${search}` : ''\n\n      void startRouteTransition(() => router.push(`${pathname}${query}`))\n    },\n    [pathname, router, searchParams, startRouteTransition],\n  )\n\n  const onToggleModifiedOnly: FormEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      const newModified = (event.target as HTMLInputElement).checked\n      setModifiedOnly(newModified)\n      updateSearchParams({\n        modifiedOnly: newModified,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeSelectedLocales: SelectedLocaleOnChange = useCallback(\n    ({ locales }) => {\n      setLocales(locales)\n      updateSearchParams({\n        selectedLocales: locales,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const onChangeVersionFrom: (val: CompareOption) => void = useCallback(\n    (val) => {\n      updateSearchParams({\n        versionFromID: val.value,\n      })\n    },\n    [updateSearchParams],\n  )\n\n  const { localization } = config\n\n  const versionToTimeAgo = useMemo(\n    () =>\n      t('version:versionAgo', {\n        distance: formatTimeToNow({\n          date: versionToCreatedAt,\n          i18n,\n        }),\n      }),\n    [versionToCreatedAt, i18n, t],\n  )\n\n  const versionFromTimeAgo = useMemo(\n    () =>\n      versionFromCreatedAt\n        ? t('version:versionAgo', {\n            distance: formatTimeToNow({\n              date: versionFromCreatedAt,\n              i18n,\n            }),\n          })\n        : undefined,\n    [versionFromCreatedAt, i18n, t],\n  )\n\n  return (\n    <main className={baseClass}>\n      <Gutter className={`${baseClass}-controls-top`}>\n        <div className={`${baseClass}-controls-top__wrapper`}>\n          <h2>{i18n.t('version:compareVersions')}</h2>\n          <div className={`${baseClass}-controls-top__wrapper-actions`}>\n            <span className={`${baseClass}__modifiedCheckBox`}>\n              <CheckboxInput\n                checked={modifiedOnly}\n                id={'modifiedOnly'}\n                label={i18n.t('version:modifiedOnly')}\n                onToggle={onToggleModifiedOnly}\n              />\n            </span>\n            {localization && <SelectLocales locales={locales} onChange={onChangeSelectedLocales} />}\n          </div>\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}-controls-bottom`}>\n        <div className={`${baseClass}-controls-bottom__wrapper`}>\n          <div className={`${baseClass}__version-from`}>\n            <div className={`${baseClass}__version-from-labels`}>\n              <span>{t('version:comparingAgainst')}</span>\n              {versionFromTimeAgo && (\n                <span className={`${baseClass}__time-elapsed`}>{versionFromTimeAgo}</span>\n              )}\n            </div>\n            <SelectComparison\n              collectionSlug={collectionSlug}\n              docID={originalDocID}\n              globalSlug={globalSlug}\n              onChange={onChangeVersionFrom}\n              versionFromID={versionFromID}\n              versionFromOptions={versionFromOptions}\n            />\n          </div>\n\n          <div className={`${baseClass}__version-to`}>\n            <div className={`${baseClass}__version-to-labels`}>\n              <span>{t('version:currentlyViewing')}</span>\n              <span className={`${baseClass}__time-elapsed`}>{versionToTimeAgo}</span>\n            </div>\n            <div className={`${baseClass}__version-to-version`}>\n              {VersionToCreatedAtLabel}\n              {canUpdate && !isTrashed && (\n                <Restore\n                  className={`${baseClass}__restore`}\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  label={collectionConfig?.labels.singular || globalConfig?.label}\n                  originalDocID={originalDocID}\n                  status={versionToStatus}\n                  versionDateFormatted={versionToCreatedAtFormatted}\n                  versionID={versionToID}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </Gutter>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        globalConfig={globalConfig}\n        id={originalDocID}\n        isTrashed={isTrashed}\n        versionToCreatedAtFormatted={versionToCreatedAtFormatted}\n        versionToID={versionToID}\n      />\n      <Gutter className={`${baseClass}__diff-wrap`}>\n        <SelectedLocalesContext value={{ selectedLocales: locales.map((locale) => locale.name) }}>\n          {versionToCreatedAt && RenderedDiff}\n        </SelectedLocalesContext>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/Default/types.d.ts

@@ -0,0 +1,23 @@
+export type CompareOption = {
+    label: React.ReactNode | string;
+    value: string;
+};
+export type VersionPill = {
+    id: string;
+    Label: React.ReactNode;
+};
+export type DefaultVersionsViewProps = {
+    canUpdate: boolean;
+    modifiedOnly: boolean;
+    RenderedDiff: React.ReactNode;
+    selectedLocales: string[];
+    versionFromCreatedAt?: string;
+    versionFromID?: string;
+    versionFromOptions: CompareOption[];
+    versionToCreatedAt?: string;
+    versionToCreatedAtFormatted: string;
+    VersionToCreatedAtLabel: React.ReactNode;
+    versionToID?: string;
+    versionToStatus?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Version/Default/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,aAAa,EAAE,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,2BAA2B,EAAE,MAAM,CAAA;IACnC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map