@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;AAIA,SAASA,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,QACGgB,IACCC,WAAW;QAAChB;QAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;KAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACJ,IAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC,EAAE;QACvC,CAACoB,OACCC,YAAYP,EAAE,gCAAgC;QAC5CQ,WAAWR,EAAE;QACbS,OAAO;IACT,IACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI,EAC3EwB,SAASd,iBACTe,KAAK,SACN;UACC,CAAC5B,cAAe;QAClB,EAAEuB,OAAO;MACX,EAAEL,IAAI;IACR,EAAEA;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,qBACE,QAACgB;QACCC,WAAW;YAAChB;YAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;SAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,QAACJ;YAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;sBACrC,cAAA,QAACoB;gBACCC,cAAYP,EAAE,gCAAgC;oBAC5CQ,WAAWR,EAAE;oBACbS,OAAO;gBACT;gBACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI;gBAC3EwB,SAASd;gBACTe,MAAK;0BAEL,cAAA,QAAC5B;;;;;;;;;;;;;;;;;;;;AAKX,EAAC"}

package/dist/elements/SortRow/index.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
 import './index.scss';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -6,9 +8,22 @@ const baseClass = 'sort-row';
 export const SortRow = ()=>{
     const { orderableFieldName, query } = useListQuery();
     const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
-    return <div className={`${baseClass} ${isActive ? 'active' : ''}`} role="button" tabIndex={0}>
-      <DragHandleIcon className={`${baseClass}__icon`}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass} ${isActive ? 'active' : ''}`,
+        role: "button",
+        tabIndex: 0,
+        children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {
+            className: `${baseClass}__icon`
+        }, void 0, false, {
+            fileName: "src/elements/SortRow/index.tsx",
+            lineNumber: 17,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SortRow/index.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,QACGI,IAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI,EAAEI,KAAK,SAASC,UAAU,GAAG;MACrF,CAACX,eAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC,GAAI;IACrD,EAAEM;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,qBACE,QAACI;QAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI;QAAEI,MAAK;QAASC,UAAU;kBAClF,cAAA,QAACX;YAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC;;;;;;;;;;;AAGrD,EAAC"}

package/dist/elements/Status/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { toast } from 'sonner';
@@ -113,26 +114,104 @@ export const Status = ()=>{
     ]);
     const canUpdate = docPermissions?.update;
     if (statusToRender) {
-        return <div className={baseClass} title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}>
-        <div className={`${baseClass}__value-wrap`}>
-          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>
-          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>
-          {!isTrashed && canUpdate && statusToRender === 'published' && <React.Fragment>
-              &nbsp;&mdash;&nbsp;
-              <Button buttonStyle="none" className={`${baseClass}__action`} id={`action-unpublish`} onClick={()=>toggleModal(unPublishModalSlug)}>
-                {t('version:unpublish')}
-              </Button>
-              <ConfirmationModal body={t('version:aboutToUnpublish')} confirmingLabel={t('version:unpublishing')} heading={t('version:confirmUnpublish')} modalSlug={unPublishModalSlug} onConfirm={()=>performAction('unpublish')}/>
-            </React.Fragment>}
-          {!isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && <React.Fragment>
-                &nbsp;&mdash;&nbsp;
-                <Button buttonStyle="none" className={`${baseClass}__action`} id="action-revert-to-published" onClick={()=>toggleModal(revertModalSlug)}>
-                  {t('version:revertToPublished')}
-                </Button>
-                <ConfirmationModal body={t('version:aboutToRevertToPublished')} confirmingLabel={t('version:reverting')} heading={t('version:confirmRevertToSaved')} modalSlug={revertModalSlug} onConfirm={()=>performAction('revert')}/>
-              </React.Fragment>}
-        </div>
-      </div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            className: baseClass,
+            title: `${t('version:status')}: ${t(`version:${displayStatusKey}`)}`,
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__value-wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__label`,
+                        children: [
+                            t('version:status'),
+                            ": "
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 171,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__value`,
+                        children: t(`version:${displayStatusKey}`)
+                    }, void 0, false, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 172,
+                        columnNumber: 11
+                    }, this),
+                    !isTrashed && canUpdate && statusToRender === 'published' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            " — ",
+                            /*#__PURE__*/ _jsxDEV(Button, {
+                                buttonStyle: "none",
+                                className: `${baseClass}__action`,
+                                id: `action-unpublish`,
+                                onClick: ()=>toggleModal(unPublishModalSlug),
+                                children: t('version:unpublish')
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 176,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                                body: t('version:aboutToUnpublish'),
+                                confirmingLabel: t('version:unpublishing'),
+                                heading: t('version:confirmUnpublish'),
+                                modalSlug: unPublishModalSlug,
+                                onConfirm: ()=>performAction('unpublish')
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 184,
+                                columnNumber: 15
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 174,
+                        columnNumber: 13
+                    }, this),
+                    !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            " — ",
+                            /*#__PURE__*/ _jsxDEV(Button, {
+                                buttonStyle: "none",
+                                className: `${baseClass}__action`,
+                                id: "action-revert-to-published",
+                                onClick: ()=>toggleModal(revertModalSlug),
+                                children: t('version:revertToPublished')
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 199,
+                                columnNumber: 17
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                                body: t('version:aboutToRevertToPublished'),
+                                confirmingLabel: t('version:reverting'),
+                                heading: t('version:confirmRevertToSaved'),
+                                modalSlug: revertModalSlug,
+                                onConfirm: ()=>performAction('revert')
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 207,
+                                columnNumber: 17
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 197,
+                        columnNumber: 15
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Status/index.tsx",
+                lineNumber: 170,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Status/index.tsx",
+            lineNumber: 166,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } 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 { ConfirmationModal } from '../ConfirmationModal/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    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\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 displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\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\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        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\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:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            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                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } 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 { ConfirmationModal } from '../ConfirmationModal/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    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\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 displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\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\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        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\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:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            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                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/StayLoggedIn/index.js

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
@@ -31,7 +32,19 @@ export const StayLoggedInModal = ()=>{
     }, [
         refreshCookie
     ]);
-    return <ConfirmationModal body={t('authentication:youAreInactive')} cancelLabel={t('authentication:stayLoggedIn')} confirmLabel={t('authentication:logOut')} heading={t('authentication:stayLoggedIn')} modalSlug={stayLoggedInModalSlug} onCancel={onCancel} onConfirm={onConfirm}/>;
+    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+        body: t('authentication:youAreInactive'),
+        cancelLabel: t('authentication:stayLoggedIn'),
+        confirmLabel: t('authentication:logOut'),
+        heading: t('authentication:stayLoggedIn'),
+        modalSlug: stayLoggedInModalSlug,
+        onCancel: onCancel,
+        onConfirm: onConfirm
+    }, void 0, false, {
+        fileName: "src/elements/StayLoggedIn/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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 { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\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 { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["useRouter","formatAdminURL","useCallback","useAuth","useConfig","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","refreshCookie","router","config","admin","routes","logout","logoutRoute","adminRoute","t","startRouteTransition","onConfirm","push","path","onCancel","body","cancelLabel","confirmLabel","heading","modalSlug"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AAEjE,OAAO,MAAMC,wBAAwB,iBAAgB;AAErD,OAAO,MAAMC,oBAA8B;IACzC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAE1B,MAAMQ,SAASX;IACf,MAAM,EAAEY,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IAEjC,MAAMe,YAAYlB,YAAY;QAC5B,OAAOiB,qBAAqB,IAC1BR,OAAOU,IAAI,CACTpB,eAAe;gBACbgB;gBACAK,MAAMN;YACR;IAGN,GAAG;QAACL;QAAQQ;QAAsBF;QAAYD;KAAY;IAE1D,MAAMO,WAAqBrB,YAAY;QACrCQ;IACF,GAAG;QAACA;KAAc;IAElB,QACGH,kBACCiB,MAAMN,EAAE,kCACRO,aAAaP,EAAE,gCACfQ,cAAcR,EAAE,0BAChBS,SAAST,EAAE,gCACXU,WAAWpB,uBACXe,UAAUA,UACVH,WAAWA;AAGjB,EAAC"}
+{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\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 { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["useRouter","formatAdminURL","React","useCallback","useAuth","useConfig","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","refreshCookie","router","config","admin","routes","logout","logoutRoute","adminRoute","t","startRouteTransition","onConfirm","push","path","onCancel","body","cancelLabel","confirmLabel","heading","modalSlug"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AAEjE,OAAO,MAAMC,wBAAwB,iBAAgB;AAErD,OAAO,MAAMC,oBAA8B;IACzC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAE1B,MAAMQ,SAASZ;IACf,MAAM,EAAEa,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IAEjC,MAAMe,YAAYlB,YAAY;QAC5B,OAAOiB,qBAAqB,IAC1BR,OAAOU,IAAI,CACTrB,eAAe;gBACbiB;gBACAK,MAAMN;YACR;IAGN,GAAG;QAACL;QAAQQ;QAAsBF;QAAYD;KAAY;IAE1D,MAAMO,WAAqBrB,YAAY;QACrCQ;IACF,GAAG;QAACA;KAAc;IAElB,qBACE,QAACH;QACCiB,MAAMN,EAAE;QACRO,aAAaP,EAAE;QACfQ,cAAcR,EAAE;QAChBS,SAAST,EAAE;QACXU,WAAWpB;QACXe,UAAUA;QACVH,WAAWA;;;;;;AAGjB,EAAC"}

package/dist/elements/StepNav/context.js

@@ -1,15 +1,21 @@
 'use client';
-import { createContext, use, useState } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { createContext, use, useState } from 'react';
 export const useStepNav = ()=>use(Context);
-export const Context = createContext({});
+export const Context = /*#__PURE__*/ createContext({});
 export const StepNavProvider = ({ children })=>{
     const [stepNav, setStepNav] = useState([]);
-    return <Context value={{
-        setStepNav,
-        stepNav
-    }}>
-      {children}
-    </Context>;
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: {
+            setStepNav,
+            stepNav
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/StepNav/context.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(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\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"names":["createContext","use","useState","useStepNav","Context","StepNavProvider","children","stepNav","setStepNav","value"],"mappings":"AAAA;AACA,SAAgBA,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,QAAO;AAI3D,OAAO,MAAMC,aAAa,IAAmBF,IAAIG,SAAQ;AAEzD,OAAO,MAAMA,UAAUJ,cAAc,CAAC,GAAiB;AAEvD,OAAO,MAAMK,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAM,CAACC,SAASC,WAAW,GAAGN,SAAS,EAAE;IAEzC,QACGE,QACCK,OAAO;QACLD;QACAD;IACF,GACD;MACC,CAACD,SAAS;IACZ,EAAEF;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(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\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"names":["React","createContext","use","useState","useStepNav","Context","StepNavProvider","children","stepNav","setStepNav","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,QAAO;AAI3D,OAAO,MAAMC,aAAa,IAAmBF,IAAIG,SAAQ;AAEzD,OAAO,MAAMA,wBAAUJ,cAAc,CAAC,GAAiB;AAEvD,OAAO,MAAMK,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAM,CAACC,SAASC,WAAW,GAAGN,SAAS,EAAE;IAEzC,qBACE,QAACE;QACCK,OAAO;YACLD;YACAD;QACF;kBAECD;;;;;;AAGP,EAAC"}

package/dist/elements/StepNav/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import { PayloadIcon } from '../../graphics/Icon/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -19,41 +20,143 @@ const StepNav = /**
     const { stepNav } = useStepNav();
     const { config: { routes: { admin } } } = useConfig();
     const { t } = useTranslation();
-    return <Fragment>
-      {stepNav.length > 0 ? <nav className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>
-            <span title={t('general:dashboard')}>
-              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon/>}/>
-            </span>
-          </Link>
-          <span>/</span>
-          {stepNav.map((item, i)=>{
-        const StepLabel = getTranslation(item.label, i18n);
-        const isLast = stepNav.length === i + 1;
-        const Step = isLast ? <span className={`${baseClass}__last`} key={i}>
-                {StepLabel}
-              </span> : <Fragment key={i}>
-                {item.url ? <Link href={item.url} prefetch={false}>
-                    <span key={i}>{StepLabel}</span>
-                  </Link> : <span key={i}>{StepLabel}</span>}
-                <span>/</span>
-              </Fragment>;
-        return Step;
-    })}
-        </nav> : <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-          <div className={`${baseClass}__home`}>
-            <span title={t('general:dashboard')}>
-              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon/>}/>
-            </span>
-          </div>
-        </div>}
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: stepNav.length > 0 ? /*#__PURE__*/ _jsxDEV("nav", {
+            className: [
+                baseClass,
+                className
+            ].filter(Boolean).join(' '),
+            children: [
+                /*#__PURE__*/ _jsxDEV(Link, {
+                    className: `${baseClass}__home`,
+                    href: admin,
+                    prefetch: false,
+                    tabIndex: 0,
+                    children: /*#__PURE__*/ _jsxDEV("span", {
+                        title: t('general:dashboard'),
+                        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                            CustomComponent: CustomIcon,
+                            Fallback: /*#__PURE__*/ _jsxDEV(PayloadIcon, {}, void 0, false, {
+                                fileName: "src/elements/StepNav/index.tsx",
+                                lineNumber: 48,
+                                columnNumber: 77
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/elements/StepNav/index.tsx",
+                            lineNumber: 48,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 47,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/StepNav/index.tsx",
+                    lineNumber: 46,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV("span", {
+                    children: "/"
+                }, void 0, false, {
+                    fileName: "src/elements/StepNav/index.tsx",
+                    lineNumber: 51,
+                    columnNumber: 11
+                }, this),
+                stepNav.map((item, i)=>{
+                    const StepLabel = getTranslation(item.label, i18n);
+                    const isLast = stepNav.length === i + 1;
+                    const Step = isLast ? /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__last`,
+                        children: StepLabel
+                    }, i, false, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 57,
+                        columnNumber: 15
+                    }, this) : /*#__PURE__*/ _jsxDEV(Fragment, {
+                        children: [
+                            item.url ? /*#__PURE__*/ _jsxDEV(Link, {
+                                href: item.url,
+                                prefetch: false,
+                                children: /*#__PURE__*/ _jsxDEV("span", {
+                                    children: StepLabel
+                                }, i, false, {
+                                    fileName: "src/elements/StepNav/index.tsx",
+                                    lineNumber: 64,
+                                    columnNumber: 21
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/StepNav/index.tsx",
+                                lineNumber: 63,
+                                columnNumber: 19
+                            }, this) : /*#__PURE__*/ _jsxDEV("span", {
+                                children: StepLabel
+                            }, i, false, {
+                                fileName: "src/elements/StepNav/index.tsx",
+                                lineNumber: 67,
+                                columnNumber: 19
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("span", {
+                                children: "/"
+                            }, void 0, false, {
+                                fileName: "src/elements/StepNav/index.tsx",
+                                lineNumber: 69,
+                                columnNumber: 17
+                            }, this)
+                        ]
+                    }, i, true, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 61,
+                        columnNumber: 15
+                    }, this);
+                    return Step;
+                })
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/StepNav/index.tsx",
+            lineNumber: 45,
+            columnNumber: 9
+        }, this) : /*#__PURE__*/ _jsxDEV("div", {
+            className: [
+                baseClass,
+                className
+            ].filter(Boolean).join(' '),
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__home`,
+                children: /*#__PURE__*/ _jsxDEV("span", {
+                    title: t('general:dashboard'),
+                    children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: CustomIcon,
+                        Fallback: /*#__PURE__*/ _jsxDEV(PayloadIcon, {}, void 0, false, {
+                            fileName: "src/elements/StepNav/index.tsx",
+                            lineNumber: 80,
+                            columnNumber: 77
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 80,
+                        columnNumber: 15
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/StepNav/index.tsx",
+                    lineNumber: 79,
+                    columnNumber: 13
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/StepNav/index.tsx",
+                lineNumber: 78,
+                columnNumber: 11
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/StepNav/index.tsx",
+            lineNumber: 77,
+            columnNumber: 9
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/StepNav/index.tsx",
+        lineNumber: 43,
+        columnNumber: 5
+    }, this);
 };
 export { StepNav, StepNavProvider, useStepNav };
 

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

@@ -1 +1 @@
-{"version":3,"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 { Link } from '../Link/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  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\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  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\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                  <Link href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\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"],"names":["getTranslation","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","className","CustomIcon","i18n","stepNav","config","routes","admin","t","length","nav","filter","Boolean","join","href","prefetch","tabIndex","span","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","key","url","div"],"mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAAgBC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AAErB,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,YAAY;AAElB,MAAMC,UAGJ;;;;GAIC,GAEE,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAE;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGV;IAEjB,MAAM,EAAEW,OAAO,EAAE,GAAGP;IAEpB,MAAM,EACJQ,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,QACGH,SAAS;MACR,CAACc,QAAQK,MAAM,GAAG,KACfC,IAAIT,WAAW;QAACF;QAAWE;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;UAChE,CAACnB,KAAKO,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAEe,MAAMP,OAAOQ,UAAU,OAAOC,UAAU,GAAG;YAChF,CAACC,KAAKC,OAAOV,EAAE,sBAAsB;cACnC,CAACb,sBAAsBwB,iBAAiBjB,YAAYkB,WAAW7B,gBAAkB;YACnF,EAAE0B,KAAK;UACT,EAAEvB,KAAK;UACP,CAACuB,KAAK,CAAC,EAAEA,KAAK;UACd,CAACb,QAAQiB,GAAG,CAAC,CAACC,MAAMC;QAClB,MAAMC,YAAYnC,eAAeiC,KAAKG,KAAK,EAAEtB;QAC7C,MAAMuB,SAAStB,QAAQK,MAAM,KAAKc,IAAI;QAEtC,MAAMI,OAAOD,UACVT,KAAKhB,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAE6B,KAAKL,GAAG;gBAC7C,CAACC,UAAU;cACb,EAAEP,SAED3B,SAASsC,KAAKL,GAAG;gBAChB,CAACD,KAAKO,GAAG,IACNnC,KAAKoB,MAAMQ,KAAKO,GAAG,EAAEd,UAAU,OAAO;oBACrC,CAACE,KAAKW,KAAKL,IAAIC,YAAYP,KAAK;kBAClC,EAAEvB,SAEDuB,KAAKW,KAAKL,IAAIC,YAAYP,MAC3B;gBACF,CAACA,KAAK,CAAC,EAAEA,KAAK;cAChB,EAAE3B;QAGJ,OAAOqC;IACT,GAAG;QACL,EAAEjB,QAEDoB,IAAI7B,WAAW;QAACF;QAAWE;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;UAChE,CAACiB,IAAI7B,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAE;YACpC,CAACkB,KAAKC,OAAOV,EAAE,sBAAsB;cACnC,CAACb,sBAAsBwB,iBAAiBjB,YAAYkB,WAAW7B,gBAAkB;YACnF,EAAE0B,KAAK;UACT,EAAEa,IAAI;QACR,EAAEA,KACF;IACJ,EAAExC;AAEN;AAEA,SAASU,OAAO,EAAeJ,eAAe,EAAEC,UAAU,GAAE"}
+{"version":3,"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 { Link } from '../Link/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  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\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  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\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                  <Link href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\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"],"names":["getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","className","CustomIcon","i18n","stepNav","config","routes","admin","t","length","nav","filter","Boolean","join","href","prefetch","tabIndex","span","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url","div"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AAErB,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,YAAY;AAElB,MAAMC,UAGJ;;;;GAIC,GAEE,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAE;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGV;IAEjB,MAAM,EAAEW,OAAO,EAAE,GAAGP;IAEpB,MAAM,EACJQ,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,qBACE,QAACH;kBACEc,QAAQK,MAAM,GAAG,kBAChB,QAACC;YAAIT,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,QAACnB;oBAAKO,WAAW,GAAGF,UAAU,MAAM,CAAC;oBAAEe,MAAMP;oBAAOQ,UAAU;oBAAOC,UAAU;8BAC7E,cAAA,QAACC;wBAAKC,OAAOV,EAAE;kCACb,cAAA,QAACb;4BAAsBwB,iBAAiBjB;4BAAYkB,wBAAU,QAAC7B;;;;;;;;;;;;;;;;;;;;8BAGnE,QAAC0B;8BAAK;;;;;;gBACLb,QAAQiB,GAAG,CAAC,CAACC,MAAMC;oBAClB,MAAMC,YAAYpC,eAAekC,KAAKG,KAAK,EAAEtB;oBAC7C,MAAMuB,SAAStB,QAAQK,MAAM,KAAKc,IAAI;oBAEtC,MAAMI,OAAOD,uBACX,QAACT;wBAAKhB,WAAW,GAAGF,UAAU,MAAM,CAAC;kCAClCyB;uBADyCD;;;;6CAI5C,QAACjC;;4BACEgC,KAAKM,GAAG,iBACP,QAAClC;gCAAKoB,MAAMQ,KAAKM,GAAG;gCAAEb,UAAU;0CAC9B,cAAA,QAACE;8CAAcO;mCAAJD;;;;;;;;;qDAGb,QAACN;0CAAcO;+BAAJD;;;;;0CAEb,QAACN;0CAAK;;;;;;;uBAROM;;;;;oBAYjB,OAAOI;gBACT;;;;;;iCAGF,QAACE;YAAI5B,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,QAACgB;gBAAI5B,WAAW,GAAGF,UAAU,MAAM,CAAC;0BAClC,cAAA,QAACkB;oBAAKC,OAAOV,EAAE;8BACb,cAAA,QAACb;wBAAsBwB,iBAAiBjB;wBAAYkB,wBAAU,QAAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO7E;AAEA,SAASS,OAAO,EAAeJ,eAAe,EAAEC,UAAU,GAAE"}

package/dist/elements/StickyToolbar/index.js

@@ -1,7 +1,16 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'sticky-toolbar';
 /**
  * @internal
- */ export const StickyToolbar = ({ children })=><div className={baseClass}>{children}</div>;
+ */ export const StickyToolbar = ({ children })=>/*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/StickyToolbar/index.tsx",
+        lineNumber: 12,
+        columnNumber: 24
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"names":["baseClass","StickyToolbar","children","div","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,gBAER,CAAC,EAAEC,QAAQ,EAAE,IAAMC,IAAIC,WAAWJ,YAAYE,WAAWC,KAAI"}
+{"version":3,"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"names":["React","baseClass","StickyToolbar","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,gBAER,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;QAAIC,WAAWJ;kBAAYE;;;;;aAAe"}

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

@@ -1,11 +1,19 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const ArrayCell = ({ cellData, field: { labels } })=>{
     const { i18n } = useTranslation();
     const arrayFields = cellData ?? [];
     const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
-    return <span>{label}</span>;
+    return /*#__PURE__*/ _jsxDEV("span", {
+        children: label
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Array/index.tsx",
+        lineNumber: 21,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map