@payloadcms/ui 3.2.3-canary.673b4b5 → 3.3.0

package/dist/elements/SortComplex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","usePathname","useRouter","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useSearchParams","useTranslation","ReactSelect","baseClass","SortComplex","props","$","collection","handleChange","modifySearchQuery","t0","undefined","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","t1","fields","reduce","field","indexOf","type","label","name","value","sortFields","sortField","setSortField","t2","initialSort","sortOrder","setSortOrder","t3","newSortValue","sort","search","stringify","addQueryPrefix","replace","t4","t5","t6","t7","t8","incomingSort","_jsx","className","children","Fragment","_jsxs","onChange","options"],"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const { searchParams } = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.sort !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","$","collection","handleChange","modifySearchQuery","t0","undefined","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","t1","fields","reduce","field","indexOf","type","label","name","value","sortFields","sortField","setSortField","t2","initialSort","sortOrder","setSortOrder","t3","t4","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","t5","t6","t7","t8","incomingSort","_jsx","className","children","Fragment","_jsxs","onChange","options"],"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Status/index.js

@@ -64,7 +64,7 @@ export const Status = () => {
     }
   }
   let t2;
-  if ($[0] !== collectionSlug || $[1] !== serverURL || $[2] !== api || $[3] !== id || $[4] !== locale || $[5] !== globalSlug || $[6] !== i18n.language || $[7] !== resetForm || $[8] !== incrementVersionCount || $[9] !== t || $[10] !== toggleModal || $[11] !== revertModalSlug || $[12] !== unPublishModalSlug) {
+  if ($[0] !== api || $[1] !== collectionSlug || $[2] !== globalSlug || $[3] !== i18n.language || $[4] !== id || $[5] !== incrementVersionCount || $[6] !== locale || $[7] !== resetForm || $[8] !== revertModalSlug || $[9] !== serverURL || $[10] !== t || $[11] !== toggleModal || $[12] !== unPublishModalSlug) {
     t2 = async action => {
       let url;
       let method;
@@ -89,7 +89,7 @@ export const Status = () => {
             "Accept-Language": i18n.language,
             "Content-Type": "application/json"
           }
-        }).then(res => res.json());
+        }).then(_temp);
         body = publishedDoc;
       }
       const res_0 = await requests[method](url, {
@@ -123,18 +123,18 @@ export const Status = () => {
         toggleModal(unPublishModalSlug);
       }
     };
-    $[0] = collectionSlug;
-    $[1] = serverURL;
-    $[2] = api;
-    $[3] = id;
-    $[4] = locale;
-    $[5] = globalSlug;
-    $[6] = i18n.language;
+    $[0] = api;
+    $[1] = collectionSlug;
+    $[2] = globalSlug;
+    $[3] = i18n.language;
+    $[4] = id;
+    $[5] = incrementVersionCount;
+    $[6] = locale;
     $[7] = resetForm;
-    $[8] = incrementVersionCount;
-    $[9] = t;
-    $[10] = toggleModal;
-    $[11] = revertModalSlug;
+    $[8] = revertModalSlug;
+    $[9] = serverURL;
+    $[10] = t;
+    $[11] = toggleModal;
     $[12] = unPublishModalSlug;
     $[13] = t2;
   } else {
@@ -145,9 +145,9 @@ export const Status = () => {
   if (statusToRender) {
     const t3 = `${t("version:status")}: ${t(`version:${statusToRender}`)}`;
     let t4;
-    if ($[14] !== t || $[15] !== statusToRender || $[16] !== canUpdate || $[17] !== toggleModal || $[18] !== unPublishModalSlug || $[19] !== processing || $[20] !== performAction || $[21] !== revertModalSlug || $[22] !== t3) {
+    if ($[14] !== canUpdate || $[15] !== performAction || $[16] !== processing || $[17] !== revertModalSlug || $[18] !== statusToRender || $[19] !== t || $[20] !== t3 || $[21] !== toggleModal || $[22] !== unPublishModalSlug) {
       let t5;
-      if ($[24] !== canUpdate || $[25] !== statusToRender || $[26] !== toggleModal || $[27] !== unPublishModalSlug || $[28] !== t || $[29] !== processing || $[30] !== performAction) {
+      if ($[24] !== canUpdate || $[25] !== performAction || $[26] !== processing || $[27] !== statusToRender || $[28] !== t || $[29] !== toggleModal || $[30] !== unPublishModalSlug) {
         t5 = canUpdate && statusToRender === "published" && _jsxs(React.Fragment, {
           children: ["\xA0\u2014\xA0", _jsx(Button, {
             buttonStyle: "none",
@@ -184,18 +184,18 @@ export const Status = () => {
           })]
         });
         $[24] = canUpdate;
-        $[25] = statusToRender;
-        $[26] = toggleModal;
-        $[27] = unPublishModalSlug;
+        $[25] = performAction;
+        $[26] = processing;
+        $[27] = statusToRender;
         $[28] = t;
-        $[29] = processing;
-        $[30] = performAction;
+        $[29] = toggleModal;
+        $[30] = unPublishModalSlug;
         $[31] = t5;
       } else {
         t5 = $[31];
       }
       let t6;
-      if ($[32] !== canUpdate || $[33] !== statusToRender || $[34] !== toggleModal || $[35] !== revertModalSlug || $[36] !== t || $[37] !== processing || $[38] !== performAction) {
+      if ($[32] !== canUpdate || $[33] !== performAction || $[34] !== processing || $[35] !== revertModalSlug || $[36] !== statusToRender || $[37] !== t || $[38] !== toggleModal) {
         t6 = canUpdate && statusToRender === "changed" && _jsxs(React.Fragment, {
           children: ["\xA0\u2014\xA0", _jsx(Button, {
             buttonStyle: "none",
@@ -234,12 +234,12 @@ export const Status = () => {
           })]
         });
         $[32] = canUpdate;
-        $[33] = statusToRender;
-        $[34] = toggleModal;
+        $[33] = performAction;
+        $[34] = processing;
         $[35] = revertModalSlug;
-        $[36] = t;
-        $[37] = processing;
-        $[38] = performAction;
+        $[36] = statusToRender;
+        $[37] = t;
+        $[38] = toggleModal;
         $[39] = t6;
       } else {
         t6 = $[39];
@@ -258,15 +258,15 @@ export const Status = () => {
           }), t5, t6]
         })
       });
-      $[14] = t;
-      $[15] = statusToRender;
-      $[16] = canUpdate;
-      $[17] = toggleModal;
-      $[18] = unPublishModalSlug;
-      $[19] = processing;
-      $[20] = performAction;
-      $[21] = revertModalSlug;
-      $[22] = t3;
+      $[14] = canUpdate;
+      $[15] = performAction;
+      $[16] = processing;
+      $[17] = revertModalSlug;
+      $[18] = statusToRender;
+      $[19] = t;
+      $[20] = t3;
+      $[21] = toggleModal;
+      $[22] = unPublishModalSlug;
       $[23] = t4;
     } else {
       t4 = $[23];
@@ -275,4 +275,7 @@ export const Status = () => {
   }
   return null;
 };
+function _temp(res) {
+  return res.json();
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/Status/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","baseClass","Status","$","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","unpublishedVersionCount","toggleModal","config","t0","routes","t1","serverURL","api","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","t2","language","action","url","method","body","publishedDoc","get","headers","then","res","json","res_0","JSON","stringify","status","data","result","doc","success","message","error","performAction","canUpdate","update","t3","t4","t5","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","slug","undefined","size","type","t6","title"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const [processing, setProcessing] = useState(false)\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      setProcessing(true)\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n\n        incrementVersionCount()\n      } else {\n        toast.error(t('error:unPublishingDocument'))\n      }\n\n      setProcessing(false)\n      if (action === 'revert') {\n        toggleModal(revertModalSlug)\n      }\n\n      if (action === 'unpublish') {\n        toggleModal(unPublishModalSlug)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      incrementVersionCount,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${statusToRender}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${statusToRender}`)}</span>\n          {canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={unPublishModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmUnpublish')}</h1>\n                    <p>{t('version:aboutToUnpublish')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      onClick={processing ? undefined : () => performAction('unpublish')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n          {canUpdate && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={revertModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmRevertToSaved')}</h1>\n                    <p>{t('version:aboutToRevertToPublished')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      id=\"action-revert-to-published-confirm\"\n                      onClick={processing ? undefined : () => performAction('revert')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:reverting' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","baseClass","Status","$","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","unpublishedVersionCount","toggleModal","config","t0","routes","t1","serverURL","api","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","t2","language","action","url","method","body","publishedDoc","get","headers","then","_temp","res_0","JSON","stringify","res","status","data","json","result","doc","success","message","error","performAction","canUpdate","update","t3","t4","t5","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","slug","undefined","size","type","t6","title"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const [processing, setProcessing] = useState(false)\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      setProcessing(true)\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n\n        incrementVersionCount()\n      } else {\n        toast.error(t('error:unPublishingDocument'))\n      }\n\n      setProcessing(false)\n      if (action === 'revert') {\n        toggleModal(revertModalSlug)\n      }\n\n      if (action === 'unpublish') {\n        toggleModal(unPublishModalSlug)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      incrementVersionCount,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${statusToRender}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${statusToRender}`)}</span>\n          {canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={unPublishModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmUnpublish')}</h1>\n                    <p>{t('version:aboutToUnpublish')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      onClick={processing ? undefined : () => performAction('unpublish')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n          {canUpdate && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={revertModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmRevertToSaved')}</h1>\n                    <p>{t('version:aboutToRevertToPublished')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      id=\"action-revert-to-published-confirm\"\n                      onClick={processing ? undefined : () => performAction('revert')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:reverting' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/StayLoggedIn/index.js

@@ -43,9 +43,9 @@ export const StayLoggedInModal = () => {
     t
   } = useTranslation();
   let t3;
-  if ($[0] !== t || $[1] !== toggleModal || $[2] !== router || $[3] !== adminRoute || $[4] !== logoutRoute || $[5] !== refreshCookie) {
+  if ($[0] !== adminRoute || $[1] !== logoutRoute || $[2] !== refreshCookie || $[3] !== router || $[4] !== t || $[5] !== toggleModal) {
     let t4;
-    if ($[7] !== toggleModal || $[8] !== router || $[9] !== adminRoute || $[10] !== logoutRoute) {
+    if ($[7] !== adminRoute || $[8] !== logoutRoute || $[9] !== router || $[10] !== toggleModal) {
       t4 = () => {
         toggleModal(stayLoggedInModalSlug);
         router.push(formatAdminURL({
@@ -53,10 +53,10 @@ export const StayLoggedInModal = () => {
           path: logoutRoute
         }));
       };
-      $[7] = toggleModal;
-      $[8] = router;
-      $[9] = adminRoute;
-      $[10] = logoutRoute;
+      $[7] = adminRoute;
+      $[8] = logoutRoute;
+      $[9] = router;
+      $[10] = toggleModal;
       $[11] = t4;
     } else {
       t4 = $[11];
@@ -100,12 +100,12 @@ export const StayLoggedInModal = () => {
         })]
       })
     });
-    $[0] = t;
-    $[1] = toggleModal;
-    $[2] = router;
-    $[3] = adminRoute;
-    $[4] = logoutRoute;
-    $[5] = refreshCookie;
+    $[0] = adminRoute;
+    $[1] = logoutRoute;
+    $[2] = refreshCookie;
+    $[3] = router;
+    $[4] = t;
+    $[5] = toggleModal;
     $[6] = t3;
   } else {
     t3 = $[6];

package/dist/elements/StayLoggedIn/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","useRouter","React","Button","useAuth","useConfig","useTranslation","formatAdminURL","baseClass","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","toggleModal","t","t3","t4","push","path","t5","_jsx","className","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug={stayLoggedInModalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('authentication:stayLoggedIn')}</h1>\n          <p>{t('authentication:youAreInactive')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={() => {\n              toggleModal(stayLoggedInModalSlug)\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: logoutRoute,\n                }),\n              )\n            }}\n            size=\"large\"\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(stayLoggedInModalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","useRouter","React","Button","useAuth","useConfig","useTranslation","formatAdminURL","baseClass","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","toggleModal","t","t3","t4","push","path","t5","_jsx","className","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug={stayLoggedInModalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('authentication:stayLoggedIn')}</h1>\n          <p>{t('authentication:youAreInactive')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            onClick={() => {\n              toggleModal(stayLoggedInModalSlug)\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: logoutRoute,\n                }),\n              )\n            }}\n            size=\"large\"\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(stayLoggedInModalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/StepNav/SetStepNav.js

@@ -13,13 +13,13 @@ export const SetStepNav = t0 => {
   } = useStepNav();
   let t1;
   let t2;
-  if ($[0] !== setStepNav || $[1] !== nav) {
+  if ($[0] !== nav || $[1] !== setStepNav) {
     t1 = () => {
       setStepNav(nav);
     };
     t2 = [setStepNav, nav];
-    $[0] = setStepNav;
-    $[1] = nav;
+    $[0] = nav;
+    $[1] = setStepNav;
     $[2] = t1;
     $[3] = t2;
   } else {

package/dist/elements/StepNav/SetStepNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,GAAA;IAEbE,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA;IACVG,EAAA,IAACF,UAAA,EAAYD,GAAA;IAAID,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA;AAAA,CAGtB","ignoreList":[]}
+{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,GAAA,IAAAD,CAAA,QAAAE,UAAA;IAEbC,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA;IACVG,EAAA,IAACF,UAAA,EAAYD,GAAA;IAAID,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA;AAAA,CAGtB","ignoreList":[]}

package/dist/elements/StepNav/context.js

@@ -21,7 +21,7 @@ export const StepNavProvider = t0 => {
   }
   const [stepNav, setStepNav] = useState(t1);
   let t2;
-  if ($[1] !== stepNav || $[2] !== children) {
+  if ($[1] !== children || $[2] !== stepNav) {
     t2 = _jsx(Context.Provider, {
       value: {
         setStepNav,
@@ -29,8 +29,8 @@ export const StepNavProvider = t0 => {
       },
       children
     });
-    $[1] = stepNav;
-    $[2] = children;
+    $[1] = children;
+    $[2] = stepNav;
     $[3] = t2;
   } else {
     t2 = $[3];

package/dist/elements/StepNav/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["c","_c","React","createContext","useContext","useState","useStepNav","Context","StepNavProvider","t0","$","children","t1","Symbol","for","stepNav","setStepNav","t2","_jsx","Provider","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => useContext(Context)\n\nexport const Context = createContext({} as ContextType)\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context.Provider\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAI3D,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAmBF,UAAA,CAAAG,OAAW;AAAA;AAExD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAAc,CAAC;AAEtC,OAAO,MAAMK,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAK,OAAA,EAAAC,UAAA,IAA8BX,QAAA,CAASO,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAC,QAAA;IAGvCM,EAAA,GAAAC,IAAA,CAAAX,OAAA,CAAAY,QAAA;MAAAC,KAAA;QAAAJ,UAAA;QAAAD;MAAA;MAAAJ;IAAA,C;;;;;;;SAAAM,E;CASJ","ignoreList":[]}
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","useContext","useState","useStepNav","Context","StepNavProvider","t0","$","children","t1","Symbol","for","stepNav","setStepNav","t2","_jsx","Provider","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => useContext(Context)\n\nexport const Context = createContext({} as ContextType)\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context.Provider\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAI3D,OAAO,MAAMC,UAAA,GAAaA,CAAA;EAAA,OAAmBF,UAAA,CAAAG,OAAW;AAAA;AAExD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAAc,CAAC;AAEtC,OAAO,MAAMK,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAK,OAAA,EAAAC,UAAA,IAA8BX,QAAA,CAASO,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,OAAA;IAGvCE,EAAA,GAAAC,IAAA,CAAAX,OAAA,CAAAY,QAAA;MAAAC,KAAA;QAAAJ,UAAA;QAAAD;MAAA;MAAAJ;IAAA,C;;;;;;;SAAAM,E;CASJ","ignoreList":[]}

package/dist/elements/StepNav/index.js

@@ -40,7 +40,7 @@ const StepNav = t0 => {
   const LinkElement = Link || "a";
   const t3 = Link ? false : undefined;
   let t4;
-  if ($[0] !== t3 || $[1] !== stepNav || $[2] !== className || $[3] !== t || $[4] !== CustomIcon || $[5] !== admin || $[6] !== LinkElement || $[7] !== i18n) {
+  if ($[0] !== CustomIcon || $[1] !== LinkElement || $[2] !== admin || $[3] !== className || $[4] !== i18n || $[5] !== stepNav || $[6] !== t || $[7] !== t3) {
     const baseLinkProps = {
       prefetch: t3
     };
@@ -96,14 +96,14 @@ const StepNav = t0 => {
         })
       })
     });
-    $[0] = t3;
-    $[1] = stepNav;
-    $[2] = className;
-    $[3] = t;
-    $[4] = CustomIcon;
-    $[5] = admin;
-    $[6] = LinkElement;
-    $[7] = i18n;
+    $[0] = CustomIcon;
+    $[1] = LinkElement;
+    $[2] = admin;
+    $[3] = className;
+    $[4] = i18n;
+    $[5] = stepNav;
+    $[6] = t;
+    $[7] = t3;
     $[8] = t4;
   } else {
     t4 = $[8];

package/dist/elements/StepNav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","Link","i18n","stepNav","config","t1","routes","t2","admin","t","LinkElement","t3","undefined","t4","baseLinkProps","prefetch","_jsx","children","length","_jsxs","filter","Boolean","join","href","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon, Link }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const LinkElement = Link || 'a'\n\n  const baseLinkProps = {\n    prefetch: Link ? false : undefined,\n  }\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement\n            className={`${baseClass}__home`}\n            href={admin}\n            tabIndex={0}\n            {...baseLinkProps}\n          >\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </LinkElement>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <LinkElement href={item.url} {...baseLinkProps}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","Link","i18n","stepNav","config","t1","routes","t2","admin","t","LinkElement","t3","undefined","t4","baseLinkProps","prefetch","_jsx","children","length","_jsxs","filter","Boolean","join","href","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon, Link }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const LinkElement = Link || 'a'\n\n  const baseLinkProps = {\n    prefetch: Link ? false : undefined,\n  }\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement\n            className={`${baseClass}__home`}\n            href={admin}\n            tabIndex={0}\n            {...baseLinkProps}\n          >\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </LinkElement>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <LinkElement href={item.url} {...baseLinkProps}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Date/index.js

@@ -40,15 +40,15 @@ export const DateCell = t0 => {
     i18n
   } = useTranslation();
   let t6;
-  if ($[2] !== cellData || $[3] !== i18n || $[4] !== dateFormat) {
+  if ($[2] !== cellData || $[3] !== dateFormat || $[4] !== i18n) {
     t6 = cellData && formatDate({
       date: cellData,
       i18n,
       pattern: dateFormat
     });
     $[2] = cellData;
-    $[3] = i18n;
-    $[4] = dateFormat;
+    $[3] = dateFormat;
+    $[4] = i18n;
     $[5] = t6;
   } else {
     t6 = $[5];

package/dist/elements/Table/DefaultCell/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDate","DateCell","t0","$","cellData","field","t1","admin","t2","t3","undefined","date","config","t4","t5","dateFormat","dateFormatFromRoot","displayFormat","i18n","t6","pattern","t7","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<DateFieldClient>> = ({\n  cellData,\n  field: { admin: { date } = {} },\n}) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAAiEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAG9E;EADQ;IAAAK,KAAA,EAAAC;EAAA,IAAAF,EAAwB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IAAfC,EAAA,GAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAb;IAAAQ;EAAA,IAAAF,EAAa;EAE7B;IAAAG,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAS,KAAA,EAAAO;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAI7C,MAAAC,UAAA,GAAmBJ,IAAA,EAAAM,aAAA,IAAuBD,kBAAA;EAE1C;IAAAE;EAAA,IAAiBnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAhB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAe,IAAA,IAAAf,CAAA,QAAAY,UAAA;IAEHI,EAAA,GAAAf,QAAA,IAAYJ,UAAA;MAAAW,IAAA,EAAmBP,QAAA;MAAAc,IAAA;MAAAE,OAAA,EAAyBL;IAAA,CAAW;IAAAZ,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAe,IAAA;IAAAf,CAAA,MAAAY,UAAA;IAAAZ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAgB,EAAA;IAA1EE,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMJ;IAAmE,C;;;;;;SAA1EE,E;CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDate","DateCell","t0","$","cellData","field","t1","admin","t2","t3","undefined","date","config","t4","t5","dateFormat","dateFormatFromRoot","displayFormat","i18n","t6","pattern","t7","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<DateFieldClient>> = ({\n  cellData,\n  field: { admin: { date } = {} },\n}) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAAiEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAG9E;EADQ;IAAAK,KAAA,EAAAC;EAAA,IAAAF,EAAwB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IAAfC,EAAA,GAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAb;IAAAQ;EAAA,IAAAF,EAAa;EAE7B;IAAAG,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAS,KAAA,EAAAO;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAI7C,MAAAC,UAAA,GAAmBJ,IAAA,EAAAM,aAAA,IAAuBD,kBAAA;EAE1C;IAAAE;EAAA,IAAiBnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAhB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAe,IAAA;IAEHC,EAAA,GAAAf,QAAA,IAAYJ,UAAA;MAAAW,IAAA,EAAmBP,QAAA;MAAAc,IAAA;MAAAE,OAAA,EAAyBL;IAAA,CAAW;IAAAZ,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAY,UAAA;IAAAZ,CAAA,MAAAe,IAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAgB,EAAA;IAA1EE,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMJ;IAAmE,C;;;;;;SAA1EE,E;CACT","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js

@@ -57,7 +57,7 @@ export const RelationshipCell = t0 => {
   } = useTranslation();
   const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
   let t4;
-  if ($[1] !== cellData || $[2] !== isAboveViewport || $[3] !== hasRequested || $[4] !== relationTo || $[5] !== getRelationships) {
+  if ($[1] !== cellData || $[2] !== getRelationships || $[3] !== hasRequested || $[4] !== isAboveViewport || $[5] !== relationTo) {
     t4 = () => {
       if ((cellData || typeof cellData === "number") && isAboveViewport && !hasRequested) {
         const formattedValues = [];
@@ -79,24 +79,24 @@ export const RelationshipCell = t0 => {
       }
     };
     $[1] = cellData;
-    $[2] = isAboveViewport;
+    $[2] = getRelationships;
     $[3] = hasRequested;
-    $[4] = relationTo;
-    $[5] = getRelationships;
+    $[4] = isAboveViewport;
+    $[5] = relationTo;
     $[6] = t4;
   } else {
     t4 = $[6];
   }
   let t5;
-  if ($[7] !== cellData || $[8] !== relationTo || $[9] !== collections || $[10] !== isAboveViewport || $[11] !== routes.api || $[12] !== hasRequested || $[13] !== getRelationships) {
+  if ($[7] !== cellData || $[8] !== collections || $[9] !== getRelationships || $[10] !== hasRequested || $[11] !== isAboveViewport || $[12] !== relationTo || $[13] !== routes.api) {
     t5 = [cellData, relationTo, collections, isAboveViewport, routes.api, hasRequested, getRelationships];
     $[7] = cellData;
-    $[8] = relationTo;
-    $[9] = collections;
-    $[10] = isAboveViewport;
-    $[11] = routes.api;
-    $[12] = hasRequested;
-    $[13] = getRelationships;
+    $[8] = collections;
+    $[9] = getRelationships;
+    $[10] = hasRequested;
+    $[11] = isAboveViewport;
+    $[12] = relationTo;
+    $[13] = routes.api;
     $[14] = t5;
   } else {
     t5 = $[14];
@@ -124,9 +124,9 @@ export const RelationshipCell = t0 => {
   }
   useEffect(t6, t7);
   let t8;
-  if ($[19] !== documents || $[20] !== getEntityConfig || $[21] !== config.admin.dateFormat || $[22] !== t || $[23] !== i18n || $[24] !== field || $[25] !== customCellContext || $[26] !== values || $[27] !== cellData || $[28] !== label || $[29] !== intersectionRef) {
+  if ($[19] !== cellData || $[20] !== config.admin.dateFormat || $[21] !== customCellContext || $[22] !== documents || $[23] !== field || $[24] !== getEntityConfig || $[25] !== i18n || $[26] !== intersectionRef || $[27] !== label || $[28] !== t || $[29] !== values) {
     let t9;
-    if ($[31] !== documents || $[32] !== getEntityConfig || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
+    if ($[31] !== config.admin.dateFormat || $[32] !== customCellContext || $[33] !== documents || $[34] !== field || $[35] !== getEntityConfig || $[36] !== i18n || $[37] !== t || $[38] !== values.length) {
       t9 = (t10, i) => {
         const {
           relationTo: relationTo_0,
@@ -161,13 +161,13 @@ export const RelationshipCell = t0 => {
           children: [document === false && `${t("general:untitled")} - ID: ${value}`, document === null && `${t("general:loading")}...`, document ? fileField || label_0 : null, values.length > i + 1 && ", "]
         }, i);
       };
-      $[31] = documents;
-      $[32] = getEntityConfig;
-      $[33] = config.admin.dateFormat;
-      $[34] = t;
-      $[35] = i18n;
-      $[36] = field;
-      $[37] = customCellContext;
+      $[31] = config.admin.dateFormat;
+      $[32] = customCellContext;
+      $[33] = documents;
+      $[34] = field;
+      $[35] = getEntityConfig;
+      $[36] = i18n;
+      $[37] = t;
       $[38] = values.length;
       $[39] = t9;
     } else {
@@ -183,17 +183,17 @@ export const RelationshipCell = t0 => {
         label: getTranslation(label || "", i18n)
       })]
     });
-    $[19] = documents;
-    $[20] = getEntityConfig;
-    $[21] = config.admin.dateFormat;
-    $[22] = t;
-    $[23] = i18n;
-    $[24] = field;
-    $[25] = customCellContext;
-    $[26] = values;
-    $[27] = cellData;
-    $[28] = label;
-    $[29] = intersectionRef;
+    $[19] = cellData;
+    $[20] = config.admin.dateFormat;
+    $[21] = customCellContext;
+    $[22] = documents;
+    $[23] = field;
+    $[24] = getEntityConfig;
+    $[25] = i18n;
+    $[26] = intersectionRef;
+    $[27] = label;
+    $[28] = t;
+    $[29] = values;
     $[30] = t8;
   } else {
     t8 = $[30];