@payloadcms/ui 3.0.0-alpha.47 → 3.0.0-alpha.49

package/dist/elements/Status/index.js

@@ -11,7 +11,7 @@ import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
 const baseClass = 'status';
-const Status = ()=>{
+export const Status = ()=>{
     const { Modal, useModal } = facelessUIImport;
     const { id, collectionSlug, docPermissions, getVersions, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo();
     const { toggleModal } = useModal();
@@ -66,8 +66,10 @@ const Status = ()=>{
             } else if (collectionSlug) {
                 data = json.doc;
             }
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
             resetForm(data);
             toast.success(json.message);
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
             getVersions();
         } else {
             toast.error(t('error:unPublishingDocument'));
@@ -142,6 +144,5 @@ const Status = ()=>{
     }
     return null;
 };
-export default Status;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\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 { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nconst Status: React.FC = () => {\n  const { Modal, useModal } = facelessUIImport\n\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    getVersions,\n    globalSlug,\n    publishedDoc,\n    unpublishedVersions,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    routes: { api },\n    serverURL,\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\n\n  if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {\n    statusToRender = 'changed'\n  } else if (!publishedDoc) {\n    statusToRender = 'draft'\n  } else if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {\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 (action === 'revert') {\n        body = publishedDoc\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null`\n        method = 'post'\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        resetForm(data)\n        toast.success(json.message)\n        getVersions()\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      getVersions,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      publishedDoc,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update?.permission\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                <MinimalTemplate className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmUnpublish')}</h1>\n                  <p>{t('version:aboutToUnpublish')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                    type=\"button\"\n                  >\n                    {t('general:cancel')}\n                  </Button>\n                  <Button onClick={processing ? undefined : () => performAction('unpublish')}>\n                    {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                  </Button>\n                </MinimalTemplate>\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                <MinimalTemplate className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmRevertToSaved')}</h1>\n                  <p>{t('version:aboutToRevertToPublished')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\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                  >\n                    {t(processing ? 'version:reverting' : 'general:confirm')}\n                  </Button>\n                </MinimalTemplate>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n\nexport default Status\n"],"names":["facelessUIImport","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","MinimalTemplate","requests","Button","baseClass","Status","Modal","useModal","id","collectionSlug","docPermissions","getVersions","globalSlug","publishedDoc","unpublishedVersions","toggleModal","routes","api","serverURL","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","docs","length","performAction","action","url","method","body","_status","res","JSON","stringify","headers","language","status","data","json","result","doc","success","message","error","canUpdate","update","permission","div","className","title","span","Fragment","buttonStyle","onClick","slug","h1","p","undefined","type"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\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 { MinimalTemplate } from '../../templates/Minimal/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 { Modal, useModal } = facelessUIImport\n\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    getVersions,\n    globalSlug,\n    publishedDoc,\n    unpublishedVersions,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    routes: { api },\n    serverURL,\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\n\n  if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {\n    statusToRender = 'changed'\n  } else if (!publishedDoc) {\n    statusToRender = 'draft'\n  } else if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {\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 (action === 'revert') {\n        body = publishedDoc\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null`\n        method = 'post'\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        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        getVersions()\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      getVersions,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      publishedDoc,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update?.permission\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                <MinimalTemplate className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmUnpublish')}</h1>\n                  <p>{t('version:aboutToUnpublish')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                    type=\"button\"\n                  >\n                    {t('general:cancel')}\n                  </Button>\n                  <Button onClick={processing ? undefined : () => performAction('unpublish')}>\n                    {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                  </Button>\n                </MinimalTemplate>\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                <MinimalTemplate className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmRevertToSaved')}</h1>\n                  <p>{t('version:aboutToRevertToPublished')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\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                  >\n                    {t(processing ? 'version:reverting' : 'general:confirm')}\n                  </Button>\n                </MinimalTemplate>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","MinimalTemplate","requests","Button","baseClass","Status","Modal","useModal","id","collectionSlug","docPermissions","getVersions","globalSlug","publishedDoc","unpublishedVersions","toggleModal","routes","api","serverURL","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","docs","length","performAction","action","url","method","body","_status","res","JSON","stringify","headers","language","status","data","json","result","doc","success","message","error","canUpdate","update","permission","div","className","title","span","Fragment","buttonStyle","onClick","slug","h1","p","undefined","type"],"mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAG3C,MAAMC,YAAY;AAElB,OAAO,MAAMC,SAAmB;IAC9B,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGhB;IAE5B,MAAM,EACJiB,EAAE,EACFC,cAAc,EACdC,cAAc,EACdC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,mBAAmB,EACpB,GAAGhB;IACJ,MAAM,EAAEiB,WAAW,EAAE,GAAGR;IACxB,MAAM,EACJS,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGrB;IACJ,MAAM,CAACsB,YAAYC,cAAc,GAAG1B,SAAS;IAC7C,MAAM,EAAE2B,OAAOC,SAAS,EAAE,GAAG1B;IAC7B,MAAM,EAAE2B,MAAMC,MAAM,EAAE,GAAGzB;IACzB,MAAM,EAAE0B,IAAI,EAAEC,CAAC,EAAE,GAAG1B;IAEpB,MAAM2B,qBAAqB,CAAC,mBAAmB,EAAEnB,GAAG,CAAC;IACrD,MAAMoB,kBAAkB,CAAC,eAAe,EAAEpB,GAAG,CAAC;IAE9C,IAAIqB;IAEJ,IAAIf,qBAAqBgB,MAAMC,SAAS,KAAKlB,cAAc;QACzDgB,iBAAiB;IACnB,OAAO,IAAI,CAAChB,cAAc;QACxBgB,iBAAiB;IACnB,OAAO,IAAIhB,gBAAgBC,qBAAqBgB,MAAMC,UAAU,GAAG;QACjEF,iBAAiB;IACnB;IAEA,MAAMG,gBAAgBvC,YACpB,OAAOwC;QACL,IAAIC;QACJ,IAAIC;QACJ,IAAIC;QAEJhB,cAAc;QAEd,IAAIa,WAAW,aAAa;YAC1BG,OAAO;gBACLC,SAAS;YACX;QACF;QAEA,IAAIJ,WAAW,UAAU;YACvBG,OAAOvB;QACT;QAEA,IAAIJ,gBAAgB;YAClByB,MAAM,CAAC,EAAEhB,UAAU,EAAED,IAAI,CAAC,EAAER,eAAe,CAAC,EAAED,GAAG,QAAQ,EAAEgB,OAAO,qBAAqB,CAAC;YACxFW,SAAS;QACX;QACA,IAAIvB,YAAY;YACdsB,MAAM,CAAC,EAAEhB,UAAU,EAAED,IAAI,SAAS,EAAEL,WAAW,QAAQ,EAAEY,OAAO,qBAAqB,CAAC;YACtFW,SAAS;QACX;QAEA,MAAMG,MAAM,MAAMpC,QAAQ,CAACiC,OAAO,CAACD,KAAK;YACtCE,MAAMG,KAAKC,SAAS,CAACJ;YACrBK,SAAS;gBACP,mBAAmBhB,KAAKiB,QAAQ;gBAChC,gBAAgB;YAClB;QACF;QAEA,IAAIJ,IAAIK,MAAM,KAAK,KAAK;YACtB,IAAIC;YACJ,MAAMC,OAAO,MAAMP,IAAIO,IAAI;YAE3B,IAAIjC,YAAY;gBACdgC,OAAOC,KAAKC,MAAM;YACpB,OAAO,IAAIrC,gBAAgB;gBACzBmC,OAAOC,KAAKE,GAAG;YACjB;YAEA,mEAAmE;YACnEzB,UAAUsB;YACVjD,MAAMqD,OAAO,CAACH,KAAKI,OAAO;YAC1B,mEAAmE;YACnEtC;QACF,OAAO;YACLhB,MAAMuD,KAAK,CAACxB,EAAE;QAChB;QAEAN,cAAc;QACd,IAAIa,WAAW,UAAU;YACvBlB,YAAYa;QACd;QAEA,IAAIK,WAAW,aAAa;YAC1BlB,YAAYY;QACd;IACF,GACA;QACEV;QACAR;QACAE;QACAC;QACAa,KAAKiB,QAAQ;QACblC;QACAgB;QACAX;QACAS;QACAM;QACAV;QACAQ;QACAX;QACAY;KACD;IAGH,MAAMwB,YAAYzC,gBAAgB0C,QAAQC;IAE1C,IAAIxB,gBAAgB;QAClB,qBACE,oBAACyB;YACCC,WAAWnD;YACXoD,OAAO,CAAC,EAAE9B,EAAE,kBAAkB,EAAE,EAAEA,EAAE,CAAC,QAAQ,EAAEG,eAAe,CAAC,EAAE,CAAC;yBAElE,oBAACyB;YAAIC,WAAW,CAAC,EAAEnD,UAAU,YAAY,CAAC;yBACxC,oBAACqD;YAAKF,WAAW,CAAC,EAAEnD,UAAU,OAAO,CAAC;WAAGsB,EAAE,mBAAkB,qBAC7D,oBAAC+B;YAAKF,WAAW,CAAC,EAAEnD,UAAU,OAAO,CAAC;WAAGsB,EAAE,CAAC,QAAQ,EAAEG,eAAe,CAAC,IACrEsB,aAAatB,mBAAmB,6BAC/B,oBAACrC,MAAMkE,QAAQ,QAAC,qBAEd,oBAACvD;YACCwD,aAAY;YACZJ,WAAW,CAAC,EAAEnD,UAAU,QAAQ,CAAC;YACjCwD,SAAS,IAAM7C,YAAYY;WAE1BD,EAAE,qCAEL,oBAACpB;YAAMiD,WAAW,CAAC,EAAEnD,UAAU,OAAO,CAAC;YAAEyD,MAAMlC;yBAC7C,oBAAC1B;YAAgBsD,WAAW,CAAC,EAAEnD,UAAU,gBAAgB,CAAC;yBACxD,oBAAC0D,YAAIpC,EAAE,4CACP,oBAACqC,WAAGrC,EAAE,4CACN,oBAACvB;YACCwD,aAAY;YACZC,SAASzC,aAAa6C,YAAY,IAAMjD,YAAYY;YACpDsC,MAAK;WAEJvC,EAAE,kCAEL,oBAACvB;YAAOyD,SAASzC,aAAa6C,YAAY,IAAMhC,cAAc;WAC3DN,EAAEP,aAAa,yBAAyB,wBAMlDgC,aAAatB,mBAAmB,2BAC/B,oBAACrC,MAAMkE,QAAQ,QAAC,qBAEd,oBAACvD;YACCwD,aAAY;YACZJ,WAAW,CAAC,EAAEnD,UAAU,QAAQ,CAAC;YACjCI,IAAG;YACHoD,SAAS,IAAM7C,YAAYa;WAE1BF,EAAE,6CAEL,oBAACpB;YAAMiD,WAAW,CAAC,EAAEnD,UAAU,OAAO,CAAC;YAAEyD,MAAMjC;yBAC7C,oBAAC3B;YAAgBsD,WAAW,CAAC,EAAEnD,UAAU,gBAAgB,CAAC;yBACxD,oBAAC0D,YAAIpC,EAAE,gDACP,oBAACqC,WAAGrC,EAAE,oDACN,oBAACvB;YACCwD,aAAY;YACZC,SAASzC,aAAa6C,YAAY,IAAMjD,YAAYa;YACpDqC,MAAK;WAEJvC,EAAE,kCAEL,oBAACvB;YACCK,IAAG;YACHoD,SAASzC,aAAa6C,YAAY,IAAMhC,cAAc;WAErDN,EAAEP,aAAa,sBAAsB;IASxD;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/StayLoggedIn/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import type { Props } from './types.js';
+export type StayLoggedInProps = {
+    refreshCookie: () => void;
+};
 import './index.scss';
-declare const StayLoggedInModal: React.FC<Props>;
-export default StayLoggedInModal;
+export declare const StayLoggedInModal: React.FC<StayLoggedInProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/StayLoggedIn/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0CtC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAKD,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0CzD,CAAA"}

package/dist/elements/StayLoggedIn/index.js

@@ -8,7 +8,7 @@ import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'stay-logged-in';
 const modalSlug = 'stay-logged-in';
-const StayLoggedInModal = (props)=>{
+export const StayLoggedInModal = (props)=>{
     const { Modal, useModal } = facelessUIImport;
     const { refreshCookie } = props;
     const router = useRouter();
@@ -38,6 +38,5 @@ const StayLoggedInModal = (props)=>{
         }
     }, t('authentication:stayLoggedIn')))));
 };
-export default StayLoggedInModal;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport 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 type { Props } from './types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nconst modalSlug = 'stay-logged-in'\n\nconst StayLoggedInModal: React.FC<Props> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { refreshCookie } = props\n  const router = useRouter()\n  const config = useConfig()\n  const {\n    admin: { logoutRoute },\n    routes: { admin },\n  } = config\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug=\"stay-logged-in\">\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(modalSlug)\n              router.push(`${admin}${logoutRoute}`)\n            }}\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(modalSlug)\n            }}\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport default StayLoggedInModal\n"],"names":["facelessUIImport","useRouter","React","Button","useConfig","useTranslation","baseClass","modalSlug","StayLoggedInModal","props","Modal","useModal","refreshCookie","router","config","admin","logoutRoute","routes","toggleModal","t","className","slug","div","h1","p","buttonStyle","onClick","push"],"mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,0EAA0E;AAC1E,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,oBAAqC,CAACC;IAC1C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGX;IAE5B,MAAM,EAAEY,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASZ;IACf,MAAMa,SAASV;IACf,MAAM,EACJW,OAAO,EAAEC,WAAW,EAAE,EACtBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGD;IACJ,MAAM,EAAEI,WAAW,EAAE,GAAGP;IACxB,MAAM,EAAEQ,CAAC,EAAE,GAAGd;IAEd,qBACE,oBAACK;QAAMU,WAAWd;QAAWe,MAAK;qBAChC,oBAACC;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACgB;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACiB,YAAIJ,EAAE,+CACP,oBAACK,WAAGL,EAAE,kDAER,oBAACG;QAAIF,WAAW,CAAC,EAAEd,UAAU,UAAU,CAAC;qBACtC,oBAACH;QACCsB,aAAY;QACZC,SAAS;YACPR,YAAYX;YACZM,OAAOc,IAAI,CAAC,CAAC,EAAEZ,MAAM,EAAEC,YAAY,CAAC;QACtC;OAECG,EAAE,yCAEL,oBAAChB;QACCuB,SAAS;YACPd;YACAM,YAAYX;QACd;OAECY,EAAE;AAMf;AAEA,eAAeX,kBAAiB"}
+{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport 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\nexport type StayLoggedInProps = {\n  refreshCookie: () => void\n}\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'stay-logged-in'\n\nconst modalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC<StayLoggedInProps> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { refreshCookie } = props\n  const router = useRouter()\n  const config = useConfig()\n  const {\n    admin: { logoutRoute },\n    routes: { admin },\n  } = config\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Modal className={baseClass} slug=\"stay-logged-in\">\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(modalSlug)\n              router.push(`${admin}${logoutRoute}`)\n            }}\n          >\n            {t('authentication:logOut')}\n          </Button>\n          <Button\n            onClick={() => {\n              refreshCookie()\n              toggleModal(modalSlug)\n            }}\n          >\n            {t('authentication:stayLoggedIn')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["facelessUIImport","useRouter","React","Button","useConfig","useTranslation","baseClass","modalSlug","StayLoggedInModal","props","Modal","useModal","refreshCookie","router","config","admin","logoutRoute","routes","toggleModal","t","className","slug","div","h1","p","buttonStyle","onClick","push"],"mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,0EAA0E;AAC1E,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAMzB,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,OAAO,MAAMC,oBAAiD,CAACC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGX;IAE5B,MAAM,EAAEY,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASZ;IACf,MAAMa,SAASV;IACf,MAAM,EACJW,OAAO,EAAEC,WAAW,EAAE,EACtBC,QAAQ,EAAEF,KAAK,EAAE,EAClB,GAAGD;IACJ,MAAM,EAAEI,WAAW,EAAE,GAAGP;IACxB,MAAM,EAAEQ,CAAC,EAAE,GAAGd;IAEd,qBACE,oBAACK;QAAMU,WAAWd;QAAWe,MAAK;qBAChC,oBAACC;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACgB;QAAIF,WAAW,CAAC,EAAEd,UAAU,SAAS,CAAC;qBACrC,oBAACiB,YAAIJ,EAAE,+CACP,oBAACK,WAAGL,EAAE,kDAER,oBAACG;QAAIF,WAAW,CAAC,EAAEd,UAAU,UAAU,CAAC;qBACtC,oBAACH;QACCsB,aAAY;QACZC,SAAS;YACPR,YAAYX;YACZM,OAAOc,IAAI,CAAC,CAAC,EAAEZ,MAAM,EAAEC,YAAY,CAAC;QACtC;OAECG,EAAE,yCAEL,oBAAChB;QACCuB,SAAS;YACPd;YACAM,YAAYX;QACd;OAECY,EAAE;AAMf,EAAC"}

package/dist/elements/StepNav/SetStepNav.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" resolution-mode="require"/>
-import type { StepNavItem } from './types.js';
+import type { StepNavItem } from './index.js';
 export declare const SetStepNav: React.FC<{
     nav: StepNavItem[];
 }>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './index.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"],"names":["useEffect","useStepNav","SetStepNav","nav","setStepNav"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,QAAO;AAIjC,SAASC,UAAU,QAAQ,aAAY;AAEvC,OAAO,MAAMC,aAER,CAAC,EAAEC,GAAG,EAAE;IACX,MAAM,EAAEC,UAAU,EAAE,GAAGH;IAEvBD,UAAU;QACRI,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAI;IAEpB,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './index.js'\n\nimport { useStepNav } from './index.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"],"names":["useEffect","useStepNav","SetStepNav","nav","setStepNav"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,QAAO;AAIjC,SAASC,UAAU,QAAQ,aAAY;AAEvC,OAAO,MAAMC,aAER,CAAC,EAAEC,GAAG,EAAE;IACX,MAAM,EAAEC,UAAU,EAAE,GAAGH;IAEvBD,UAAU;QACRI,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAI;IAEpB,OAAO;AACT,EAAC"}

package/dist/elements/StepNav/index.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
-import type { Context as ContextType } from './types.js';
 import './index.scss';
+export { SetStepNav } from './SetStepNav.js';
+export type StepNavItem = {
+    label: Record<string, string> | string;
+    url?: string;
+};
+export type ContextType = {
+    setStepNav: (items: StepNavItem[]) => void;
+    stepNav: StepNavItem[];
+};
 declare const StepNavProvider: React.FC<{
     children?: React.ReactNode;
 }>;
@@ -9,6 +17,5 @@ declare const StepNav: React.FC<{
     Link?: React.ComponentType;
     className?: string;
 }>;
-export { StepNavProvider, useStepNav };
-export default StepNav;
+export { StepNav, StepNavProvider, useStepNav };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/StepNav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AAKxD,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAa7D,CAAA;AAED,QAAA,MAAM,UAAU,QAAO,WAAkC,CAAA;AAEzD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoDA,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA;AAEtC,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAK5E,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAMD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAa7D,CAAA;AAED,QAAA,MAAM,UAAU,QAAO,WAAkC,CAAA;AAEzD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoDA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}

package/dist/elements/StepNav/index.js

@@ -1,9 +1,10 @@
 'use client';
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, createContext, useContext, useState } from 'react';
-import IconGraphic from '../../graphics/Icon/index.js';
+import { Icon } from '../../graphics/Icon/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+export { SetStepNav } from './SetStepNav.js';
 const baseClass = 'step-nav';
 const Context = /*#__PURE__*/ createContext({});
 const StepNavProvider = ({ children })=>{
@@ -31,7 +32,7 @@ const StepNav = ({ Link, className })=>{
         className: `${baseClass}__home`,
         href: admin,
         tabIndex: 0
-    }, /*#__PURE__*/ React.createElement(IconGraphic, null)), /*#__PURE__*/ React.createElement("span", null, "/"), stepNav.map((item, i)=>{
+    }, /*#__PURE__*/ React.createElement(Icon, null)), /*#__PURE__*/ React.createElement("span", null, "/"), stepNav.map((item, i)=>{
         const StepLabel = getTranslation(item.label, i18n);
         const isLast = stepNav.length === i + 1;
         const Step = isLast ? /*#__PURE__*/ React.createElement("span", {
@@ -52,9 +53,8 @@ const StepNav = ({ Link, className })=>{
             baseClass,
             className
         ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(IconGraphic, null)));
+    }, /*#__PURE__*/ React.createElement(Icon, null)));
 };
-export { StepNavProvider, useStepNav };
-export default StepNav;
+export { StepNav, StepNavProvider, useStepNav };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, createContext, useContext, useState } from 'react'\n\nimport type { Context as ContextType } from './types.js'\n\nimport IconGraphic from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'step-nav'\n\nconst Context = createContext({} as ContextType)\n\nconst 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\nconst useStepNav = (): ContextType => useContext(Context)\n\nconst StepNav: React.FC<{\n  Link?: React.ComponentType\n  className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const config = useConfig()\n\n  const {\n    routes: { admin },\n  } = config\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <IconGraphic />\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}>\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          <IconGraphic />\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNavProvider, useStepNav }\n\nexport default StepNav\n"],"names":["getTranslation","React","Fragment","createContext","useContext","useState","IconGraphic","useConfig","useTranslation","baseClass","Context","StepNavProvider","children","stepNav","setStepNav","Provider","value","useStepNav","StepNav","Link","className","i18n","config","routes","admin","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","map","item","i","StepLabel","label","isLast","Step","key","url","div"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAI5E,OAAOC,iBAAiB,+BAA8B;AACtD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,wBAAUP,cAAc,CAAC;AAE/B,MAAMQ,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IAC7E,MAAM,CAACC,SAASC,WAAW,GAAGT,SAAS,EAAE;IAEzC,qBACE,oBAACK,QAAQK,QAAQ;QACfC,OAAO;YACLF;YACAD;QACF;OAECD;AAGP;AAEA,MAAMK,aAAa,IAAmBb,WAAWM;AAEjD,MAAMQ,UAGD,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGb;IAEjB,MAAM,EAAEK,OAAO,EAAE,GAAGI;IAEpB,MAAMK,SAASf;IAEf,MAAM,EACJgB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGF;IAEJ,MAAMG,cAAcN,QAAQ;IAE5B,qBACE,oBAACjB,gBACEW,QAAQa,MAAM,GAAG,kBAChB,oBAACC;QAAIP,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACL;QAAYL,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;QAAEsB,MAAMP;QAAOQ,UAAU;qBACnE,oBAAC1B,mCAEH,oBAAC2B,cAAK,MACLpB,QAAQqB,GAAG,CAAC,CAACC,MAAMC;QAClB,MAAMC,YAAYrC,eAAemC,KAAKG,KAAK,EAAEjB;QAC7C,MAAMkB,SAAS1B,QAAQa,MAAM,KAAKU,IAAI;QAEtC,MAAMI,OAAOD,uBACX,oBAACN;YAAKb,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;YAAEgC,KAAKL;WACzCC,2BAGH,oBAACnC;YAASuC,KAAKL;WACZD,KAAKO,GAAG,iBACP,oBAACjB;YAAYM,MAAMI,KAAKO,GAAG;yBACzB,oBAACT;YAAKQ,KAAKL;WAAIC,4BAGjB,oBAACJ;YAAKQ,KAAKL;WAAIC,0BAEjB,oBAACJ,cAAK;QAIV,OAAOO;IACT,oBAGF,oBAACG;QAAIvB,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACxB;AAKX;AAEA,SAASK,eAAe,EAAEM,UAAU,GAAE;AAEtC,eAAeC,QAAO"}
+{"version":3,"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, createContext, useContext, useState } from 'react'\n\nimport { Icon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nexport type StepNavItem = {\n  label: Record<string, string> | string\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n\nconst baseClass = 'step-nav'\n\nconst Context = createContext({} as ContextType)\n\nconst 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\nconst useStepNav = (): ContextType => useContext(Context)\n\nconst StepNav: React.FC<{\n  Link?: React.ComponentType\n  className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const config = useConfig()\n\n  const {\n    routes: { admin },\n  } = config\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <Icon />\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}>\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          <Icon />\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavProvider, useStepNav }\n"],"names":["getTranslation","React","Fragment","createContext","useContext","useState","Icon","useConfig","useTranslation","SetStepNav","baseClass","Context","StepNavProvider","children","stepNav","setStepNav","Provider","value","useStepNav","StepNav","Link","className","i18n","config","routes","admin","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","map","item","i","StepLabel","label","isLast","Step","key","url","div"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAE5E,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,SAASC,UAAU,QAAQ,kBAAiB;AAY5C,MAAMC,YAAY;AAElB,MAAMC,wBAAUR,cAAc,CAAC;AAE/B,MAAMS,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IAC7E,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAS,EAAE;IAEzC,qBACE,oBAACM,QAAQK,QAAQ;QACfC,OAAO;YACLF;YACAD;QACF;OAECD;AAGP;AAEA,MAAMK,aAAa,IAAmBd,WAAWO;AAEjD,MAAMQ,UAGD,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGd;IAEjB,MAAM,EAAEM,OAAO,EAAE,GAAGI;IAEpB,MAAMK,SAAShB;IAEf,MAAM,EACJiB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGF;IAEJ,MAAMG,cAAcN,QAAQ;IAE5B,qBACE,oBAAClB,gBACEY,QAAQa,MAAM,GAAG,kBAChB,oBAACC;QAAIP,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACL;QAAYL,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;QAAEsB,MAAMP;QAAOQ,UAAU;qBACnE,oBAAC3B,4BAEH,oBAAC4B,cAAK,MACLpB,QAAQqB,GAAG,CAAC,CAACC,MAAMC;QAClB,MAAMC,YAAYtC,eAAeoC,KAAKG,KAAK,EAAEjB;QAC7C,MAAMkB,SAAS1B,QAAQa,MAAM,KAAKU,IAAI;QAEtC,MAAMI,OAAOD,uBACX,oBAACN;YAAKb,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;YAAEgC,KAAKL;WACzCC,2BAGH,oBAACpC;YAASwC,KAAKL;WACZD,KAAKO,GAAG,iBACP,oBAACjB;YAAYM,MAAMI,KAAKO,GAAG;yBACzB,oBAACT;YAAKQ,KAAKL;WAAIC,4BAGjB,oBAACJ;YAAKQ,KAAKL;WAAIC,0BAEjB,oBAACJ,cAAK;QAIV,OAAOO;IACT,oBAGF,oBAACG;QAAIvB,WAAW;YAACX;YAAWW;SAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACzB;AAKX;AAEA,SAASa,OAAO,EAAEP,eAAe,EAAEM,UAAU,GAAE"}

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts

@@ -0,0 +1,7 @@
+import type { CellComponentProps, CellProps } from 'payload/types';
+import React from 'react';
+export interface ArrayCellProps extends CellComponentProps<Record<string, unknown>[]> {
+    labels: CellProps['labels'];
+}
+export declare const ArrayCell: React.FC<ArrayCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACnF,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}

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

@@ -0,0 +1,12 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import React from 'react';
+export const ArrayCell = ({ cellData, labels })=>{
+    const { i18n } = useTranslation();
+    const arrayFields = cellData ?? [];
+    const label = `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
+    return /*#__PURE__*/ React.createElement("span", null, label);
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface ArrayCellProps extends CellComponentProps<Record<string, unknown>[]> {\n  labels: CellProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,oBAACM,cAAMJ;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts

@@ -0,0 +1,8 @@
+import type { CellComponentProps, CellProps } from 'payload/types';
+import React from 'react';
+export interface BlocksCellProps extends CellComponentProps<any> {
+    blocks: CellProps['blocks'];
+    labels: CellProps['labels'];
+}
+export declare const BlocksCell: React.FC<BlocksCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,CAAC,GAAG,CAAC;IAC9D,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}

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

@@ -0,0 +1,30 @@
+'use client';
+import { getTranslation } from '@payloadcms/translations';
+import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import React from 'react';
+export const BlocksCell = ({ blocks, cellData, labels })=>{
+    const { i18n } = useTranslation();
+    const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType })=>blockType) : [];
+    const translatedBlockLabels = blocks?.map((b)=>({
+            slug: b.slug,
+            label: getTranslation(b.labels.singular, i18n)
+        }));
+    let label = `0 ${getTranslation(labels?.plural, i18n)}`;
+    const formatBlockList = (blocks)=>blocks.map((b)=>{
+            const filtered = translatedBlockLabels.filter((f)=>f.slug === b)?.[0];
+            return filtered?.label;
+        }).join(', ');
+    const itemsToShow = 5;
+    if (selectedBlocks.length > itemsToShow) {
+        const more = selectedBlocks.length - itemsToShow;
+        label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t('fields:itemsAndMore', {
+            count: more,
+            items: formatBlockList(selectedBlocks.slice(0, itemsToShow))
+        })}`;
+    } else if (selectedBlocks.length > 0) {
+        label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
+    }
+    return /*#__PURE__*/ React.createElement("span", null, label);
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nexport interface BlocksCellProps extends CellComponentProps<any> {\n  blocks: CellProps['blocks']\n  labels: CellProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\n  }))\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","React","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAOzB,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGN;IAEjB,MAAMO,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,oBAACuB,cAAMf;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts

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

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAI9D,CAAA"}

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

@@ -0,0 +1,7 @@
+'use client';
+import React from 'react';
+export const CheckboxCell = ({ cellData })=>/*#__PURE__*/ React.createElement("code", {
+        className: "bool-cell"
+    }, /*#__PURE__*/ React.createElement("span", null, JSON.stringify(cellData)));
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<CellComponentProps<boolean>> = ({ cellData }) => (\n  <code className=\"bool-cell\">\n    <span>{JSON.stringify(cellData)}</span>\n  </code>\n)\n"],"names":["React","CheckboxCell","cellData","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,eAAsD,CAAC,EAAEC,QAAQ,EAAE,iBAC9E,oBAACC;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACL,YAEzB"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss

@@ -0,0 +1,22 @@
+@import '../../../../../scss/styles.scss';
+
+.bool-cell {
+  font-size: 1rem;
+  line-height: base(1);
+  border: 0;
+  display: inline-flex;
+  vertical-align: middle;
+  background: var(--theme-elevation-150);
+  color: var(--theme-elevation-800);
+  border-radius: $style-radius-s;
+  padding: 0 base(0.25);
+  [dir='ltr'] & {
+    padding-left: base(0.0875 + 0.25);
+  }
+  [dir='rtl'] & {
+    padding-right: base(0.0875 + 0.25);
+  }
+
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-800);
+}

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts

@@ -0,0 +1,8 @@
+import type { CellComponentProps } from 'payload/types';
+import React from 'react';
+import './index.scss';
+export interface CodeCellProps extends CellComponentProps<string> {
+    nowrap?: boolean;
+}
+export declare const CodeCell: React.FC<CodeCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,MAAM,CAAC;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export const CodeCell = ({ cellData, nowrap })=>{
+    const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+    const noWrapStyle = nowrap ? {
+        whiteSpace: 'nowrap'
+    } : {};
+    return /*#__PURE__*/ React.createElement("code", {
+        className: "code-cell",
+        style: noWrapStyle
+    }, /*#__PURE__*/ React.createElement("span", null, textToShow));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["import type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends CellComponentProps<string> {\n  nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,oBAACC;QAAKC,WAAU;QAAYC,OAAOJ;qBACjC,oBAACK,cAAMR;AAGb,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Code/index.scss

@@ -0,0 +1,27 @@
+@import '../../../../../scss/styles.scss';
+
+.code-cell {
+  font-size: 1rem;
+  line-height: base(1);
+  border: 0;
+  display: inline-flex;
+  vertical-align: middle;
+  background: var(--theme-elevation-150);
+  color: var(--theme-elevation-800);
+  border-radius: $style-radius-s;
+  padding: 0 base(0.25);
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-800);
+
+  [dir='ltr'] & {
+    padding-left: base(0.0875 + 0.25);
+  }
+
+  [dir='rtl'] & {
+    padding-right: base(0.0875 + 0.25);
+  }
+
+  &:hover {
+    text-decoration: inherit;
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts

@@ -0,0 +1,7 @@
+import type { CellComponentProps, CellProps } from 'payload/types';
+import React from 'react';
+export interface DateCellProps extends CellComponentProps<string> {
+    dateDisplayFormat?: CellProps['dateDisplayFormat'];
+}
+export declare const DateCell: React.FC<DateCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKlE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,MAAM,CAAC;IAC/D,iBAAiB,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;CACnD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

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

@@ -0,0 +1,13 @@
+'use client';
+import { useConfig } from '@payloadcms/ui/providers/Config';
+import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { formatDate } from '@payloadcms/ui/utilities/formatDate';
+import React from 'react';
+export const DateCell = ({ cellData, dateDisplayFormat })=>{
+    const { admin: { dateFormat: dateFormatFromConfig } } = useConfig();
+    const { i18n } = useTranslation();
+    const dateFormat = dateDisplayFormat || dateFormatFromConfig;
+    return /*#__PURE__*/ React.createElement("span", null, cellData && formatDate(cellData, dateFormat, i18n.language));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, CellProps } from 'payload/types'\n\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { formatDate } from '@payloadcms/ui/utilities/formatDate'\nimport React from 'react'\n\nexport interface DateCellProps extends CellComponentProps<string> {\n  dateDisplayFormat?: CellProps['dateDisplayFormat']\n}\n\nexport const DateCell: React.FC<DateCellProps> = ({ cellData, dateDisplayFormat }) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate(cellData, dateFormat, i18n.language)}</span>\n}\n"],"names":["useConfig","useTranslation","formatDate","React","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","language"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IAC/E,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGT;IAEJ,MAAM,EAAEU,IAAI,EAAE,GAAGT;IAEjB,MAAMO,aAAaF,qBAAqBG;IAExC,qBAAO,oBAACE,cAAMN,YAAYH,WAAWG,UAAUG,YAAYE,KAAKE,QAAQ;AAC1E,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts

@@ -0,0 +1,7 @@
+import type { CellComponentProps } from 'payload/types';
+import React from 'react';
+import './index.scss';
+export interface FileCellProps extends CellComponentProps<any> {
+}
+export declare const FileCell: React.FC<FileCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAGvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,GAAG,CAAC;CAAG;AAEjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAA"}

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

@@ -0,0 +1,23 @@
+'use client';
+import { Thumbnail } from '@payloadcms/ui/elements/Thumbnail';
+import React from 'react';
+const baseClass = 'file';
+export const FileCell = ({ cellData, customCellContext, rowData })=>{
+    const { collectionSlug, uploadConfig } = customCellContext;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ React.createElement(Thumbnail, {
+        className: `${baseClass}__thumbnail`,
+        collectionSlug: collectionSlug,
+        doc: {
+            ...rowData,
+            filename: cellData
+        },
+        size: "small",
+        uploadConfig: uploadConfig
+    }), /*#__PURE__*/ React.createElement("span", {
+        className: `${baseClass}__filename`
+    }, String(cellData)));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport { Thumbnail } from '@payloadcms/ui/elements/Thumbnail'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends CellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({ cellData, customCellContext, rowData }) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename: cellData,\n        }}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(cellData)}</span>\n    </div>\n  )\n}\n"],"names":["Thumbnail","React","baseClass","FileCell","cellData","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","filename","size","span","String"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,oCAAmC;AAC7D,OAAOC,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,OAAO,EAAE;IACxF,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,oBAACI;QAAIC,WAAWR;qBACd,oBAACF;QACCU,WAAW,CAAC,EAAER,UAAU,WAAW,CAAC;QACpCK,gBAAgBA;QAChBI,KAAK;YACH,GAAGL,OAAO;YACVM,UAAUR;QACZ;QACAS,MAAK;QACLL,cAAcA;sBAEhB,oBAACM;QAAKJ,WAAW,CAAC,EAAER,UAAU,UAAU,CAAC;OAAGa,OAAOX;AAGzD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.scss

@@ -0,0 +1,23 @@
+@import '../../../../../scss/styles.scss';
+
+.file {
+  display: flex;
+  flex-wrap: nowrap;
+  margin: base(-0.25) 0;
+
+  &__thumbnail {
+    display: inline-block;
+    max-width: base(3);
+    height: base(3);
+  }
+
+  &__filename {
+    align-self: center;
+    [dir='ltr'] & {
+      margin-left: base(1);
+    }
+    [dir='rtl'] & {
+      margin-right: base(1);
+    }
+  }
+}

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts

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

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAQzD,CAAA"}

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

@@ -0,0 +1,10 @@
+'use client';
+import React from 'react';
+export const JSONCell = ({ cellData })=>{
+    const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+    return /*#__PURE__*/ React.createElement("code", {
+        className: "json-cell"
+    }, /*#__PURE__*/ React.createElement("span", null, JSON.stringify(textToShow)));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<CellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,WAAiD,CAAC,EAAEC,QAAQ,EAAE;IACzE,MAAMC,aAAaD,SAASE,MAAM,GAAG,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEnF,qBACE,oBAACI;QAAKC,WAAU;qBACd,oBAACC,cAAMC,KAAKC,SAAS,CAACP;AAG5B,EAAC"}