@payloadcms/next 3.0.0-canary.a0b06af → 3.0.0-canary.a192632

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["import type { MappedField, TabsFieldProps } from '@payloadcms/ui'\n\nimport React from 'react'\n\nimport type { Props } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Nested from '../Nested/index.js'\n\nconst baseClass = 'tabs-diff'\n\nconst Tabs: React.FC<\n  Omit<Props, 'field'> & {\n    field: MappedField & TabsFieldProps\n  }\n> = ({ comparison, diffComponents, field, i18n, locale, locales, permissions, version }) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {field.tabs.map((tab, i) => {\n          if ('name' in tab) {\n            return (\n              <Nested\n                comparison={comparison?.[tab.name]}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={tab.fieldMap}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                permissions={permissions}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldMap={tab.fieldMap}\n              fieldPermissions={permissions}\n              i18n={i18n}\n              key={i}\n              locales={locales}\n              version={version}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default Tabs\n"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fieldMap","fieldPermissions"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAIF,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrF,qBACE,KAACC;QAAIC,WAAWX;kBACd,cAAA,KAACU;YAAIC,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;sBACjCI,MAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;gBACpB,IAAI,UAAUD,KAAK;oBACjB,qBACE,KAACf;wBACCG,YAAYA,YAAY,CAACY,IAAIE,IAAI,CAAC;wBAClCb,gBAAgBA;wBAChBC,OAAOA;wBACPa,UAAUH,IAAIG,QAAQ;wBACtBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBc,UAAUH,IAAIG,QAAQ;oBACtBC,kBAAkBV;oBAClBH,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx"],"sourcesContent":["import type { TabsFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport RenderFieldsToDiff from '../../index.js'\nimport Nested from '../Nested/index.js'\n\nconst baseClass = 'tabs-diff'\n\nconst Tabs: React.FC<DiffComponentProps<TabsFieldClient>> = ({\n  comparison,\n  diffComponents,\n  field,\n  i18n,\n  locale,\n  locales,\n  permissions,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {field.tabs.map((tab, i) => {\n          if ('name' in tab) {\n            return (\n              <Nested\n                comparison={comparison?.[tab.name]}\n                diffComponents={diffComponents}\n                field={field}\n                fields={tab.fields}\n                i18n={i18n}\n                key={i}\n                locale={locale}\n                locales={locales}\n                permissions={permissions}\n                version={version?.[tab.name]}\n              />\n            )\n          }\n\n          return (\n            <RenderFieldsToDiff\n              comparison={comparison}\n              diffComponents={diffComponents}\n              fieldPermissions={permissions}\n              fields={tab.fields}\n              i18n={i18n}\n              key={i}\n              locales={locales}\n              version={version}\n            />\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default Tabs\n"],"names":["React","RenderFieldsToDiff","Nested","baseClass","Tabs","comparison","diffComponents","field","i18n","locale","locales","permissions","version","div","className","tabs","map","tab","i","name","fields","fieldPermissions"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,wBAAwB,iBAAgB;AAC/C,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,YAAY;AAElB,MAAMC,OAAsD,CAAC,EAC3DC,UAAU,EACVC,cAAc,EACdC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,OAAO,EACR;IACC,qBACE,KAACC;QAAIC,WAAWX;kBACd,cAAA,KAACU;YAAIC,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;sBACjCI,MAAMQ,IAAI,CAACC,GAAG,CAAC,CAACC,KAAKC;gBACpB,IAAI,UAAUD,KAAK;oBACjB,qBACE,KAACf;wBACCG,YAAYA,YAAY,CAACY,IAAIE,IAAI,CAAC;wBAClCb,gBAAgBA;wBAChBC,OAAOA;wBACPa,QAAQH,IAAIG,MAAM;wBAClBZ,MAAMA;wBAENC,QAAQA;wBACRC,SAASA;wBACTC,aAAaA;wBACbC,SAASA,SAAS,CAACK,IAAIE,IAAI,CAAC;uBAJvBD;gBAOX;gBAEA,qBACE,KAACjB;oBACCI,YAAYA;oBACZC,gBAAgBA;oBAChBe,kBAAkBV;oBAClBS,QAAQH,IAAIG,MAAM;oBAClBZ,MAAMA;oBAENE,SAASA;oBACTE,SAASA;mBAFJM;YAKX;;;AAIR;AAEA,eAAed,KAAI"}

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

@@ -1,6 +1,7 @@
+import type { TextFieldClient } from 'payload';
 import React from 'react';
-import type { Props } from '../types.js';
+import type { DiffComponentProps } from '../types.js';
 import './index.scss';
-declare const Text: React.FC<Props>;
+declare const Text: React.FC<DiffComponentProps<TextFieldClient>>;
 export default Text;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsCzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKrD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAsCvD,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -23,7 +23,7 @@ const Text = ({ comparison, diffMethod, field, i18n, isRichText = false, locale,
                         className: `${baseClass}__locale-label`,
                         children: locale
                     }),
-                    'label' in field.fieldComponentProps && typeof field.fieldComponentProps.label !== 'function' && getTranslation(field.fieldComponentProps.label || '', i18n)
+                    'label' in field && typeof field.label !== 'function' && getTranslation(field.label || '', i18n)
                 ]
             }),
             /*#__PURE__*/ _jsx(DiffViewer, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/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 { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nconst Text: React.FC<Props> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2)\n    if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2)\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field.fieldComponentProps &&\n          typeof field.fieldComponentProps.label !== 'function' &&\n          getTranslation(field.fieldComponentProps.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","fieldComponentProps","label"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAC7BC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,aAAa,KAAK,EAClBC,MAAM,EACNC,OAAO,EACR;IACC,IAAIC,cAAc;IAElB,IAAID,YAAYN,YAAYO,cAAc,CAAC,CAAC,EAAEJ,KAAKK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBV;IAEzB,IAAII,YAAY;QACd,IAAI,OAAOE,YAAY,UAAUG,kBAAkBE,KAAKC,SAAS,CAACN,SAAS,MAAM;QACjF,IAAI,OAAON,eAAe,UAAUU,qBAAqBC,KAAKC,SAAS,CAACZ,YAAY,MAAM;IAC5F;IAEA,qBACE,MAACa;QAAIC,WAAWhB;;0BACd,MAACH;;oBACEU,wBAAU,KAACU;wBAAKD,WAAW,CAAC,EAAEhB,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,WAAWH,MAAMc,mBAAmB,IACnC,OAAOd,MAAMc,mBAAmB,CAACC,KAAK,KAAK,cAC3CxB,eAAeS,MAAMc,mBAAmB,CAACC,KAAK,IAAI,IAAId;;;0BAE1D,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}
+{"version":3,"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Text/index.tsx"],"sourcesContent":["import type { TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DiffComponentProps } from '../types.js'\n\nimport Label from '../../Label/index.js'\nimport { diffStyles } from '../styles.js'\nimport { DiffViewer } from './DiffViewer/index.js'\nimport './index.scss'\n\nconst baseClass = 'text-diff'\n\nconst Text: React.FC<DiffComponentProps<TextFieldClient>> = ({\n  comparison,\n  diffMethod,\n  field,\n  i18n,\n  isRichText = false,\n  locale,\n  version,\n}) => {\n  let placeholder = ''\n\n  if (version === comparison) placeholder = `[${i18n.t('general:noValue')}]`\n\n  let versionToRender = version\n  let comparisonToRender = comparison\n\n  if (isRichText) {\n    if (typeof version === 'object') versionToRender = JSON.stringify(version, null, 2)\n    if (typeof comparison === 'object') comparisonToRender = JSON.stringify(comparison, null, 2)\n  }\n\n  return (\n    <div className={baseClass}>\n      <Label>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {'label' in field &&\n          typeof field.label !== 'function' &&\n          getTranslation(field.label || '', i18n)}\n      </Label>\n      <DiffViewer\n        comparisonToRender={comparisonToRender}\n        diffMethod={diffMethod}\n        diffStyles={diffStyles}\n        placeholder={placeholder}\n        versionToRender={versionToRender}\n      />\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["getTranslation","React","Label","diffStyles","DiffViewer","baseClass","Text","comparison","diffMethod","field","i18n","isRichText","locale","version","placeholder","t","versionToRender","comparisonToRender","JSON","stringify","div","className","span","label"],"mappings":";AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,WAAW,uBAAsB;AACxC,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,MAAMC,OAAsD,CAAC,EAC3DC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,aAAa,KAAK,EAClBC,MAAM,EACNC,OAAO,EACR;IACC,IAAIC,cAAc;IAElB,IAAID,YAAYN,YAAYO,cAAc,CAAC,CAAC,EAAEJ,KAAKK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAE1E,IAAIC,kBAAkBH;IACtB,IAAII,qBAAqBV;IAEzB,IAAII,YAAY;QACd,IAAI,OAAOE,YAAY,UAAUG,kBAAkBE,KAAKC,SAAS,CAACN,SAAS,MAAM;QACjF,IAAI,OAAON,eAAe,UAAUU,qBAAqBC,KAAKC,SAAS,CAACZ,YAAY,MAAM;IAC5F;IAEA,qBACE,MAACa;QAAIC,WAAWhB;;0BACd,MAACH;;oBACEU,wBAAU,KAACU;wBAAKD,WAAW,CAAC,EAAEhB,UAAU,cAAc,CAAC;kCAAGO;;oBAC1D,WAAWH,SACV,OAAOA,MAAMc,KAAK,KAAK,cACvBvB,eAAeS,MAAMc,KAAK,IAAI,IAAIb;;;0BAEtC,KAACN;gBACCa,oBAAoBA;gBACpBT,YAAYA;gBACZL,YAAYA;gBACZW,aAAaA;gBACbE,iBAAiBA;;;;AAIzB;AAEA,eAAeV,KAAI"}

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

@@ -1,30 +1,23 @@
-declare const _default: {
-    array: import("react").FC<import("./types.js").Props>;
-    blocks: import("react").FC<import("./types.js").Props>;
-    checkbox: import("react").FC<import("./types.js").Props>;
-    code: import("react").FC<import("./types.js").Props>;
-    collapsible: import("react").FC<import("./types.js").Props>;
-    date: import("react").FC<import("./types.js").Props>;
-    email: import("react").FC<import("./types.js").Props>;
-    group: import("react").FC<import("./types.js").Props>;
-    json: import("react").FC<import("./types.js").Props>;
-    number: import("react").FC<import("./types.js").Props>;
-    point: import("react").FC<import("./types.js").Props>;
-    radio: import("react").FC<Omit<import("./types.js").Props, "field"> & {
-        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
-    }>;
-    relationship: any;
-    richText: import("react").FC<import("./types.js").Props>;
-    row: import("react").FC<import("./types.js").Props>;
-    select: import("react").FC<Omit<import("./types.js").Props, "field"> & {
-        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").SelectFieldProps;
-    }>;
-    tabs: import("react").FC<Omit<import("./types.js").Props, "field"> & {
-        field: import("@payloadcms/ui").MappedField & import("@payloadcms/ui").TabsFieldProps;
-    }>;
-    text: import("react").FC<import("./types.js").Props>;
-    textarea: import("react").FC<import("./types.js").Props>;
-    upload: any;
+export declare const diffComponents: {
+    array: import("react").FC<import("./types.js").DiffComponentProps>;
+    blocks: import("react").FC<import("./types.js").DiffComponentProps>;
+    checkbox: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    code: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    collapsible: import("react").FC<import("./types.js").DiffComponentProps>;
+    date: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    email: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    group: import("react").FC<import("./types.js").DiffComponentProps>;
+    json: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    number: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    point: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    radio: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").SelectFieldClient>>;
+    relationship: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").PolymorphicRelationshipFieldClient>>;
+    richText: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    row: import("react").FC<import("./types.js").DiffComponentProps>;
+    select: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").SelectFieldClient>>;
+    tabs: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TabsFieldClient>>;
+    text: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    textarea: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").TextFieldClient>>;
+    upload: import("react").FC<import("./types.js").DiffComponentProps<import("packages/payload/src/index.js").PolymorphicRelationshipFieldClient>>;
 };
-export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqB1B,CAAA"}

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

@@ -1,9 +1,10 @@
 import Iterable from './Iterable/index.js';
 import Nested from './Nested/index.js';
+import Relationship from './Relationship/index.js';
 import Select from './Select/index.js';
 import Tabs from './Tabs/index.js';
 import Text from './Text/index.js';
-export default {
+export const diffComponents = {
     array: Iterable,
     blocks: Iterable,
     checkbox: Text,
@@ -16,14 +17,14 @@ export default {
     number: Text,
     point: Text,
     radio: Select,
-    relationship: null,
+    relationship: Relationship,
     richText: Text,
     row: Nested,
     select: Select,
     tabs: Tabs,
     text: Text,
     textarea: Text,
-    upload: null
+    upload: Relationship
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import Iterable from './Iterable/index.js'\nimport Nested from './Nested/index.js'\nimport Relationship from './Relationship/index.js'\nimport Select from './Select/index.js'\nimport Tabs from './Tabs/index.js'\nimport Text from './Text/index.js'\n\nexport default {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Nested,\n  date: Text,\n  email: Text,\n  group: Nested,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: null,\n  richText: Text,\n  row: Nested,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  upload: null,\n}\n"],"names":["Iterable","Nested","Select","Tabs","Text","array","blocks","checkbox","code","collapsible","date","email","group","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","upload"],"mappings":"AAAA,OAAOA,cAAc,sBAAqB;AAC1C,OAAOC,YAAY,oBAAmB;AAEtC,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,UAAU,kBAAiB;AAClC,OAAOC,UAAU,kBAAiB;AAElC,eAAe;IACbC,OAAOL;IACPM,QAAQN;IACRO,UAAUH;IACVI,MAAMJ;IACNK,aAAaR;IACbS,MAAMN;IACNO,OAAOP;IACPQ,OAAOX;IACPY,MAAMT;IACNU,QAAQV;IACRW,OAAOX;IACPY,OAAOd;IACPe,cAAc;IACdC,UAAUd;IACVe,KAAKlB;IACLmB,QAAQlB;IACRmB,MAAMlB;IACNmB,MAAMlB;IACNmB,UAAUnB;IACVoB,QAAQ;AACV,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import Iterable from './Iterable/index.js'\nimport Nested from './Nested/index.js'\nimport Relationship from './Relationship/index.js'\nimport Select from './Select/index.js'\nimport Tabs from './Tabs/index.js'\nimport Text from './Text/index.js'\n\nexport const diffComponents = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Nested,\n  date: Text,\n  email: Text,\n  group: Nested,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Nested,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  upload: Relationship,\n}\n"],"names":["Iterable","Nested","Relationship","Select","Tabs","Text","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","upload"],"mappings":"AAAA,OAAOA,cAAc,sBAAqB;AAC1C,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,kBAAkB,0BAAyB;AAClD,OAAOC,YAAY,oBAAmB;AACtC,OAAOC,UAAU,kBAAiB;AAClC,OAAOC,UAAU,kBAAiB;AAElC,OAAO,MAAMC,iBAAiB;IAC5BC,OAAOP;IACPQ,QAAQR;IACRS,UAAUJ;IACVK,MAAML;IACNM,aAAaV;IACbW,MAAMP;IACNQ,OAAOR;IACPS,OAAOb;IACPc,MAAMV;IACNW,QAAQX;IACRY,OAAOZ;IACPa,OAAOf;IACPgB,cAAcjB;IACdkB,UAAUf;IACVgB,KAAKpB;IACLqB,QAAQnB;IACRoB,MAAMnB;IACNoB,MAAMnB;IACNoB,UAAUpB;IACVqB,QAAQxB;AACV,EAAC"}

package/dist/views/Version/RenderFieldsToDiff/fields/types.d.ts

@@ -1,21 +1,20 @@
 import type { I18nClient } from '@payloadcms/translations';
-import type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FieldPermissions } from 'payload';
+import type { ClientField, FieldPermissions } from 'payload';
 import type React from 'react';
 import type { DiffMethod } from 'react-diff-viewer-continued';
-export type DiffComponents = Record<string, React.FC<Props>>;
-export type Props = {
-    comparison: any;
-    diffComponents: DiffComponents;
-    diffMethod?: DiffMethod;
-    disableGutter?: boolean;
-    field: MappedField;
-    fieldMap: FieldMap;
-    i18n: I18nClient;
-    isRichText?: boolean;
-    locale?: string;
-    locales?: string[];
-    permissions?: Record<string, FieldPermissions>;
-    version: any;
+export type DiffComponents = Record<string, React.FC<DiffComponentProps>>;
+export type DiffComponentProps<TField extends ClientField = ClientField> = {
+    readonly comparison: any;
+    readonly diffComponents: DiffComponents;
+    readonly diffMethod?: DiffMethod;
+    readonly disableGutter?: boolean;
+    readonly field: TField;
+    readonly fields: ClientField[];
+    readonly i18n: I18nClient;
+    readonly isRichText?: boolean;
+    readonly locale?: string;
+    readonly locales?: string[];
+    readonly permissions?: Record<string, FieldPermissions>;
+    readonly version: any;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/views/Version/RenderFieldsToDiff/fields/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,GAAG,CAAA;IACf,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC9C,OAAO,EAAE,GAAG,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAEzE,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,IAAI;IACzE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAA;IACxB,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAA;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAA;CACtB,CAAA"}

package/dist/views/Version/RenderFieldsToDiff/fields/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { FieldPermissions } from 'payload'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<Props>>\n\nexport type Props = {\n  comparison: any\n  diffComponents: DiffComponents\n  diffMethod?: DiffMethod\n  disableGutter?: boolean\n  field: MappedField\n  fieldMap: FieldMap\n  i18n: I18nClient\n  isRichText?: boolean\n  locale?: string\n  locales?: string[]\n  permissions?: Record<string, FieldPermissions>\n  version: any\n}\n"],"names":[],"mappings":"AAQA,WAaC"}
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } from 'payload'\nimport type React from 'react'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nexport type DiffComponents = Record<string, React.FC<DiffComponentProps>>\n\nexport type DiffComponentProps<TField extends ClientField = ClientField> = {\n  readonly comparison: any\n  readonly diffComponents: DiffComponents\n  readonly diffMethod?: DiffMethod\n  readonly disableGutter?: boolean\n  readonly field: TField\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly isRichText?: boolean\n  readonly locale?: string\n  readonly locales?: string[]\n  readonly permissions?: Record<string, FieldPermissions>\n  readonly version: any\n}\n"],"names":[],"mappings":"AAOA,WAaC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8HvC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -1,19 +1,23 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { fieldAffectsData } from 'payload/shared';
 import React from 'react';
 import Nested from './fields/Nested/index.js';
 import { diffMethods } from './fields/diffMethods.js';
 const baseClass = 'render-field-diffs';
-const RenderFieldsToDiff = ({ comparison, diffComponents, fieldMap, fieldPermissions, i18n, locales, version })=>{
+const RenderFieldsToDiff = ({ comparison, diffComponents: __diffComponents, fieldPermissions, fields, i18n, locales, version })=>{
+    // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.
+    // Without it, you could pass a UI field to the Tabs component, without it erroring
+    const diffComponents = __diffComponents;
     return /*#__PURE__*/ _jsx("div", {
         className: baseClass,
-        children: fieldMap?.map((field, i)=>{
+        children: fields?.map((field, i)=>{
             if ('name' in field && field.name === 'id') return null;
             const Component = diffComponents[field.type];
             const isRichText = field.type === 'richText';
             const diffMethod = diffMethods[field.type] || 'CHARS';
             if (Component) {
-                if (field.isFieldAffectingData && 'name' in field) {
+                if (fieldAffectsData(field)) {
                     const fieldName = field.name;
                     const valueIsObject = field.type === 'code' || field.type === 'json';
                     const versionValue = valueIsObject ? JSON.stringify(version?.[fieldName]) : version?.[fieldName];
@@ -26,8 +30,8 @@ const RenderFieldsToDiff = ({ comparison, diffComponents, fieldMap, fieldPermiss
                         diffComponents,
                         diffMethod,
                         field,
-                        fieldMap: 'fieldMap' in field.fieldComponentProps ? field.fieldComponentProps?.fieldMap : fieldMap,
                         fieldPermissions: subFieldPermissions,
+                        fields: 'fields' in field ? field?.fields : fields,
                         i18n,
                         isRichText,
                         locales,
@@ -67,26 +71,26 @@ const RenderFieldsToDiff = ({ comparison, diffComponents, fieldMap, fieldPermiss
                         })
                     }, i);
                 }
-                if (field.type === 'tabs' && 'fieldMap' in field.fieldComponentProps) {
+                if (field.type === 'tabs' && 'fields' in field) {
                     const Tabs = diffComponents.tabs;
                     return /*#__PURE__*/ _jsx(Tabs, {
                         comparison: comparison,
                         diffComponents: diffComponents,
                         field: field,
-                        fieldMap: field.fieldComponentProps.fieldMap,
+                        fields: [],
                         i18n: i18n,
                         locales: locales,
                         version: version
                     }, i);
                 }
                 // At this point, we are dealing with a `row`, etc
-                if ('fieldMap' in field.fieldComponentProps) {
+                if ('fields' in field) {
                     return /*#__PURE__*/ _jsx(Nested, {
                         comparison: comparison,
                         diffComponents: diffComponents,
                         disableGutter: true,
                         field: field,
-                        fieldMap: field.fieldComponentProps.fieldMap,
+                        fields: field.fields,
                         i18n: i18n,
                         locales: locales,
                         permissions: fieldPermissions,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport React from 'react'\n\nimport type { FieldDiffProps, Props } from './types.js'\n\nimport Nested from './fields/Nested/index.js'\nimport { diffMethods } from './fields/diffMethods.js'\nimport './index.scss'\n\nconst baseClass = 'render-field-diffs'\n\nconst RenderFieldsToDiff: React.FC<Props> = ({\n  comparison,\n  diffComponents,\n  fieldMap,\n  fieldPermissions,\n  i18n,\n  locales,\n  version,\n}) => {\n  return (\n    <div className={baseClass}>\n      {fieldMap?.map((field, i) => {\n        if ('name' in field && field.name === 'id') return null\n\n        const Component = diffComponents[field.type]\n\n        const isRichText = field.type === 'richText'\n        const diffMethod: DiffMethod = diffMethods[field.type] || 'CHARS'\n\n        if (Component) {\n          if (field.isFieldAffectingData && 'name' in field) {\n            const fieldName = field.name\n            const valueIsObject = field.type === 'code' || field.type === 'json'\n\n            const versionValue = valueIsObject\n              ? JSON.stringify(version?.[fieldName])\n              : version?.[fieldName]\n\n            const comparisonValue = valueIsObject\n              ? JSON.stringify(comparison?.[fieldName])\n              : comparison?.[fieldName]\n\n            const hasPermission = fieldPermissions?.[fieldName]?.read?.permission\n\n            const subFieldPermissions = fieldPermissions?.[fieldName]?.fields\n\n            if (hasPermission === false) return null\n\n            const baseCellProps: FieldDiffProps = {\n              comparison: comparisonValue,\n              diffComponents,\n              diffMethod,\n              field,\n              fieldMap:\n                'fieldMap' in field.fieldComponentProps\n                  ? field.fieldComponentProps?.fieldMap\n                  : fieldMap,\n              fieldPermissions: subFieldPermissions,\n              i18n,\n              isRichText,\n              locales,\n              version: versionValue,\n            }\n\n            if (field.localized) {\n              return (\n                <div className={`${baseClass}__field`} key={i}>\n                  {locales.map((locale, index) => {\n                    const versionLocaleValue = versionValue?.[locale]\n                    const comparisonLocaleValue = comparisonValue?.[locale]\n\n                    const cellProps = {\n                      ...baseCellProps,\n                      comparison: comparisonLocaleValue,\n                      version: versionLocaleValue,\n                    }\n\n                    return (\n                      <div className={`${baseClass}__locale`} key={[locale, index].join('-')}>\n                        <div className={`${baseClass}__locale-value`}>\n                          <Component {...cellProps} locale={locale} />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              )\n            }\n\n            return (\n              <div className={`${baseClass}__field`} key={i}>\n                <Component {...baseCellProps} />\n              </div>\n            )\n          }\n\n          if (field.type === 'tabs' && 'fieldMap' in field.fieldComponentProps) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\n                fieldMap={field.fieldComponentProps.fieldMap}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n\n          // At this point, we are dealing with a `row`, etc\n          if ('fieldMap' in field.fieldComponentProps) {\n            return (\n              <Nested\n                comparison={comparison}\n                diffComponents={diffComponents}\n                disableGutter\n                field={field}\n                fieldMap={field.fieldComponentProps.fieldMap}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                permissions={fieldPermissions}\n                version={version}\n              />\n            )\n          }\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\nexport default RenderFieldsToDiff\n"],"names":["React","Nested","diffMethods","baseClass","RenderFieldsToDiff","comparison","diffComponents","fieldMap","fieldPermissions","i18n","locales","version","div","className","map","field","i","name","Component","type","isRichText","diffMethod","isFieldAffectingData","fieldName","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","permission","subFieldPermissions","fields","baseCellProps","fieldComponentProps","localized","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter","permissions"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["'use client'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport { UIFieldClient } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport React from 'react'\n\nimport type { diffComponents as _diffComponents } from './fields/index.js'\nimport type { FieldDiffProps, Props } from './types.js'\n\nimport Nested from './fields/Nested/index.js'\nimport { diffMethods } from './fields/diffMethods.js'\nimport './index.scss'\n\nconst baseClass = 'render-field-diffs'\n\nconst RenderFieldsToDiff: React.FC<Props> = ({\n  comparison,\n  diffComponents: __diffComponents,\n  fieldPermissions,\n  fields,\n  i18n,\n  locales,\n  version,\n}) => {\n  // typing it as `as typeof _diffComponents` here ensures the TField generics of DiffComponentProps are respected.\n  // Without it, you could pass a UI field to the Tabs component, without it erroring\n  const diffComponents: typeof _diffComponents = __diffComponents as typeof _diffComponents\n  return (\n    <div className={baseClass}>\n      {fields?.map((field, i) => {\n        if ('name' in field && field.name === 'id') return null\n\n        const Component = diffComponents[field.type]\n\n        const isRichText = field.type === 'richText'\n        const diffMethod: DiffMethod = diffMethods[field.type] || 'CHARS'\n\n        if (Component) {\n          if (fieldAffectsData(field)) {\n            const fieldName = field.name\n            const valueIsObject = field.type === 'code' || field.type === 'json'\n\n            const versionValue = valueIsObject\n              ? JSON.stringify(version?.[fieldName])\n              : version?.[fieldName]\n\n            const comparisonValue = valueIsObject\n              ? JSON.stringify(comparison?.[fieldName])\n              : comparison?.[fieldName]\n\n            const hasPermission = fieldPermissions?.[fieldName]?.read?.permission\n\n            const subFieldPermissions = fieldPermissions?.[fieldName]?.fields\n\n            if (hasPermission === false) return null\n\n            const baseCellProps: FieldDiffProps = {\n              comparison: comparisonValue,\n              diffComponents,\n              diffMethod,\n              field,\n              fieldPermissions: subFieldPermissions,\n              fields: 'fields' in field ? field?.fields : fields,\n              i18n,\n              isRichText,\n              locales,\n              version: versionValue,\n            }\n\n            if (field.localized) {\n              return (\n                <div className={`${baseClass}__field`} key={i}>\n                  {locales.map((locale, index) => {\n                    const versionLocaleValue = versionValue?.[locale]\n                    const comparisonLocaleValue = comparisonValue?.[locale]\n\n                    const cellProps = {\n                      ...baseCellProps,\n                      comparison: comparisonLocaleValue,\n                      version: versionLocaleValue,\n                    }\n\n                    return (\n                      <div className={`${baseClass}__locale`} key={[locale, index].join('-')}>\n                        <div className={`${baseClass}__locale-value`}>\n                          <Component {...cellProps} locale={locale} />\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              )\n            }\n\n            return (\n              <div className={`${baseClass}__field`} key={i}>\n                <Component {...baseCellProps} />\n              </div>\n            )\n          }\n\n          if (field.type === 'tabs' && 'fields' in field) {\n            const Tabs = diffComponents.tabs\n\n            return (\n              <Tabs\n                comparison={comparison}\n                diffComponents={diffComponents}\n                field={field}\n                fields={[]}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                version={version}\n              />\n            )\n          }\n\n          // At this point, we are dealing with a `row`, etc\n          if ('fields' in field) {\n            return (\n              <Nested\n                comparison={comparison}\n                diffComponents={diffComponents}\n                disableGutter\n                field={field}\n                fields={field.fields}\n                i18n={i18n}\n                key={i}\n                locales={locales}\n                permissions={fieldPermissions}\n                version={version}\n              />\n            )\n          }\n        }\n\n        return null\n      })}\n    </div>\n  )\n}\n\nexport default RenderFieldsToDiff\n"],"names":["fieldAffectsData","React","Nested","diffMethods","baseClass","RenderFieldsToDiff","comparison","diffComponents","__diffComponents","fieldPermissions","fields","i18n","locales","version","div","className","map","field","i","name","Component","type","isRichText","diffMethod","fieldName","valueIsObject","versionValue","JSON","stringify","comparisonValue","hasPermission","read","permission","subFieldPermissions","baseCellProps","localized","locale","index","versionLocaleValue","comparisonLocaleValue","cellProps","join","Tabs","tabs","disableGutter","permissions"],"mappings":"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"}

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

@@ -1,20 +1,19 @@
 import type { I18nClient } from '@payloadcms/translations';
-import type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FieldPermissions } from 'payload';
+import type { ClientField, FieldPermissions } from 'payload';
 import type { DiffMethod } from 'react-diff-viewer-continued';
 import type { DiffComponents } from './fields/types.js';
 export type Props = {
-    comparison: Record<string, any>;
-    diffComponents: DiffComponents;
-    fieldMap: FieldMap;
-    fieldPermissions: Record<string, FieldPermissions>;
-    i18n: I18nClient;
-    locales: string[];
-    version: Record<string, any>;
+    readonly comparison: Record<string, any>;
+    readonly diffComponents: DiffComponents;
+    readonly fieldPermissions: Record<string, FieldPermissions>;
+    readonly fields: ClientField[];
+    readonly i18n: I18nClient;
+    readonly locales: string[];
+    readonly version: Record<string, any>;
 };
-export type FieldDiffProps = Props & {
+export type FieldDiffProps = {
     diffMethod: DiffMethod;
-    field: MappedField;
+    field: ClientField;
     isRichText: boolean;
-};
+} & Props;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAA;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAClD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,WAAW,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACxC,QAAQ,CAAC,cAAc,EAAE,cAAc,CAAA;IACvC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC3D,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,WAAW,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { FieldMap, MappedField } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { FieldPermissions } from 'payload'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport type { DiffComponents } from './fields/types.js'\n\nexport type Props = {\n  comparison: Record<string, any>\n  diffComponents: DiffComponents\n  fieldMap: FieldMap\n  fieldPermissions: Record<string, FieldPermissions>\n  i18n: I18nClient\n  locales: string[]\n  version: Record<string, any>\n}\n\nexport type FieldDiffProps = Props & {\n  diffMethod: DiffMethod\n  field: MappedField\n  isRichText: boolean\n}\n"],"names":[],"mappings":"AAiBA,WAIC"}
+{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, FieldPermissions } from 'payload'\nimport type { DiffMethod } from 'react-diff-viewer-continued'\n\nimport type { DiffComponents } from './fields/types.js'\n\nexport type Props = {\n  readonly comparison: Record<string, any>\n  readonly diffComponents: DiffComponents\n  readonly fieldPermissions: Record<string, FieldPermissions>\n  readonly fields: ClientField[]\n  readonly i18n: I18nClient\n  readonly locales: string[]\n  readonly version: Record<string, any>\n}\n\nexport type FieldDiffProps = {\n  diffMethod: DiffMethod\n  field: ClientField\n  isRichText: boolean\n} & Props\n"],"names":[],"mappings":"AAgBA,WAIS"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgF5B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgH5B,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,33 +1,41 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, Modal, Pill, useConfig, useModal, useTranslation } from '@payloadcms/ui';
-import { requests } from '@payloadcms/ui/shared';
+import { Button, ChevronIcon, Modal, Pill, Popup, PopupList, useConfig, useModal, useTranslation } from '@payloadcms/ui';
+import { formatAdminURL, requests } from '@payloadcms/ui/shared';
 import { useRouter } from 'next/navigation.js';
 import React, { Fragment, useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { MinimalTemplate } from '../../../templates/Minimal/index.js';
 const baseClass = 'restore-version';
 const modalSlug = 'restore-version';
-const Restore = ({ className, collectionSlug, globalSlug, label, originalDocID, versionDate, versionID })=>{
-    const { routes: { admin, api }, serverURL } = useConfig();
+const Restore = ({ className, collectionSlug, globalSlug, label, originalDocID, status, versionDate, versionID })=>{
+    const { config: { routes: { admin: adminRoute, api: apiRoute }, serverURL } } = useConfig();
     const { toggleModal } = useModal();
     const [processing, setProcessing] = useState(false);
     const router = useRouter();
     const { i18n, t } = useTranslation();
+    const [draft, setDraft] = useState(false);
     const restoreMessage = t('version:aboutToRestoreGlobal', {
         label: getTranslation(label, i18n),
         versionDate
     });
-    let fetchURL = `${serverURL}${api}`;
+    let fetchURL = `${serverURL}${apiRoute}`;
     let redirectURL;
+    const canRestoreAsDraft = status !== 'draft';
     if (collectionSlug) {
-        fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}`;
-        redirectURL = `${admin}/collections/${collectionSlug}/${originalDocID}`;
+        fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`;
+        redirectURL = formatAdminURL({
+            adminRoute,
+            path: `/collections/${collectionSlug}/${originalDocID}`
+        });
     }
     if (globalSlug) {
-        fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}`;
-        redirectURL = `${admin}/globals/${globalSlug}`;
+        fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`;
+        redirectURL = formatAdminURL({
+            adminRoute,
+            path: `/globals/${globalSlug}`
+        });
     }
     const handleRestore = useCallback(async ()=>{
         setProcessing(true);
@@ -52,13 +60,38 @@ const Restore = ({ className, collectionSlug, globalSlug, label, originalDocID,
     ]);
     return /*#__PURE__*/ _jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Pill, {
+            /*#__PURE__*/ _jsxs("div", {
                 className: [
                     baseClass,
                     className
                 ].filter(Boolean).join(' '),
-                onClick: ()=>toggleModal(modalSlug),
-                children: t('version:restoreThisVersion')
+                children: [
+                    /*#__PURE__*/ _jsx(Pill, {
+                        className: [
+                            canRestoreAsDraft && `${baseClass}__button`
+                        ].filter(Boolean).join(' '),
+                        onClick: ()=>toggleModal(modalSlug),
+                        children: t('version:restoreThisVersion')
+                    }),
+                    canRestoreAsDraft && /*#__PURE__*/ _jsx(Popup, {
+                        button: /*#__PURE__*/ _jsx(Pill, {
+                            className: `${baseClass}__chevron`,
+                            children: /*#__PURE__*/ _jsx(ChevronIcon, {})
+                        }),
+                        caret: false,
+                        render: ()=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
+                                children: /*#__PURE__*/ _jsx(PopupList.Button, {
+                                    onClick: ()=>[
+                                            setDraft(true),
+                                            toggleModal(modalSlug)
+                                        ],
+                                    children: t('version:restoreAsDraft')
+                                })
+                            }),
+                        size: "large",
+                        verticalAlign: "bottom"
+                    })
+                ]
             }),
             /*#__PURE__*/ _jsx(Modal, {
                 className: `${baseClass}__modal`,
@@ -79,7 +112,7 @@ const Restore = ({ className, collectionSlug, globalSlug, label, originalDocID,
                             children: t('general:cancel')
                         }),
                         /*#__PURE__*/ _jsx(Button, {
-                            onClick: processing ? undefined : handleRestore,
+                            onClick: processing ? undefined : ()=>void handleRestore(),
                             children: processing ? t('version:restoring') : t('general:confirm')
                         })
                     ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Modal, Pill, useConfig, useModal, useTranslation } from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { MinimalTemplate } from '../../../templates/Minimal/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\nconst Restore: React.FC<Props> = ({\n  className,\n  collectionSlug,\n  globalSlug,\n  label,\n  originalDocID,\n  versionDate,\n  versionID,\n}) => {\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const [processing, setProcessing] = useState(false)\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate,\n  })\n\n  let fetchURL = `${serverURL}${api}`\n  let redirectURL: string\n\n  if (collectionSlug) {\n    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}`\n    redirectURL = `${admin}/collections/${collectionSlug}/${originalDocID}`\n  }\n\n  if (globalSlug) {\n    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}`\n    redirectURL = `${admin}/globals/${globalSlug}`\n  }\n\n  const handleRestore = useCallback(async () => {\n    setProcessing(true)\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      router.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n, router])\n\n  return (\n    <Fragment>\n      <Pill\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        onClick={() => toggleModal(modalSlug)}\n      >\n        {t('version:restoreThisVersion')}\n      </Pill>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__modal-template`}>\n          <h1>{t('version:confirmVersionRestoration')}</h1>\n          <p>{restoreMessage}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={processing ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button onClick={processing ? undefined : handleRestore}>\n            {processing ? t('version:restoring') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"names":["getTranslation","Button","Modal","Pill","useConfig","useModal","useTranslation","requests","useRouter","React","Fragment","useCallback","useState","toast","MinimalTemplate","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","versionDate","versionID","routes","admin","api","serverURL","toggleModal","processing","setProcessing","router","i18n","t","restoreMessage","fetchURL","redirectURL","handleRestore","res","post","headers","language","status","json","success","message","push","error","filter","Boolean","join","onClick","slug","h1","p","buttonStyle","undefined","type"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AACzF,SAASC,QAAQ,QAAQ,wBAAuB;AAChD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAC9D,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,eAAe,QAAQ,sCAAqC;AAGrE,MAAMC,YAAY;AAClB,MAAMC,YAAY;AAElB,MAAMC,UAA2B,CAAC,EAChCC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,SAAS,EACV;IACC,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,GAAG,EAAE,EACtBC,SAAS,EACV,GAAGxB;IACJ,MAAM,EAAEyB,WAAW,EAAE,GAAGxB;IACxB,MAAM,CAACyB,YAAYC,cAAc,GAAGnB,SAAS;IAC7C,MAAMoB,SAASxB;IACf,MAAM,EAAEyB,IAAI,EAAEC,CAAC,EAAE,GAAG5B;IAEpB,MAAM6B,iBAAiBD,EAAE,gCAAgC;QACvDb,OAAOrB,eAAeqB,OAAOY;QAC7BV;IACF;IAEA,IAAIa,WAAW,CAAC,EAAER,UAAU,EAAED,IAAI,CAAC;IACnC,IAAIU;IAEJ,IAAIlB,gBAAgB;QAClBiB,WAAW,CAAC,EAAEA,SAAS,CAAC,EAAEjB,eAAe,UAAU,EAAEK,UAAU,CAAC;QAChEa,cAAc,CAAC,EAAEX,MAAM,aAAa,EAAEP,eAAe,CAAC,EAAEG,cAAc,CAAC;IACzE;IAEA,IAAIF,YAAY;QACdgB,WAAW,CAAC,EAAEA,SAAS,SAAS,EAAEhB,WAAW,UAAU,EAAEI,UAAU,CAAC;QACpEa,cAAc,CAAC,EAAEX,MAAM,SAAS,EAAEN,WAAW,CAAC;IAChD;IAEA,MAAMkB,gBAAgB3B,YAAY;QAChCoB,cAAc;QAEd,MAAMQ,MAAM,MAAMhC,SAASiC,IAAI,CAACJ,UAAU;YACxCK,SAAS;gBACP,mBAAmBR,KAAKS,QAAQ;YAClC;QACF;QAEA,IAAIH,IAAII,MAAM,KAAK,KAAK;YACtB,MAAMC,OAAO,MAAML,IAAIK,IAAI;YAC3B/B,MAAMgC,OAAO,CAACD,KAAKE,OAAO;YAC1Bd,OAAOe,IAAI,CAACV;QACd,OAAO;YACLxB,MAAMmC,KAAK,CAACd,EAAE;QAChB;IACF,GAAG;QAACE;QAAUC;QAAaH;QAAGD;QAAMD;KAAO;IAE3C,qBACE,MAACtB;;0BACC,KAACP;gBACCe,WAAW;oBAACH;oBAAWG;iBAAU,CAAC+B,MAAM,CAACC,SAASC,IAAI,CAAC;gBACvDC,SAAS,IAAMvB,YAAYb;0BAE1BkB,EAAE;;0BAEL,KAAChC;gBAAMgB,WAAW,CAAC,EAAEH,UAAU,OAAO,CAAC;gBAAEsC,MAAMrC;0BAC7C,cAAA,MAACF;oBAAgBI,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;;sCACxD,KAACuC;sCAAIpB,EAAE;;sCACP,KAACqB;sCAAGpB;;sCACJ,KAAClC;4BACCuD,aAAY;4BACZJ,SAAStB,aAAa2B,YAAY,IAAM5B,YAAYb;4BACpD0C,MAAK;sCAEJxB,EAAE;;sCAEL,KAACjC;4BAAOmD,SAAStB,aAAa2B,YAAYnB;sCACvCR,aAAaI,EAAE,uBAAuBA,EAAE;;;;;;;AAMrD;AAEA,eAAejB,QAAO"}
+{"version":3,"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ChevronIcon,\n  Modal,\n  Pill,\n  Popup,\n  PopupList,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL, requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { MinimalTemplate } from '../../../templates/Minimal/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\nconst Restore: React.FC<Props> = ({\n  className,\n  collectionSlug,\n  globalSlug,\n  label,\n  originalDocID,\n  status,\n  versionDate,\n  versionID,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { toggleModal } = useModal()\n  const [processing, setProcessing] = useState(false)\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate,\n  })\n\n  let fetchURL = `${serverURL}${apiRoute}`\n  let redirectURL: string\n  const canRestoreAsDraft = status !== 'draft'\n\n  if (collectionSlug) {\n    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${originalDocID}`,\n    })\n  }\n\n  if (globalSlug) {\n    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`\n    redirectURL = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}`,\n    })\n  }\n\n  const handleRestore = useCallback(async () => {\n    setProcessing(true)\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      router.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n, router])\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Pill\n          className={[canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n        >\n          {t('version:restoreThisVersion')}\n        </Pill>\n        {canRestoreAsDraft && (\n          <Popup\n            button={\n              <Pill className={`${baseClass}__chevron`}>\n                <ChevronIcon />\n              </Pill>\n            }\n            caret={false}\n            render={() => (\n              <PopupList.ButtonGroup>\n                <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                  {t('version:restoreAsDraft')}\n                </PopupList.Button>\n              </PopupList.ButtonGroup>\n            )}\n            size=\"large\"\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__modal-template`}>\n          <h1>{t('version:confirmVersionRestoration')}</h1>\n          <p>{restoreMessage}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={processing ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button onClick={processing ? undefined : () => void handleRestore()}>\n            {processing ? t('version:restoring') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"names":["getTranslation","Button","ChevronIcon","Modal","Pill","Popup","PopupList","useConfig","useModal","useTranslation","formatAdminURL","requests","useRouter","React","Fragment","useCallback","useState","toast","MinimalTemplate","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","toggleModal","processing","setProcessing","router","i18n","t","draft","setDraft","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","path","handleRestore","res","post","headers","language","json","success","message","push","error","div","filter","Boolean","join","onClick","button","caret","render","ButtonGroup","size","verticalAlign","slug","h1","p","buttonStyle","undefined","type"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,EAAEC,QAAQ,QAAQ,wBAAuB;AAChE,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAC9D,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,eAAe,QAAQ,sCAAqC;AAGrE,MAAMC,YAAY;AAClB,MAAMC,YAAY;AAElB,MAAMC,UAA2B,CAAC,EAChCC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,KAAK,EACLC,aAAa,EACbC,MAAM,EACNC,WAAW,EACXC,SAAS,EACV;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,EACF,GAAG7B;IAEJ,MAAM,EAAE8B,WAAW,EAAE,GAAG7B;IACxB,MAAM,CAAC8B,YAAYC,cAAc,GAAGvB,SAAS;IAC7C,MAAMwB,SAAS5B;IACf,MAAM,EAAE6B,IAAI,EAAEC,CAAC,EAAE,GAAGjC;IACpB,MAAM,CAACkC,OAAOC,SAAS,GAAG5B,SAAS;IAEnC,MAAM6B,iBAAiBH,EAAE,gCAAgC;QACvDjB,OAAOzB,eAAeyB,OAAOgB;QAC7Bb;IACF;IAEA,IAAIkB,WAAW,CAAC,EAAEV,UAAU,EAAED,SAAS,CAAC;IACxC,IAAIY;IACJ,MAAMC,oBAAoBrB,WAAW;IAErC,IAAIJ,gBAAgB;QAClBuB,WAAW,CAAC,EAAEA,SAAS,CAAC,EAAEvB,eAAe,UAAU,EAAEM,UAAU,OAAO,EAAEc,MAAM,CAAC;QAC/EI,cAAcrC,eAAe;YAC3BuB;YACAgB,MAAM,CAAC,aAAa,EAAE1B,eAAe,CAAC,EAAEG,cAAc,CAAC;QACzD;IACF;IAEA,IAAIF,YAAY;QACdsB,WAAW,CAAC,EAAEA,SAAS,SAAS,EAAEtB,WAAW,UAAU,EAAEK,UAAU,OAAO,EAAEc,MAAM,CAAC;QACnFI,cAAcrC,eAAe;YAC3BuB;YACAgB,MAAM,CAAC,SAAS,EAAEzB,WAAW,CAAC;QAChC;IACF;IAEA,MAAM0B,gBAAgBnC,YAAY;QAChCwB,cAAc;QAEd,MAAMY,MAAM,MAAMxC,SAASyC,IAAI,CAACN,UAAU;YACxCO,SAAS;gBACP,mBAAmBZ,KAAKa,QAAQ;YAClC;QACF;QAEA,IAAIH,IAAIxB,MAAM,KAAK,KAAK;YACtB,MAAM4B,OAAO,MAAMJ,IAAII,IAAI;YAC3BtC,MAAMuC,OAAO,CAACD,KAAKE,OAAO;YAC1BjB,OAAOkB,IAAI,CAACX;QACd,OAAO;YACL9B,MAAM0C,KAAK,CAACjB,EAAE;QAChB;IACF,GAAG;QAACI;QAAUC;QAAaL;QAAGD;QAAMD;KAAO;IAC3C,qBACE,MAAC1B;;0BACC,MAAC8C;gBAAItC,WAAW;oBAACH;oBAAWG;iBAAU,CAACuC,MAAM,CAACC,SAASC,IAAI,CAAC;;kCAC1D,KAAC3D;wBACCkB,WAAW;4BAAC0B,qBAAqB,CAAC,EAAE7B,UAAU,QAAQ,CAAC;yBAAC,CAAC0C,MAAM,CAACC,SAASC,IAAI,CAAC;wBAC9EC,SAAS,IAAM3B,YAAYjB;kCAE1BsB,EAAE;;oBAEJM,mCACC,KAAC3C;wBACC4D,sBACE,KAAC7D;4BAAKkB,WAAW,CAAC,EAAEH,UAAU,SAAS,CAAC;sCACtC,cAAA,KAACjB;;wBAGLgE,OAAO;wBACPC,QAAQ,kBACN,KAAC7D,UAAU8D,WAAW;0CACpB,cAAA,KAAC9D,UAAUL,MAAM;oCAAC+D,SAAS,IAAM;4CAACpB,SAAS;4CAAOP,YAAYjB;yCAAW;8CACtEsB,EAAE;;;wBAIT2B,MAAK;wBACLC,eAAc;;;;0BAIpB,KAACnE;gBAAMmB,WAAW,CAAC,EAAEH,UAAU,OAAO,CAAC;gBAAEoD,MAAMnD;0BAC7C,cAAA,MAACF;oBAAgBI,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;;sCACxD,KAACqD;sCAAI9B,EAAE;;sCACP,KAAC+B;sCAAG5B;;sCACJ,KAAC5C;4BACCyE,aAAY;4BACZV,SAAS1B,aAAaqC,YAAY,IAAMtC,YAAYjB;4BACpDwD,MAAK;sCAEJlC,EAAE;;sCAEL,KAACzC;4BAAO+D,SAAS1B,aAAaqC,YAAY,IAAM,KAAKzB;sCAClDZ,aAAaI,EAAE,uBAAuBA,EAAE;;;;;;;AAMrD;AAEA,eAAerB,QAAO"}

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

@@ -2,6 +2,37 @@
 
 .restore-version {
   cursor: pointer;
+  display: flex;
+
+  .popup-button {
+    display: flex;
+  }
+
+  &__chevron {
+    background-color: var(--theme-elevation-150);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    cursor: pointer;
+
+    .stroke {
+      stroke-width: 1px;
+    }
+
+    &:hover {
+      background: var(--theme-elevation-100);
+    }
+  }
+
+  &__button {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+    margin-right: 2px;
+
+    &:focus {
+      border-radius: 0;
+      outline-offset: 0;
+    }
+  }
 
   &__modal {
     @include blur-bg;

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

@@ -5,6 +5,7 @@ export type Props = {
     globalSlug?: SanitizedGlobalConfig['slug'];
     label: SanitizedCollectionConfig['labels']['singular'];
     originalDocID: number | string;
+    status?: string;
     versionDate: string;
     versionID: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/E,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,KAAK,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/E,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,KAAK,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}