@payloadcms/next 3.0.0-beta.5 → 3.0.0-beta.50

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

@@ -1,12 +1,7 @@
 'use client';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { formatDate } from '@payloadcms/ui/utilities/formatDate';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Gutter, SetViewActions, useComponentMap, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui/client';
+import { formatDate } from '@payloadcms/ui/shared';
 import React, { useState } from 'react';
 import diffComponents from '../RenderFieldsToDiff/fields/index.js';
 import RenderFieldsToDiff from '../RenderFieldsToDiff/index.js';
@@ -53,63 +48,88 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
     const comparison = compareValue?.value === 'mostRecent' ? mostRecentDoc : compareValue?.value === 'published' ? publishedDoc : currentComparisonDoc?.version // the `version` key is only present on `versions` documents
     ;
     const canUpdate = docPermissions?.update?.permission;
-    return /*#__PURE__*/ React.createElement("main", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.Version
-    }), /*#__PURE__*/ React.createElement(SetStepNav, {
-        collectionConfig: collectionConfig,
-        collectionSlug: collectionSlug,
-        doc: doc,
-        fieldMap: fieldMap,
-        globalConfig: globalConfig,
-        globalSlug: globalSlug,
-        id: id,
-        mostRecentDoc: mostRecentDoc
-    }), /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header-wrap`
-    }, /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__created-at`
-    }, i18n.t('version:versionCreatedOn', {
-        version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
-    })), /*#__PURE__*/ React.createElement("header", {
-        className: `${baseClass}__header`
-    }, /*#__PURE__*/ React.createElement("h2", null, formattedCreatedAt), canUpdate && /*#__PURE__*/ React.createElement(Restore, {
-        className: `${baseClass}__restore`,
-        collectionSlug: collectionSlug,
-        globalSlug: globalSlug,
-        label: collectionConfig?.labels.singular || globalConfig?.label,
-        originalDocID: id,
-        versionDate: formattedCreatedAt,
-        versionID: versionID
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, /*#__PURE__*/ React.createElement(SelectComparison, {
-        baseURL: compareBaseURL,
-        onChange: setCompareValue,
-        parentID: id,
-        publishedDoc: publishedDoc,
-        value: compareValue,
-        versionID: versionID
-    }), localization && /*#__PURE__*/ React.createElement(SelectLocales, {
-        onChange: setLocales,
-        options: localeOptions,
-        value: locales
-    })), doc?.version && /*#__PURE__*/ React.createElement(RenderFieldsToDiff, {
-        comparison: comparison,
-        diffComponents: diffComponents,
-        fieldMap: fieldMap,
-        fieldPermissions: docPermissions?.fields,
-        i18n: i18n,
-        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
-        version: globalConfig ? {
-            ...doc?.version,
-            createdAt: doc?.version?.createdAt || doc.createdAt,
-            updatedAt: doc?.version?.updatedAt || doc.updatedAt
-        } : doc?.version
-    })));
+    return /*#__PURE__*/ _jsxs("main", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: componentMap?.actionsMap?.Edit?.Version
+            }),
+            /*#__PURE__*/ _jsx(SetStepNav, {
+                collectionConfig: collectionConfig,
+                collectionSlug: collectionSlug,
+                doc: doc,
+                fieldMap: fieldMap,
+                globalConfig: globalConfig,
+                globalSlug: globalSlug,
+                id: id,
+                mostRecentDoc: mostRecentDoc
+            }),
+            /*#__PURE__*/ _jsxs(Gutter, {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__header-wrap`,
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: `${baseClass}__created-at`,
+                                children: i18n.t('version:versionCreatedOn', {
+                                    version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("header", {
+                                className: `${baseClass}__header`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("h2", {
+                                        children: formattedCreatedAt
+                                    }),
+                                    canUpdate && /*#__PURE__*/ _jsx(Restore, {
+                                        className: `${baseClass}__restore`,
+                                        collectionSlug: collectionSlug,
+                                        globalSlug: globalSlug,
+                                        label: collectionConfig?.labels.singular || globalConfig?.label,
+                                        originalDocID: id,
+                                        versionDate: formattedCreatedAt,
+                                        versionID: versionID
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            /*#__PURE__*/ _jsx(SelectComparison, {
+                                baseURL: compareBaseURL,
+                                onChange: setCompareValue,
+                                parentID: id,
+                                publishedDoc: publishedDoc,
+                                value: compareValue,
+                                versionID: versionID
+                            }),
+                            localization && /*#__PURE__*/ _jsx(SelectLocales, {
+                                onChange: setLocales,
+                                options: localeOptions,
+                                value: locales
+                            })
+                        ]
+                    }),
+                    doc?.version && /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
+                        comparison: comparison,
+                        diffComponents: diffComponents,
+                        fieldMap: fieldMap,
+                        fieldPermissions: docPermissions?.fields,
+                        i18n: i18n,
+                        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
+                        version: globalConfig ? {
+                            ...doc?.version,
+                            createdAt: doc?.version?.createdAt || doc.createdAt,
+                            updatedAt: doc?.version?.updatedAt || doc.updatedAt
+                        } : doc?.version
+                    })
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload/types'\n\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\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 { mostRecentVersionOption } from '../shared.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  localeOptions,\n  mostRecentDoc,\n  publishedDoc,\n  versionID,\n}) => {\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap, getFieldMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const [fieldMap] = useState(() => getFieldMap({ collectionSlug, globalSlug }))\n\n  const [collectionConfig] = useState(() =>\n    config.collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const [globalConfig] = useState(() => config.globals.find((global) => global.slug === globalSlug))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n  const [compareValue, setCompareValue] = useState<CompareOption>(mostRecentVersionOption)\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n    : ''\n\n  const originalDocFetchURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }${collectionSlug ? `/${id}` : ''}`\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL =\n    compareValue?.value === 'mostRecent' || compareValue?.value === 'published'\n      ? originalDocFetchURL\n      : `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: '*' },\n  })\n\n  const comparison =\n    compareValue?.value === 'mostRecent'\n      ? mostRecentDoc\n      : compareValue?.value === 'published'\n        ? publishedDoc\n        : currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Version} />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fieldMap={fieldMap}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n        mostRecentDoc={mostRecentDoc}\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>{formattedCreatedAt}</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                versionDate={formattedCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            onChange={setCompareValue}\n            parentID={id}\n            publishedDoc={publishedDoc}\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            fieldMap={fieldMap}\n            fieldPermissions={docPermissions?.fields}\n            i18n={i18n}\n            locales={\n              locales\n                ? locales.map(({ label }) => (typeof label === 'string' ? label : undefined))\n                : []\n            }\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"],"names":["Gutter","usePayloadAPI","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","mostRecentVersionOption","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","localeOptions","mostRecentDoc","publishedDoc","versionID","config","i18n","id","collectionSlug","globalSlug","getComponentMap","getFieldMap","componentMap","fieldMap","collectionConfig","collections","find","collection","slug","globalConfig","globals","global","locales","setLocales","compareValue","setCompareValue","admin","dateFormat","localization","routes","api","apiRoute","serverURL","formattedCreatedAt","createdAt","date","pattern","originalDocFetchURL","compareBaseURL","compareFetchURL","value","data","currentComparisonDoc","initialData","initialParams","depth","draft","locale","comparison","version","canUpdate","update","permission","main","className","actions","actionsMap","Edit","Version","div","p","t","autosave","header","h2","label","labels","singular","originalDocID","versionDate","baseURL","onChange","parentID","options","fieldPermissions","fields","map","undefined","updatedAt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useComponentMap,\n  useConfig,\n  useDocumentInfo,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui/client'\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 { mostRecentVersionOption } from '../shared.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  localeOptions,\n  mostRecentDoc,\n  publishedDoc,\n  versionID,\n}) => {\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap, getFieldMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const [fieldMap] = useState(() => getFieldMap({ collectionSlug, globalSlug }))\n\n  const [collectionConfig] = useState(() =>\n    config.collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const [globalConfig] = useState(() => config.globals.find((global) => global.slug === globalSlug))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n  const [compareValue, setCompareValue] = useState<CompareOption>(mostRecentVersionOption)\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n    : ''\n\n  const originalDocFetchURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }${collectionSlug ? `/${id}` : ''}`\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL =\n    compareValue?.value === 'mostRecent' || compareValue?.value === 'published'\n      ? originalDocFetchURL\n      : `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: '*' },\n  })\n\n  const comparison =\n    compareValue?.value === 'mostRecent'\n      ? mostRecentDoc\n      : compareValue?.value === 'published'\n        ? publishedDoc\n        : currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Version} />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fieldMap={fieldMap}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n        mostRecentDoc={mostRecentDoc}\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>{formattedCreatedAt}</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                versionDate={formattedCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            onChange={setCompareValue}\n            parentID={id}\n            publishedDoc={publishedDoc}\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            fieldMap={fieldMap}\n            fieldPermissions={docPermissions?.fields}\n            i18n={i18n}\n            locales={\n              locales\n                ? locales.map(({ label }) => (typeof label === 'string' ? label : undefined))\n                : []\n            }\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"],"names":["Gutter","SetViewActions","useComponentMap","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","mostRecentVersionOption","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","localeOptions","mostRecentDoc","publishedDoc","versionID","config","i18n","id","collectionSlug","globalSlug","getComponentMap","getFieldMap","componentMap","fieldMap","collectionConfig","collections","find","collection","slug","globalConfig","globals","global","locales","setLocales","compareValue","setCompareValue","admin","dateFormat","localization","routes","api","apiRoute","serverURL","formattedCreatedAt","createdAt","date","pattern","originalDocFetchURL","compareBaseURL","compareFetchURL","value","data","currentComparisonDoc","initialData","initialParams","depth","draft","locale","comparison","version","canUpdate","update","permission","main","className","actions","actionsMap","Edit","Version","div","p","t","autosave","header","h2","label","labels","singular","originalDocID","versionDate","baseURL","onChange","parentID","options","fieldPermissions","fields","map","undefined","updatedAt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,6 +1,4 @@
-import type { CollectionPermission, GlobalPermission } from 'payload/auth';
-import type { OptionObject } from 'payload/types';
-import type { Document } from 'payload/types';
+import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload';
 export type CompareOption = {
     label: string;
     options?: CompareOption[];

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,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,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,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,aAAa,EAAE,QAAQ,CAAA;IACvB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7F,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,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,GAAG,EAAE,QAAQ,CAAA;IACb,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,aAAa,EAAE,QAAQ,CAAA;IACvB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { OptionObject } from 'payload/types'\nimport type { Document } from 'payload/types'\n\nexport type CompareOption = {\n  label: string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  doc: Document\n  docPermissions: CollectionPermission | GlobalPermission\n  initialComparisonDoc: Document\n  localeOptions: OptionObject[]\n  mostRecentDoc: Document\n  publishedDoc: Document\n  versionID?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAWA,WAQC"}
+{"version":3,"sources":["../../../../src/views/Version/Default/types.ts"],"sourcesContent":["import type { CollectionPermission, Document, GlobalPermission, OptionObject } from 'payload'\n\nexport type CompareOption = {\n  label: string\n  options?: CompareOption[]\n  relationTo?: string\n  value: string\n}\n\nexport type DefaultVersionsViewProps = {\n  doc: Document\n  docPermissions: CollectionPermission | GlobalPermission\n  initialComparisonDoc: Document\n  localeOptions: OptionObject[]\n  mostRecentDoc: Document\n  publishedDoc: Document\n  versionID?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AASA,WAQC"}

package/dist/views/Version/RenderFieldsToDiff/Label/index.js

@@ -1,8 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const baseClass = 'field-diff-label';
-const Label = ({ children })=>/*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, children);
+const Label = ({ children })=>/*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: children
+    });
 export default Label;
 
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"names":["React","baseClass","Label","children","div","className"],"rangeMappings":";;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,QAAkD,CAAC,EAAEC,QAAQ,EAAE,iBACnE,oBAACC;QAAIC,WAAWJ;OAAYE;AAG9B,eAAeD,MAAK"}
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/Label/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'field-diff-label'\n\nconst Label: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n\nexport default Label\n"],"names":["React","baseClass","Label","children","div","className"],"rangeMappings":";;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,MAAMC,QAAkD,CAAC,EAAEC,QAAQ,EAAE,iBACnE,KAACC;QAAIC,WAAWJ;kBAAYE;;AAG9B,eAAeD,MAAK"}

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

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { getUniqueListBy } from 'payload/utilities';
+import { getUniqueListBy } from 'payload/shared';
 import React from 'react';
 import Label from '../../Label/index.js';
 import RenderFieldsToDiff from '../../index.js';
@@ -8,56 +9,70 @@ const Iterable = ({ comparison, diffComponents, field, i18n, locale, locales, pe
     const versionRowCount = Array.isArray(version) ? version.length : 0;
     const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
     const maxRows = Math.max(versionRowCount, comparisonRowCount);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, 'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ React.createElement(Label, null, locale && /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__locale-label`
-    }, locale), getTranslation(field.fieldComponentProps.label, i18n)), maxRows > 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i)=>{
-        const versionRow = version?.[i] || {};
-        const comparisonRow = comparison?.[i] || {};
-        let fieldMap = [];
-        if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps) fieldMap = field.fieldComponentProps.fieldMap;
-        if (field.type === 'blocks') {
-            fieldMap = [];
-            if (versionRow?.blockType === comparisonRow?.blockType) {
-                const matchedBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                    fieldMap: []
-                };
-                fieldMap = [
-                    ...fieldMap,
-                    ...matchedBlock.fieldMap
-                ];
-            } else {
-                const matchedVersionBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
-                    fieldMap: []
-                };
-                const matchedComparisonBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === comparisonRow?.blockType) || {
-                    fieldMap: []
-                };
-                fieldMap = getUniqueListBy([
-                    ...fieldMap,
-                    ...matchedVersionBlock.fieldMap,
-                    ...matchedComparisonBlock.fieldMap
-                ], 'name');
-            }
-        }
-        return /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__wrap`,
-            key: i
-        }, /*#__PURE__*/ React.createElement(RenderFieldsToDiff, {
-            comparison: comparisonRow,
-            diffComponents: diffComponents,
-            fieldMap: fieldMap,
-            fieldPermissions: permissions,
-            i18n: i18n,
-            locales: locales,
-            version: versionRow
-        }));
-    })), maxRows === 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__no-rows`
-    }, i18n.t('version:noRowsFound', {
-        label: 'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural ? getTranslation(field.fieldComponentProps.labels.plural, i18n) : i18n.t('general:rows')
-    })));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    getTranslation(field.fieldComponentProps.label, i18n)
+                ]
+            }),
+            maxRows > 0 && /*#__PURE__*/ _jsx(React.Fragment, {
+                children: Array.from(Array(maxRows).keys()).map((row, i)=>{
+                    const versionRow = version?.[i] || {};
+                    const comparisonRow = comparison?.[i] || {};
+                    let fieldMap = [];
+                    if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps) fieldMap = field.fieldComponentProps.fieldMap;
+                    if (field.type === 'blocks') {
+                        fieldMap = [];
+                        if (versionRow?.blockType === comparisonRow?.blockType) {
+                            const matchedBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
+                                fieldMap: []
+                            };
+                            fieldMap = [
+                                ...fieldMap,
+                                ...matchedBlock.fieldMap
+                            ];
+                        } else {
+                            const matchedVersionBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === versionRow?.blockType) || {
+                                fieldMap: []
+                            };
+                            const matchedComparisonBlock = 'blocks' in field.fieldComponentProps && field.fieldComponentProps.blocks?.find((block)=>block.slug === comparisonRow?.blockType) || {
+                                fieldMap: []
+                            };
+                            fieldMap = getUniqueListBy([
+                                ...fieldMap,
+                                ...matchedVersionBlock.fieldMap,
+                                ...matchedComparisonBlock.fieldMap
+                            ], 'name');
+                        }
+                    }
+                    return /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__wrap`,
+                        children: /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
+                            comparison: comparisonRow,
+                            diffComponents: diffComponents,
+                            fieldMap: fieldMap,
+                            fieldPermissions: permissions,
+                            i18n: i18n,
+                            locales: locales,
+                            version: versionRow
+                        })
+                    }, i);
+                })
+            }),
+            maxRows === 0 && /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__no-rows`,
+                children: i18n.t('version:noRowsFound', {
+                    label: 'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural ? getTranslation(field.fieldComponentProps.labels.plural, i18n) : i18n.t('general:rows')
+                })
+            })
+        ]
+    });
 };
 export default Iterable;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/utilities'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fieldMap: MappedField[] = []\n\n            if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps)\n              fieldMap = field.fieldComponentProps.fieldMap\n\n            if (field.type === 'blocks') {\n              fieldMap = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = [...fieldMap, ...matchedBlock.fieldMap]\n              } else {\n                const matchedVersionBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === comparisonRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = getUniqueListBy<MappedField>(\n                  [\n                    ...fieldMap,\n                    ...matchedVersionBlock.fieldMap,\n                    ...matchedComparisonBlock.fieldMap,\n                  ],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldMap={fieldMap}\n                  fieldPermissions={permissions}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural\n                ? getTranslation(field.fieldComponentProps.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"names":["getTranslation","getUniqueListBy","React","Label","RenderFieldsToDiff","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","div","className","fieldComponentProps","label","span","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fieldMap","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","key","fieldPermissions","t","labels","plural"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Iterable/index.tsx"],"sourcesContent":["import type { MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getUniqueListBy } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'iterable-diff'\n\nconst Iterable: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  const versionRowCount = Array.isArray(version) ? version.length : 0\n  const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0\n  const maxRows = Math.max(versionRowCount, comparisonRowCount)\n\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      {maxRows > 0 && (\n        <React.Fragment>\n          {Array.from(Array(maxRows).keys()).map((row, i) => {\n            const versionRow = version?.[i] || {}\n            const comparisonRow = comparison?.[i] || {}\n\n            let fieldMap: MappedField[] = []\n\n            if (field.type === 'array' && 'fieldMap' in field.fieldComponentProps)\n              fieldMap = field.fieldComponentProps.fieldMap\n\n            if (field.type === 'blocks') {\n              fieldMap = [\n                // {\n                //   name: 'blockType',\n                //   label: i18n.t('fields:blockType'),\n                //   type: 'text',\n                // },\n              ]\n\n              if (versionRow?.blockType === comparisonRow?.blockType) {\n                const matchedBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = [...fieldMap, ...matchedBlock.fieldMap]\n              } else {\n                const matchedVersionBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === versionRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                const matchedComparisonBlock = ('blocks' in field.fieldComponentProps &&\n                  field.fieldComponentProps.blocks?.find(\n                    (block) => block.slug === comparisonRow?.blockType,\n                  )) || {\n                  fieldMap: [],\n                }\n\n                fieldMap = getUniqueListBy<MappedField>(\n                  [\n                    ...fieldMap,\n                    ...matchedVersionBlock.fieldMap,\n                    ...matchedComparisonBlock.fieldMap,\n                  ],\n                  'name',\n                )\n              }\n            }\n\n            return (\n              <div className={`${baseClass}__wrap`} key={i}>\n                <RenderFieldsToDiff\n                  comparison={comparisonRow}\n                  diffComponents={diffComponents}\n                  fieldMap={fieldMap}\n                  fieldPermissions={permissions}\n                  i18n={i18n}\n                  locales={locales}\n                  version={versionRow}\n                />\n              </div>\n            )\n          })}\n        </React.Fragment>\n      )}\n      {maxRows === 0 && (\n        <div className={`${baseClass}__no-rows`}>\n          {i18n.t('version:noRowsFound', {\n            label:\n              'labels' in field.fieldComponentProps && field.fieldComponentProps.labels?.plural\n                ? getTranslation(field.fieldComponentProps.labels.plural, i18n)\n                : i18n.t('general:rows'),\n          })}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Iterable\n"],"names":["getTranslation","getUniqueListBy","React","Label","RenderFieldsToDiff","baseClass","Iterable","comparison","diffComponents","field","i18n","locale","locales","permissions","version","versionRowCount","Array","isArray","length","comparisonRowCount","maxRows","Math","max","div","className","fieldComponentProps","label","span","Fragment","from","keys","map","row","i","versionRow","comparisonRow","fieldMap","type","blockType","matchedBlock","blocks","find","block","slug","matchedVersionBlock","matchedComparisonBlock","fieldPermissions","t","labels","plural"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,27 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import Label from '../../Label/index.js';
 import RenderFieldsToDiff from '../../index.js';
 const baseClass = 'nested-diff';
 const Nested = ({ comparison, diffComponents, disableGutter = false, field, fieldMap, i18n, locale, locales, permissions, version })=>{
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, 'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ React.createElement(Label, null, locale && /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__locale-label`
-    }, locale), getTranslation(field.fieldComponentProps.label, i18n)), /*#__PURE__*/ React.createElement("div", {
-        className: [
-            `${baseClass}__wrap`,
-            !disableGutter && `${baseClass}__wrap--gutter`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(RenderFieldsToDiff, {
-        comparison: comparison,
-        diffComponents: diffComponents,
-        fieldMap: fieldMap,
-        fieldPermissions: permissions,
-        i18n: i18n,
-        locales: locales,
-        version: version
-    })));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            'label' in field.fieldComponentProps && field.fieldComponentProps.label && typeof field.fieldComponentProps.label !== 'function' && /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    getTranslation(field.fieldComponentProps.label, i18n)
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: [
+                    `${baseClass}__wrap`,
+                    !disableGutter && `${baseClass}__wrap--gutter`
+                ].filter(Boolean).join(' '),
+                children: /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
+                    comparison: comparison,
+                    diffComponents: diffComponents,
+                    fieldMap: fieldMap,
+                    fieldPermissions: permissions,
+                    i18n: i18n,
+                    locales: locales,
+                    version: version
+                })
+            })
+        ]
+    });
 };
 export default Nested;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fieldMap,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldMap={fieldMap}\n          fieldPermissions={permissions}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"names":["getTranslation","React","Label","RenderFieldsToDiff","baseClass","Nested","comparison","diffComponents","disableGutter","field","fieldMap","i18n","locale","locales","permissions","version","div","className","fieldComponentProps","label","span","filter","Boolean","join","fieldPermissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,OAAOC,wBAAwB,iBAAgB;AAG/C,MAAMC,YAAY;AAElB,MAAMC,SAA0B,CAAC,EAC/BC,UAAU,EACVC,cAAc,EACdC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,oBAACC;QAAIC,WAAWb;OACb,WAAWK,MAAMS,mBAAmB,IACnCT,MAAMS,mBAAmB,CAACC,KAAK,IAC/B,OAAOV,MAAMS,mBAAmB,CAACC,KAAK,KAAK,4BACzC,oBAACjB,aACEU,wBAAU,oBAACQ;QAAKH,WAAW,CAAC,EAAEb,UAAU,cAAc,CAAC;OAAGQ,SAC1DZ,eAAeS,MAAMS,mBAAmB,CAACC,KAAK,EAAER,sBAGvD,oBAACK;QACCC,WAAW;YAAC,CAAC,EAAEb,UAAU,MAAM,CAAC;YAAE,CAACI,iBAAiB,CAAC,EAAEJ,UAAU,cAAc,CAAC;SAAC,CAC9EiB,MAAM,CAACC,SACPC,IAAI,CAAC;qBAER,oBAACpB;QACCG,YAAYA;QACZC,gBAAgBA;QAChBG,UAAUA;QACVc,kBAAkBV;QAClBH,MAAMA;QACNE,SAASA;QACTE,SAASA;;AAKnB;AAEA,eAAeV,OAAM"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Nested/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport RenderFieldsToDiff from '../../index.js'\nimport './index.scss'\n\nconst baseClass = 'nested-diff'\n\nconst Nested: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  disableGutter = false,\n  field,\n  fieldMap,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {'label' in field.fieldComponentProps &&\n        field.fieldComponentProps.label &&\n        typeof field.fieldComponentProps.label !== 'function' && (\n          <Label>\n            {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n            {getTranslation(field.fieldComponentProps.label, i18n)}\n          </Label>\n        )}\n      <div\n        className={[`${baseClass}__wrap`, !disableGutter && `${baseClass}__wrap--gutter`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RenderFieldsToDiff\n          comparison={comparison}\n          diffComponents={diffComponents}\n          fieldMap={fieldMap}\n          fieldPermissions={permissions}\n          i18n={i18n}\n          locales={locales}\n          version={version}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Nested\n"],"names":["getTranslation","React","Label","RenderFieldsToDiff","baseClass","Nested","comparison","diffComponents","disableGutter","field","fieldMap","i18n","locale","locales","permissions","version","div","className","fieldComponentProps","label","span","filter","Boolean","join","fieldPermissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,OAAOC,wBAAwB,iBAAgB;AAG/C,MAAMC,YAAY;AAElB,MAAMC,SAA0B,CAAC,EAC/BC,UAAU,EACVC,cAAc,EACdC,gBAAgB,KAAK,EACrBC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,MAACC;QAAIC,WAAWb;;YACb,WAAWK,MAAMS,mBAAmB,IACnCT,MAAMS,mBAAmB,CAACC,KAAK,IAC/B,OAAOV,MAAMS,mBAAmB,CAACC,KAAK,KAAK,4BACzC,MAACjB;;oBACEU,wBAAU,KAACQ;wBAAKH,WAAW,CAAC,EAAEb,UAAU,cAAc,CAAC;kCAAGQ;;oBAC1DZ,eAAeS,MAAMS,mBAAmB,CAACC,KAAK,EAAER;;;0BAGvD,KAACK;gBACCC,WAAW;oBAAC,CAAC,EAAEb,UAAU,MAAM,CAAC;oBAAE,CAACI,iBAAiB,CAAC,EAAEJ,UAAU,cAAc,CAAC;iBAAC,CAC9EiB,MAAM,CAACC,SACPC,IAAI,CAAC;0BAER,cAAA,KAACpB;oBACCG,YAAYA;oBACZC,gBAAgBA;oBAChBG,UAAUA;oBACVc,kBAAkBV;oBAClBH,MAAMA;oBACNE,SAASA;oBACTE,SAASA;;;;;AAKnB;AAEA,eAAeV,OAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AA8DrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDjC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Relationship/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,OAAO,cAAc,CAAA;AA8DrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDjC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -1,7 +1,8 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/types';
+import { useConfig } from '@payloadcms/ui/client';
+import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
 import React from 'react';
 import ReactDiffViewerImport from 'react-diff-viewer-continued';
 import Label from '../../Label/index.js';
@@ -56,18 +57,28 @@ const Relationship = ({ comparison, field, i18n, locale, version })=>{
         comparisonToRender = generateLabelFromValue(collections, field, locale, comparison);
     }
     const label = 'label' in field.fieldComponentProps && typeof field.fieldComponentProps.label !== 'boolean' && typeof field.fieldComponentProps.label !== 'function' ? field.fieldComponentProps.label : '';
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(Label, null, locale && /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__locale-label`
-    }, locale), getTranslation(label, i18n)), /*#__PURE__*/ React.createElement(ReactDiffViewer, {
-        hideLineNumbers: true,
-        newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
-        oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
-        showDiffOnly: false,
-        splitView: true,
-        styles: diffStyles
-    }));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs(Label, {
+                children: [
+                    locale && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__locale-label`,
+                        children: locale
+                    }),
+                    getTranslation(label, i18n)
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ReactDiffViewer, {
+                hideLineNumbers: true,
+                newValue: typeof versionToRender !== 'undefined' ? String(versionToRender) : placeholder,
+                oldValue: typeof comparisonToRender !== 'undefined' ? String(comparisonToRender) : placeholder,
+                showDiffOnly: false,
+                splitView: true,
+                styles: diffStyles
+            })
+        ]
+    });
 };
 export default Relationship;