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

package/dist/elements/StepNav/context.js

@@ -1,21 +1,38 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useState } from 'react';
-export const useStepNav = ()=>use(Context);
-export const Context = /*#__PURE__*/ createContext({});
-export const StepNavProvider = ({ children })=>{
-    const [stepNav, setStepNav] = useState([]);
-    return /*#__PURE__*/ _jsxDEV(Context, {
-        value: {
-            setStepNav,
-            stepNav
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/StepNav/context.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+export const useStepNav = () => use(Context);
+export const Context = /*#__PURE__*/createContext({});
+export const StepNavProvider = t0 => {
+  const $ = _c(4);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [stepNav, setStepNav] = useState(t1);
+  let t2;
+  if ($[1] !== children || $[2] !== stepNav) {
+    t2 = _jsx(Context, {
+      value: {
+        setStepNav,
+        stepNav
+      },
+      children
+    });
+    $[1] = children;
+    $[2] = stepNav;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 };
-
 //# 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":["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"}
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","use","useState","useStepNav","Context","StepNavProvider","t0","$","children","t1","Symbol","for","stepNav","setStepNav","t2","_jsx","value"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAIpD,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAmBF,GAAA,CAAIG,OAAA;AAEjD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAAc,CAAC;AAEtC,OAAO,MAAMK,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAK,OAAA,EAAAC,UAAA,IAA8BX,QAAA,CAASO,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,OAAA;IAGvCE,EAAA,GAAAC,IAAA,CAAAX,OAAA;MAAAY,KAAA;QAAAH,UAAA;QAAAD;MAAA;MAAAJ;IAAA,C;;;;;;;SAAAM,E;CASJ","ignoreList":[]}

package/dist/elements/StepNav/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment } from 'react';
 import { PayloadIcon } from '../../graphics/Icon/index.js';
@@ -11,153 +13,95 @@ import { StepNavProvider, useStepNav } from './context.js';
 import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
 const baseClass = 'step-nav';
-const StepNav = /**
-   * @deprecated
-   * This prop is deprecated and will be removed in the next major version.
-   * Components now import their own `Link` directly from `next/link`.
-   */ ({ className, CustomIcon })=>{
-    const { i18n } = useTranslation();
-    const { stepNav } = useStepNav();
-    const { config: { routes: { admin } } } = useConfig();
-    const { t } = useTranslation();
-    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);
+const StepNav = t0 => {
+  const $ = _c(7);
+  const {
+    className,
+    CustomIcon
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    stepNav
+  } = useStepNav();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== CustomIcon || $[1] !== admin || $[2] !== className || $[3] !== i18n || $[4] !== stepNav || $[5] !== t) {
+    t3 = _jsx(Fragment, {
+      children: stepNav.length > 0 ? _jsxs("nav", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: [_jsx(Link, {
+          className: `${baseClass}__home`,
+          href: admin,
+          prefetch: false,
+          tabIndex: 0,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
+            })
+          })
+        }), _jsx("span", {
+          children: "/"
+        }), stepNav.map((item, i) => {
+          const StepLabel = getTranslation(item.label, i18n);
+          const isLast = stepNav.length === i + 1;
+          const Step = isLast ? _jsx("span", {
+            className: `${baseClass}__last`,
+            children: StepLabel
+          }, i) : _jsxs(Fragment, {
+            children: [item.url ? _jsx(Link, {
+              href: item.url,
+              prefetch: false,
+              children: _jsx("span", {
+                children: StepLabel
+              }, i)
+            }) : _jsx("span", {
+              children: StepLabel
+            }, i), _jsx("span", {
+              children: "/"
+            })]
+          }, i);
+          return Step;
+        })]
+      }) : _jsx("div", {
+        className: [baseClass, className].filter(Boolean).join(" "),
+        children: _jsx("div", {
+          className: `${baseClass}__home`,
+          children: _jsx("span", {
+            title: t("general:dashboard"),
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
+            })
+          })
+        })
+      })
+    });
+    $[0] = CustomIcon;
+    $[1] = admin;
+    $[2] = className;
+    $[3] = i18n;
+    $[4] = stepNav;
+    $[5] = t;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
 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'\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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","i18n","stepNav","config","t1","routes","t2","admin","t","t3","_jsx","children","length","_jsxs","filter","Boolean","join","href","prefetch","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { 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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,eAAe,EAAEC,UAAU,QAAQ;AAC5C,OAAO;AAEP,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,OAAA,GASDC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,SAAA;IAAAC;EAAA,IAAAH,EAAyB;EAC7B;IAAAI;EAAA,IAAiBZ,cAAA;EAEjB;IAAAa;EAAA,IAAoBT,UAAA;EAEpB;IAAAU,MAAA,EAAAC;EAAA,IAIIhB,SAAA;EAHM;IAAAiB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAS;EAIrB;IAAAE;EAAA,IAAcnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAX,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAU,CAAA;IAGZC,EAAA,GAAAC,IAAA,CAAAxB,QAAA;MAAAyB,QAAA,EACGT,OAAA,CAAAU,MAAA,IAAiB,GAChBC,KAAA,CAAC;QAAAd,SAAA,EAAe,CAAAJ,SAAA,EAAYI,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,GAC1DD,IAAA,CAAApB,IAAA;UAAAS,SAAA,EAAiB,GAAAJ,SAAA,QAAoB;UAAAsB,IAAA,EAAQV,KAAA;UAAAW,QAAA;UAAAC,QAAA;UAAAR,QAAA,EAC3CD,IAAA,CAAC;YAAAU,KAAA,EAAYZ,CAAA,CAAE;YAAAG,QAAA,EACbD,IAAA,CAAAnB,qBAAA;cAAA8B,eAAA,EAAwCrB,UAAA;cAAAsB,QAAA,EAAsBZ,IAAA,CAAAvB,WAAA,IAAC;YAAA,C;;YAGnEuB,IAAA,CAAC;UAAAC,QAAA,EAAK;QAAA,C,GACLT,OAAA,CAAAqB,GAAA,EAAAC,IAAA,EAAAC,CAAA;UACC,MAAAC,SAAA,GAAkB1C,cAAA,CAAewC,IAAA,CAAAG,KAAA,EAAY1B,IAAA;UAC7C,MAAA2B,MAAA,GAAe1B,OAAA,CAAAU,MAAA,KAAmBa,CAAA,IAAI;UAEtC,MAAAI,IAAA,GAAaD,MAAA,GACXlB,IAAA,CAAC;YAAAX,SAAA,EAAgB,GAAAJ,SAAA,QAAoB;YAAAgB,QAAA,EAClCe;UAAA,GADyCD,CAAA,IAI5CZ,KAAA,CAAA3B,QAAA;YAAAyB,QAAA,GACGa,IAAA,CAAAM,GAAA,GACCpB,IAAA,CAAApB,IAAA;cAAA2B,IAAA,EAAYO,IAAA,CAAAM,GAAA;cAAAZ,QAAA;cAAAP,QAAA,EACVD,IAAA,CAAC;gBAAAC,QAAA,EAAce;cAAA,GAAJD,CAAA;YAAA,C,IAGbf,IAAA,CAAC;cAAAC,QAAA,EAAce;YAAA,GAAJD,CAAA,GAEbf,IAAA,CAAC;cAAAC,QAAA,EAAK;YAAA,C;aAROc,CAAA;UAAA,OAYVI,IAAA;QAAA,CACT;MAAA,C,IAGFnB,IAAA,CAAC;QAAAX,SAAA,EAAe,CAAAJ,SAAA,EAAYI,SAAA,EAAAe,MAAA,CAAAC,OAAkB,EAAAC,IAAA,CAAc;QAAAL,QAAA,EAC1DD,IAAA,CAAC;UAAAX,SAAA,EAAe,GAAAJ,SAAA,QAAoB;UAAAgB,QAAA,EAClCD,IAAA,CAAC;YAAAU,KAAA,EAAYZ,CAAA,CAAE;YAAAG,QAAA,EACbD,IAAA,CAAAnB,qBAAA;cAAA8B,eAAA,EAAwCrB,UAAA;cAAAsB,QAAA,EAAsBZ,IAAA,CAAAvB,WAAA,IAAC;YAAA,C;;;;;;;;;;;;;;;SArCzEsB,E;CA4CJ;AAEA,SAASb,OAAO,EAAeJ,eAAe,EAAEC,UAAU","ignoreList":[]}

package/dist/elements/StepNav/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"names":[],"mappings":"AAQA,WAGC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/StickyToolbar/index.js

@@ -1,16 +1,14 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'sticky-toolbar';
 /**
  * @internal
- */ 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);
-
+ */
+export const StickyToolbar = ({
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: baseClass,
+  children: children
+});
 //# 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":["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"}
+{"version":3,"file":"index.js","names":["React","baseClass","StickyToolbar","children","_jsx","className"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,aAAA,GAERA,CAAC;EAAEC;AAAQ,CAAE,kBAAKC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE","ignoreList":[]}

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

@@ -1,19 +1,34 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-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 /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Array/index.tsx",
-        lineNumber: 21,
-        columnNumber: 10
-    }, this);
+export const ArrayCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    labels
+  } = t1;
+  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)}`;
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","field","labels","i18n","arrayFields","label","length","singular","t","plural","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,EAAE;IACjF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcJ,YAAY,EAAE;IAElC,MAAMK,QACJD,YAAYE,MAAM,KAAK,IACnB,GAAGF,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQK,YAAYJ,KAAKK,CAAC,CAAC,iBAAiBL,OAAO,GAC3F,GAAGC,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQO,UAAUN,KAAKK,CAAC,CAAC,iBAAiBL,OAAO;IAE/F,qBAAO,QAACO;kBAAML;;;;;;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ArrayCell","t0","$","cellData","field","t1","labels","i18n","arrayFields","label","length","singular","t","plural","t2","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,SAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAA+B;EAAZ;IAAAK;EAAA,IAAAD,EAAU;EAC/E;IAAAE;EAAA,IAAiBR,cAAA;EAEjB,MAAAS,WAAA,GAAoBL,QAAA,MAAc;EAElC,MAAAM,KAAA,GACED,WAAA,CAAAE,MAAA,MAAuB,GACnB,GAAGF,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAK,QAAA,IAAoBJ,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO,GAC3F,GAAGC,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAO,MAAA,IAAkBN,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO;EAAA,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAO,KAAA;IAExFK,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMP;IAAA,C;;;;;;SAAPK,E;CACT","ignoreList":[]}

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

@@ -1,42 +1,68 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const BlocksCell = ({ cellData, field: { blockReferences, blocks, labels } })=>{
-    const { i18n } = useTranslation();
-    const { config } = useConfig();
-    const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType })=>blockType) : [];
-    const translatedBlockLabels = (blockReferences ?? blocks)?.map((b)=>{
-        const block = typeof b === 'string' ? config.blocksMap[b] : b;
-        return {
-            slug: block.slug,
-            label: getTranslation(block.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)}`;
+export const BlocksCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    blockReferences,
+    blocks,
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
+  const translatedBlockLabels = (blockReferences ?? blocks)?.map(b => {
+    const block = typeof b === "string" ? config.blocksMap[b] : b;
+    return {
+      slug: block.slug,
+      label: getTranslation(block.labels.singular, i18n)
+    };
+  });
+  let label = `0 ${getTranslation(labels?.plural, i18n)}`;
+  const formatBlockList = blocks_0 => blocks_0.map(b_0 => {
+    const filtered = translatedBlockLabels.filter(f => f.slug === b_0)?.[0];
+    return filtered?.label;
+  }).join(", ");
+  if (selectedBlocks.length > 5) {
+    const more = selectedBlocks.length - 5;
+    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t("fields:itemsAndMore", {
+      count: more,
+      items: formatBlockList(selectedBlocks.slice(0, 5))
+    })}`;
+  } else {
+    if (selectedBlocks.length > 0) {
+      label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
     }
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Blocks/index.tsx",
-        lineNumber: 54,
-        columnNumber: 10
-    }, this);
+  }
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 };
-
+function _temp(t0) {
+  const {
+    blockType
+  } = t0;
+  return blockType;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\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","React","useConfig","useTranslation","BlocksCell","cellData","field","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","block","blocksMap","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,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EACpDC,QAAQ,EACRC,OAAO,EAAEC,eAAe,EAAEC,MAAM,EAAEC,MAAM,EAAE,EAC3C;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGP;IACjB,MAAM,EAAEQ,MAAM,EAAE,GAAGT;IAEnB,MAAMU,iBAAiBC,MAAMC,OAAO,CAACT,YAAYA,SAASU,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAyBV,CAAAA,mBAAmBC,MAAK,GAAIO,IAAI,CAACG;QAC9D,MAAMC,QAAQ,OAAOD,MAAM,WAAWP,OAAOS,SAAS,CAACF,EAAE,GAAGA;QAC5D,OAAO;YACLG,MAAMF,MAAME,IAAI;YAChBC,OAAOtB,eAAemB,MAAMV,MAAM,CAACc,QAAQ,EAAEb;QAC/C;IACF;IAEA,IAAIY,QAAQ,CAAC,EAAE,EAAEtB,eAAeS,QAAQe,QAAQd,OAAO;IAEvD,MAAMe,kBAAkB,CAACjB,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMQ,WAAWT,sBAAsBU,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKH,IAAI,CAAC,EAAE;YACvE,OAAOQ,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIlB,eAAemB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOpB,eAAemB,MAAM,GAAGD;QACrCR,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAAeS,QAAQe,QAAQd,MAAM,GAAG,EAAEA,KAAKuB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBb,eAAewB,KAAK,CAAC,GAAGN;QAAc,IAC3E;IACL,OAAO,IAAIlB,eAAemB,MAAM,GAAG,GAAG;QACpCT,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAClCY,eAAemB,MAAM,KAAK,IAAItB,QAAQc,WAAWd,QAAQe,QACzDd,MACA,GAAG,EAAEe,gBAAgBb,iBAAiB;IAC1C;IAEA,qBAAO,QAACyB;kBAAMf;;;;;;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","_temp","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t","count","items","slice","t2","_jsx","children","blockType"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAGrD;EADQ;IAAAK,eAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,EAAmC;EAE1C;IAAAI;EAAA,IAAiBV,cAAA;EACjB;IAAAW;EAAA,IAAmBZ,SAAA;EAEnB,MAAAa,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcV,QAAA,IAAYA,QAAA,CAAAW,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,IAA+BV,eAAA,IAAmBC,MAAK,GAAAO,GAAA,CAAAG,CAAA;IACrD,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCzB,cAAA,CAAesB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA;EAIjD,IAAAY,KAAA,GAAY,KAAKzB,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,GAAO;EAEvD,MAAAe,eAAA,GAAAC,QAAA,IACElB,QAAA,CAAAO,GAAA,CAAAY,GAAA;IAEI,MAAAC,QAAA,GAAiBX,qBAAA,CAAAY,MAAA,CAAAC,CAAA,IAAoCA,CAAA,CAAAT,IAAA,KAAWH,GAAA;IAAO,OAChEU,QAAA,EAAAN,KAAA;EAAA,CACT,EAAAS,IAAA,CACM;EAAA,IAINnB,cAAA,CAAAoB,MAAA,IAAwB;IAC1B,MAAAC,IAAA,GAAarB,cAAA,CAAAoB,MAAA,IAAwB;IACrCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,OAAWA,IAAA,CAAAwB,CAAA,CAC5E;MAAAC,KAAA,EACSF,IAAA;MAAAG,KAAA,EAAaX,eAAA,CAAgBb,cAAA,CAAAyB,KAAA,KAAwB;IAAA,CAAc,GAC3E;EAHH;IAAA,IAISzB,cAAA,CAAAoB,MAAA,IAAwB;MACjCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAClCe,cAAA,CAAAoB,MAAA,MAA0B,GAAIvB,MAAA,EAAAc,QAAA,GAAmBd,MAAA,EAAAe,MAAQ,EACzDd,IAAA,OACKe,eAAA,CAAgBb,cAAA,GAAiB;IAHxC;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAnC,CAAA,QAAAmB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AA3CqD,SAAAtB,MAAAd,EAAA;EAOY;IAAAuC;EAAA,IAAAvC,EAAa;EAAA,OAAKuC,SAAA;AAAA","ignoreList":[]}