@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/elements/AppHeader/index.js

@@ -1,6 +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 { formatAdminURL } from 'payload/shared';
 import React, { useEffect, useRef, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
@@ -17,104 +16,175 @@ import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
 import { StepNav } from '../StepNav/index.js';
 import './index.scss';
 const baseClass = 'app-header';
-export function AppHeader({
-  CustomAvatar,
-  CustomIcon
-}) {
-  const {
-    t
-  } = useTranslation();
-  const {
-    Actions
-  } = useActions();
-  const {
-    config: {
-      admin: {
-        routes: {
-          account: accountRoute
-        }
-      },
-      localization,
-      routes: {
-        admin: adminRoute
-      },
-      serverURL
-    }
-  } = useConfig();
-  const {
-    navOpen
-  } = useNav();
-  const customControlsRef = useRef(null);
-  const [isScrollable, setIsScrollable] = useState(false);
-  useEffect(() => {
-    const checkIsScrollable = () => {
-      const el = customControlsRef.current;
-      if (el) {
-        const scrollable = el.scrollWidth > el.clientWidth;
-        setIsScrollable(scrollable);
-      }
-    };
-    checkIsScrollable();
-    window.addEventListener('resize', checkIsScrollable);
-    return () => {
-      window.removeEventListener('resize', checkIsScrollable);
-    };
-  }, [Actions]);
-  const ActionComponents = Actions ? Object.values(Actions) : [];
-  return /*#__PURE__*/_jsxs("header", {
-    className: [baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__bg`
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__content`,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__wrapper`,
-        children: [/*#__PURE__*/_jsx(NavToggler, {
-          className: `${baseClass}__mobile-nav-toggler`,
-          tabIndex: -1,
-          children: /*#__PURE__*/_jsx(Hamburger, {})
-        }), /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__controls-wrapper`,
-          children: [/*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__step-nav-wrapper`,
-            children: /*#__PURE__*/_jsx(StepNav, {
-              className: `${baseClass}__step-nav`,
-              CustomIcon: CustomIcon
-            })
-          }), /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__actions-wrapper`,
-            children: [/*#__PURE__*/_jsx("div", {
-              className: `${baseClass}__actions`,
-              ref: customControlsRef,
-              children: ActionComponents.map((Action, i) => /*#__PURE__*/_jsx("div", {
-                className: isScrollable && i === ActionComponents.length - 1 ? `${baseClass}__last-action` : '',
-                children: Action
-              }, i))
-            }), isScrollable && /*#__PURE__*/_jsx("div", {
-              className: `${baseClass}__gradient-placeholder`
-            })]
-          }), localization && /*#__PURE__*/_jsx(LocalizerLabel, {
-            ariaLabel: "invisible",
-            className: `${baseClass}__localizer-spacing`
-          }), /*#__PURE__*/_jsx(Link, {
-            "aria-label": t('authentication:account'),
-            className: `${baseClass}__account`,
-            href: formatAdminURL({
-              adminRoute,
-              path: accountRoute
-            }),
-            prefetch: false,
-            tabIndex: 0,
-            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
-              CustomComponent: CustomAvatar,
-              Fallback: /*#__PURE__*/_jsx(Account, {})
-            })
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsx(Localizer, {
-      className: `${baseClass}__localizer`
-    })]
-  });
+export function AppHeader({ CustomAvatar, CustomIcon }) {
+    const { t } = useTranslation();
+    const { Actions } = useActions();
+    const { config: { admin: { routes: { account: accountRoute } }, localization, routes: { admin: adminRoute }, serverURL } } = useConfig();
+    const { navOpen } = useNav();
+    const customControlsRef = useRef(null);
+    const [isScrollable, setIsScrollable] = useState(false);
+    useEffect(()=>{
+        const checkIsScrollable = ()=>{
+            const el = customControlsRef.current;
+            if (el) {
+                const scrollable = el.scrollWidth > el.clientWidth;
+                setIsScrollable(scrollable);
+            }
+        };
+        checkIsScrollable();
+        window.addEventListener('resize', checkIsScrollable);
+        return ()=>{
+            window.removeEventListener('resize', checkIsScrollable);
+        };
+    }, [
+        Actions
+    ]);
+    const ActionComponents = Actions ? Object.values(Actions) : [];
+    return /*#__PURE__*/ _jsxDEV("header", {
+        className: [
+            baseClass,
+            navOpen && `${baseClass}--nav-open`
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__bg`
+            }, void 0, false, {
+                fileName: "src/elements/AppHeader/index.tsx",
+                lineNumber: 67,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__content`,
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__wrapper`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(NavToggler, {
+                            className: `${baseClass}__mobile-nav-toggler`,
+                            tabIndex: -1,
+                            children: /*#__PURE__*/ _jsxDEV(Hamburger, {}, void 0, false, {
+                                fileName: "src/elements/AppHeader/index.tsx",
+                                lineNumber: 71,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/AppHeader/index.tsx",
+                            lineNumber: 70,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__controls-wrapper`,
+                            children: [
+                                /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__step-nav-wrapper`,
+                                    children: /*#__PURE__*/ _jsxDEV(StepNav, {
+                                        className: `${baseClass}__step-nav`,
+                                        CustomIcon: CustomIcon
+                                    }, void 0, false, {
+                                        fileName: "src/elements/AppHeader/index.tsx",
+                                        lineNumber: 75,
+                                        columnNumber: 15
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/AppHeader/index.tsx",
+                                    lineNumber: 74,
+                                    columnNumber: 13
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__actions-wrapper`,
+                                    children: [
+                                        /*#__PURE__*/ _jsxDEV("div", {
+                                            className: `${baseClass}__actions`,
+                                            ref: customControlsRef,
+                                            children: ActionComponents.map((Action, i)=>/*#__PURE__*/ _jsxDEV("div", {
+                                                    className: isScrollable && i === ActionComponents.length - 1 ? `${baseClass}__last-action` : '',
+                                                    children: Action
+                                                }, i, false, {
+                                                    fileName: "src/elements/AppHeader/index.tsx",
+                                                    lineNumber: 80,
+                                                    columnNumber: 19
+                                                }, this))
+                                        }, void 0, false, {
+                                            fileName: "src/elements/AppHeader/index.tsx",
+                                            lineNumber: 78,
+                                            columnNumber: 15
+                                        }, this),
+                                        isScrollable && /*#__PURE__*/ _jsxDEV("div", {
+                                            className: `${baseClass}__gradient-placeholder`
+                                        }, void 0, false, {
+                                            fileName: "src/elements/AppHeader/index.tsx",
+                                            lineNumber: 92,
+                                            columnNumber: 32
+                                        }, this)
+                                    ]
+                                }, void 0, true, {
+                                    fileName: "src/elements/AppHeader/index.tsx",
+                                    lineNumber: 77,
+                                    columnNumber: 13
+                                }, this),
+                                localization && /*#__PURE__*/ _jsxDEV(LocalizerLabel, {
+                                    ariaLabel: "invisible",
+                                    className: `${baseClass}__localizer-spacing`
+                                }, void 0, false, {
+                                    fileName: "src/elements/AppHeader/index.tsx",
+                                    lineNumber: 95,
+                                    columnNumber: 15
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV(Link, {
+                                    "aria-label": t('authentication:account'),
+                                    className: `${baseClass}__account`,
+                                    href: formatAdminURL({
+                                        adminRoute,
+                                        path: accountRoute
+                                    }),
+                                    prefetch: false,
+                                    tabIndex: 0,
+                                    children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                                        CustomComponent: CustomAvatar,
+                                        Fallback: /*#__PURE__*/ _jsxDEV(Account, {}, void 0, false, {
+                                            fileName: "src/elements/AppHeader/index.tsx",
+                                            lineNumber: 104,
+                                            columnNumber: 79
+                                        }, void 0)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/AppHeader/index.tsx",
+                                        lineNumber: 104,
+                                        columnNumber: 15
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/AppHeader/index.tsx",
+                                    lineNumber: 97,
+                                    columnNumber: 13
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/AppHeader/index.tsx",
+                            lineNumber: 73,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/AppHeader/index.tsx",
+                    lineNumber: 69,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/AppHeader/index.tsx",
+                lineNumber: 68,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Localizer, {
+                className: `${baseClass}__localizer`
+            }, void 0, false, {
+                fileName: "src/elements/AppHeader/index.tsx",
+                lineNumber: 109,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/AppHeader/index.tsx",
+        lineNumber: 66,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","Link","Localizer","LocalizerLabel","useNav","NavToggler","RenderCustomComponent","StepNav","baseClass","AppHeader","CustomAvatar","CustomIcon","t","Actions","config","admin","routes","account","accountRoute","localization","adminRoute","serverURL","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","ActionComponents","Object","values","_jsxs","className","filter","Boolean","join","_jsx","tabIndex","ref","map","Action","i","length","ariaLabel","href","path","prefetch","CustomComponent","Fallback"],"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { Link } from '../Link/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\ntype Props = {\n  CustomAvatar?: React.ReactNode\n  CustomIcon?: React.ReactNode\n}\nexport function AppHeader({ CustomAvatar, CustomIcon }: Props) {\n  const { t } = useTranslation()\n\n  const { Actions } = useActions()\n\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [Actions])\n\n  const ActionComponents = Actions ? Object.values(Actions) : []\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav className={`${baseClass}__step-nav`} CustomIcon={CustomIcon} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {ActionComponents.map((Action, i) => (\n                  <div\n                    className={\n                      isScrollable && i === ActionComponents.length - 1\n                        ? `${baseClass}__last-action`\n                        : ''\n                    }\n                    key={i}\n                  >\n                    {Action}\n                  </div>\n                ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <Link\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={formatAdminURL({ adminRoute, path: accountRoute })}\n              prefetch={false}\n              tabIndex={0}\n            >\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </Link>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEnD,SAASC,OAAO,QAAQ;AACxB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,QAAQ;AAC3B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,UAAU;EAAEC,YAAY;EAAEC;AAAU,CAAS;EAC3D,MAAM;IAAEC;EAAC,CAAE,GAAGb,cAAA;EAEd,MAAM;IAAEc;EAAO,CAAE,GAAGhB,UAAA;EAEpB,MAAM;IACJiB,MAAA,EAAQ;MACNC,KAAA,EAAO;QACLC,MAAA,EAAQ;UAAEC,OAAA,EAASC;QAAY;MAAE,CAClC;MACDC,YAAY;MACZH,MAAA,EAAQ;QAAED,KAAA,EAAOK;MAAU,CAAE;MAC7BC;IAAS;EACV,CACF,GAAGvB,SAAA;EAEJ,MAAM;IAAEwB;EAAO,CAAE,GAAGlB,MAAA;EAEpB,MAAMmB,iBAAA,GAAoB7B,MAAA,CAAuB;EACjD,MAAM,CAAC8B,YAAA,EAAcC,eAAA,CAAgB,GAAG9B,QAAA,CAAS;EAEjDF,SAAA,CAAU;IACR,MAAMiC,iBAAA,GAAoBA,CAAA;MACxB,MAAMC,EAAA,GAAKJ,iBAAA,CAAkBK,OAAO;MACpC,IAAID,EAAA,EAAI;QACN,MAAME,UAAA,GAAaF,EAAA,CAAGG,WAAW,GAAGH,EAAA,CAAGI,WAAW;QAClDN,eAAA,CAAgBI,UAAA;MAClB;IACF;IAEAH,iBAAA;IACAM,MAAA,CAAOC,gBAAgB,CAAC,UAAUP,iBAAA;IAElC,OAAO;MACLM,MAAA,CAAOE,mBAAmB,CAAC,UAAUR,iBAAA;IACvC;EACF,GAAG,CAACb,OAAA,CAAQ;EAEZ,MAAMsB,gBAAA,GAAmBtB,OAAA,GAAUuB,MAAA,CAAOC,MAAM,CAACxB,OAAA,IAAW,EAAE;EAE9D,oBACEyB,KAAA,CAAC;IAAOC,SAAA,EAAW,CAAC/B,SAAA,EAAWc,OAAA,IAAW,GAAGd,SAAA,YAAqB,CAAC,CAACgC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACvFC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAG/B,SAAA;qBACnBmC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAG/B,SAAA,WAAoB;gBACrC,aAAA8B,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG/B,SAAA,WAAoB;gCACrCmC,IAAA,CAACtC,UAAA;UAAWkC,SAAA,EAAW,GAAG/B,SAAA,sBAA+B;UAAEoC,QAAA,EAAU,CAAC;oBACpE,aAAAD,IAAA,CAAC3C,SAAA;yBAEHsC,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG/B,SAAA,oBAA6B;kCAC9CmC,IAAA,CAAC;YAAIJ,SAAA,EAAW,GAAG/B,SAAA,oBAA6B;sBAC9C,aAAAmC,IAAA,CAACpC,OAAA;cAAQgC,SAAA,EAAW,GAAG/B,SAAA,YAAqB;cAAEG,UAAA,EAAYA;;2BAE5D2B,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAG/B,SAAA,mBAA4B;oCAC7CmC,IAAA,CAAC;cAAIJ,SAAA,EAAW,GAAG/B,SAAA,WAAoB;cAAEqC,GAAA,EAAKtB,iBAAA;wBAC3CY,gBAAA,CAAiBW,GAAG,CAAC,CAACC,MAAA,EAAQC,CAAA,kBAC7BL,IAAA,CAAC;gBACCJ,SAAA,EACEf,YAAA,IAAgBwB,CAAA,KAAMb,gBAAA,CAAiBc,MAAM,GAAG,IAC5C,GAAGzC,SAAA,eAAwB,GAC3B;0BAILuC;iBAFIC,CAAA;gBAMVxB,YAAA,iBAAgBmB,IAAA,CAAC;cAAIJ,SAAA,EAAW,GAAG/B,SAAA;;cAErCW,YAAA,iBACCwB,IAAA,CAACxC,cAAA;YAAe+C,SAAA,EAAU;YAAYX,SAAA,EAAW,GAAG/B,SAAA;2BAEtDmC,IAAA,CAAC1C,IAAA;YACC,cAAYW,CAAA,CAAE;YACd2B,SAAA,EAAW,GAAG/B,SAAA,WAAoB;YAClC2C,IAAA,EAAM5D,cAAA,CAAe;cAAE6B,UAAA;cAAYgC,IAAA,EAAMlC;YAAa;YACtDmC,QAAA,EAAU;YACVT,QAAA,EAAU;sBAEV,aAAAD,IAAA,CAACrC,qBAAA;cAAsBgD,eAAA,EAAiB5C,YAAA;cAAc6C,QAAA,eAAUZ,IAAA,CAAC/C,OAAA;;;;;qBAKzE+C,IAAA,CAACzC,SAAA;MAAUqC,SAAA,EAAW,GAAG/B,SAAA;;;AAG/B","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { Link } from '../Link/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\ntype Props = {\n  CustomAvatar?: React.ReactNode\n  CustomIcon?: React.ReactNode\n}\nexport function AppHeader({ CustomAvatar, CustomIcon }: Props) {\n  const { t } = useTranslation()\n\n  const { Actions } = useActions()\n\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [Actions])\n\n  const ActionComponents = Actions ? Object.values(Actions) : []\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav className={`${baseClass}__step-nav`} CustomIcon={CustomIcon} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {ActionComponents.map((Action, i) => (\n                  <div\n                    className={\n                      isScrollable && i === ActionComponents.length - 1\n                        ? `${baseClass}__last-action`\n                        : ''\n                    }\n                    key={i}\n                  >\n                    {Action}\n                  </div>\n                ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <Link\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={formatAdminURL({ adminRoute, path: accountRoute })}\n              prefetch={false}\n              tabIndex={0}\n            >\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </Link>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"names":["formatAdminURL","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","Link","Localizer","LocalizerLabel","useNav","NavToggler","RenderCustomComponent","StepNav","baseClass","AppHeader","CustomAvatar","CustomIcon","t","Actions","config","admin","routes","account","accountRoute","localization","adminRoute","serverURL","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","ActionComponents","Object","values","header","className","filter","Boolean","join","div","tabIndex","ref","map","Action","i","length","ariaLabel","aria-label","href","path","prefetch","CustomComponent","Fallback"],"mappings":"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"}