@payloadcms/next 3.20.0-canary.0e01b65 → 3.20.0-canary.260f830

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":"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,CAuIjE,CAAA"}
+{"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"}

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

@@ -1,33 +1,32 @@
 '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, useTranslation } from '@payloadcms/ui';
+import { Gutter, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
-import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useState } from 'react';
+import { diffComponents } from '../RenderFieldsToDiff/fields/index.js';
+import { RenderFieldsToDiff } from '../RenderFieldsToDiff/index.js';
 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 = ({
-  canUpdate,
-  doc,
-  latestDraftVersion,
-  latestPublishedVersion,
-  RenderedDiff,
-  selectedLocales: selectedLocalesProp,
-  versionID
-}) => {
+export const DefaultVersionView = t0 => {
+  const $ = _c(23);
+  const {
+    doc,
+    docPermissions,
+    initialComparisonDoc,
+    latestDraftVersion,
+    latestPublishedVersion,
+    localeOptions,
+    versionID
+  } = t0;
   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();
@@ -36,109 +35,180 @@ export const DefaultVersionView = ({
     collectionSlug,
     globalSlug
   } = useDocumentInfo();
-  const [collectionConfig] = useState(() => getEntityConfig({
-    collectionSlug
-  }));
-  const [globalConfig] = useState(() => getEntityConfig({
-    globalSlug
-  }));
-  const [selectedLocales, setSelectedLocales] = useState(selectedLocalesProp);
+  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 [compareValue, setCompareValue] = useState();
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  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)));
-    }
-    const search = current.toString();
-    const query = search ? `?${search}` : '';
-    router.push(`${pathname}${query}`);
-  }, [compareValue, pathname, router, searchParams, selectedLocales]);
   const {
-    admin: {
-      dateFormat
-    },
+    admin: t3,
     localization,
-    routes: {
-      api: apiRoute
-    },
+    routes: t4,
     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 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 draftsEnabled = Boolean((collectionConfig || globalConfig)?.versions.drafts);
-  return /*#__PURE__*/_jsxs("main", {
+  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", {
     className: baseClass,
-    children: [/*#__PURE__*/_jsx(SetStepNav, {
-      collectionConfig: collectionConfig,
-      collectionSlug: collectionSlug,
-      doc: doc,
+    children: [_jsx(SetStepNav, {
+      collectionConfig,
+      collectionSlug,
+      doc,
       fields: (collectionConfig || globalConfig)?.fields,
-      globalConfig: globalConfig,
-      globalSlug: globalSlug,
-      id: id
-    }), /*#__PURE__*/_jsxs(Gutter, {
+      globalConfig,
+      globalSlug,
+      id
+    }), _jsxs(Gutter, {
       className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [_jsxs("div", {
         className: `${baseClass}__header-wrap`,
-        children: [/*#__PURE__*/_jsx("p", {
+        children: [_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")
           })
-        }), /*#__PURE__*/_jsxs("header", {
+        }), _jsxs("header", {
           className: `${baseClass}__header`,
-          children: [/*#__PURE__*/_jsx("h2", {
+          children: [_jsx("h2", {
             children: versionCreatedAt
-          }), canUpdate && /*#__PURE__*/_jsx(Restore, {
+          }), canUpdate && _jsx(Restore, {
             className: `${baseClass}__restore`,
-            collectionSlug: collectionSlug,
-            globalSlug: globalSlug,
+            collectionSlug,
+            globalSlug,
             label: collectionConfig?.labels.singular || globalConfig?.label,
             originalDocID: id,
             status: doc?.version?._status,
             versionDate: versionCreatedAt,
-            versionID: versionID
+            versionID
           })]
         })]
-      }), /*#__PURE__*/_jsxs("div", {
+      }), _jsxs("div", {
         className: `${baseClass}__controls`,
-        children: [/*#__PURE__*/_jsx(SelectComparison, {
+        children: [_jsx(SelectComparison, {
           baseURL: compareBaseURL,
-          draftsEnabled: draftsEnabled,
-          latestDraftVersion: latestDraftVersion,
-          latestPublishedVersion: latestPublishedVersion,
+          draftsEnabled,
+          latestDraftVersion,
+          latestPublishedVersion,
           onChange: setCompareValue,
           parentID: id,
           value: compareValue,
-          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
-      })]
+          versionID
+        }), t9]
+      }), t10]
     })]
   });
 };
+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":["Gutter","useConfig","useDocumentInfo","useTranslation","formatDate","usePathname","useRouter","useSearchParams","React","useEffect","useMemo","useState","Restore","SelectComparison","SelectLocales","SelectedLocalesContext","SetStepNav","baseClass","DefaultVersionView","canUpdate","doc","latestDraftVersion","latestPublishedVersion","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","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","baseURL","onChange","parentID","options","Provider"],"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport { 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  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\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    const search = current.toString()\n    const query = search ? `?${search}` : ''\n    router.push(`${pathname}${query}`)\n  }, [compareValue, pathname, router, searchParams, selectedLocales])\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          </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":[]}
+{"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":[]}

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

@@ -1,4 +1,4 @@
-import type { Document, OptionObject } from 'payload';
+import type { Document, OptionObject, SanitizedCollectionPermission, SanitizedGlobalPermission } from 'payload';
 export type CompareOption = {
     label: React.ReactNode | string;
     options?: CompareOption[];
@@ -6,12 +6,12 @@ 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 RenderedDiff: React.ReactNode;
-    readonly selectedLocales: OptionObject[];
+    readonly localeOptions: 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,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,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"}
+{"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"}

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 { 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  readonly RenderedDiff: React.ReactNode\n  readonly selectedLocales: OptionObject[]\n  readonly versionID?: string\n}\n"],"mappings":"AASA","ignoreList":[]}
+{"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":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.d.ts

@@ -1,4 +1,4 @@
-import type { CollapsibleFieldClient, DiffComponentProps } from 'payload';
 import React from 'react';
-export declare const Collapsible: React.FC<DiffComponentProps<CollapsibleFieldClient>>;
+import type { DiffComponentProps } from '../types.js';
+export declare const Collapsible: React.FC<DiffComponentProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,CA0B5E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAOrD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmCpD,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js

@@ -1,64 +1,41 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useTranslation } from '@payloadcms/ui';
 import React from 'react';
-import { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js';
 import { DiffCollapser } from '../../DiffCollapser/index.js';
-import { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js';
+import { RenderFieldsToDiff } from '../../index.js';
 const baseClass = 'collapsible-diff';
-export const Collapsible = t0 => {
-  const $ = _c(10);
-  const {
-    baseVersionField,
-    comparisonValue,
-    field,
-    versionValue
-  } = t0;
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    selectedLocales
-  } = useSelectedLocales();
-  let t1;
-  if ($[0] !== field || $[1] !== i18n) {
-    t1 = "label" in field && field.label && typeof field.label !== "function" && _jsx("span", {
-      children: getTranslation(field.label, i18n)
-    });
-    $[0] = field;
-    $[1] = i18n;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== baseVersionField.fields || $[4] !== comparisonValue || $[5] !== field.fields || $[6] !== selectedLocales || $[7] !== t1 || $[8] !== versionValue) {
-    t2 = _jsx("div", {
-      className: baseClass,
-      children: _jsx(DiffCollapser, {
-        comparison: comparisonValue,
-        fields: field.fields,
-        label: t1,
-        locales: selectedLocales,
-        version: versionValue,
-        children: _jsx(RenderVersionFieldsToDiff, {
-          versionFields: baseVersionField.fields
-        })
+export const Collapsible = ({
+  comparison,
+  diffComponents,
+  field,
+  fieldPermissions,
+  fields,
+  i18n,
+  locales,
+  version
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(DiffCollapser, {
+      comparison: comparison,
+      fields: fields,
+      label: 'label' in field && field.label && typeof field.label !== 'function' && /*#__PURE__*/_jsx("span", {
+        children: getTranslation(field.label, i18n)
+      }),
+      locales: locales,
+      version: version,
+      children: /*#__PURE__*/_jsx(RenderFieldsToDiff, {
+        comparison: comparison,
+        diffComponents: diffComponents,
+        fieldPermissions: fieldPermissions,
+        fields: fields,
+        i18n: i18n,
+        locales: locales,
+        version: version
       })
-    });
-    $[3] = baseVersionField.fields;
-    $[4] = comparisonValue;
-    $[5] = field.fields;
-    $[6] = selectedLocales;
-    $[7] = t1;
-    $[8] = versionValue;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+    })
+  });
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","useTranslation","React","useSelectedLocales","DiffCollapser","RenderVersionFieldsToDiff","baseClass","Collapsible","t0","$","baseVersionField","comparisonValue","field","versionValue","i18n","selectedLocales","t1","label","_jsx","children","t2","className","comparison","fields","version","versionFields"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleFieldClient, DiffComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useSelectedLocales } from '../../../Default/SelectedLocalesContext.js'\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderVersionFieldsToDiff } from '../../RenderVersionFieldsToDiff.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<DiffComponentProps<CollapsibleFieldClient>> = ({\n  baseVersionField,\n  comparisonValue,\n  field,\n  versionValue,\n}) => {\n  const { i18n } = useTranslation()\n  const { selectedLocales } = useSelectedLocales()\n\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        comparison={comparisonValue}\n        fields={field.fields}\n        label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={selectedLocales}\n        version={versionValue}\n      >\n        <RenderVersionFieldsToDiff versionFields={baseVersionField.fields} />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAC9B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,gBAAA;IAAAC,eAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAKjF;EACC;IAAAM;EAAA,IAAiBb,cAAA;EACjB;IAAAc;EAAA,IAA4BZ,kBAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA;IAQpBE,EAAA,cAAWJ,KAAA,IACXA,KAAA,CAAAK,KAAW,IACX,OAAOL,KAAA,CAAAK,KAAA,KAAgB,cAAcC,IAAA,CAAC;MAAAC,QAAA,EAAMnB,cAAA,CAAeY,KAAA,CAAAK,KAAA,EAAaH,IAAA;IAAA,C;;;;;;;;;IAP9EM,EAAA,GAAAF,IAAA,CAAC;MAAAG,SAAA,EAAAf,SAAA;MAAAa,QAAA,EACCD,IAAA,CAAAd,aAAA;QAAAkB,UAAA,EACcX,eAAA;QAAAY,MAAA,EACJX,KAAA,CAAAW,MAAA;QAAAN,KAAA,EAEND,E;iBAIOD,eAAA;QAAAS,OAAA,EACAX,YAAA;QAAAM,QAAA,EAETD,IAAA,CAAAb,yBAAA;UAAAoB,aAAA,EAA0Cf,gBAAA,CAAAa;QAAA,C;;;;;;;;;;;;;SAZ9CH,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","DiffCollapser","RenderFieldsToDiff","baseClass","Collapsible","comparison","diffComponents","field","fieldPermissions","fields","i18n","locales","version","_jsx","className","label"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport { DiffCollapser } from '../../DiffCollapser/index.js'\nimport { RenderFieldsToDiff } from '../../index.js'\n\nconst baseClass = 'collapsible-diff'\n\nexport const Collapsible: React.FC<DiffComponentProps> = ({\n  comparison,\n  diffComponents,\n  field,\n  fieldPermissions,\n  fields,\n  i18n,\n  locales,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      <DiffCollapser\n        comparison={comparison}\n        fields={fields}\n        label={\n          'label' in field &&\n          field.label &&\n          typeof field.label !== 'function' && <span>{getTranslation(field.label, i18n)}</span>\n        }\n        locales={locales}\n        version={version}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldPermissions={fieldPermissions}\n          fields={fields}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </DiffCollapser>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA4CA,CAAC;EACxDC,UAAU;EACVC,cAAc;EACdC,KAAK;EACLC,gBAAgB;EAChBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC;AAAO,CACR;EACC,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWX,SAAA;cACd,aAAAU,IAAA,CAACZ,aAAA;MACCI,UAAA,EAAYA,UAAA;MACZI,MAAA,EAAQA,MAAA;MACRM,KAAA,EACE,WAAWR,KAAA,IACXA,KAAA,CAAMQ,KAAK,IACX,OAAOR,KAAA,CAAMQ,KAAK,KAAK,2BAAcF,IAAA,CAAC;kBAAMd,cAAA,CAAeQ,KAAA,CAAMQ,KAAK,EAAEL,IAAA;;MAE1EC,OAAA,EAASA,OAAA;MACTC,OAAA,EAASA,OAAA;gBAET,aAAAC,IAAA,CAACX,kBAAA;QACCG,UAAA,EAAYA,UAAA;QACZC,cAAA,EAAgBA,cAAA;QAChBE,gBAAA,EAAkBA,gBAAA;QAClBC,MAAA,EAAQA,MAAA;QACRC,IAAA,EAAMA,IAAA;QACNC,OAAA,EAASA,OAAA;QACTC,OAAA,EAASA;;;;AAKnB","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.d.ts

@@ -1,5 +1,5 @@
-import type { DiffComponentProps, GroupFieldClient } from 'payload';
-import './index.scss';
 import React from 'react';
-export declare const Group: React.FC<DiffComponentProps<GroupFieldClient>>;
+import './index.scss';
+import type { DiffComponentProps } from '../types.js';
+export declare const Group: React.FC<DiffComponentProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAInE,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAgChE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyC9C,CAAA"}