@payloadcms/next 3.20.0-canary.75e9839 → 3.20.0-canary.9a14747

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAOzE,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2HjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAIzE,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0JjE,CAAA"}

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

@@ -1,32 +1,34 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui';
+import { CheckboxInput, Gutter, useConfig, useDocumentInfo, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
-import React, { useState } from 'react';
-import { diffComponents } from '../RenderFieldsToDiff/fields/index.js';
-import { RenderFieldsToDiff } from '../RenderFieldsToDiff/index.js';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
+import React, { useEffect, useMemo, useState } from 'react';
 import Restore from '../Restore/index.js';
 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(23);
-  const {
-    doc,
-    docPermissions,
-    initialComparisonDoc,
-    latestDraftVersion,
-    latestPublishedVersion,
-    localeOptions,
-    versionID
-  } = t0;
+export const DefaultVersionView = ({
+  canUpdate,
+  doc,
+  latestDraftVersion,
+  latestPublishedVersion,
+  modifiedOnly: modifiedOnlyProp,
+  RenderedDiff,
+  selectedLocales: selectedLocalesProp,
+  versionID
+}) => {
   const {
     config,
     getEntityConfig
   } = useConfig();
+  const availableLocales = useMemo(() => config.localization ? config.localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  })) : [], [config.localization]);
   const {
     i18n
   } = useTranslation();
@@ -35,180 +37,126 @@ export const DefaultVersionView = t0 => {
     collectionSlug,
     globalSlug
   } = useDocumentInfo();
-  let t1;
-  if ($[0] !== collectionSlug || $[1] !== getEntityConfig) {
-    t1 = () => getEntityConfig({
-      collectionSlug
-    });
-    $[0] = collectionSlug;
-    $[1] = getEntityConfig;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const [collectionConfig] = useState(t1);
-  let t2;
-  if ($[3] !== getEntityConfig || $[4] !== globalSlug) {
-    t2 = () => getEntityConfig({
-      globalSlug
-    });
-    $[3] = getEntityConfig;
-    $[4] = globalSlug;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const [globalConfig] = useState(t2);
-  const [locales, setLocales] = useState(localeOptions);
+  const [collectionConfig] = useState(() => getEntityConfig({
+    collectionSlug
+  }));
+  const [globalConfig] = useState(() => getEntityConfig({
+    globalSlug
+  }));
+  const [selectedLocales, setSelectedLocales] = useState(selectedLocalesProp);
   const [compareValue, setCompareValue] = useState();
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp);
+  function onToggleModifiedOnly() {
+    setModifiedOnly(!modifiedOnly);
+  }
+  useEffect(() => {
+    // If the selected comparison doc or locales change, update URL params so that version page RSC
+    // can update the version comparison state
+    const current = new URLSearchParams(Array.from(searchParams.entries()));
+    if (!compareValue) {
+      current.delete('compareValue');
+    } else {
+      current.set('compareValue', compareValue?.value);
+    }
+    if (!selectedLocales) {
+      current.delete('localeCodes');
+    } else {
+      current.set('localeCodes', JSON.stringify(selectedLocales.map(locale_0 => locale_0.value)));
+    }
+    if (!modifiedOnly) {
+      current.delete('modifiedOnly');
+    } else {
+      current.set('modifiedOnly', 'true');
+    }
+    const search = current.toString();
+    const query = search ? `?${search}` : '';
+    router.push(`${pathname}${query}`);
+  }, [compareValue, pathname, router, searchParams, selectedLocales, modifiedOnly]);
   const {
-    admin: t3,
+    admin: {
+      dateFormat
+    },
     localization,
-    routes: t4,
+    routes: {
+      api: apiRoute
+    },
     serverURL
   } = config;
-  const {
-    dateFormat
-  } = t3;
-  const {
-    api: apiRoute
-  } = t4;
   const versionCreatedAt = doc?.updatedAt ? formatDate({
     date: doc.updatedAt,
     i18n,
     pattern: dateFormat
-  }) : "";
-  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? "globals/" : ""}${collectionSlug || globalSlug}/versions`;
-  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`;
-  let t5;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = {
-      depth: 1,
-      draft: "true",
-      locale: "all"
-    };
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  let t6;
-  if ($[7] !== initialComparisonDoc) {
-    t6 = {
-      initialData: initialComparisonDoc,
-      initialParams: t5
-    };
-    $[7] = initialComparisonDoc;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  const [t7] = usePayloadAPI(compareFetchURL, t6);
-  const {
-    data: currentComparisonDoc
-  } = t7;
-  const comparison = compareValue?.value && currentComparisonDoc?.version;
-  const canUpdate = docPermissions?.update;
-  let t8;
-  if ($[9] !== locales) {
-    t8 = locales && locales.map(_temp);
-    $[9] = locales;
-    $[10] = t8;
-  } else {
-    t8 = $[10];
-  }
-  const localeValues = t8;
+  }) : '';
+  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
   const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts);
-  let t9;
-  if ($[11] !== localeOptions || $[12] !== locales || $[13] !== localization) {
-    t9 = localization && _jsx(SelectLocales, {
-      onChange: setLocales,
-      options: localeOptions,
-      value: locales
-    });
-    $[11] = localeOptions;
-    $[12] = locales;
-    $[13] = localization;
-    $[14] = t9;
-  } else {
-    t9 = $[14];
-  }
-  let t10;
-  if ($[15] !== collectionConfig || $[16] !== comparison || $[17] !== doc || $[18] !== docPermissions?.fields || $[19] !== globalConfig || $[20] !== i18n || $[21] !== localeValues) {
-    t10 = doc?.version && _jsx(RenderFieldsToDiff, {
-      comparison,
-      diffComponents,
-      fieldPermissions: docPermissions?.fields,
-      fields: (collectionConfig || globalConfig)?.fields,
-      i18n,
-      locales: localeValues,
-      version: globalConfig ? {
-        ...doc?.version,
-        createdAt: doc?.version?.createdAt || doc.createdAt,
-        updatedAt: doc?.version?.updatedAt || doc.updatedAt
-      } : doc?.version
-    });
-    $[15] = collectionConfig;
-    $[16] = comparison;
-    $[17] = doc;
-    $[18] = docPermissions?.fields;
-    $[19] = globalConfig;
-    $[20] = i18n;
-    $[21] = localeValues;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  return _jsxs("main", {
+  return /*#__PURE__*/_jsxs("main", {
     className: baseClass,
-    children: [_jsx(SetStepNav, {
-      collectionConfig,
-      collectionSlug,
-      doc,
+    children: [/*#__PURE__*/_jsx(SetStepNav, {
+      collectionConfig: collectionConfig,
+      collectionSlug: collectionSlug,
+      doc: doc,
       fields: (collectionConfig || globalConfig)?.fields,
-      globalConfig,
-      globalSlug,
-      id
-    }), _jsxs(Gutter, {
+      globalConfig: globalConfig,
+      globalSlug: globalSlug,
+      id: id
+    }), /*#__PURE__*/_jsxs(Gutter, {
       className: `${baseClass}__wrap`,
-      children: [_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__header-wrap`,
-        children: [_jsx("p", {
+        children: [/*#__PURE__*/_jsx("p", {
           className: `${baseClass}__created-at`,
-          children: i18n.t("version:versionCreatedOn", {
-            version: i18n.t(doc?.autosave ? "version:autosavedVersion" : "version:version")
+          children: i18n.t('version:versionCreatedOn', {
+            version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
           })
-        }), _jsxs("header", {
+        }), /*#__PURE__*/_jsxs("header", {
           className: `${baseClass}__header`,
-          children: [_jsx("h2", {
+          children: [/*#__PURE__*/_jsx("h2", {
             children: versionCreatedAt
-          }), canUpdate && _jsx(Restore, {
+          }), canUpdate && /*#__PURE__*/_jsx(Restore, {
             className: `${baseClass}__restore`,
-            collectionSlug,
-            globalSlug,
+            collectionSlug: collectionSlug,
+            globalSlug: globalSlug,
             label: collectionConfig?.labels.singular || globalConfig?.label,
             originalDocID: id,
             status: doc?.version?._status,
             versionDate: versionCreatedAt,
-            versionID
+            versionID: versionID
+          }), /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__modifiedCheckBox`,
+            children: /*#__PURE__*/_jsx(CheckboxInput, {
+              checked: modifiedOnly,
+              id: 'modifiedOnly',
+              label: i18n.t('version:modifiedOnly'),
+              onToggle: onToggleModifiedOnly
+            })
           })]
         })]
-      }), _jsxs("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__controls`,
-        children: [_jsx(SelectComparison, {
+        children: [/*#__PURE__*/_jsx(SelectComparison, {
           baseURL: compareBaseURL,
-          draftsEnabled,
-          latestDraftVersion,
-          latestPublishedVersion,
+          draftsEnabled: draftsEnabled,
+          latestDraftVersion: latestDraftVersion,
+          latestPublishedVersion: latestPublishedVersion,
           onChange: setCompareValue,
           parentID: id,
           value: compareValue,
-          versionID
-        }), t9]
-      }), t10]
+          versionID: versionID
+        }), localization && /*#__PURE__*/_jsx(SelectLocales, {
+          onChange: setSelectedLocales,
+          options: availableLocales,
+          value: selectedLocales
+        })]
+      }), /*#__PURE__*/_jsx(SelectedLocalesContext.Provider, {
+        value: {
+          selectedLocales: selectedLocales.map(locale_1 => locale_1.value)
+        },
+        children: doc?.version && RenderedDiff
+      })]
     })]
   });
 };
-function _temp(locale) {
-  return locale.value;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Gutter","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","t0","$","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","versionID","config","getEntityConfig","i18n","id","collectionSlug","globalSlug","t1","collectionConfig","t2","globalConfig","locales","setLocales","compareValue","setCompareValue","admin","t3","localization","routes","t4","serverURL","dateFormat","api","apiRoute","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","compareFetchURL","value","t5","Symbol","for","depth","draft","locale","t6","initialData","initialParams","t7","data","currentComparisonDoc","comparison","version","canUpdate","update","t8","map","_temp","localeValues","draftsEnabled","Boolean","versions","drafts","t9","_jsx","onChange","options","t10","fieldPermissions","fields","createdAt","_jsxs","className","children","t","autosave","label","labels","singular","originalDocID","status","_status","versionDate","baseURL","parentID"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport { Gutter, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport { diffComponents } from '../RenderFieldsToDiff/fields/index.js'\nimport { RenderFieldsToDiff } from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport './index.scss'\nimport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  localeOptions,\n  versionID,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: 'all' },\n  })\n\n  const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update\n\n  const localeValues = locales && locales.map((locale) => locale.value)\n\n  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts)\n\n  return (\n    <main className={baseClass}>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            draftsEnabled={draftsEnabled}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldPermissions={docPermissions?.fields}\n            fields={(collectionConfig || globalConfig)?.fields}\n            i18n={i18n}\n            locales={localeValues}\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CheckboxInput","Gutter","useConfig","useDocumentInfo","useTranslation","formatDate","usePathname","useRouter","useSearchParams","React","useEffect","useMemo","useState","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","doc","latestDraftVersion","latestPublishedVersion","modifiedOnly","modifiedOnlyProp","RenderedDiff","selectedLocales","selectedLocalesProp","versionID","config","getEntityConfig","availableLocales","localization","locales","map","locale","label","value","code","i18n","id","collectionSlug","globalSlug","collectionConfig","globalConfig","setSelectedLocales","compareValue","setCompareValue","router","pathname","searchParams","setModifiedOnly","onToggleModifiedOnly","current","URLSearchParams","Array","from","entries","delete","set","JSON","stringify","search","toString","query","push","admin","dateFormat","routes","api","apiRoute","serverURL","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","draftsEnabled","Boolean","versions","drafts","_jsxs","className","_jsx","fields","t","version","autosave","labels","singular","originalDocID","status","_status","versionDate","checked","onToggle","baseURL","onChange","parentID","options","Provider"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport { CheckboxInput, Gutter, useConfig, useDocumentInfo, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport './index.scss'\nimport { 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  doc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  modifiedOnly: modifiedOnlyProp,\n  RenderedDiff,\n  selectedLocales: selectedLocalesProp,\n  versionID,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const availableLocales = useMemo(\n    () =>\n      config.localization\n        ? config.localization.locales.map((locale) => ({\n            label: locale.label,\n            value: locale.code,\n          }))\n        : [],\n    [config.localization],\n  )\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const [globalConfig] = useState(() => getEntityConfig({ globalSlug }))\n\n  const [selectedLocales, setSelectedLocales] = useState<OptionObject[]>(selectedLocalesProp)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [modifiedOnly, setModifiedOnly] = useState(modifiedOnlyProp)\n  function onToggleModifiedOnly() {\n    setModifiedOnly(!modifiedOnly)\n  }\n\n  useEffect(() => {\n    // If the selected comparison doc or locales change, update URL params so that version page RSC\n    // can update the version comparison state\n    const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n    if (!compareValue) {\n      current.delete('compareValue')\n    } else {\n      current.set('compareValue', compareValue?.value)\n    }\n    if (!selectedLocales) {\n      current.delete('localeCodes')\n    } else {\n      current.set('localeCodes', JSON.stringify(selectedLocales.map((locale) => locale.value)))\n    }\n\n    if (!modifiedOnly) {\n      current.delete('modifiedOnly')\n    } else {\n      current.set('modifiedOnly', 'true')\n    }\n\n    const search = current.toString()\n    const query = search ? `?${search}` : ''\n    router.push(`${pathname}${query}`)\n  }, [compareValue, pathname, router, searchParams, selectedLocales, modifiedOnly])\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts)\n\n  return (\n    <main className={baseClass}>\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fields={(collectionConfig || globalConfig)?.fields}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                status={doc?.version?._status}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\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          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            draftsEnabled={draftsEnabled}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales\n              onChange={setSelectedLocales}\n              options={availableLocales}\n              value={selectedLocales}\n            />\n          )}\n        </div>\n        <SelectedLocalesContext.Provider\n          value={{ selectedLocales: selectedLocales.map((locale) => locale.value) }}\n        >\n          {doc?.version && RenderedDiff}\n        </SelectedLocalesContext.Provider>\n      </Gutter>\n    </main>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -46,6 +46,10 @@
       margin: 0 0 0 var(--base);
     }
 
+    &__modifiedCheckBox {
+      margin: 0 0 0 var(--base);
+    }
+
     @include mid-break {
       &__intro,
       &__header {
@@ -57,6 +61,7 @@
         gap: calc(var(--base) / 4);
       }
 
+
       &__restore {
         margin: calc(var(--base) * 0.5) 0 0 0;
       }

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

@@ -1,4 +1,4 @@
-import type { Document, OptionObject, SanitizedCollectionPermission, SanitizedGlobalPermission } from 'payload';
+import type { Document, OptionObject } from 'payload';
 export type CompareOption = {
     label: React.ReactNode | string;
     options?: CompareOption[];
@@ -6,12 +6,13 @@ export type CompareOption = {
     value: string;
 };
 export type DefaultVersionsViewProps = {
+    readonly canUpdate: boolean;
     readonly doc: Document;
-    readonly docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission;
-    readonly initialComparisonDoc: Document;
     readonly latestDraftVersion?: string;
     readonly latestPublishedVersion?: string;
-    readonly localeOptions: OptionObject[];
+    modifiedOnly: boolean;
+    readonly RenderedDiff: React.ReactNode;
+    readonly selectedLocales: OptionObject[];
     readonly versionID?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,6BAA6B,EAC7B,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,cAAc,EAAE,6BAA6B,GAAG,yBAAyB,CAAA;IAClF,QAAQ,CAAC,oBAAoB,EAAE,QAAQ,CAAA;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAErD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,YAAY,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type {\n  Document,\n  OptionObject,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly doc: Document\n  readonly docPermissions: SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly initialComparisonDoc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  readonly localeOptions: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AAcA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { Document, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: React.ReactNode | string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  readonly canUpdate: boolean\n  readonly doc: Document\n  readonly latestDraftVersion?: string\n  readonly latestPublishedVersion?: string\n  modifiedOnly: boolean\n  readonly RenderedDiff: React.ReactNode\n  readonly selectedLocales: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AASA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts

@@ -0,0 +1,7 @@
+import type { VersionField } from 'payload';
+import './index.scss';
+import React from 'react';
+export declare const RenderVersionFieldsToDiff: ({ versionFields, }: {
+    versionFields: VersionField[];
+}) => React.ReactNode;
+//# sourceMappingURL=RenderVersionFieldsToDiff.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderVersionFieldsToDiff.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,cAAc,CAAA;AAGrB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,yBAAyB,uBAEnC;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,KAAG,KAAK,CAAC,SAgDT,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js

@@ -0,0 +1,74 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const baseClass = 'render-field-diffs';
+import { ShimmerEffect } from '@payloadcms/ui';
+import React, { Fragment, useEffect } from 'react';
+export const RenderVersionFieldsToDiff = t0 => {
+  const $ = _c(5);
+  const {
+    versionFields
+  } = t0;
+  const [hasMounted, setHasMounted] = React.useState(false);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      setHasMounted(true);
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== hasMounted || $[3] !== versionFields) {
+    t3 = _jsx("div", {
+      className: baseClass,
+      children: !hasMounted ? _jsx(Fragment, {
+        children: _jsx(ShimmerEffect, {
+          height: "8rem",
+          width: "100%"
+        })
+      }) : versionFields?.map(_temp)
+    });
+    $[2] = hasMounted;
+    $[3] = versionFields;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+};
+function _temp(field, fieldIndex) {
+  if (field.fieldByLocale) {
+    const LocaleComponents = [];
+    for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {
+      LocaleComponents.push(_jsx("div", {
+        className: `${baseClass}__locale`,
+        children: _jsx("div", {
+          className: `${baseClass}__locale-value`,
+          children: baseField.CustomComponent
+        })
+      }, [locale, fieldIndex].join("-")));
+    }
+    return _jsx("div", {
+      className: `${baseClass}__field`,
+      children: LocaleComponents
+    }, fieldIndex);
+  } else {
+    if (field.field) {
+      return _jsx("div", {
+        className: `${baseClass}__field field__${field.field.type}`,
+        "data-field-path": field.field.path,
+        children: field.field.CustomComponent
+      }, fieldIndex);
+    }
+  }
+  return null;
+}
+//# sourceMappingURL=RenderVersionFieldsToDiff.js.map

package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderVersionFieldsToDiff.js","names":["c","_c","baseClass","ShimmerEffect","React","Fragment","useEffect","RenderVersionFieldsToDiff","t0","$","versionFields","hasMounted","setHasMounted","useState","t1","t2","Symbol","for","t3","_jsx","className","children","height","width","map","_temp","field","fieldIndex","fieldByLocale","LocaleComponents","locale","baseField","Object","entries","push","CustomComponent","join","type","path"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.tsx"],"sourcesContent":["'use client'\nconst baseClass = 'render-field-diffs'\nimport type { VersionField } from 'payload'\n\nimport './index.scss'\n\nimport { ShimmerEffect } from '@payloadcms/ui'\nimport React, { Fragment, useEffect } from 'react'\n\nexport const RenderVersionFieldsToDiff = ({\n  versionFields,\n}: {\n  versionFields: VersionField[]\n}): React.ReactNode => {\n  const [hasMounted, setHasMounted] = React.useState(false)\n\n  // defer rendering until after the first mount as the CSS is loaded with Emotion\n  // this will ensure that the CSS is loaded before rendering the diffs and prevent CLS\n  useEffect(() => {\n    setHasMounted(true)\n  }, [])\n\n  return (\n    <div className={baseClass}>\n      {!hasMounted ? (\n        <Fragment>\n          <ShimmerEffect height=\"8rem\" width=\"100%\" />\n        </Fragment>\n      ) : (\n        versionFields?.map((field, fieldIndex) => {\n          if (field.fieldByLocale) {\n            const LocaleComponents: React.ReactNode[] = []\n            for (const [locale, baseField] of Object.entries(field.fieldByLocale)) {\n              LocaleComponents.push(\n                <div className={`${baseClass}__locale`} key={[locale, fieldIndex].join('-')}>\n                  <div className={`${baseClass}__locale-value`}>{baseField.CustomComponent}</div>\n                </div>,\n              )\n            }\n            return (\n              <div className={`${baseClass}__field`} key={fieldIndex}>\n                {LocaleComponents}\n              </div>\n            )\n          } else if (field.field) {\n            return (\n              <div\n                className={`${baseClass}__field field__${field.field.type}`}\n                data-field-path={field.field.path}\n                key={fieldIndex}\n              >\n                {field.field.CustomComponent}\n              </div>\n            )\n          }\n\n          return null\n        })\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,MAAMC,SAAA,GAAY;AAKlB,SAASC,aAAa,QAAQ;AAC9B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,OAAO,MAAMC,yBAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS;EAAA,IAAAF,EAIzC;EACC,OAAAG,UAAA,EAAAC,aAAA,IAAoCR,KAAA,CAAAS,QAAA,MAAe;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAIzCH,EAAA,GAAAA,CAAA;MACRF,aAAA,KAAc;IAAA;IACbG,EAAA;IAAEN,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EAFLH,SAAA,CAAUQ,EAEV,EAAGC,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,aAAA;IAGHQ,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,EACE,CAACV,UAAA,GACAQ,IAAA,CAAAd,QAAA;QAAAgB,QAAA,EACEF,IAAA,CAAAhB,aAAA;UAAAmB,MAAA,EAAsB;UAAAC,KAAA,EAAa;QAAA,C;WAGrCb,aAAA,EAAAc,GAAA,CAAAC,KAAA;IA4BA,C;;;;;;;SAlCJP,E;CAsCJ;AApDyC,SAAAO,MAAAC,KAAA,EAAAC,UAAA;EAAA,IAqB3BD,KAAA,CAAAE,aAAA;IACF,MAAAC,gBAAA;IAA8C,KACzC,OAAAC,MAAA,EAAAC,SAAA,CAAyB,IAAIC,MAAA,CAAAC,OAAA,CAAeP,KAAA,CAAAE,aAAmB;MAClEC,gBAAA,CAAAK,IAAA,CACEf,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAAlB,SAAA,UAAsB;QAAAmB,QAAA,EACpCF,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAlB,SAAA,gBAA4B;UAAAmB,QAAA,EAAGU,SAAA,CAAAI;QAAA,C;SADJ,CAACL,MAAA,EAAQH,UAAA,EAAAS,IAAA,CAAiB;IAAA;IAAA,OAMzEjB,IAAA,CAAC;MAAAC,SAAA,EAAe,GAAAlB,SAAA,SAAqB;MAAAmB,QAAA,EAClCQ;IAAA,GADyCF,UAAA;EAAA;IAAA,IAIrCD,KAAA,CAAAA,KAAA;MAAA,OAEPP,IAAA,CAAC;QAAAC,SAAA,EACY,GAAAlB,SAAA,kBAA8BwB,KAAA,CAAAA,KAAA,CAAAW,IAAA,EAAkB;QAAA,mBAC1CX,KAAA,CAAAA,KAAA,CAAAY,IAAA;QAAAjB,QAAA,EAGhBK,KAAA,CAAAA,KAAA,CAAAS;MAAA,GAFIR,UAAA;IAAA;EAAA;EAAA;AAAA","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts

@@ -0,0 +1,31 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientFieldSchemaMap, Field, FieldDiffClientProps, FieldDiffServerProps, FieldTypes, PayloadComponent, PayloadRequest, SanitizedFieldPermissions, VersionField } from 'payload';
+export type BuildVersionFieldsArgs = {
+    clientSchemaMap: ClientFieldSchemaMap;
+    comparisonSiblingData: object;
+    customDiffComponents: Partial<Record<FieldTypes, PayloadComponent<FieldDiffServerProps, FieldDiffClientProps>>>;
+    entitySlug: string;
+    fieldPermissions: {
+        [key: string]: SanitizedFieldPermissions;
+    } | true;
+    fields: Field[];
+    i18n: I18nClient;
+    modifiedOnly: boolean;
+    parentIndexPath: string;
+    parentPath: string;
+    parentSchemaPath: string;
+    req: PayloadRequest;
+    selectedLocales: string[];
+    versionSiblingData: object;
+};
+/**
+ * Build up an object that contains rendered diff components for each field.
+ * This is then sent to the client to be rendered.
+ *
+ * Here, the server is responsible for traversing through the document data and building up this
+ * version state object.
+ */
+export declare const buildVersionFields: ({ clientSchemaMap, comparisonSiblingData, customDiffComponents, entitySlug, fieldPermissions, fields, i18n, modifiedOnly, parentIndexPath, parentPath, parentSchemaPath, req, selectedLocales, versionSiblingData, }: BuildVersionFieldsArgs) => {
+    versionFields: VersionField[];
+};
+//# sourceMappingURL=buildVersionFields.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildVersionFields.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/buildVersionFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAGV,oBAAoB,EACpB,KAAK,EACL,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,yBAAyB,EACzB,YAAY,EACb,MAAM,SAAS,CAAA;AAWhB,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,oBAAoB,CAAA;IACrC,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC,CACjF,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EACZ;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAA;KACzC,GACD,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,yNAe5B,sBAAsB,KAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAA;CAqG9B,CAAA"}