@payloadcms/next 3.0.0-beta.1 → 3.0.0-beta.100

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 } from '@payloadcms/ui/elements/Button'\nimport { Modal, useModal } from '@payloadcms/ui/elements/Modal'\nimport { Pill } from '@payloadcms/ui/elements/Pill'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { MinimalTemplate } from '@payloadcms/ui/templates/Minimal'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { Props } from './types.js'\n\n// import { requests } from '../../../../api'\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 { 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: any = {}\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      // history.push(redirectURL)\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [fetchURL, redirectURL, t, i18n])\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","useModal","Pill","useConfig","useTranslation","MinimalTemplate","React","Fragment","useCallback","useState","toast","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","versionDate","versionID","routes","admin","api","serverURL","toggleModal","processing","setProcessing","i18n","t","restoreMessage","fetchURL","redirectURL","handleRestore","res","status","json","success","message","error","filter","Boolean","join","onClick","slug","h1","p","buttonStyle","undefined","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,KAAK,EAAEC,QAAQ,QAAQ,gCAA+B;AAC/D,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAC9D,SAASC,KAAK,QAAQ,iBAAgB;AAOtC,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,GAAGrB;IACJ,MAAM,EAAEsB,WAAW,EAAE,GAAGxB;IACxB,MAAM,CAACyB,YAAYC,cAAc,GAAGlB,SAAS;IAC7C,MAAM,EAAEmB,IAAI,EAAEC,CAAC,EAAE,GAAGzB;IAEpB,MAAM0B,iBAAiBD,EAAE,gCAAgC;QACvDZ,OAAOnB,eAAemB,OAAOW;QAC7BT;IACF;IAEA,IAAIY,WAAW,CAAC,EAAEP,UAAU,EAAED,IAAI,CAAC;IACnC,IAAIS;IAEJ,IAAIjB,gBAAgB;QAClBgB,WAAW,CAAC,EAAEA,SAAS,CAAC,EAAEhB,eAAe,UAAU,EAAEK,UAAU,CAAC;QAChEY,cAAc,CAAC,EAAEV,MAAM,aAAa,EAAEP,eAAe,CAAC,EAAEG,cAAc,CAAC;IACzE;IAEA,IAAIF,YAAY;QACde,WAAW,CAAC,EAAEA,SAAS,SAAS,EAAEf,WAAW,UAAU,EAAEI,UAAU,CAAC;QACpEY,cAAc,CAAC,EAAEV,MAAM,SAAS,EAAEN,WAAW,CAAC;IAChD;IAEA,MAAMiB,gBAAgBzB,YAAY;QAChCmB,cAAc;QAEd,MAAMO,MAAW,CAAC;QAElB,8CAA8C;QAC9C,eAAe;QACf,wCAAwC;QACxC,OAAO;QACP,KAAK;QAEL,IAAIA,IAAIC,MAAM,KAAK,KAAK;YACtB,MAAMC,OAAO,MAAMF,IAAIE,IAAI;YAC3B1B,MAAM2B,OAAO,CAACD,KAAKE,OAAO;QAC1B,4BAA4B;QAC9B,OAAO;YACL5B,MAAM6B,KAAK,CAACV,EAAE;QAChB;IACF,GAAG;QAACE;QAAUC;QAAaH;QAAGD;KAAK;IAEnC,qBACE,oBAACrB,8BACC,oBAACL;QACCY,WAAW;YAACH;YAAWG;SAAU,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,SAAS,IAAMlB,YAAYb;OAE1BiB,EAAE,8CAEL,oBAAC7B;QAAMc,WAAW,CAAC,EAAEH,UAAU,OAAO,CAAC;QAAEiC,MAAMhC;qBAC7C,oBAACP;QAAgBS,WAAW,CAAC,EAAEH,UAAU,gBAAgB,CAAC;qBACxD,oBAACkC,YAAIhB,EAAE,qDACP,oBAACiB,WAAGhB,+BACJ,oBAAC/B;QACCgD,aAAY;QACZJ,SAASjB,aAAasB,YAAY,IAAMvB,YAAYb;QACpDqC,MAAK;OAEJpB,EAAE,kCAEL,oBAAC9B;QAAO4C,SAASjB,aAAasB,YAAYf;OACvCP,aAAaG,EAAE,uBAAuBA,EAAE;AAMrD;AAEA,eAAehB,QAAO"}
+{"version":3,"file":"index.js","names":["getTranslation","Button","ChevronIcon","Modal","Pill","Popup","PopupList","useConfig","useModal","useTranslation","formatAdminURL","requests","useRouter","React","Fragment","useCallback","useState","toast","baseClass","modalSlug","Restore","className","collectionSlug","globalSlug","label","originalDocID","status","versionDate","versionID","config","collections","routes","admin","adminRoute","api","apiRoute","serverURL","collectionConfig","find","collection","slug","toggleModal","processing","setProcessing","router","i18n","t","draft","setDraft","restoreMessage","fetchURL","redirectURL","canRestoreAsDraft","versions","drafts","path","handleRestore","res","post","headers","language","json","success","message","push","error","_jsxs","filter","Boolean","join","_jsx","onClick","button","caret","render","ButtonGroup","size","verticalAlign","buttonStyle","undefined","type"],"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 './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      collections,\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const collectionConfig = collections.find((collection) => collection.slug === collectionSlug)\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\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    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        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmVersionRestoration')}</h1>\n            <p>{restoreMessage}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              onClick={processing ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\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          </div>\n        </div>\n      </Modal>\n    </Fragment>\n  )\n}\n\nexport default Restore\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,28 +1,77 @@
+@import '../../.././scss/styles.scss';
+
 .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;
+    @include blur-bg;
     display: flex;
     align-items: center;
+    justify-content: center;
     height: 100%;
 
     &__toggle {
-      // @extend %btn-reset;
+      @extend %btn-reset;
     }
+  }
 
-    .btn {
-      [dir='ltr'] & {
-        margin-right: var(--base);
-      }
-      [dir='rtl'] & {
-        margin-left: var(--base);
-      }
+  &__wrapper {
+    z-index: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: base(0.8);
+    padding: base(2);
+    max-width: base(36);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > * {
+      margin: 0;
     }
   }
 
-  &__modal-template {
-    position: relative;
-    z-index: 1;
+  &__controls {
+    display: flex;
+    gap: base(0.4);
+
+    .btn {
+      margin: 0;
+    }
   }
 }

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

@@ -1,10 +1,11 @@
-import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types';
+import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
 export type Props = {
     className?: string;
     collectionSlug?: SanitizedCollectionConfig['slug'];
     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,eAAe,CAAA;AAErF,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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Restore/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nexport type Props = {\n  className?: string\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  label: SanitizedCollectionConfig['labels']['singular']\n  originalDocID: number | string\n  versionDate: string\n  versionID: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAQC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/Restore/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  label: SanitizedCollectionConfig['labels']['singular']\n  originalDocID: number | string\n  status?: string\n  versionDate: string\n  versionID: string\n}\n"],"mappings":"AAEA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiH5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2J5C,CAAA"}

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

@@ -1,130 +1,149 @@
 'use client';
-import { ReactSelect } from '@payloadcms/ui/elements/ReactSelect';
-import { fieldBaseClass } from '@payloadcms/ui/fields/shared';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { formatDate } from '@payloadcms/ui/utilities/formatDate';
-import qs from 'qs';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fieldBaseClass, ReactSelect, 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 { mostRecentVersionOption, publishedVersionOption } from '../shared.js';
+import { renderPill } from '../../Versions/cells/AutosaveCell/index.js';
 const baseClass = 'compare-version';
 const maxResultsPerRequest = 10;
-const baseOptions = [
-    mostRecentVersionOption
-];
-export const SelectComparison = (props)=>{
-    const { baseURL, onChange, parentID, publishedDoc, value, versionID } = props;
-    const { admin: { dateFormat } } = useConfig();
-    const { docConfig } = useDocumentInfo();
-    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 (docConfig.versions?.drafts) {
-            query.where.and.push({
-                latest: {
-                    not_equals: true
-                }
-            });
-        }
-        if (parentID) {
-            query.where.and.push({
-                parent: {
-                    equals: parentID
-                }
-            });
+const baseOptions = [];
+export const SelectComparison = props => {
+  const {
+    baseURL,
+    latestDraftVersion,
+    latestPublishedVersion,
+    onChange,
+    parentID,
+    value,
+    versionID
+  } = props;
+  const {
+    config: {
+      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
-            }
+      });
+    }
+    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
+          };
         });
-        if (response.ok) {
-            const data = await response.json();
-            if (data.docs.length > 0) {
-                setOptions((existingOptions)=>[
-                        ...existingOptions,
-                        ...data.docs.map((doc)=>({
-                                label: formatDate({
-                                    date: doc.updatedAt,
-                                    i18n,
-                                    pattern: dateFormat
-                                }),
-                                value: doc.id
-                            }))
-                    ]);
-                if (!data.hasNextPage) {
-                    loadedAllOptionsRef.current = true;
-                }
-                setLastLoadedPage(data.page);
-            }
-        } else {
-            setErrorLoading(t('error:unspecific'));
+        setOptions(existingOptions => [...existingOptions, ...additionalOptions]);
+        if (!data.hasNextPage) {
+          loadedAllOptionsRef.current = true;
         }
-    }, [
-        dateFormat,
-        baseURL,
-        parentID,
-        versionID,
-        t,
-        i18n,
-        docConfig.versions?.drafts
-    ]);
-    useEffect(()=>{
+        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_0 => t_0.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: 1
+          lastLoadedPage: lastLoadedPage + 1
         });
-    }, [
-        getResults
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            errorLoading && 'error-loading'
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__label`
-    }, t('version:compareVersion')), !errorLoading && /*#__PURE__*/ React.createElement(ReactSelect, {
-        isClearable: false,
-        isSearchable: false,
-        onChange: onChange,
-        onMenuScrollToBottom: ()=>{
-            void getResults({
-                lastLoadedPage: lastLoadedPage + 1
-            });
-        },
-        options: [
-            ...publishedDoc?._status === 'published' ? [
-                publishedVersionOption
-            ] : [],
-            ...options
-        ],
-        placeholder: t('version:selectVersionToCompare'),
-        value: value
-    }), errorLoading && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__error-loading`
-    }, errorLoading));
+      },
+      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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload/database'\nimport type { Where } from 'payload/types'\n\nimport { ReactSelect } from '@payloadcms/ui/elements/ReactSelect'\nimport { fieldBaseClass } from '@payloadcms/ui/fields/shared'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport qs from 'qs'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { mostRecentVersionOption, publishedVersionOption } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'compare-version'\n\nconst maxResultsPerRequest = 10\n\nconst baseOptions = [mostRecentVersionOption]\n\nexport const SelectComparison: React.FC<Props> = (props) => {\n  const { baseURL, onChange, parentID, publishedDoc, value, versionID } = props\n\n  const {\n    admin: { dateFormat },\n  } = useConfig()\n\n  const { docConfig } = useDocumentInfo()\n  const [options, setOptions] = useState(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 (docConfig.versions?.drafts) {\n        query.where.and.push({\n          latest: {\n            not_equals: true,\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        if (data.docs.length > 0) {\n          setOptions((existingOptions) => [\n            ...existingOptions,\n            ...data.docs.map((doc) => ({\n              label: formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat }),\n              value: doc.id,\n            })),\n          ])\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, docConfig.versions?.drafts],\n  )\n\n  useEffect(() => {\n    void getResults({ lastLoadedPage: 1 })\n  }, [getResults])\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={[\n            ...(publishedDoc?._status === 'published' ? [publishedVersionOption] : []),\n            ...options,\n          ]}\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","useDocumentInfo","useTranslation","formatDate","qs","React","useCallback","useEffect","useState","mostRecentVersionOption","publishedVersionOption","baseClass","maxResultsPerRequest","baseOptions","SelectComparison","props","baseURL","onChange","parentID","publishedDoc","value","versionID","admin","dateFormat","docConfig","options","setOptions","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","i18n","t","loadedAllOptionsRef","useRef","getResults","lastLoadedPageArg","current","query","depth","limit","page","where","and","id","not_equals","versions","drafts","push","latest","parent","equals","search","stringify","response","fetch","credentials","headers","language","ok","data","json","docs","length","existingOptions","map","doc","label","date","updatedAt","pattern","hasNextPage","div","className","filter","Boolean","join","isClearable","isSearchable","onMenuScrollToBottom","_status","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["fieldBaseClass","ReactSelect","useConfig","useTranslation","formatDate","qs","React","useCallback","useEffect","useState","renderPill","baseClass","maxResultsPerRequest","baseOptions","SelectComparison","props","baseURL","latestDraftVersion","latestPublishedVersion","onChange","parentID","value","versionID","config","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","_jsxs","date","updatedAt","pattern","existingOptions","hasNextPage","filteredOptions","filter","option","index","self","findIndex","className","Boolean","join","_jsx","isClearable","isSearchable","onMenuScrollToBottom","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { fieldBaseClass, ReactSelect, 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    config: {\n      admin: { dateFormat },\n    },\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) {\n        return\n      }\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"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@
     border: 1px solid var(--theme-error-500);
     min-height: calc(var(--base) * 2);
     padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
-    background-color: var(--theme-error-500);
+    background-color: var(--theme-error-100);
     color: var(--theme-elevation-0);
   }
 

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

@@ -1,11 +1,11 @@
-import type { PaginatedDocs } from 'payload/database';
-import type { SanitizedCollectionConfig } from 'payload/types';
+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;
-    publishedDoc: any;
     value: CompareOption;
     versionID: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,YAAY,EAAE,GAAG,CAAA;IACjB,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"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload/database'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  baseURL: string\n  onChange: (val: CompareOption) => void\n  parentID?: number | string\n  publishedDoc: any\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":[],"rangeMappings":"","mappings":"AA2BA,WAGC"}
+{"version":3,"file":"types.js","names":[],"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"],"mappings":"AA2BA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"names":[],"mappings":"AAGA,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"}
+{"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,CA8BzC,CAAA"}