@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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","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,KAACH;QACCiB,MAAMN,EAAE;QACRO,aAAaP,EAAE;QACfQ,cAAcR,EAAE;QAChBS,SAAST,EAAE;QACXU,WAAWpB;QACXe,UAAUA;QACVH,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,17 +1,21 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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__*/ _jsx(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":["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,KAACE;QACCK,OAAO;YACLD;YACAD;QACF;kBAECD;;AAGP,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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment } from 'react';
 import { PayloadIcon } from '../../graphics/Icon/index.js';
@@ -20,71 +20,143 @@ const StepNav = /**
     const { stepNav } = useStepNav();
     const { config: { routes: { admin } } } = useConfig();
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx(Fragment, {
-        children: stepNav.length > 0 ? /*#__PURE__*/ _jsxs("nav", {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: stepNav.length > 0 ? /*#__PURE__*/ _jsxDEV("nav", {
             className: [
                 baseClass,
                 className
             ].filter(Boolean).join(' '),
             children: [
-                /*#__PURE__*/ _jsx(Link, {
+                /*#__PURE__*/ _jsxDEV(Link, {
                     className: `${baseClass}__home`,
                     href: admin,
                     prefetch: false,
                     tabIndex: 0,
-                    children: /*#__PURE__*/ _jsx("span", {
+                    children: /*#__PURE__*/ _jsxDEV("span", {
                         title: t('general:dashboard'),
-                        children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                             CustomComponent: CustomIcon,
-                            Fallback: /*#__PURE__*/ _jsx(PayloadIcon, {})
-                        })
-                    })
-                }),
-                /*#__PURE__*/ _jsx("span", {
+                            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__*/ _jsx("span", {
+                    const Step = isLast ? /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__last`,
                         children: StepLabel
-                    }, i) : /*#__PURE__*/ _jsxs(Fragment, {
+                    }, i, false, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 57,
+                        columnNumber: 15
+                    }, this) : /*#__PURE__*/ _jsxDEV(Fragment, {
                         children: [
-                            item.url ? /*#__PURE__*/ _jsx(Link, {
+                            item.url ? /*#__PURE__*/ _jsxDEV(Link, {
                                 href: item.url,
                                 prefetch: false,
-                                children: /*#__PURE__*/ _jsx("span", {
+                                children: /*#__PURE__*/ _jsxDEV("span", {
                                     children: StepLabel
-                                }, i)
-                            }) : /*#__PURE__*/ _jsx("span", {
+                                }, 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),
-                            /*#__PURE__*/ _jsx("span", {
+                            }, 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);
+                    }, i, true, {
+                        fileName: "src/elements/StepNav/index.tsx",
+                        lineNumber: 61,
+                        columnNumber: 15
+                    }, this);
                     return Step;
                 })
             ]
-        }) : /*#__PURE__*/ _jsx("div", {
+        }, 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__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__home`,
-                children: /*#__PURE__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     title: t('general:dashboard'),
-                    children: /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: CustomIcon,
-                        Fallback: /*#__PURE__*/ _jsx(PayloadIcon, {})
-                    })
-                })
-            })
-        })
-    });
+                        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","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,KAACH;kBACEc,QAAQK,MAAM,GAAG,kBAChB,MAACC;YAAIT,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,KAACnB;oBAAKO,WAAW,GAAGF,UAAU,MAAM,CAAC;oBAAEe,MAAMP;oBAAOQ,UAAU;oBAAOC,UAAU;8BAC7E,cAAA,KAACC;wBAAKC,OAAOV,EAAE;kCACb,cAAA,KAACb;4BAAsBwB,iBAAiBjB;4BAAYkB,wBAAU,KAAC7B;;;;8BAGnE,KAAC0B;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,KAACT;wBAAKhB,WAAW,GAAGF,UAAU,MAAM,CAAC;kCAClCyB;uBADyCD,mBAI5C,MAACjC;;4BACEgC,KAAKM,GAAG,iBACP,KAAClC;gCAAKoB,MAAMQ,KAAKM,GAAG;gCAAEb,UAAU;0CAC9B,cAAA,KAACE;8CAAcO;mCAAJD;+CAGb,KAACN;0CAAcO;+BAAJD;0CAEb,KAACN;0CAAK;;;uBAROM;oBAYjB,OAAOI;gBACT;;2BAGF,KAACE;YAAI5B,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,KAACgB;gBAAI5B,WAAW,GAAGF,UAAU,MAAM,CAAC;0BAClC,cAAA,KAACkB;oBAAKC,OAAOV,EAAE;8BACb,cAAA,KAACb;wBAAsBwB,iBAAiBjB;wBAAYkB,wBAAU,KAAC7B;;;;;;AAO7E;AAEA,SAASS,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,12 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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 })=>/*#__PURE__*/ _jsx("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":["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,KAACC;QAAIC,WAAWJ;kBAAYE;OAAe"}
+{"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,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+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';
@@ -7,9 +7,13 @@ 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__*/ _jsx("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

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,KAACO;kBAAML;;AAChB,EAAC"}
+{"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
@@ -30,9 +30,13 @@ export const BlocksCell = ({ cellData, field: { blockReferences, blocks, labels
     } else if (selectedBlocks.length > 0) {
         label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
     }
-    return /*#__PURE__*/ _jsx("span", {
+    return /*#__PURE__*/ _jsxDEV("span", {
         children: label
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Blocks/index.tsx",
+        lineNumber: 54,
+        columnNumber: 10
+    }, this);
 };
 
 //# 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,KAACyB;kBAAMf;;AAChB,EAAC"}
+{"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"}

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

@@ -1,16 +1,24 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import './index.scss';
 export const CheckboxCell = ({ cellData })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx("code", {
+    return /*#__PURE__*/ _jsxDEV("code", {
         className: "bool-cell",
-        children: /*#__PURE__*/ _jsx("span", {
+        children: /*#__PURE__*/ _jsxDEV("span", {
             children: t(`general:${cellData}`).toLowerCase()
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
+            lineNumber: 16,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
+        lineNumber: 15,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,UAAU,EAAEK,WAAW;;;AAGjD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,qBACE,QAACI;QAAKC,WAAU;kBACd,cAAA,QAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,UAAU,EAAEK,WAAW;;;;;;;;;;;AAGjD,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const CodeCell = ({ cellData, nowrap })=>{
@@ -7,13 +7,21 @@ export const CodeCell = ({ cellData, nowrap })=>{
     const noWrapStyle = nowrap ? {
         whiteSpace: 'nowrap'
     } : {};
-    return /*#__PURE__*/ _jsx("code", {
+    return /*#__PURE__*/ _jsxDEV("code", {
         className: "code-cell",
         style: noWrapStyle,
-        children: /*#__PURE__*/ _jsx("span", {
+        children: /*#__PURE__*/ _jsxDEV("span", {
             children: textToShow
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
+            lineNumber: 20,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
+        lineNumber: 19,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAOrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,UAAUG,SAAS,MAAM,GAAGH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEpF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAOrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,UAAUG,SAAS,MAAM,GAAGH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEpF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,QAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,QAACK;sBAAMR;;;;;;;;;;;AAGb,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getObjectDotNotation } from 'payload/shared';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
@@ -13,14 +13,18 @@ export const DateCell = (props)=>{
     const timezoneFieldName = `${fieldPath}_tz`;
     const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
     const dateFormat = date?.displayFormat || dateFormatFromRoot;
-    return /*#__PURE__*/ _jsx("span", {
+    return /*#__PURE__*/ _jsxDEV("span", {
         children: Boolean(cellData) && formatDate({
             date: cellData,
             i18n,
             pattern: dateFormat,
             timezone
         })
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Date/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","name","accessor","admin","date","timezone","timezoneFromField","rowData","config","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","undefined","displayFormat","span","pattern"],"mappings":"AAAA;;AAGA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,6DAA4D;AAEvF,OAAO,MAAMC,WAET,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAUC,iBAAiB,EAAE,EAC5EC,OAAO,EACR,GAAGT;IAEJ,MAAM,EACJU,QAAQ,EACNL,OAAO,EAAEM,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGhB;IACJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,MAAMiB,YAAYV,YAAYD;IAE9B,MAAMY,oBAAoB,GAAGD,UAAU,GAAG,CAAC;IAC3C,MAAMP,WACJS,QAAQR,sBAAsBC,UAC1Bf,qBAAqBe,SAASM,mBAAmBE,aACjDA;IAEN,MAAMN,aAAaL,MAAMY,iBAAiBN;IAE1C,qBACE,KAACO;kBACEH,QAAQf,aAAaH,WAAW;YAAEQ,MAAML;YAAUY;YAAMO,SAAST;YAAYJ;QAAS;;AAG7F,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","name","accessor","admin","date","timezone","timezoneFromField","rowData","config","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","undefined","displayFormat","span","pattern"],"mappings":"AAAA;;AAGA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,6DAA4D;AAEvF,OAAO,MAAMC,WAET,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAUC,iBAAiB,EAAE,EAC5EC,OAAO,EACR,GAAGT;IAEJ,MAAM,EACJU,QAAQ,EACNL,OAAO,EAAEM,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGhB;IACJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,MAAMiB,YAAYV,YAAYD;IAE9B,MAAMY,oBAAoB,GAAGD,UAAU,GAAG,CAAC;IAC3C,MAAMP,WACJS,QAAQR,sBAAsBC,UAC1Bf,qBAAqBe,SAASM,mBAAmBE,aACjDA;IAEN,MAAMN,aAAaL,MAAMY,iBAAiBN;IAE1C,qBACE,QAACO;kBACEH,QAAQf,aAAaH,WAAW;YAAEQ,MAAML;YAAUY;YAAMO,SAAST;YAAYJ;QAAS;;;;;;AAG7F,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getBestFitFromSizes, isImage } from 'payload/shared';
 import React from 'react';
 import './index.scss';
@@ -19,10 +19,10 @@ export const FileCell = ({ cellData: filename, collectionConfig, field, rowData
                 width: rowData?.width
             });
         }
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: baseClass,
             children: [
-                /*#__PURE__*/ _jsx(Thumbnail, {
+                /*#__PURE__*/ _jsxDEV(Thumbnail, {
                     className: `${baseClass}__thumbnail`,
                     collectionSlug: collectionConfig?.slug,
                     doc: {
@@ -32,17 +32,29 @@ export const FileCell = ({ cellData: filename, collectionConfig, field, rowData
                     fileSrc: fileSrc,
                     size: "small",
                     uploadConfig: collectionConfig?.upload
-                }),
-                /*#__PURE__*/ _jsx("span", {
+                }, void 0, false, {
+                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
+                    lineNumber: 48,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__filename`,
                     children: String(filename)
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
+                    lineNumber: 59,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
+            lineNumber: 47,
+            columnNumber: 7
+        }, this);
     } else {
-        return /*#__PURE__*/ _jsx(_Fragment, {
+        return /*#__PURE__*/ _jsxDEV(_Fragment, {
             children: String(filename)
-        });
+        }, void 0, false);
     }
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","div","className","collectionSlug","slug","doc","size","uploadConfig","span","String"],"mappings":"AAAA;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,SAAS,QAAQ,iCAAgC;AAE1D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,EACR;IACC,MAAMC,sBAAsB,oBAAoBF,QAAQA,MAAMG,cAAc,GAAGC;IAC/E,MAAMC,iBAAiBH,uBAAuBH,iBAAiBO,MAAM,EAAEH,kBAAkB;IAEzF,IAAIE,gBAAgB;QAClB,MAAME,cAAcf,QAAQS,SAASO;QACrC,IAAIC,UAA8BF,cAC9BN,SAASS,gBAAgBT,SAASU,MAClCV,SAASS;QAEb,IAAIH,aAAa;YACfE,UAAUlB,oBAAoB;gBAC5BqB,OAAOX,SAASW;gBAChBF,cAAcT,SAASS;gBACvBC,KAAKV,SAASU;gBACdE,OAAOZ,SAASY;YAClB;QACF;QAEA,qBACE,MAACC;YAAIC,WAAWpB;;8BACd,KAACD;oBACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC;oBACpCqB,gBAAgBjB,kBAAkBkB;oBAClCC,KAAK;wBACH,GAAGjB,OAAO;wBACVH;oBACF;oBACAW,SAASA;oBACTU,MAAK;oBACLC,cAAcrB,kBAAkBO;;8BAElC,KAACe;oBAAKN,WAAW,GAAGpB,UAAU,UAAU,CAAC;8BAAG2B,OAAOxB;;;;IAGzD,OAAO;QACL,qBAAO;sBAAGwB,OAAOxB;;IACnB;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","div","className","collectionSlug","slug","doc","size","uploadConfig","span","String"],"mappings":"AAAA;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,SAAS,QAAQ,iCAAgC;AAE1D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,EACR;IACC,MAAMC,sBAAsB,oBAAoBF,QAAQA,MAAMG,cAAc,GAAGC;IAC/E,MAAMC,iBAAiBH,uBAAuBH,iBAAiBO,MAAM,EAAEH,kBAAkB;IAEzF,IAAIE,gBAAgB;QAClB,MAAME,cAAcf,QAAQS,SAASO;QACrC,IAAIC,UAA8BF,cAC9BN,SAASS,gBAAgBT,SAASU,MAClCV,SAASS;QAEb,IAAIH,aAAa;YACfE,UAAUlB,oBAAoB;gBAC5BqB,OAAOX,SAASW;gBAChBF,cAAcT,SAASS;gBACvBC,KAAKV,SAASU;gBACdE,OAAOZ,SAASY;YAClB;QACF;QAEA,qBACE,QAACC;YAAIC,WAAWpB;;8BACd,QAACD;oBACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC;oBACpCqB,gBAAgBjB,kBAAkBkB;oBAClCC,KAAK;wBACH,GAAGjB,OAAO;wBACVH;oBACF;oBACAW,SAASA;oBACTU,MAAK;oBACLC,cAAcrB,kBAAkBO;;;;;;8BAElC,QAACe;oBAAKN,WAAW,GAAGpB,UAAU,UAAU,CAAC;8BAAG2B,OAAOxB;;;;;;;;;;;;IAGzD,OAAO;QACL,qBAAO;sBAAGwB,OAAOxB;;IACnB;AACF,EAAC"}

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

@@ -1,15 +1,23 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const JSONCell = ({ cellData })=>{
     const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    return /*#__PURE__*/ _jsx("code", {
+    return /*#__PURE__*/ _jsxDEV("code", {
         className: "json-cell",
-        children: /*#__PURE__*/ _jsx("span", {
+        children: /*#__PURE__*/ _jsxDEV("span", {
             children: JSON.stringify(textToShow)
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
+            lineNumber: 13,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
+        lineNumber: 12,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map