@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1,5 +1,6 @@
 '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';
@@ -19,21 +20,23 @@ import { SelectLocales } from '../SelectLocales/index.js';
 import { SelectedLocalesContext } from './SelectedLocalesContext.js';
 import { SetStepNav } from './SetStepNav.js';
 const baseClass = 'view-version';
-export const DefaultVersionView = ({
-  branch,
-  canUpdate,
-  modifiedOnly: modifiedOnlyProp,
-  RenderedDiff,
-  selectedLocales: selectedLocalesFromProps,
-  versionFromCreatedAt,
-  versionFromID,
-  versionFromOptions,
-  versionToCreatedAt,
-  versionToCreatedAtFormatted,
-  VersionToCreatedAtLabel,
-  versionToID,
-  versionToStatus
-}) => {
+export const DefaultVersionView = t0 => {
+  const $ = _c(62);
+  const {
+    branch,
+    canUpdate,
+    modifiedOnly: modifiedOnlyProp,
+    RenderedDiff,
+    selectedLocales: selectedLocalesFromProps,
+    versionFromCreatedAt,
+    versionFromID,
+    versionFromOptions,
+    versionToCreatedAt,
+    versionToCreatedAtFormatted,
+    VersionToCreatedAtLabel,
+    versionToID,
+    versionToStatus
+  } = t0;
   const {
     config,
     getEntityConfig
@@ -44,23 +47,44 @@ export const DefaultVersionView = ({
     i18n,
     t
   } = useTranslation();
-  const [locales, setLocales] = useState([]);
-  useEffect(() => {
-    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);
-    }
-  }, [code, config.localization, selectedLocalesFromProps]);
+  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,
@@ -70,184 +94,302 @@ export const DefaultVersionView = ({
   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
-  } = useMemo(() => {
-    return {
-      collectionConfig: getEntityConfig({
-        collectionSlug
-      }),
-      globalConfig: getEntityConfig({
-        globalSlug
-      })
-    };
-  }, [collectionSlug, globalSlug, getEntityConfig]);
+  } = t6;
   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_1 of args.selectedLocales) {
-          if (locale_1.selected) {
-            selectedLocaleCodes.push(locale_1.name);
+  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));
         }
-        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]);
+      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;
-  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__*/_jsx(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
-            })
-          }), localization && /*#__PURE__*/_jsx(SelectLocales, {
-            locales: locales,
-            onChange: onChangeSelectedLocales
-          })]
-        })]
+  let t11;
+  if ($[26] !== i18n || $[27] !== t || $[28] !== versionToCreatedAt) {
+    t11 = t("version:versionAgo", {
+      distance: formatTimeToNow({
+        date: versionToCreatedAt,
+        i18n
       })
-    }), /*#__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')
-            }), /*#__PURE__*/_jsxs("span", {
-              className: `${baseClass}__label-meta`,
-              children: [versionFromTimeAgo && /*#__PURE__*/_jsx("span", {
-                className: `${baseClass}__time-elapsed`,
-                children: versionFromTimeAgo
-              }), /*#__PURE__*/_jsx(BranchCell, {
-                branch: branch?.from
-              })]
+    });
+    $[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] !== branch?.from || $[37] !== branch?.to || $[38] !== canUpdate || $[39] !== collectionConfig || $[40] !== collectionSlug || $[41] !== globalConfig || $[42] !== globalSlug || $[43] !== i18n || $[44] !== isTrashed || $[45] !== locales || $[46] !== localization || $[47] !== modifiedOnly || $[48] !== onChangeSelectedLocales || $[49] !== onChangeVersionFrom || $[50] !== onToggleModifiedOnly || $[51] !== originalDocID || $[52] !== t || $[53] !== versionFromID || $[54] !== versionFromOptions || $[55] !== versionFromTimeAgo || $[56] !== versionToCreatedAt || $[57] !== versionToCreatedAtFormatted || $[58] !== versionToID || $[59] !== versionToStatus || $[60] !== 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
             })]
-          }), /*#__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__*/_jsxs("span", {
-              className: `${baseClass}__label-meta`,
-              children: [/*#__PURE__*/_jsx("span", {
-                className: `${baseClass}__time-elapsed`,
-                children: versionToTimeAgo
-              }), /*#__PURE__*/_jsx(BranchCell, {
-                branch: branch?.to
+        })
+      }), _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")
+              }), _jsxs("span", {
+                className: `${baseClass}__label-meta`,
+                children: [versionFromTimeAgo && _jsx("span", {
+                  className: `${baseClass}__time-elapsed`,
+                  children: versionFromTimeAgo
+                }), _jsx(BranchCell, {
+                  branch: branch?.from
+                })]
               })]
+            }), _jsx(SelectComparison, {
+              collectionSlug,
+              docID: originalDocID,
+              globalSlug,
+              onChange: onChangeVersionFrom,
+              versionFromID,
+              versionFromOptions
             })]
-          }), /*#__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
+          }), _jsxs("div", {
+            className: `${baseClass}__version-to`,
+            children: [_jsxs("div", {
+              className: `${baseClass}__version-to-labels`,
+              children: [_jsx("span", {
+                children: t("version:currentlyViewing")
+              }), _jsxs("span", {
+                className: `${baseClass}__label-meta`,
+                children: [_jsx("span", {
+                  className: `${baseClass}__time-elapsed`,
+                  children: versionToTimeAgo
+                }), _jsx(BranchCell, {
+                  branch: branch?.to
+                })]
+              })]
+            }), _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
+              })]
             })]
           })]
-        })]
-      })
-    }), /*#__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_2 => locale_2.name)
-        },
-        children: versionToCreatedAt && RenderedDiff
-      })
-    })]
-  });
+        })
+      }), _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] = branch?.from;
+    $[37] = branch?.to;
+    $[38] = canUpdate;
+    $[39] = collectionConfig;
+    $[40] = collectionSlug;
+    $[41] = globalConfig;
+    $[42] = globalSlug;
+    $[43] = i18n;
+    $[44] = isTrashed;
+    $[45] = locales;
+    $[46] = localization;
+    $[47] = modifiedOnly;
+    $[48] = onChangeSelectedLocales;
+    $[49] = onChangeVersionFrom;
+    $[50] = onToggleModifiedOnly;
+    $[51] = originalDocID;
+    $[52] = t;
+    $[53] = versionFromID;
+    $[54] = versionFromOptions;
+    $[55] = versionFromTimeAgo;
+    $[56] = versionToCreatedAt;
+    $[57] = versionToCreatedAtFormatted;
+    $[58] = versionToID;
+    $[59] = versionToStatus;
+    $[60] = versionToTimeAgo;
+    $[61] = t13;
+  } else {
+    t13 = $[61];
+  }
+  return t13;
 };
+function _temp(locale_2) {
+  return locale_2.name;
+}
 //# sourceMappingURL=index.js.map