@payloadcms/next 3.43.0-internal.c5bbc84 → 3.43.0

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

@@ -0,0 +1,24 @@
+import type { FileData, PayloadRequest, TypeWithID, UploadField, UploadFieldDiffServerComponent } from 'payload';
+import { type I18nClient } from '@payloadcms/translations';
+import './index.scss';
+import React from 'react';
+export declare const Upload: UploadFieldDiffServerComponent;
+export declare const HasManyUploadDiff: React.FC<{
+    field: UploadField;
+    i18n: I18nClient;
+    locale: string;
+    nestingLevel?: number;
+    req: PayloadRequest;
+    valueFrom: Array<FileData & TypeWithID>;
+    valueTo: Array<FileData & TypeWithID>;
+}>;
+export declare const SingleUploadDiff: React.FC<{
+    field: UploadField;
+    i18n: I18nClient;
+    locale: string;
+    nestingLevel?: number;
+    req: PayloadRequest;
+    valueFrom: FileData & TypeWithID;
+    valueTo: FileData & TypeWithID;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,8BAA8B,EAC/B,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1E,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,MAAM,EAAE,8BAoCpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAA;IACvC,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAA;CACtC,CAqEA,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE,QAAQ,GAAG,UAAU,CAAA;IAChC,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC/B,CAyDA,CAAA"}

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

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
+import React from 'react';
+const baseClass = 'upload-diff';
+export const Upload = args => {
+  const {
+    comparisonValue: valueFrom,
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    req,
+    versionValue: valueTo
+  } = args;
+  if ('hasMany' in field && field.hasMany && Array.isArray(valueTo)) {
+    return /*#__PURE__*/_jsx(HasManyUploadDiff, {
+      field: field,
+      i18n: i18n,
+      locale: locale,
+      nestingLevel: nestingLevel,
+      req: req,
+      valueFrom: valueFrom,
+      valueTo: valueTo
+    });
+  }
+  return /*#__PURE__*/_jsx(SingleUploadDiff, {
+    field: field,
+    i18n: i18n,
+    locale: locale,
+    nestingLevel: nestingLevel,
+    req: req,
+    valueFrom: valueFrom,
+    valueTo: valueTo
+  });
+};
+export const HasManyUploadDiff = async args => {
+  const {
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    req,
+    valueFrom,
+    valueTo
+  } = args;
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  let From = '';
+  let To = '';
+  const showCollectionSlug = Array.isArray(field.relationTo);
+  const FromComponents = valueFrom ? valueFrom.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: uploadDoc
+  }, uploadDoc.id)) : null;
+  const ToComponents = valueTo ? valueTo.map(uploadDoc => /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: uploadDoc
+  }, uploadDoc.id)) : null;
+  const diffResult = getHTMLDiffComponents({
+    fromHTML: `<div class="${baseClass}-hasMany">` + (FromComponents ? FromComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+    toHTML: `<div class="${baseClass}-hasMany">` + (ToComponents ? ToComponents.map(component => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`).join('') : '') + '</div>',
+    tokenizeByCharacter: false
+  });
+  From = diffResult.From;
+  To = diffResult.To;
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasMany`,
+    From: From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: To
+  });
+};
+export const SingleUploadDiff = async args => {
+  const {
+    field,
+    i18n,
+    locale,
+    nestingLevel,
+    req,
+    valueFrom,
+    valueTo
+  } = args;
+  const ReactDOMServer = (await import('react-dom/server')).default;
+  let From = '';
+  let To = '';
+  const showCollectionSlug = Array.isArray(field.relationTo);
+  const FromComponent = valueFrom ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: valueFrom
+  }) : null;
+  const ToComponent = valueTo ? /*#__PURE__*/_jsx(UploadDocumentDiff, {
+    i18n: i18n,
+    relationTo: field.relationTo,
+    req: req,
+    showCollectionSlug: showCollectionSlug,
+    uploadDoc: valueTo
+  }) : null;
+  const fromHtml = FromComponent ? ReactDOMServer.renderToStaticMarkup(FromComponent) : '<p>' + '' + '</p>';
+  const toHtml = ToComponent ? ReactDOMServer.renderToStaticMarkup(ToComponent) : '<p>' + '' + '</p>';
+  const diffResult = getHTMLDiffComponents({
+    fromHTML: fromHtml,
+    toHTML: toHtml,
+    tokenizeByCharacter: false
+  });
+  From = diffResult.From;
+  To = diffResult.To;
+  return /*#__PURE__*/_jsx(FieldDiffContainer, {
+    className: `${baseClass}-container ${baseClass}-container--hasOne`,
+    From: From,
+    i18n: i18n,
+    label: {
+      label: field.label,
+      locale
+    },
+    nestingLevel: nestingLevel,
+    To: To
+  });
+};
+const UploadDocumentDiff = args => {
+  const {
+    i18n,
+    relationTo,
+    req,
+    showCollectionSlug,
+    uploadDoc
+  } = args;
+  const thumbnailSRC = 'thumbnailURL' in uploadDoc && uploadDoc?.thumbnailURL || uploadDoc?.url || '';
+  let pillLabel = null;
+  if (showCollectionSlug) {
+    const uploadConfig = req.payload.collections[relationTo].config;
+    pillLabel = uploadConfig.labels?.singular ? getTranslation(uploadConfig.labels.singular, i18n) : uploadConfig.slug;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: `${baseClass}`,
+    "data-enable-match": "true",
+    "data-id": uploadDoc?.id,
+    "data-relation-to": relationTo,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__card`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__thumbnail`,
+        children: thumbnailSRC?.length ? /*#__PURE__*/_jsx("img", {
+          alt: uploadDoc?.filename,
+          src: thumbnailSRC
+        }) : /*#__PURE__*/_jsx(File, {})
+      }), pillLabel && /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__pill`,
+        "data-enable-match": "false",
+        children: /*#__PURE__*/_jsx("span", {
+          children: pillLabel
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__info`,
+        "data-enable-match": "false",
+        children: /*#__PURE__*/_jsx("strong", {
+          children: uploadDoc?.filename
+        })
+      })]
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","FieldDiffContainer","File","getHTMLDiffComponents","React","baseClass","Upload","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","hasMany","Array","isArray","_jsx","HasManyUploadDiff","SingleUploadDiff","ReactDOMServer","default","From","To","showCollectionSlug","relationTo","FromComponents","map","uploadDoc","UploadDocumentDiff","id","ToComponents","diffResult","fromHTML","component","renderToStaticMarkup","join","toHTML","tokenizeByCharacter","className","label","FromComponent","ToComponent","fromHtml","toHtml","thumbnailSRC","thumbnailURL","url","pillLabel","uploadConfig","payload","collections","config","labels","singular","slug","_jsxs","length","alt","filename","src"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Upload/index.tsx"],"sourcesContent":["import type {\n  FileData,\n  PayloadRequest,\n  TypeWithID,\n  UploadField,\n  UploadFieldDiffServerComponent,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { FieldDiffContainer, File, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'upload-diff'\n\nexport const Upload: UploadFieldDiffServerComponent = (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n\n  if ('hasMany' in field && field.hasMany && Array.isArray(valueTo)) {\n    return (\n      <HasManyUploadDiff\n        field={field}\n        i18n={i18n}\n        locale={locale}\n        nestingLevel={nestingLevel}\n        req={req}\n        valueFrom={valueFrom as any}\n        valueTo={valueTo as any}\n      />\n    )\n  }\n\n  return (\n    <SingleUploadDiff\n      field={field}\n      i18n={i18n}\n      locale={locale}\n      nestingLevel={nestingLevel}\n      req={req}\n      valueFrom={valueFrom as any}\n      valueTo={valueTo as any}\n    />\n  )\n}\n\nexport const HasManyUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  req: PayloadRequest\n  valueFrom: Array<FileData & TypeWithID>\n  valueTo: Array<FileData & TypeWithID>\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, req, valueFrom, valueTo } = args\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponents = valueFrom\n    ? valueFrom.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={uploadDoc.id}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n  const ToComponents = valueTo\n    ? valueTo.map((uploadDoc) => (\n        <UploadDocumentDiff\n          i18n={i18n}\n          key={uploadDoc.id}\n          relationTo={field.relationTo}\n          req={req}\n          showCollectionSlug={showCollectionSlug}\n          uploadDoc={uploadDoc}\n        />\n      ))\n    : null\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (FromComponents\n        ? FromComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    toHTML:\n      `<div class=\"${baseClass}-hasMany\">` +\n      (ToComponents\n        ? ToComponents.map(\n            (component) => `<div>${ReactDOMServer.renderToStaticMarkup(component)}</div>`,\n          ).join('')\n        : '') +\n      '</div>',\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasMany`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nexport const SingleUploadDiff: React.FC<{\n  field: UploadField\n  i18n: I18nClient\n  locale: string\n  nestingLevel?: number\n  req: PayloadRequest\n  valueFrom: FileData & TypeWithID\n  valueTo: FileData & TypeWithID\n}> = async (args) => {\n  const { field, i18n, locale, nestingLevel, req, valueFrom, valueTo } = args\n\n  const ReactDOMServer = (await import('react-dom/server')).default\n\n  let From: React.ReactNode = ''\n  let To: React.ReactNode = ''\n\n  const showCollectionSlug = Array.isArray(field.relationTo)\n\n  const FromComponent = valueFrom ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueFrom}\n    />\n  ) : null\n  const ToComponent = valueTo ? (\n    <UploadDocumentDiff\n      i18n={i18n}\n      relationTo={field.relationTo}\n      req={req}\n      showCollectionSlug={showCollectionSlug}\n      uploadDoc={valueTo}\n    />\n  ) : null\n\n  const fromHtml = FromComponent\n    ? ReactDOMServer.renderToStaticMarkup(FromComponent)\n    : '<p>' + '' + '</p>'\n  const toHtml = ToComponent\n    ? ReactDOMServer.renderToStaticMarkup(ToComponent)\n    : '<p>' + '' + '</p>'\n\n  const diffResult = getHTMLDiffComponents({\n    fromHTML: fromHtml,\n    toHTML: toHtml,\n    tokenizeByCharacter: false,\n  })\n  From = diffResult.From\n  To = diffResult.To\n\n  return (\n    <FieldDiffContainer\n      className={`${baseClass}-container ${baseClass}-container--hasOne`}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n\nconst UploadDocumentDiff = (args: {\n  i18n: I18nClient\n  relationTo: string\n  req: PayloadRequest\n  showCollectionSlug?: boolean\n  uploadDoc: FileData & TypeWithID\n}) => {\n  const { i18n, relationTo, req, showCollectionSlug, uploadDoc } = args\n\n  const thumbnailSRC: string =\n    ('thumbnailURL' in uploadDoc && (uploadDoc?.thumbnailURL as string)) || uploadDoc?.url || ''\n\n  let pillLabel: null | string = null\n\n  if (showCollectionSlug) {\n    const uploadConfig = req.payload.collections[relationTo].config\n    pillLabel = uploadConfig.labels?.singular\n      ? getTranslation(uploadConfig.labels.singular, i18n)\n      : uploadConfig.slug\n  }\n\n  return (\n    <div\n      className={`${baseClass}`}\n      data-enable-match=\"true\"\n      data-id={uploadDoc?.id}\n      data-relation-to={relationTo}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__thumbnail`}>\n          {thumbnailSRC?.length ? <img alt={uploadDoc?.filename} src={thumbnailSRC} /> : <File />}\n        </div>\n        {pillLabel && (\n          <div className={`${baseClass}__pill`} data-enable-match=\"false\">\n            <span>{pillLabel}</span>\n          </div>\n        )}\n        <div className={`${baseClass}__info`} data-enable-match=\"false\">\n          <strong>{uploadDoc?.filename}</strong>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss

@@ -0,0 +1,121 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .upload-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .upload-diff-hasMany {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.4);
+  }
+
+  .upload-diff {
+    @extend %body;
+    min-width: 100%;
+    max-width: fit-content;
+    display: flex;
+    align-items: center;
+    background-color: var(--theme-elevation-50);
+    border-radius: $style-radius-s;
+    border: 1px solid var(--theme-elevation-150);
+    position: relative;
+    font-family: var(--font-body);
+    max-height: calc(var(--base) * 3);
+    padding: calc(var(--base) * 0.1);
+
+    &[data-match-type='create'] {
+      border-color: var(--diff-create-pill-border);
+      color: var(--diff-create-parent-color);
+
+      * {
+        color: var(--diff-create-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-create-pill-border);
+        background-color: none;
+      }
+    }
+
+    &[data-match-type='delete'] {
+      border-color: var(--diff-delete-pill-border);
+      text-decoration-line: none;
+      color: var(--diff-delete-parent-color);
+      background-color: var(--diff-delete-pill-bg);
+
+      * {
+        text-decoration-line: none;
+        color: var(--diff-delete-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-delete-pill-border);
+        background-color: none;
+      }
+    }
+
+    &__card {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__thumbnail {
+      width: calc(var(--base) * 3 - base(0.8) * 2);
+      height: calc(var(--base) * 3 - base(0.8) * 2);
+      position: relative;
+      overflow: hidden;
+      flex-shrink: 0;
+      border-radius: 0px;
+      border: 1px solid var(--theme-elevation-100);
+
+      img,
+      svg {
+        position: absolute;
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
+        border-radius: 0px;
+      }
+    }
+
+    &__info {
+      flex-grow: 1;
+      display: flex;
+      align-items: flex-start;
+      flex-direction: column;
+      padding: calc(var(--base) * 0.25) calc(var(--base) * 0.6);
+      justify-content: space-between;
+      font-weight: 400;
+
+      strong {
+        font-weight: 500;
+      }
+    }
+
+    &__pill {
+      border-radius: $style-radius-s;
+      margin-left: calc(var(--base) * 0.6);
+      padding: 0 calc(var(--base) * 0.1);
+
+      background-color: var(--theme-elevation-150);
+      color: var(--theme-elevation-750);
+    }
+
+    &[data-match-type='create'] .upload-diff__pill {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-pill-color);
+    }
+
+    &[data-match-type='delete'] .upload-diff__pill {
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-pill-color);
+    }
+  }
+}

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

@@ -1,3 +1,3 @@
-import type { FieldDiffClientProps, FieldTypes } from 'payload';
-export declare const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps>>;
+import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload';
+export declare const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>>;
 //# 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":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAW/D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAuBxF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,UAAU,EACV,KAAK,CAAC,aAAa,CAAC,oBAAoB,GAAG,oBAAoB,CAAC,CAwBjE,CAAA"}

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

@@ -1,4 +1,5 @@
 import { Collapsible } from './Collapsible/index.js';
+import { DateDiffComponent } from './Date/index.js';
 import { Group } from './Group/index.js';
 import { Iterable } from './Iterable/index.js';
 import { Relationship } from './Relationship/index.js';
@@ -6,13 +7,14 @@ import { Row } from './Row/index.js';
 import { Select } from './Select/index.js';
 import { Tabs } from './Tabs/index.js';
 import { Text } from './Text/index.js';
+import { Upload } from './Upload/index.js';
 export const diffComponents = {
   array: Iterable,
   blocks: Iterable,
   checkbox: Text,
   code: Text,
   collapsible: Collapsible,
-  date: Text,
+  date: DateDiffComponent,
   email: Text,
   group: Group,
   join: null,
@@ -28,6 +30,6 @@ export const diffComponents = {
   text: Text,
   textarea: Text,
   ui: null,
-  upload: Relationship
+  upload: Upload
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Collapsible","Group","Iterable","Relationship","Row","Select","Tabs","Text","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.tsx"],"sourcesContent":["import type { FieldDiffClientProps, FieldTypes } from 'payload'\n\nimport { Collapsible } from './Collapsible/index.js'\nimport { Group } from './Group/index.js'\nimport { Iterable } from './Iterable/index.js'\nimport { Relationship } from './Relationship/index.js'\nimport { Row } from './Row/index.js'\nimport { Select } from './Select/index.js'\nimport { Tabs } from './Tabs/index.js'\nimport { Text } from './Text/index.js'\n\nexport const diffComponents: Record<FieldTypes, React.ComponentType<FieldDiffClientProps>> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Collapsible,\n  date: Text,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Relationship,\n}\n"],"mappings":"AAEA,SAASA,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,GAAG,QAAQ;AACpB,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,cAAA,GAAgF;EAC3FC,KAAA,EAAOP,QAAA;EACPQ,MAAA,EAAQR,QAAA;EACRS,QAAA,EAAUJ,IAAA;EACVK,IAAA,EAAML,IAAA;EACNM,WAAA,EAAab,WAAA;EACbc,IAAA,EAAMP,IAAA;EACNQ,KAAA,EAAOR,IAAA;EACPS,KAAA,EAAOf,KAAA;EACPgB,IAAA,EAAM;EACNC,IAAA,EAAMX,IAAA;EACNY,MAAA,EAAQZ,IAAA;EACRa,KAAA,EAAOb,IAAA;EACPc,KAAA,EAAOhB,MAAA;EACPiB,YAAA,EAAcnB,YAAA;EACdoB,QAAA,EAAUhB,IAAA;EACViB,GAAA,EAAKpB,GAAA;EACLqB,MAAA,EAAQpB,MAAA;EACRqB,IAAA,EAAMpB,IAAA;EACNqB,IAAA,EAAMpB,IAAA;EACNqB,QAAA,EAAUrB,IAAA;EACVsB,EAAA,EAAI;EACJC,MAAA,EAAQ3B;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Collapsible","DateDiffComponent","Group","Iterable","Relationship","Row","Select","Tabs","Text","Upload","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"sourcesContent":["import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload'\n\nimport { Collapsible } from './Collapsible/index.js'\nimport { DateDiffComponent } from './Date/index.js'\nimport { Group } from './Group/index.js'\nimport { Iterable } from './Iterable/index.js'\nimport { Relationship } from './Relationship/index.js'\nimport { Row } from './Row/index.js'\nimport { Select } from './Select/index.js'\nimport { Tabs } from './Tabs/index.js'\nimport { Text } from './Text/index.js'\nimport { Upload } from './Upload/index.js'\n\nexport const diffComponents: Record<\n  FieldTypes,\n  React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>\n> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Collapsible,\n  date: DateDiffComponent,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Upload,\n}\n"],"mappings":"AAEA,SAASA,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,KAAK,QAAQ;AACtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,GAAG,QAAQ;AACpB,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,SAASC,IAAI,QAAQ;AACrB,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,cAAA,GAGT;EACFC,KAAA,EAAOR,QAAA;EACPS,MAAA,EAAQT,QAAA;EACRU,QAAA,EAAUL,IAAA;EACVM,IAAA,EAAMN,IAAA;EACNO,WAAA,EAAaf,WAAA;EACbgB,IAAA,EAAMf,iBAAA;EACNgB,KAAA,EAAOT,IAAA;EACPU,KAAA,EAAOhB,KAAA;EACPiB,IAAA,EAAM;EACNC,IAAA,EAAMZ,IAAA;EACNa,MAAA,EAAQb,IAAA;EACRc,KAAA,EAAOd,IAAA;EACPe,KAAA,EAAOjB,MAAA;EACPkB,YAAA,EAAcpB,YAAA;EACdqB,QAAA,EAAUjB,IAAA;EACVkB,GAAA,EAAKrB,GAAA;EACLsB,MAAA,EAAQrB,MAAA;EACRsB,IAAA,EAAMrB,IAAA;EACNsB,IAAA,EAAMrB,IAAA;EACNsB,QAAA,EAAUtB,IAAA;EACVuB,EAAA,EAAI;EACJC,MAAA,EAAQvB;AACV","ignoreList":[]}

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

@@ -6,6 +6,7 @@ export const RenderDiff = args => {
     versionFields
   } = buildVersionFields(args);
   return /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
+    parent: true,
     versionFields: versionFields
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","_jsx"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff versionFields={versionFields} />\n}\n"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC;AAChE,SAASC,yBAAyB,QAAQ;AAE1C,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGJ,kBAAA,CAAmBG,IAAA;EAE7C,oBAAOE,IAAA,CAACJ,yBAAA;IAA0BG,aAAA,EAAeA;;AACnD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","_jsx","parent"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC;AAChE,SAASC,yBAAyB,QAAQ;AAE1C,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGJ,kBAAA,CAAmBG,IAAA;EAE7C,oBAAOE,IAAA,CAACJ,yBAAA;IAA0BK,MAAA,EAAQ;IAAMF,aAAA,EAAeA;;AACjE","ignoreList":[]}

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

@@ -1,6 +1,16 @@
-import React from 'react';
-import type { Props } from './types.js';
+import type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload';
 import './index.scss';
-declare const Restore: React.FC<Props>;
-export default Restore;
+import React from 'react';
+type Props = {
+    className?: string;
+    collectionConfig?: ClientCollectionConfig;
+    globalConfig?: ClientGlobalConfig;
+    label: SanitizedCollectionConfig['labels']['singular'];
+    originalDocID: number | string;
+    status?: string;
+    versionDateFormatted: string;
+    versionID: string;
+};
+export declare const Restore: React.FC<Props>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoG5B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Restore/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAiBpG,OAAO,cAAc,CAAA;AAErB,OAAO,KAA0C,MAAM,OAAO,CAAA;AAK9D,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,KAAK,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgHnC,CAAA"}

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

@@ -9,14 +9,14 @@ import { formatAdminURL } from 'payload/shared';
 import React, { Fragment, useCallback, useState } from 'react';
 const baseClass = 'restore-version';
 const modalSlug = 'restore-version';
-const Restore = ({
+export const Restore = ({
   className,
-  collectionSlug,
-  globalSlug,
+  collectionConfig,
+  globalConfig,
   label,
   originalDocID,
   status,
-  versionDate,
+  versionDateFormatted,
   versionID
 }) => {
   const {
@@ -26,12 +26,8 @@ const Restore = ({
         api: apiRoute
       },
       serverURL
-    },
-    getEntityConfig
+    }
   } = useConfig();
-  const collectionConfig = getEntityConfig({
-    collectionSlug
-  });
   const {
     toggleModal
   } = useModal();
@@ -46,26 +42,26 @@ const Restore = ({
   } = useRouteTransition();
   const restoreMessage = t('version:aboutToRestoreGlobal', {
     label: getTranslation(label, i18n),
-    versionDate
+    versionDate: versionDateFormatted
   });
-  let fetchURL = `${serverURL}${apiRoute}`;
-  let redirectURL;
   const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts;
-  if (collectionSlug) {
-    fetchURL = `${fetchURL}/${collectionSlug}/versions/${versionID}?draft=${draft}`;
-    redirectURL = formatAdminURL({
-      adminRoute,
-      path: `/collections/${collectionSlug}/${originalDocID}`
-    });
-  }
-  if (globalSlug) {
-    fetchURL = `${fetchURL}/globals/${globalSlug}/versions/${versionID}?draft=${draft}`;
-    redirectURL = formatAdminURL({
-      adminRoute,
-      path: `/globals/${globalSlug}`
-    });
-  }
   const handleRestore = useCallback(async () => {
+    let fetchURL = `${serverURL}${apiRoute}`;
+    let redirectURL;
+    if (collectionConfig) {
+      fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`;
+      redirectURL = formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionConfig.slug}/${originalDocID}`
+      });
+    }
+    if (globalConfig) {
+      fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`;
+      redirectURL = formatAdminURL({
+        adminRoute,
+        path: `/globals/${globalConfig.slug}`
+      });
+    }
     const res = await requests.post(fetchURL, {
       headers: {
         'Accept-Language': i18n.language
@@ -78,15 +74,15 @@ const Restore = ({
     } else {
       toast.error(t('version:problemRestoringVersion'));
     }
-  }, [fetchURL, redirectURL, t, i18n, router, startRouteTransition]);
+  }, [serverURL, apiRoute, collectionConfig, globalConfig, i18n.language, versionID, draft, adminRoute, originalDocID, startRouteTransition, router, t]);
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       className: [baseClass, className].filter(Boolean).join(' '),
       children: /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "pill",
-        className: [canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' '),
+        buttonStyle: "primary",
+        className: [canRestoreAsDraft && `${baseClass}__restore-as-draft-button`].filter(Boolean).join(' '),
         onClick: () => toggleModal(modalSlug),
-        size: "small",
+        size: "xsmall",
         SubMenuPopupContent: canRestoreAsDraft ? () => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
           children: /*#__PURE__*/_jsx(PopupList.Button, {
             onClick: () => [setDraft(true), toggleModal(modalSlug)],
@@ -104,5 +100,4 @@ const Restore = ({
     })]
   });
 };
-export default Restore;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","React","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","versions","drafts","path","handleRestore","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ConfirmationModal,\n  PopupList,\n  toast,\n  useConfig,\n  useModal,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useCallback, useState } from 'react'\n\nimport type { Props } from './types.js'\n\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    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n  const { startRouteTransition } = useRouteTransition()\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\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\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    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      return startRouteTransition(() => router.push(redirectURL))\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n, router, startRouteTransition])\n\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"pill\"\n          className={[canRestoreAsDraft && `${baseClass}__button`].filter(Boolean).join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          size=\"small\"\n          SubMenuPopupContent={\n            canRestoreAsDraft\n              ? () => (\n                  <PopupList.ButtonGroup>\n                    <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                      {t('version:restoreAsDraft')}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              : null\n          }\n        >\n          {t('version:restoreThisVersion')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={restoreMessage}\n        confirmingLabel={t('version:restoring')}\n        heading={t('version:confirmVersionRestoration')}\n        modalSlug={modalSlug}\n        onConfirm={handleRestore}\n      />\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","React","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionConfig","globalConfig","label","originalDocID","status","versionDateFormatted","versionID","config","routes","admin","adminRoute","api","apiRoute","serverURL","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","versionDate","canRestoreAsDraft","versions","drafts","handleRestore","fetchURL","redirectURL","slug","path","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ConfirmationModal,\n  PopupList,\n  toast,\n  useConfig,\n  useModal,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\n\nimport './index.scss'\n\nimport React, { Fragment, useCallback, useState } from 'react'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\ntype Props = {\n  className?: string\n  collectionConfig?: ClientCollectionConfig\n  globalConfig?: ClientGlobalConfig\n  label: SanitizedCollectionConfig['labels']['singular']\n  originalDocID: number | string\n  status?: string\n  versionDateFormatted: string\n  versionID: string\n}\n\nexport const Restore: React.FC<Props> = ({\n  className,\n  collectionConfig,\n  globalConfig,\n  label,\n  originalDocID,\n  status,\n  versionDateFormatted,\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 router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n  const { startRouteTransition } = useRouteTransition()\n\n  const restoreMessage = t('version:aboutToRestoreGlobal', {\n    label: getTranslation(label, i18n),\n    versionDate: versionDateFormatted,\n  })\n\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n  const handleRestore = useCallback(async () => {\n    let fetchURL = `${serverURL}${apiRoute}`\n    let redirectURL: string\n\n    if (collectionConfig) {\n      fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionConfig.slug}/${originalDocID}`,\n      })\n    }\n\n    if (globalConfig) {\n      fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/globals/${globalConfig.slug}`,\n      })\n    }\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      return startRouteTransition(() => router.push(redirectURL))\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [\n    serverURL,\n    apiRoute,\n    collectionConfig,\n    globalConfig,\n    i18n.language,\n    versionID,\n    draft,\n    adminRoute,\n    originalDocID,\n    startRouteTransition,\n    router,\n    t,\n  ])\n\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"primary\"\n          className={[canRestoreAsDraft && `${baseClass}__restore-as-draft-button`]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          size=\"xsmall\"\n          SubMenuPopupContent={\n            canRestoreAsDraft\n              ? () => (\n                  <PopupList.ButtonGroup>\n                    <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                      {t('version:restoreAsDraft')}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              : null\n          }\n        >\n          {t('version:restoreThisVersion')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={restoreMessage}\n        confirmingLabel={t('version:restoring')}\n        heading={t('version:confirmVersionRestoration')}\n        modalSlug={modalSlug}\n        onConfirm={handleRestore}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@
   .restore-version {
     cursor: pointer;
     display: flex;
+    min-width: max-content;
 
     .popup-button {
       display: flex;
@@ -24,7 +25,11 @@
       }
     }
 
-    &__button {
+    .btn {
+      margin-block: 0;
+    }
+
+    &__restore-as-draft-button {
       border-top-right-radius: 0px;
       border-bottom-right-radius: 0px;
       margin-right: 2px;

package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.d.ts

@@ -0,0 +1,3 @@
+import type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.js';
+export declare const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps>;
+//# sourceMappingURL=CreatedAtCell.d.ts.map

package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatedAtCell.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAEpF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqCnE,CAAA"}