@payloadcms/next 3.0.0-beta.64 → 3.0.0-beta.65

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

@@ -0,0 +1,155 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactSelect, fieldBaseClass, useConfig, useTranslation } from '@payloadcms/ui';
+import { formatDate } from '@payloadcms/ui/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useEffect, useState } from 'react';
+import { renderPill } from '../../Versions/cells/AutosaveCell/index.js';
+const baseClass = 'compare-version';
+const maxResultsPerRequest = 10;
+const baseOptions = [];
+export const SelectComparison = (props)=>{
+    const { baseURL, latestDraftVersion, latestPublishedVersion, onChange, parentID, value, versionID } = props;
+    const { admin: { dateFormat } } = useConfig();
+    const [options, setOptions] = useState(baseOptions);
+    const [lastLoadedPage, setLastLoadedPage] = useState(1);
+    const [errorLoading, setErrorLoading] = useState('');
+    const { i18n, t } = useTranslation();
+    const loadedAllOptionsRef = React.useRef(false);
+    const getResults = useCallback(async ({ lastLoadedPage: lastLoadedPageArg })=>{
+        if (loadedAllOptionsRef.current) return;
+        const query = {
+            depth: 0,
+            limit: maxResultsPerRequest,
+            page: lastLoadedPageArg,
+            where: {
+                and: [
+                    {
+                        id: {
+                            not_equals: versionID
+                        }
+                    }
+                ]
+            }
+        };
+        if (parentID) {
+            query.where.and.push({
+                parent: {
+                    equals: parentID
+                }
+            });
+        }
+        const search = qs.stringify(query);
+        const response = await fetch(`${baseURL}?${search}`, {
+            credentials: 'include',
+            headers: {
+                'Accept-Language': i18n.language
+            }
+        });
+        if (response.ok) {
+            const data = await response.json();
+            if (data.docs.length > 0) {
+                const versionInfo = {
+                    draft: {
+                        currentLabel: t('version:currentDraft'),
+                        latestVersion: latestDraftVersion,
+                        pillStyle: undefined,
+                        previousLabel: t('version:draft')
+                    },
+                    published: {
+                        currentLabel: t('version:currentPublishedVersion'),
+                        latestVersion: latestPublishedVersion,
+                        pillStyle: 'success',
+                        previousLabel: t('version:previouslyPublished')
+                    }
+                };
+                const additionalOptions = data.docs.map((doc)=>{
+                    const status = doc.version._status;
+                    const { currentLabel, latestVersion, pillStyle, previousLabel } = versionInfo[status] || {};
+                    return {
+                        label: /*#__PURE__*/ _jsxs("div", {
+                            children: [
+                                formatDate({
+                                    date: doc.updatedAt,
+                                    i18n,
+                                    pattern: dateFormat
+                                }),
+                                "  ",
+                                renderPill(doc, latestVersion, currentLabel, previousLabel, pillStyle)
+                            ]
+                        }),
+                        value: doc.id
+                    };
+                });
+                setOptions((existingOptions)=>[
+                        ...existingOptions,
+                        ...additionalOptions
+                    ]);
+                if (!data.hasNextPage) {
+                    loadedAllOptionsRef.current = true;
+                }
+                setLastLoadedPage(data.page);
+            }
+        } else {
+            setErrorLoading(t('error:unspecific'));
+        }
+    }, [
+        dateFormat,
+        baseURL,
+        parentID,
+        versionID,
+        t,
+        i18n,
+        latestDraftVersion,
+        latestPublishedVersion
+    ]);
+    useEffect(()=>{
+        void getResults({
+            lastLoadedPage: 1
+        });
+    }, [
+        getResults
+    ]);
+    const filteredOptions = options.filter((option, index, self)=>self.findIndex((t)=>t.value === option.value) === index);
+    useEffect(()=>{
+        if (filteredOptions.length > 0 && !value) {
+            onChange(filteredOptions[0]);
+        }
+    }, [
+        filteredOptions,
+        value,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: [
+            fieldBaseClass,
+            baseClass,
+            errorLoading && 'error-loading'
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__label`,
+                children: t('version:compareVersion')
+            }),
+            !errorLoading && /*#__PURE__*/ _jsx(ReactSelect, {
+                isClearable: false,
+                isSearchable: false,
+                onChange: onChange,
+                onMenuScrollToBottom: ()=>{
+                    void getResults({
+                        lastLoadedPage: lastLoadedPage + 1
+                    });
+                },
+                options: filteredOptions,
+                placeholder: t('version:selectVersionToCompare'),
+                value: value
+            }),
+            errorLoading && /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__error-loading`,
+                children: errorLoading
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { ReactSelect, fieldBaseClass, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { renderPill } from '../../Versions/cells/AutosaveCell/index.js'\nimport './index.scss'\n\nconst baseClass = 'compare-version'\n\nconst maxResultsPerRequest = 10\n\nconst baseOptions = []\n\nexport const SelectComparison: React.FC<Props> = (props) => {\n  const {\n    baseURL,\n    latestDraftVersion,\n    latestPublishedVersion,\n    onChange,\n    parentID,\n    value,\n    versionID,\n  } = props\n\n  const {\n    admin: { dateFormat },\n  } = useConfig()\n\n  const [options, setOptions] = useState<\n    {\n      label: React.ReactNode | string\n      value: string\n    }[]\n  >(baseOptions)\n  const [lastLoadedPage, setLastLoadedPage] = useState(1)\n  const [errorLoading, setErrorLoading] = useState('')\n  const { i18n, t } = useTranslation()\n  const loadedAllOptionsRef = React.useRef(false)\n\n  const getResults = useCallback(\n    async ({ lastLoadedPage: lastLoadedPageArg }) => {\n      if (loadedAllOptionsRef.current) return\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        limit: maxResultsPerRequest,\n        page: lastLoadedPageArg,\n        where: {\n          and: [\n            {\n              id: {\n                not_equals: versionID,\n              },\n            },\n          ],\n        },\n      }\n\n      if (parentID) {\n        query.where.and.push({\n          parent: {\n            equals: parentID,\n          },\n        })\n      }\n\n      const search = qs.stringify(query)\n\n      const response = await fetch(`${baseURL}?${search}`, {\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n        },\n      })\n\n      if (response.ok) {\n        const data: PaginatedDocs = await response.json()\n\n        if (data.docs.length > 0) {\n          const versionInfo = {\n            draft: {\n              currentLabel: t('version:currentDraft'),\n              latestVersion: latestDraftVersion,\n              pillStyle: undefined,\n              previousLabel: t('version:draft'),\n            },\n            published: {\n              currentLabel: t('version:currentPublishedVersion'),\n              latestVersion: latestPublishedVersion,\n              pillStyle: 'success',\n              previousLabel: t('version:previouslyPublished'),\n            },\n          }\n\n          const additionalOptions = data.docs.map((doc) => {\n            const status = doc.version._status\n            const { currentLabel, latestVersion, pillStyle, previousLabel } =\n              versionInfo[status] || {}\n\n            return {\n              label: (\n                <div>\n                  {formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })}\n                  &nbsp;&nbsp;\n                  {renderPill(doc, latestVersion, currentLabel, previousLabel, pillStyle)}\n                </div>\n              ),\n              value: doc.id,\n            }\n          })\n\n          setOptions((existingOptions) => [...existingOptions, ...additionalOptions])\n\n          if (!data.hasNextPage) {\n            loadedAllOptionsRef.current = true\n          }\n          setLastLoadedPage(data.page)\n        }\n      } else {\n        setErrorLoading(t('error:unspecific'))\n      }\n    },\n    [dateFormat, baseURL, parentID, versionID, t, i18n, latestDraftVersion, latestPublishedVersion],\n  )\n\n  useEffect(() => {\n    void getResults({ lastLoadedPage: 1 })\n  }, [getResults])\n\n  const filteredOptions = options.filter(\n    (option, index, self) => self.findIndex((t) => t.value === option.value) === index,\n  )\n\n  useEffect(() => {\n    if (filteredOptions.length > 0 && !value) {\n      onChange(filteredOptions[0])\n    }\n  }, [filteredOptions, value, onChange])\n\n  return (\n    <div\n      className={[fieldBaseClass, baseClass, errorLoading && 'error-loading']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{t('version:compareVersion')}</div>\n      {!errorLoading && (\n        <ReactSelect\n          isClearable={false}\n          isSearchable={false}\n          onChange={onChange}\n          onMenuScrollToBottom={() => {\n            void getResults({ lastLoadedPage: lastLoadedPage + 1 })\n          }}\n          options={filteredOptions}\n          placeholder={t('version:selectVersionToCompare')}\n          value={value}\n        />\n      )}\n      {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n    </div>\n  )\n}\n"],"names":["ReactSelect","fieldBaseClass","useConfig","useTranslation","formatDate","qs","React","useCallback","useEffect","useState","renderPill","baseClass","maxResultsPerRequest","baseOptions","SelectComparison","props","baseURL","latestDraftVersion","latestPublishedVersion","onChange","parentID","value","versionID","admin","dateFormat","options","setOptions","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","i18n","t","loadedAllOptionsRef","useRef","getResults","lastLoadedPageArg","current","query","depth","limit","page","where","and","id","not_equals","push","parent","equals","search","stringify","response","fetch","credentials","headers","language","ok","data","json","docs","length","versionInfo","draft","currentLabel","latestVersion","pillStyle","undefined","previousLabel","published","additionalOptions","map","doc","status","version","_status","label","div","date","updatedAt","pattern","existingOptions","hasNextPage","filteredOptions","filter","option","index","self","findIndex","className","Boolean","join","isClearable","isSearchable","onMenuScrollToBottom","placeholder"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload';
+import type { CompareOption } from '../Default/types.js';
+export type Props = {
+    baseURL: string;
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
+    onChange: (val: CompareOption) => void;
+    parentID?: number | string;
+    value: CompareOption;
+    versionID: string;
+};
+type CLEAR = {
+    required: boolean;
+    type: 'CLEAR';
+};
+type ADD = {
+    collection: SanitizedCollectionConfig;
+    data: PaginatedDocs<any>;
+    type: 'ADD';
+};
+export type Action = ADD | CLEAR;
+export type ValueWithRelation = {
+    relationTo: string;
+    value: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,KAAK,EAAE,aAAa,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,yBAAyB,CAAA;IACrC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACxB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,CAAA;AAEhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/views/Version/SelectComparison/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  baseURL: string\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n  onChange: (val: CompareOption) => void\n  parentID?: number | string\n  value: CompareOption\n  versionID: string\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"names":[],"mappings":"AA2BA,WAGC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BzC,CAAA"}

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

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactSelect, useLocale, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+const baseClass = 'select-version-locales';
+export const SelectLocales = ({ onChange, options, value })=>{
+    const { t } = useTranslation();
+    const { code } = useLocale();
+    const format = (items)=>{
+        return items.map((item)=>{
+            if (typeof item.label === 'string') return item;
+            if (typeof item.label !== 'string' && item.label[code]) {
+                return {
+                    label: item.label[code],
+                    value: item.value
+                };
+            }
+        });
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__label`,
+                children: t('version:showLocales')
+            }),
+            /*#__PURE__*/ _jsx(ReactSelect, {
+                isMulti: true,
+                onChange: onChange,
+                options: format(options),
+                placeholder: t('version:selectLocales'),
+                value: format(value)
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect, useLocale, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'select-version-locales'\n\nexport const SelectLocales: React.FC<Props> = ({ onChange, options, value }) => {\n  const { t } = useTranslation()\n  const { code } = useLocale()\n\n  const format = (items) => {\n    return items.map((item) => {\n      if (typeof item.label === 'string') return item\n      if (typeof item.label !== 'string' && item.label[code]) {\n        return {\n          label: item.label[code],\n          value: item.value,\n        }\n      }\n    })\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__label`}>{t('version:showLocales')}</div>\n      <ReactSelect\n        isMulti\n        onChange={onChange}\n        options={format(options)}\n        placeholder={t('version:selectLocales')}\n        value={format(value)}\n      />\n    </div>\n  )\n}\n"],"names":["ReactSelect","useLocale","useTranslation","React","baseClass","SelectLocales","onChange","options","value","t","code","format","items","map","item","label","div","className","isMulti","placeholder"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACvE,OAAOC,WAAW,QAAO;AAMzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,MAAM,EAAEC,CAAC,EAAE,GAAGP;IACd,MAAM,EAAEQ,IAAI,EAAE,GAAGT;IAEjB,MAAMU,SAAS,CAACC;QACd,OAAOA,MAAMC,GAAG,CAAC,CAACC;YAChB,IAAI,OAAOA,KAAKC,KAAK,KAAK,UAAU,OAAOD;YAC3C,IAAI,OAAOA,KAAKC,KAAK,KAAK,YAAYD,KAAKC,KAAK,CAACL,KAAK,EAAE;gBACtD,OAAO;oBACLK,OAAOD,KAAKC,KAAK,CAACL,KAAK;oBACvBF,OAAOM,KAAKN,KAAK;gBACnB;YACF;QACF;IACF;IAEA,qBACE,MAACQ;QAAIC,WAAWb;;0BACd,KAACY;gBAAIC,WAAW,CAAC,EAAEb,UAAU,OAAO,CAAC;0BAAGK,EAAE;;0BAC1C,KAACT;gBACCkB,OAAO;gBACPZ,UAAUA;gBACVC,SAASI,OAAOJ;gBAChBY,aAAaV,EAAE;gBACfD,OAAOG,OAAOH;;;;AAItB,EAAC"}

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

@@ -0,0 +1,7 @@
+import type { OptionObject } from 'payload';
+export type Props = {
+    onChange: (options: OptionObject[]) => void;
+    options: OptionObject[];
+    value: OptionObject[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,YAAY,EAAE,CAAA;CACtB,CAAA"}

package/dist/views/Version/SelectLocales/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/Version/SelectLocales/types.ts"],"sourcesContent":["import type { OptionObject } from 'payload'\n\nexport type Props = {\n  onChange: (options: OptionObject[]) => void\n  options: OptionObject[]\n  value: OptionObject[]\n}\n"],"names":[],"mappings":"AAEA,WAIC"}

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

@@ -0,0 +1,3 @@
+import type { EditViewComponent } from 'payload';
+export declare const VersionView: EditViewComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,iBAAiB,EAGlB,MAAM,SAAS,CAAA;AAQhB,eAAO,MAAM,WAAW,EAAE,iBAiHzB,CAAA"}

package/dist/views/Version/index.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { notFound } from 'next/navigation.js';
+import React from 'react';
+import { getLatestVersion } from '../Versions/getLatestVersion.js';
+import { DefaultVersionView } from './Default/index.js';
+export const VersionView = async (props)=>{
+    const { initPageResult, routeSegments } = props;
+    const { collectionConfig, docID: id, globalConfig, permissions, req, req: { payload, payload: { config } = {}, user } = {} } = initPageResult;
+    const versionID = routeSegments[routeSegments.length - 1];
+    const collectionSlug = collectionConfig?.slug;
+    const globalSlug = globalConfig?.slug;
+    const { localization } = config;
+    let docPermissions;
+    let slug;
+    let doc;
+    let latestPublishedVersion = null;
+    let latestDraftVersion = null;
+    if (collectionSlug) {
+        // /collections/:slug/:id/versions/:versionID
+        slug = collectionSlug;
+        docPermissions = permissions.collections[collectionSlug];
+        try {
+            doc = await payload.findVersionByID({
+                id: versionID,
+                collection: slug,
+                depth: 1,
+                locale: '*',
+                overrideAccess: false,
+                req,
+                user
+            });
+            if (collectionConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion(payload, slug, 'draft', 'collection');
+                latestPublishedVersion = await getLatestVersion(payload, slug, 'published', 'collection');
+            }
+        } catch (error) {
+            return notFound();
+        }
+    }
+    if (globalSlug) {
+        // /globals/:slug/versions/:versionID
+        slug = globalSlug;
+        docPermissions = permissions.globals[globalSlug];
+        try {
+            doc = await payload.findGlobalVersionByID({
+                id: versionID,
+                slug,
+                depth: 1,
+                locale: '*',
+                overrideAccess: false,
+                req,
+                user
+            });
+            if (globalConfig?.versions?.drafts) {
+                latestDraftVersion = await getLatestVersion(payload, slug, 'draft', 'global');
+                latestPublishedVersion = await getLatestVersion(payload, slug, 'published', 'global');
+            }
+        } catch (error) {
+            return notFound();
+        }
+    }
+    const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+    if (publishedNewerThanDraft) {
+        latestDraftVersion = {
+            id: '',
+            updatedAt: ''
+        };
+    }
+    const localeOptions = localization && localization?.locales && localization.locales.map(({ code, label })=>({
+            label: typeof label === 'string' ? label : '',
+            value: code
+        }));
+    const latestVersion = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt ? latestPublishedVersion : latestDraftVersion;
+    if (!doc) {
+        return notFound();
+    }
+    return /*#__PURE__*/ _jsx(DefaultVersionView, {
+        doc: doc,
+        docPermissions: docPermissions,
+        initialComparisonDoc: latestVersion,
+        latestDraftVersion: latestDraftVersion.id,
+        latestPublishedVersion: latestPublishedVersion.id,
+        localeOptions: localeOptions,
+        versionID: versionID
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Version/index.tsx"],"sourcesContent":["import type {\n  CollectionPermission,\n  Document,\n  EditViewComponent,\n  GlobalPermission,\n  OptionObject,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { getLatestVersion } from '../Versions/getLatestVersion.js'\nimport { DefaultVersionView } from './Default/index.js'\n\nexport const VersionView: EditViewComponent = async (props) => {\n  const { initPageResult, routeSegments } = props\n\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    permissions,\n    req,\n    req: { payload, payload: { config } = {}, user } = {},\n  } = initPageResult\n\n  const versionID = routeSegments[routeSegments.length - 1]\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const { localization } = config\n\n  let docPermissions: CollectionPermission | GlobalPermission\n  let slug: string\n\n  let doc: Document\n  let latestPublishedVersion = null\n  let latestDraftVersion = null\n\n  if (collectionSlug) {\n    // /collections/:slug/:id/versions/:versionID\n    slug = collectionSlug\n    docPermissions = permissions.collections[collectionSlug]\n\n    try {\n      doc = await payload.findVersionByID({\n        id: versionID,\n        collection: slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (collectionConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion(payload, slug, 'draft', 'collection')\n        latestPublishedVersion = await getLatestVersion(payload, slug, 'published', 'collection')\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  if (globalSlug) {\n    // /globals/:slug/versions/:versionID\n    slug = globalSlug\n    docPermissions = permissions.globals[globalSlug]\n\n    try {\n      doc = await payload.findGlobalVersionByID({\n        id: versionID,\n        slug,\n        depth: 1,\n        locale: '*',\n        overrideAccess: false,\n        req,\n        user,\n      })\n\n      if (globalConfig?.versions?.drafts) {\n        latestDraftVersion = await getLatestVersion(payload, slug, 'draft', 'global')\n        latestPublishedVersion = await getLatestVersion(payload, slug, 'published', 'global')\n      }\n    } catch (error) {\n      return notFound()\n    }\n  }\n\n  const publishedNewerThanDraft = latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (publishedNewerThanDraft) {\n    latestDraftVersion = {\n      id: '',\n      updatedAt: '',\n    }\n  }\n\n  const localeOptions: OptionObject[] =\n    localization &&\n    localization?.locales &&\n    localization.locales.map(({ code, label }) => ({\n      label: typeof label === 'string' ? label : '',\n      value: code,\n    }))\n\n  const latestVersion =\n    latestPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n      ? latestPublishedVersion\n      : latestDraftVersion\n\n  if (!doc) {\n    return notFound()\n  }\n\n  return (\n    <DefaultVersionView\n      doc={doc}\n      docPermissions={docPermissions}\n      initialComparisonDoc={latestVersion}\n      latestDraftVersion={latestDraftVersion.id}\n      latestPublishedVersion={latestPublishedVersion.id}\n      localeOptions={localeOptions}\n      versionID={versionID}\n    />\n  )\n}\n"],"names":["notFound","React","getLatestVersion","DefaultVersionView","VersionView","props","initPageResult","routeSegments","collectionConfig","docID","id","globalConfig","permissions","req","payload","config","user","versionID","length","collectionSlug","slug","globalSlug","localization","docPermissions","doc","latestPublishedVersion","latestDraftVersion","collections","findVersionByID","collection","depth","locale","overrideAccess","versions","drafts","error","globals","findGlobalVersionByID","publishedNewerThanDraft","updatedAt","localeOptions","locales","map","code","label","value","latestVersion","initialComparisonDoc"],"mappings":";AAQA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,kCAAiC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,OAAO,MAAMC,cAAiC,OAAOC;IACnD,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAGF;IAE1C,MAAM,EACJG,gBAAgB,EAChBC,OAAOC,EAAE,EACTC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHA,KAAK,EAAEC,OAAO,EAAEA,SAAS,EAAEC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EACtD,GAAGV;IAEJ,MAAMW,YAAYV,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE;IAEzD,MAAMC,iBAAiBX,kBAAkBY;IACzC,MAAMC,aAAaV,cAAcS;IAEjC,MAAM,EAAEE,YAAY,EAAE,GAAGP;IAEzB,IAAIQ;IACJ,IAAIH;IAEJ,IAAII;IACJ,IAAIC,yBAAyB;IAC7B,IAAIC,qBAAqB;IAEzB,IAAIP,gBAAgB;QAClB,6CAA6C;QAC7CC,OAAOD;QACPI,iBAAiBX,YAAYe,WAAW,CAACR,eAAe;QAExD,IAAI;YACFK,MAAM,MAAMV,QAAQc,eAAe,CAAC;gBAClClB,IAAIO;gBACJY,YAAYT;gBACZU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBnB;gBACAG;YACF;YAEA,IAAIR,kBAAkByB,UAAUC,QAAQ;gBACtCR,qBAAqB,MAAMxB,iBAAiBY,SAASM,MAAM,SAAS;gBACpEK,yBAAyB,MAAMvB,iBAAiBY,SAASM,MAAM,aAAa;YAC9E;QACF,EAAE,OAAOe,OAAO;YACd,OAAOnC;QACT;IACF;IAEA,IAAIqB,YAAY;QACd,qCAAqC;QACrCD,OAAOC;QACPE,iBAAiBX,YAAYwB,OAAO,CAACf,WAAW;QAEhD,IAAI;YACFG,MAAM,MAAMV,QAAQuB,qBAAqB,CAAC;gBACxC3B,IAAIO;gBACJG;gBACAU,OAAO;gBACPC,QAAQ;gBACRC,gBAAgB;gBAChBnB;gBACAG;YACF;YAEA,IAAIL,cAAcsB,UAAUC,QAAQ;gBAClCR,qBAAqB,MAAMxB,iBAAiBY,SAASM,MAAM,SAAS;gBACpEK,yBAAyB,MAAMvB,iBAAiBY,SAASM,MAAM,aAAa;YAC9E;QACF,EAAE,OAAOe,OAAO;YACd,OAAOnC;QACT;IACF;IAEA,MAAMsC,0BAA0Bb,wBAAwBc,YAAYb,oBAAoBa;IAExF,IAAID,yBAAyB;QAC3BZ,qBAAqB;YACnBhB,IAAI;YACJ6B,WAAW;QACb;IACF;IAEA,MAAMC,gBACJlB,gBACAA,cAAcmB,WACdnB,aAAamB,OAAO,CAACC,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAM,CAAA;YAC7CA,OAAO,OAAOA,UAAU,WAAWA,QAAQ;YAC3CC,OAAOF;QACT,CAAA;IAEF,MAAMG,gBACJrB,wBAAwBc,YAAYb,oBAAoBa,YACpDd,yBACAC;IAEN,IAAI,CAACF,KAAK;QACR,OAAOxB;IACT;IAEA,qBACE,KAACG;QACCqB,KAAKA;QACLD,gBAAgBA;QAChBwB,sBAAsBD;QACtBpB,oBAAoBA,mBAAmBhB,EAAE;QACzCe,wBAAwBA,uBAAuBf,EAAE;QACjD8B,eAAeA;QACfvB,WAAWA;;AAGjB,EAAC"}

package/dist/views/Version/meta.d.ts

@@ -0,0 +1,3 @@
+import type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js';
+export declare const generateMetadata: GenerateEditViewMetadata;
+//# sourceMappingURL=meta.d.ts.map

package/dist/views/Version/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Version/meta.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAyC9B,CAAA"}

package/dist/views/Version/meta.js

@@ -0,0 +1,44 @@
+import { getTranslation } from '@payloadcms/translations';
+import { formatDate } from '@payloadcms/ui/shared';
+import { meta } from '../../utilities/meta.js';
+export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n })=>{
+    const { t } = i18n;
+    let title = '';
+    let description = '';
+    const keywords = '';
+    const doc = {} // TODO: figure this out
+    ;
+    const formattedCreatedAt = doc?.createdAt ? formatDate({
+        date: doc.createdAt,
+        i18n,
+        pattern: config?.admin?.dateFormat
+    }) : '';
+    if (collectionConfig) {
+        const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
+        const entityLabel = getTranslation(collectionConfig.labels.singular, i18n);
+        const titleFromData = doc?.[useAsTitle];
+        title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`;
+        description = t('version:viewingVersion', {
+            documentTitle: doc[useAsTitle],
+            entityLabel
+        });
+    }
+    if (globalConfig) {
+        const entityLabel = getTranslation(globalConfig.label, i18n);
+        title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`;
+        description = t('version:viewingVersionGlobal', {
+            entityLabel
+        });
+    }
+    return meta({
+        ...config.admin.meta || {},
+        description,
+        keywords,
+        serverURL: config.serverURL,
+        title,
+        ...collectionConfig?.admin.meta || {},
+        ...globalConfig?.admin.meta || {}
+    });
+};
+
+//# sourceMappingURL=meta.js.map

package/dist/views/Version/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Version/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  let title: string = ''\n  let description: string = ''\n  const keywords: string = ''\n\n  const doc: any = {} // TODO: figure this out\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: config?.admin?.dateFormat })\n    : ''\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const entityLabel = getTranslation(collectionConfig.labels.singular, i18n)\n    const titleFromData = doc?.[useAsTitle]\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`\n    description = t('version:viewingVersion', { documentTitle: doc[useAsTitle], entityLabel })\n  }\n\n  if (globalConfig) {\n    const entityLabel = getTranslation(globalConfig.label, i18n)\n    title = `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`\n    description = t('version:viewingVersionGlobal', { entityLabel })\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n  })\n}\n"],"names":["getTranslation","formatDate","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","t","title","description","keywords","doc","formattedCreatedAt","createdAt","date","pattern","admin","dateFormat","useAsTitle","entityLabel","labels","singular","titleFromData","documentTitle","label","serverURL"],"mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,wBAAuB;AAIlD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACL;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGD;IAEd,IAAIE,QAAgB;IACpB,IAAIC,cAAsB;IAC1B,MAAMC,WAAmB;IAEzB,MAAMC,MAAW,CAAC,EAAE,wBAAwB;;IAE5C,MAAMC,qBAAqBD,KAAKE,YAC5Bb,WAAW;QAAEc,MAAMH,IAAIE,SAAS;QAAEP;QAAMS,SAASX,QAAQY,OAAOC;IAAW,KAC3E;IAEJ,IAAId,kBAAkB;QACpB,MAAMe,aAAaf,kBAAkBa,OAAOE,cAAc;QAC1D,MAAMC,cAAcpB,eAAeI,iBAAiBiB,MAAM,CAACC,QAAQ,EAAEf;QACrE,MAAMgB,gBAAgBX,KAAK,CAACO,WAAW;QACvCV,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEU,gBAAgB,CAAC,GAAG,EAAEA,cAAc,CAAC,GAAG,GAAG,GAAG,EAAEH,YAAY,CAAC;QACtJV,cAAcF,EAAE,0BAA0B;YAAEgB,eAAeZ,GAAG,CAACO,WAAW;YAAEC;QAAY;IAC1F;IAEA,IAAId,cAAc;QAChB,MAAMc,cAAcpB,eAAeM,aAAamB,KAAK,EAAElB;QACvDE,QAAQ,CAAC,EAAED,EAAE,mBAAmB,EAAEK,qBAAqB,CAAC,GAAG,EAAEA,mBAAmB,CAAC,GAAG,GAAG,EAAEO,YAAY,CAAC;QACtGV,cAAcF,EAAE,gCAAgC;YAAEY;QAAY;IAChE;IAEA,OAAOlB,KAAK;QACV,GAAIG,OAAOY,KAAK,CAACf,IAAI,IAAI,CAAC,CAAC;QAC3BQ;QACAC;QACAe,WAAWrB,OAAOqB,SAAS;QAC3BjB;QACA,GAAIL,kBAAkBa,MAAMf,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAcW,MAAMf,QAAQ,CAAC,CAAC;IACpC;AACF,EAAC"}

package/dist/views/Versions/buildColumns.d.ts

@@ -0,0 +1,13 @@
+import type { I18n } from '@payloadcms/translations';
+import type { SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload';
+import { type Column } from '@payloadcms/ui';
+export declare const buildVersionColumns: ({ collectionConfig, docID, globalConfig, i18n: { t }, latestDraftVersion, latestPublishedVersion, }: {
+    collectionConfig?: SanitizedCollectionConfig;
+    config: SanitizedConfig;
+    docID?: number | string;
+    globalConfig?: SanitizedGlobalConfig;
+    i18n: I18n;
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
+}) => Column[];
+//# sourceMappingURL=buildColumns.d.ts.map

package/dist/views/Versions/buildColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEhG,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,gBAAgB,CAAA;AAOxD,eAAO,MAAM,mBAAmB,wGAO7B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,KAAG,MAAM,EAyDT,CAAA"}

package/dist/views/Versions/buildColumns.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SortColumn } from '@payloadcms/ui';
+import React from 'react';
+import { AutosaveCell } from './cells/AutosaveCell/index.js';
+import { CreatedAtCell } from './cells/CreatedAt/index.js';
+import { IDCell } from './cells/ID/index.js';
+export const buildVersionColumns = ({ collectionConfig, docID, globalConfig, i18n: { t }, latestDraftVersion, latestPublishedVersion })=>{
+    const entityConfig = collectionConfig || globalConfig;
+    const columns = [
+        {
+            name: '',
+            type: 'date',
+            Label: '',
+            accessor: 'updatedAt',
+            active: true,
+            components: {
+                Cell: /*#__PURE__*/ _jsx(CreatedAtCell, {
+                    collectionSlug: collectionConfig?.slug,
+                    docID: docID,
+                    globalSlug: globalConfig?.slug
+                }),
+                Heading: /*#__PURE__*/ _jsx(SortColumn, {
+                    Label: t('general:updatedAt'),
+                    name: "updatedAt"
+                })
+            }
+        },
+        {
+            name: '',
+            type: 'text',
+            Label: '',
+            accessor: 'id',
+            active: true,
+            components: {
+                Cell: /*#__PURE__*/ _jsx(IDCell, {}),
+                Heading: /*#__PURE__*/ _jsx(SortColumn, {
+                    Label: t('version:versionID'),
+                    disable: true,
+                    name: "id"
+                })
+            }
+        }
+    ];
+    if (entityConfig?.versions?.drafts || entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave) {
+        columns.push({
+            name: '',
+            type: 'checkbox',
+            Label: '',
+            accessor: '_status',
+            active: true,
+            components: {
+                Cell: /*#__PURE__*/ _jsx(AutosaveCell, {
+                    latestDraftVersion: latestDraftVersion,
+                    latestPublishedVersion: latestPublishedVersion
+                }),
+                Heading: /*#__PURE__*/ _jsx(SortColumn, {
+                    Label: t('version:status'),
+                    disable: true,
+                    name: "status"
+                })
+            }
+        });
+    }
+    return columns;
+};
+
+//# sourceMappingURL=buildColumns.js.map

package/dist/views/Versions/buildColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Versions/buildColumns.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { type Column, SortColumn } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { AutosaveCell } from './cells/AutosaveCell/index.js'\nimport { CreatedAtCell } from './cells/CreatedAt/index.js'\nimport { IDCell } from './cells/ID/index.js'\n\nexport const buildVersionColumns = ({\n  collectionConfig,\n  docID,\n  globalConfig,\n  i18n: { t },\n  latestDraftVersion,\n  latestPublishedVersion,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  docID?: number | string\n  globalConfig?: SanitizedGlobalConfig\n  i18n: I18n\n  latestDraftVersion?: string\n  latestPublishedVersion?: string\n}): Column[] => {\n  const entityConfig = collectionConfig || globalConfig\n\n  const columns: Column[] = [\n    {\n      name: '',\n      type: 'date',\n      Label: '',\n      accessor: 'updatedAt',\n      active: true,\n      components: {\n        Cell: (\n          <CreatedAtCell\n            collectionSlug={collectionConfig?.slug}\n            docID={docID}\n            globalSlug={globalConfig?.slug}\n          />\n        ),\n        Heading: <SortColumn Label={t('general:updatedAt')} name=\"updatedAt\" />,\n      },\n    },\n    {\n      name: '',\n      type: 'text',\n      Label: '',\n      accessor: 'id',\n      active: true,\n      components: {\n        Cell: <IDCell />,\n        Heading: <SortColumn Label={t('version:versionID')} disable name=\"id\" />,\n      },\n    },\n  ]\n\n  if (\n    entityConfig?.versions?.drafts ||\n    (entityConfig?.versions?.drafts && entityConfig.versions.drafts?.autosave)\n  ) {\n    columns.push({\n      name: '',\n      type: 'checkbox',\n      Label: '',\n      accessor: '_status',\n      active: true,\n      components: {\n        Cell: (\n          <AutosaveCell\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n          />\n        ),\n        Heading: <SortColumn Label={t('version:status')} disable name=\"status\" />,\n      },\n    })\n  }\n\n  return columns\n}\n"],"names":["SortColumn","React","AutosaveCell","CreatedAtCell","IDCell","buildVersionColumns","collectionConfig","docID","globalConfig","i18n","t","latestDraftVersion","latestPublishedVersion","entityConfig","columns","name","type","Label","accessor","active","components","Cell","collectionSlug","slug","globalSlug","Heading","disable","versions","drafts","autosave","push"],"mappings":";AAGA,SAAsBA,UAAU,QAAQ,iBAAgB;AACxD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,aAAa,QAAQ,6BAA4B;AAC1D,SAASC,MAAM,QAAQ,sBAAqB;AAE5C,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,gBAAgB,EAChBC,KAAK,EACLC,YAAY,EACZC,MAAM,EAAEC,CAAC,EAAE,EACXC,kBAAkB,EAClBC,sBAAsB,EASvB;IACC,MAAMC,eAAeP,oBAAoBE;IAEzC,MAAMM,UAAoB;QACxB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBACE,KAAClB;oBACCmB,gBAAgBhB,kBAAkBiB;oBAClChB,OAAOA;oBACPiB,YAAYhB,cAAce;;gBAG9BE,uBAAS,KAACzB;oBAAWiB,OAAOP,EAAE;oBAAsBK,MAAK;;YAC3D;QACF;QACA;YACEA,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBAAM,KAACjB;gBACPqB,uBAAS,KAACzB;oBAAWiB,OAAOP,EAAE;oBAAsBgB,OAAO;oBAACX,MAAK;;YACnE;QACF;KACD;IAED,IACEF,cAAcc,UAAUC,UACvBf,cAAcc,UAAUC,UAAUf,aAAac,QAAQ,CAACC,MAAM,EAAEC,UACjE;QACAf,QAAQgB,IAAI,CAAC;YACXf,MAAM;YACNC,MAAM;YACNC,OAAO;YACPC,UAAU;YACVC,QAAQ;YACRC,YAAY;gBACVC,oBACE,KAACnB;oBACCS,oBAAoBA;oBACpBC,wBAAwBA;;gBAG5Ba,uBAAS,KAACzB;oBAAWiB,OAAOP,EAAE;oBAAmBgB,OAAO;oBAACX,MAAK;;YAChE;QACF;IACF;IAEA,OAAOD;AACT,EAAC"}

package/dist/views/Versions/cells/AutosaveCell/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type AutosaveCellProps = {
+    latestDraftVersion?: string;
+    latestPublishedVersion?: string;
+};
+export declare const renderPill: (data: any, latestVersion: any, currentLabel: any, previousLabel: any, pillStyle: any) => React.JSX.Element;
+export declare const AutosaveCell: React.FC<AutosaveCellProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Versions/cells/AutosaveCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,6GAWtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqCpD,CAAA"}

package/dist/views/Versions/cells/AutosaveCell/index.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pill, useTableCell, useTranslation } from '@payloadcms/ui';
+import React, { Fragment } from 'react';
+export const renderPill = (data, latestVersion, currentLabel, previousLabel, pillStyle)=>{
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            data?.id === latestVersion ? /*#__PURE__*/ _jsx(Pill, {
+                pillStyle: pillStyle,
+                children: currentLabel
+            }) : /*#__PURE__*/ _jsx(Pill, {
+                children: previousLabel
+            }),
+            "  "
+        ]
+    });
+};
+export const AutosaveCell = ({ latestDraftVersion, latestPublishedVersion })=>{
+    const { t } = useTranslation();
+    const { rowData } = useTableCell();
+    const status = rowData?.version._status;
+    const versionInfo = {
+        draft: {
+            currentLabel: t('version:currentDraft'),
+            latestVersion: latestDraftVersion,
+            pillStyle: undefined,
+            previousLabel: t('version:draft')
+        },
+        published: {
+            currentLabel: t('version:currentPublishedVersion'),
+            latestVersion: latestPublishedVersion,
+            pillStyle: 'success',
+            previousLabel: t('version:previouslyPublished')
+        }
+    };
+    const { currentLabel, latestVersion, pillStyle, previousLabel } = versionInfo[status] || {};
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            rowData?.autosave && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Pill, {
+                        children: t('version:autosave')
+                    }),
+                    "  "
+                ]
+            }),
+            status && renderPill(rowData, latestVersion, currentLabel, previousLabel, pillStyle)
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map