@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/sections/Header/HeaderGreetings.js

@@ -1,19 +1,21 @@
-import e from "../../components/Label/Label.js";
-import { Greetings as t } from "./styles.js";
-import "../../index.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import "react";
-import { useTranslation as a } from "react-i18next";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_Label = require("../../components/Label/Label.js");
+const require_styles = require("./styles.js");
+require("../../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
 //#region src/sections/Header/HeaderGreetings.tsx
-var o = ({ username: o }) => {
-	let { t: s } = a();
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, { children: s("header.greetings") }), /* @__PURE__ */ r(e, {
+var HeaderGreetings = ({ username }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Greetings, { children: t("header.greetings") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label.default, {
 		"data-testid": "greetings-label",
-		text: o,
+		text: username,
 		weight: "bold"
 	})] });
 };
 //#endregion
-export { o as default };
+exports.default = HeaderGreetings;
 
 //# sourceMappingURL=HeaderGreetings.js.map

package/build/sections/Header/HeaderGreetings.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderGreetings.js","names":["React","useTranslation","Label","Greetings","Props","username","HeaderGreetings","FC","t"],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;AAUA,IAAMM,KAAoC,EAAED,kBAAe;CACzD,IAAM,EAAEG,SAAMP,GAAgB;AAC9B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAYO,EAAE,mBAAmB,EAAY,CAAA,EAC7C,kBAAC,GAAD;EAAO,eAAY;EAAkB,MAAMH;EAAU,QAAO;EAAM,CAAA,CACjE,EAAA,CAAA"}
+{"version":3,"file":"HeaderGreetings.js","names":["React","useTranslation","Label","Greetings","Props","username","HeaderGreetings","FC","t"],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;;;AAUA,IAAMM,mBAAoC,EAAED,eAAe;CACzD,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,WAAD,EAAA,UAAYA,EAAE,mBAAmB,EAAY,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAAC,cAAA,SAAD;EAAO,eAAY;EAAkB,MAAMH;EAAU,QAAO;EAAM,CAAA,CACjE,EAAA,CAAA"}

package/build/sections/Header/HeaderGreetings.mjs

@@ -0,0 +1,19 @@
+import Label from "../../components/Label/Label.mjs";
+import { Greetings } from "./styles.mjs";
+import "../../index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { useTranslation } from "react-i18next";
+//#region src/sections/Header/HeaderGreetings.tsx
+var HeaderGreetings = ({ username }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Greetings, { children: t("header.greetings") }), /* @__PURE__ */ jsx(Label, {
+		"data-testid": "greetings-label",
+		text: username,
+		weight: "bold"
+	})] });
+};
+//#endregion
+export { HeaderGreetings as default };
+
+//# sourceMappingURL=HeaderGreetings.mjs.map

package/build/sections/Header/HeaderGreetings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderGreetings.mjs","names":["React","useTranslation","Label","Greetings","Props","username","HeaderGreetings","FC","t"],"sources":["../../../src/sections/Header/HeaderGreetings.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Label } from '../../';\nimport { Greetings } from './styles';\n\ninterface Props {\n  username: string;\n}\n\nconst HeaderGreetings: React.FC<Props> = ({ username }) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <Greetings>{t('header.greetings')}</Greetings>\n      <Label data-testid=\"greetings-label\" text={username} weight=\"bold\" />\n    </>\n  );\n};\n\nexport default HeaderGreetings;\n"],"mappings":";;;;;;;AAUA,IAAMM,mBAAoC,EAAED,eAAe;CACzD,MAAM,EAAEG,MAAMP,gBAAgB;AAC9B,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD,EAAA,UAAYO,EAAE,mBAAmB,EAAY,CAAA,EAC7C,oBAAC,OAAD;EAAO,eAAY;EAAkB,MAAMH;EAAU,QAAO;EAAM,CAAA,CACjE,EAAA,CAAA"}

package/build/sections/Header/HeaderLeft.js

@@ -1,13 +1,16 @@
-import e from "../../components/Logo/Logo.js";
-import t from "../../components/Search/Search.js";
-import { SearchWrapper as n } from "./styles.js";
-import "../../index.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import "react";
-import { Link as a } from "react-router";
-import o from "@mui/material/Toolbar";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_Logo = require("../../components/Logo/Logo.js");
+const require_Search = require("../../components/Search/Search.js");
+const require_styles = require("./styles.js");
+require("../../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_router = require("react-router");
+let _mui_material_Toolbar = require("@mui/material/Toolbar");
+_mui_material_Toolbar = require_runtime.__toESM(_mui_material_Toolbar);
 //#region src/sections/Header/HeaderLeft.tsx
-var s = ({ showSearch: s }) => /* @__PURE__ */ i(o, {
+var HeaderLeft = ({ showSearch }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Toolbar.default, {
 	sx: {
 		display: "flex",
 		padding: 0,
@@ -19,15 +22,15 @@ var s = ({ showSearch: s }) => /* @__PURE__ */ i(o, {
 			marginRight: "20px"
 		}
 	},
-	children: [/* @__PURE__ */ r(a, {
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
 		to: "/",
-		children: /* @__PURE__ */ r(e, {})
-	}), s && /* @__PURE__ */ r(n, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Logo.default, {})
+	}), showSearch && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SearchWrapper, {
 		"data-testid": "search-container",
-		children: /* @__PURE__ */ r(t, {})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Search.default, {})
 	})]
 });
 //#endregion
-export { s as default };
+exports.default = HeaderLeft;
 
 //# sourceMappingURL=HeaderLeft.js.map

package/build/sections/Header/HeaderLeft.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLeft.js","names":["Toolbar","React","Link","RouterLink","Logo","Search","SearchWrapper","Props","showSearch","HeaderLeft","FC","display","padding","marginLeft","flex","marginRight"],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;AAWA,IAAMS,KAA+B,EAAED,oBACrC,kBAAC,GAAD;CACE,IAAI;EACFG,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,MAAM;EACN,6BAA6B;GAC3BF,SAAS;GACTC,YAAY;GACZE,aAAa;GACf;EACD;WAXH,CAaE,kBAAC,GAAD;EAAY,IAAI;YACd,kBAAC,GAAD,EAAK,CAAA;EACK,CAAA,EACXP,KACC,kBAAC,GAAD;EAAe,eAAY;YACzB,kBAAC,GAAD,EAAO,CAAA;EAEV,CAAA,CAEJ"}
+{"version":3,"file":"HeaderLeft.js","names":["Toolbar","React","Link","RouterLink","Logo","Search","SearchWrapper","Props","showSearch","HeaderLeft","FC","display","padding","marginLeft","flex","marginRight"],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;;;;AAWA,IAAMS,cAA+B,EAAED,iBACrC,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;CACE,IAAI;EACFG,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,MAAM;EACN,6BAA6B;GAC3BF,SAAS;GACTC,YAAY;GACZE,aAAa;GACf;EACD;WAXH,CAaE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EAAY,IAAI;YACd,iBAAA,GAAA,kBAAA,KAAC,aAAA,SAAD,EAAK,CAAA;EACK,CAAA,EACXP,cACC,iBAAA,GAAA,kBAAA,KAAC,eAAA,eAAD;EAAe,eAAY;YACzB,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAO,CAAA;EAEV,CAAA,CAEJ"}

package/build/sections/Header/HeaderLeft.mjs

@@ -0,0 +1,33 @@
+import Logo from "../../components/Logo/Logo.mjs";
+import Search from "../../components/Search/Search.mjs";
+import { SearchWrapper } from "./styles.mjs";
+import "../../index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Link } from "react-router";
+import Toolbar from "@mui/material/Toolbar";
+//#region src/sections/Header/HeaderLeft.tsx
+var HeaderLeft = ({ showSearch }) => /* @__PURE__ */ jsxs(Toolbar, {
+	sx: {
+		display: "flex",
+		padding: 0,
+		marginLeft: 1,
+		flex: 1,
+		"@media (min-width: 600px)": {
+			padding: 0,
+			marginLeft: 1,
+			marginRight: "20px"
+		}
+	},
+	children: [/* @__PURE__ */ jsx(Link, {
+		to: "/",
+		children: /* @__PURE__ */ jsx(Logo, {})
+	}), showSearch && /* @__PURE__ */ jsx(SearchWrapper, {
+		"data-testid": "search-container",
+		children: /* @__PURE__ */ jsx(Search, {})
+	})]
+});
+//#endregion
+export { HeaderLeft as default };
+
+//# sourceMappingURL=HeaderLeft.mjs.map

package/build/sections/Header/HeaderLeft.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLeft.mjs","names":["Toolbar","React","Link","RouterLink","Logo","Search","SearchWrapper","Props","showSearch","HeaderLeft","FC","display","padding","marginLeft","flex","marginRight"],"sources":["../../../src/sections/Header/HeaderLeft.tsx"],"sourcesContent":["import Toolbar from '@mui/material/Toolbar';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nimport { Logo, Search } from '../../';\nimport { SearchWrapper } from './styles';\n\ninterface Props {\n  showSearch?: boolean;\n}\n\nconst HeaderLeft: React.FC<Props> = ({ showSearch }) => (\n  <Toolbar\n    sx={{\n      display: 'flex',\n      padding: 0,\n      marginLeft: 1,\n      flex: 1,\n      '@media (min-width: 600px)': {\n        padding: 0,\n        marginLeft: 1,\n        marginRight: '20px',\n      },\n    }}\n  >\n    <RouterLink to={'/'}>\n      <Logo />\n    </RouterLink>\n    {showSearch && (\n      <SearchWrapper data-testid=\"search-container\">\n        <Search />\n      </SearchWrapper>\n    )}\n  </Toolbar>\n);\n\nexport default HeaderLeft;\n"],"mappings":";;;;;;;;;AAWA,IAAMS,cAA+B,EAAED,iBACrC,qBAAC,SAAD;CACE,IAAI;EACFG,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,MAAM;EACN,6BAA6B;GAC3BF,SAAS;GACTC,YAAY;GACZE,aAAa;GACf;EACD;WAXH,CAaE,oBAAC,MAAD;EAAY,IAAI;YACd,oBAAC,MAAD,EAAK,CAAA;EACK,CAAA,EACXP,cACC,oBAAC,eAAD;EAAe,eAAY;YACzB,oBAAC,QAAD,EAAO,CAAA;EAEV,CAAA,CAEJ"}

package/build/sections/Header/HeaderMenu.js

@@ -1,26 +1,31 @@
-import e from "../../components/MenuItem/MenuItem.js";
-import t from "./HeaderGreetings.js";
-import "../../index.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/IconButton";
-import "react";
-import { useTranslation as o } from "react-i18next";
-import s from "@mui/material/Menu";
-import c from "@mui/icons-material/AccountCircle";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_MenuItem = require("../../components/MenuItem/MenuItem.js");
+const require_HeaderGreetings = require("./HeaderGreetings.js");
+require("../../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_IconButton = require("@mui/material/IconButton");
+_mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_Menu = require("@mui/material/Menu");
+_mui_material_Menu = require_runtime.__toESM(_mui_material_Menu);
+let _mui_icons_material_AccountCircle = require("@mui/icons-material/AccountCircle");
+_mui_icons_material_AccountCircle = require_runtime.__toESM(_mui_icons_material_AccountCircle);
 //#region src/sections/Header/HeaderMenu.tsx
-var l = ({ onLogout: l, username: u, isMenuOpen: d = !1, anchorEl: f, onLoggedInMenu: p, onLoggedInMenuClose: m }) => {
-	let { t: h } = o();
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(a, {
+var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedInMenu, onLoggedInMenuClose }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_IconButton.default, {
 		color: "inherit",
 		"data-testid": "logInDialogIcon",
 		id: "header--button-account",
-		onClick: p,
+		onClick: onLoggedInMenu,
 		size: "large",
-		children: /* @__PURE__ */ r(c, {})
-	}), /* @__PURE__ */ i(s, {
-		anchorEl: f,
-		onClose: m,
-		open: d,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_AccountCircle.default, {})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Menu.default, {
+		anchorEl,
+		onClose: onLoggedInMenuClose,
+		open: isMenuOpen,
 		slotProps: { root: {
 			anchorOrigin: {
 				vertical: "bottom",
@@ -31,15 +36,15 @@ var l = ({ onLogout: l, username: u, isMenuOpen: d = !1, anchorEl: f, onLoggedIn
 				horizontal: "right"
 			}
 		} },
-		children: [/* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { username: u }) }), /* @__PURE__ */ r(e, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderGreetings.default, { username }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.default, {
 			"data-testid": "logOutDialogIcon",
 			id: "logOutDialogIcon",
-			onClick: l,
-			children: h("button.logout")
+			onClick: onLogout,
+			children: t("button.logout")
 		})]
 	})] });
 };
 //#endregion
-export { l as default };
+exports.default = HeaderMenu;
 
 //# sourceMappingURL=HeaderMenu.js.map

package/build/sections/Header/HeaderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.js","names":["AccountCircle","IconButton","Menu","MouseEvent","React","useTranslation","MenuItem","HeaderGreetings","Props","username","isMenuOpen","anchorEl","Element","onLogout","onLoggedInMenu","event","HTMLButtonElement","onLoggedInMenuClose","HeaderMenu","FC","t","root","anchorOrigin","vertical","horizontal","transformOrigin"],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;AAmBA,IAAMkB,KAA+B,EACnCL,aACAJ,aACAC,gBAAa,IACbC,aACAG,mBACAG,6BACI;CACJ,IAAM,EAAEG,SAAMf,GAAgB;AAC9B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAASS;EACT,MAAK;YAEL,kBAAC,GAAD,EAAc,CAAA;EACJ,CAAA,EACZ,kBAAC,GAAD;EACYH;EACV,SAASM;EACT,MAAMP;EACN,WAAW,EACTW,MAAM;GACJC,cAAc;IACZC,UAAU;IACVC,YAAY;IACb;GACDC,iBAAiB;IACfF,UAAU;IACVC,YAAY;IACd;GACD,EACF;YAfH,CAiBE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA2Bf,aAAS,CAAA,EAC5B,CAAA,EACV,kBAAC,GAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAASI;aACrEO,EAAE,gBAAgB;GACX,CAAA,CACN;IACL,EAAA,CAAA"}
+{"version":3,"file":"HeaderMenu.js","names":["AccountCircle","IconButton","Menu","MouseEvent","React","useTranslation","MenuItem","HeaderGreetings","Props","username","isMenuOpen","anchorEl","Element","onLogout","onLoggedInMenu","event","HTMLButtonElement","onLoggedInMenuClose","HeaderMenu","FC","t","root","anchorOrigin","vertical","horizontal","transformOrigin"],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAMkB,cAA+B,EACnCL,UACAJ,UACAC,aAAa,OACbC,UACAG,gBACAG,0BACI;CACJ,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAASN;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,kCAAA,SAAD,EAAc,CAAA;EACJ,CAAA,EACZ,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;EACYH;EACV,SAASM;EACT,MAAMP;EACN,WAAW,EACTW,MAAM;GACJC,cAAc;IACZC,UAAU;IACVC,YAAY;IACb;GACDC,iBAAiB;IACfF,UAAU;IACVC,YAAY;IACd;GACD,EACF;YAfH,CAiBE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAA2Bf,UAAS,CAAA,EAC5B,CAAA,EACV,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAASI;aACrEO,EAAE,gBAAgB;GACX,CAAA,CACN;IACL,EAAA,CAAA"}

package/build/sections/Header/HeaderMenu.mjs

@@ -0,0 +1,45 @@
+import MenuItem from "../../components/MenuItem/MenuItem.mjs";
+import HeaderGreetings from "./HeaderGreetings.mjs";
+import "../../index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import IconButton from "@mui/material/IconButton";
+import "react";
+import { useTranslation } from "react-i18next";
+import Menu from "@mui/material/Menu";
+import AccountCircle from "@mui/icons-material/AccountCircle";
+//#region src/sections/Header/HeaderMenu.tsx
+var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedInMenu, onLoggedInMenuClose }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		color: "inherit",
+		"data-testid": "logInDialogIcon",
+		id: "header--button-account",
+		onClick: onLoggedInMenu,
+		size: "large",
+		children: /* @__PURE__ */ jsx(AccountCircle, {})
+	}), /* @__PURE__ */ jsxs(Menu, {
+		anchorEl,
+		onClose: onLoggedInMenuClose,
+		open: isMenuOpen,
+		slotProps: { root: {
+			anchorOrigin: {
+				vertical: "bottom",
+				horizontal: "right"
+			},
+			transformOrigin: {
+				vertical: "top",
+				horizontal: "right"
+			}
+		} },
+		children: [/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx(HeaderGreetings, { username }) }), /* @__PURE__ */ jsx(MenuItem, {
+			"data-testid": "logOutDialogIcon",
+			id: "logOutDialogIcon",
+			onClick: onLogout,
+			children: t("button.logout")
+		})]
+	})] });
+};
+//#endregion
+export { HeaderMenu as default };
+
+//# sourceMappingURL=HeaderMenu.mjs.map

package/build/sections/Header/HeaderMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderMenu.mjs","names":["AccountCircle","IconButton","Menu","MouseEvent","React","useTranslation","MenuItem","HeaderGreetings","Props","username","isMenuOpen","anchorEl","Element","onLogout","onLoggedInMenu","event","HTMLButtonElement","onLoggedInMenuClose","HeaderMenu","FC","t","root","anchorOrigin","vertical","horizontal","transformOrigin"],"sources":["../../../src/sections/Header/HeaderMenu.tsx"],"sourcesContent":["import AccountCircle from '@mui/icons-material/AccountCircle';\nimport IconButton from '@mui/material/IconButton';\nimport Menu from '@mui/material/Menu';\nimport type { MouseEvent } from 'react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { MenuItem } from '../../';\nimport HeaderGreetings from './HeaderGreetings';\n\ninterface Props {\n  username: string;\n  isMenuOpen: boolean;\n  anchorEl?: Element | null | undefined;\n  onLogout: () => void;\n  onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;\n  onLoggedInMenuClose: () => void;\n}\n\nconst HeaderMenu: React.FC<Props> = ({\n  onLogout,\n  username,\n  isMenuOpen = false,\n  anchorEl,\n  onLoggedInMenu,\n  onLoggedInMenuClose,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <IconButton\n        color=\"inherit\"\n        data-testid=\"logInDialogIcon\"\n        id=\"header--button-account\"\n        onClick={onLoggedInMenu}\n        size=\"large\"\n      >\n        <AccountCircle />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        slotProps={{\n          root: {\n            anchorOrigin: {\n              vertical: 'bottom',\n              horizontal: 'right',\n            },\n            transformOrigin: {\n              vertical: 'top',\n              horizontal: 'right',\n            },\n          } as any,\n        }}\n      >\n        <MenuItem>\n          <HeaderGreetings username={username} />\n        </MenuItem>\n        <MenuItem data-testid=\"logOutDialogIcon\" id=\"logOutDialogIcon\" onClick={onLogout}>\n          {t('button.logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;AAmBA,IAAMkB,cAA+B,EACnCL,UACAJ,UACAC,aAAa,OACbC,UACAG,gBACAG,0BACI;CACJ,MAAM,EAAEG,MAAMf,gBAAgB;AAC9B,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAASS;EACT,MAAK;YAEL,oBAAC,eAAD,EAAc,CAAA;EACJ,CAAA,EACZ,qBAAC,MAAD;EACYH;EACV,SAASM;EACT,MAAMP;EACN,WAAW,EACTW,MAAM;GACJC,cAAc;IACZC,UAAU;IACVC,YAAY;IACb;GACDC,iBAAiB;IACfF,UAAU;IACVC,YAAY;IACd;GACD,EACF;YAfH,CAiBE,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAD,EAA2Bf,UAAS,CAAA,EAC5B,CAAA,EACV,oBAAC,UAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAASI;aACrEO,EAAE,gBAAgB;GACX,CAAA,CACN;IACL,EAAA,CAAA"}

package/build/sections/Header/HeaderRight.js

@@ -1,30 +1,51 @@
-import e from "./HeaderMenu.js";
-import t from "./HeaderToolTip.js";
-import { useCustomTheme as n } from "../../Theme/ThemeProvider.js";
-import "../../index.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useEffect as o, useState as s } from "react";
-import { useTranslation as c } from "react-i18next";
-import l from "@mui/material/Button";
-import u from "@mui/material/Toolbar";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_HeaderMenu = require("./HeaderMenu.js");
+const require_HeaderToolTip = require("./HeaderToolTip.js");
+const require_ThemeProvider = require("../../Theme/ThemeProvider.js");
+require("../../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_Button = require("@mui/material/Button");
+_mui_material_Button = require_runtime.__toESM(_mui_material_Button);
+let _mui_material_Toolbar = require("@mui/material/Toolbar");
+_mui_material_Toolbar = require_runtime.__toESM(_mui_material_Toolbar);
 //#region src/sections/Header/HeaderRight.tsx
-var d = ({ showSearch: d, username: f, onToggleLogin: p, hasLogin: m, showInfo: h, showSettings: g, showThemeSwitch: _, onLogout: v, onToggleMobileNav: y, onOpenRegistryInfoDialog: b, onOpenSettingsDialog: x }) => {
-	let { isDarkMode: S, setIsDarkMode: C } = n(), [w, T] = s(null), [E, D] = s(!1), O = m === !1, { t: k } = c();
-	o(() => {
-		D(!!w);
-	}, [w]);
-	let A = (e) => {
-		T(e.currentTarget);
-	}, j = () => {
-		T(null);
-	}, M = () => {
-		T(null), p();
-	}, N = () => {
+var HeaderRight = ({ showSearch, username, onToggleLogin, hasLogin, showInfo, showSettings, showThemeSwitch, onLogout, onToggleMobileNav, onOpenRegistryInfoDialog, onOpenSettingsDialog }) => {
+	const { isDarkMode, setIsDarkMode } = require_ThemeProvider.useCustomTheme();
+	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
+	const [isMenuOpen, setIsMenuOpen] = (0, react.useState)(false);
+	const hideLoginSection = hasLogin === false;
+	const { t } = (0, react_i18next.useTranslation)();
+	(0, react.useEffect)(() => {
+		setIsMenuOpen(Boolean(anchorEl));
+	}, [anchorEl]);
+	/**
+	* opens popover menu for logged in user.
+	*/
+	const handleLoggedInMenu = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	/**
+	* closes popover menu for logged in user
+	*/
+	const handleLoggedInMenuClose = () => {
+		setAnchorEl(null);
+	};
+	/**
+	* close/open popover menu for logged in users.
+	*/
+	const handleToggleLogin = () => {
+		setAnchorEl(null);
+		onToggleLogin();
+	};
+	const handleToggleDarkLightMode = () => {
 		setTimeout(() => {
-			C(!S);
+			setIsDarkMode(!isDarkMode);
 		}, 300);
 	};
-	return /* @__PURE__ */ a(u, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Toolbar.default, {
 		"data-testid": "header-right",
 		sx: {
 			display: "flex",
@@ -36,43 +57,43 @@ var d = ({ showSearch: d, username: f, onToggleLogin: p, hasLogin: m, showInfo:
 			}
 		},
 		children: [
-			d === !0 && /* @__PURE__ */ i(t, {
-				onClick: y,
-				title: k("search.packages"),
+			showSearch === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTip.default, {
+				onClick: onToggleMobileNav,
+				title: t("search.packages"),
 				tooltipIconType: "search"
 			}),
-			g === !0 && /* @__PURE__ */ i(t, {
-				onClick: x,
-				title: k("header.settings"),
+			showSettings === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTip.default, {
+				onClick: onOpenSettingsDialog,
+				title: t("header.settings"),
 				tooltipIconType: "settings"
 			}),
-			h === !0 && /* @__PURE__ */ i(t, {
-				onClick: b,
-				title: k("header.registry-info"),
+			showInfo === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTip.default, {
+				onClick: onOpenRegistryInfoDialog,
+				title: t("header.registry-info"),
 				tooltipIconType: "info"
 			}),
-			_ === !0 && /* @__PURE__ */ i(t, {
-				onClick: N,
-				title: k("header.documentation"),
-				tooltipIconType: S ? "dark-mode" : "light-mode"
+			showThemeSwitch === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTip.default, {
+				onClick: handleToggleDarkLightMode,
+				title: t("header.documentation"),
+				tooltipIconType: isDarkMode ? "dark-mode" : "light-mode"
 			}),
-			!O && /* @__PURE__ */ i(r, { children: f ? /* @__PURE__ */ i(e, {
-				anchorEl: w,
-				isMenuOpen: E,
-				onLoggedInMenu: A,
-				onLoggedInMenuClose: j,
-				onLogout: v,
-				username: f
-			}) : /* @__PURE__ */ i(l, {
+			!hideLoginSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: username ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderMenu.default, {
+				anchorEl,
+				isMenuOpen,
+				onLoggedInMenu: handleLoggedInMenu,
+				onLoggedInMenuClose: handleLoggedInMenuClose,
+				onLogout,
+				username
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Button.default, {
 				color: "inherit",
 				"data-testid": "header--button-login",
-				onClick: M,
-				children: k("button.login")
+				onClick: handleToggleLogin,
+				children: t("button.login")
 			}) })
 		]
 	});
 };
 //#endregion
-export { d as default };
+exports.default = HeaderRight;
 
 //# sourceMappingURL=HeaderRight.js.map

package/build/sections/Header/HeaderRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRight.js","names":["Button","Toolbar","MouseEvent","React","useEffect","useState","useTranslation","useCustomTheme","HeaderMenu","HeaderToolTip","Props","showSearch","username","hasLogin","showInfo","showSettings","showThemeSwitch","onToggleLogin","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleMobileNav","onLogout","HeaderRight","FC","isDarkMode","setIsDarkMode","anchorEl","setAnchorEl","HTMLElement","isMenuOpen","setIsMenuOpen","hideLoginSection","t","Boolean","handleLoggedInMenu","event","HTMLButtonElement","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","display","padding","marginRight"],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;AAwBA,IAAMsB,KAAgC,EACpCX,eACAC,aACAK,kBACAJ,aACAC,aACAC,iBACAC,oBACAK,aACAD,sBACAF,6BACAC,8BACI;CAEJ,IAAM,EAAEK,eAAYC,qBAAkBlB,GAAgB,EAChD,CAACmB,GAAUC,KAAetB,EAA6B,KAAK,EAC5D,CAACwB,GAAYC,KAAiBzB,EAAkB,GAAM,EACtD0B,IAAmBlB,MAAa,IAEhC,EAAEmB,SAAM1B,GAAgB;AAE9BF,SAAgB;AACd0B,IAAcG,EAAQP,EAAU;IAC/B,CAACA,EAAS,CAAC;CAKd,IAAMQ,KAAsBC,MAAyC;AACnER,IAAYQ,EAAME,cAAc;IAM5BC,UAAgC;AACpCX,IAAY,KAAK;IAMbY,UAA0B;AAE9BtB,EADAU,EAAY,KAAK,EACjBV,GAAe;IAGXuB,UAAkC;AACtCC,mBAAiB;AACfhB,KAAc,CAACD,EAAW;KACzB,IAAI;;AAGT,QACE,kBAAC,GAAD;EACE,eAAY;EACZ,IAAI;GACFkB,SAAS;GACTC,SAAS;GACTC,aAAa;GACb,6BAA6B;IAC3BD,SAAS;IACTC,aAAa;IACf;GACD;YAVH;GAYGjC,MAAe,MACd,kBAAC,GAAD;IACE,SAASS;IACT,OAAOY,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GAEAjB,MAAiB,MAChB,kBAAC,GAAD;IACE,SAASI;IACT,OAAOa,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GACAlB,MAAa,MACZ,kBAAC,GAAD;IACE,SAASI;IACT,OAAOc,EAAE,uBAAuB;IAChC,iBAAiB;IAEpB,CAAA;GACAhB,MAAoB,MACnB,kBAAC,GAAD;IACE,SAASwB;IACT,OAAOR,EAAE,uBAAuB;IAChC,iBAAiBR,IAAa,cAAc;IAE/C,CAAA;GAEA,CAACO,KACA,kBAAA,GAAA,EAAA,UACGnB,IACC,kBAAC,GAAD;IACYc;IACEG;IACZ,gBAAgBK;IAChB,qBAAqBI;IACXjB;IACAT;IACV,CAAA,GAEF,kBAAC,GAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS2B;cACjEP,EAAE,eAAe;IAErB,CAAA,EAEJ,CAAA;GACO"}
+{"version":3,"file":"HeaderRight.js","names":["Button","Toolbar","MouseEvent","React","useEffect","useState","useTranslation","useCustomTheme","HeaderMenu","HeaderToolTip","Props","showSearch","username","hasLogin","showInfo","showSettings","showThemeSwitch","onToggleLogin","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleMobileNav","onLogout","HeaderRight","FC","isDarkMode","setIsDarkMode","anchorEl","setAnchorEl","HTMLElement","isMenuOpen","setIsMenuOpen","hideLoginSection","t","Boolean","handleLoggedInMenu","event","HTMLButtonElement","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","display","padding","marginRight"],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAMsB,eAAgC,EACpCX,YACAC,UACAK,eACAJ,UACAC,UACAC,cACAC,iBACAK,UACAD,mBACAF,0BACAC,2BACI;CAEJ,MAAM,EAAEK,YAAYC,kBAAkBlB,sBAAAA,gBAAgB;CACtD,MAAM,CAACmB,UAAUC,gBAAAA,GAAAA,MAAAA,UAA4C,KAAK;CAClE,MAAM,CAACE,YAAYC,kBAAAA,GAAAA,MAAAA,UAAmC,MAAM;CAC5D,MAAMC,mBAAmBlB,aAAa;CAEtC,MAAM,EAAEmB,OAAAA,GAAAA,cAAAA,iBAAsB;AAE9B5B,EAAAA,GAAAA,MAAAA,iBAAgB;AACd0B,gBAAcG,QAAQP,SAAS,CAAC;IAC/B,CAACA,SAAS,CAAC;;;;CAKd,MAAMQ,sBAAsBC,UAAyC;AACnER,cAAYQ,MAAME,cAAc;;;;;CAMlC,MAAMC,gCAAgC;AACpCX,cAAY,KAAK;;;;;CAMnB,MAAMY,0BAA0B;AAC9BZ,cAAY,KAAK;AACjBV,iBAAe;;CAGjB,MAAMuB,kCAAkC;AACtCC,mBAAiB;AACfhB,iBAAc,CAACD,WAAW;KACzB,IAAI;;AAGT,QACE,iBAAA,GAAA,kBAAA,MAAC,sBAAA,SAAD;EACE,eAAY;EACZ,IAAI;GACFkB,SAAS;GACTC,SAAS;GACTC,aAAa;GACb,6BAA6B;IAC3BD,SAAS;IACTC,aAAa;IACf;GACD;YAVH;GAYGjC,eAAe,QACd,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASS;IACT,OAAOY,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GAEAjB,iBAAiB,QAChB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASI;IACT,OAAOa,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GACAlB,aAAa,QACZ,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASI;IACT,OAAOc,EAAE,uBAAuB;IAChC,iBAAiB;IAEpB,CAAA;GACAhB,oBAAoB,QACnB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;IACE,SAASwB;IACT,OAAOR,EAAE,uBAAuB;IAChC,iBAAiBR,aAAa,cAAc;IAE/C,CAAA;GAEA,CAACO,oBACA,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACGnB,WACC,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IACYc;IACEG;IACZ,gBAAgBK;IAChB,qBAAqBI;IACXjB;IACAT;IACV,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS2B;cACjEP,EAAE,eAAe;IAErB,CAAA,EAEJ,CAAA;GACO"}

package/build/sections/Header/HeaderRight.mjs

@@ -0,0 +1,95 @@
+import HeaderMenu from "./HeaderMenu.mjs";
+import HeaderToolTip from "./HeaderToolTip.mjs";
+import { useCustomTheme } from "../../Theme/ThemeProvider.mjs";
+import "../../index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import Button from "@mui/material/Button";
+import Toolbar from "@mui/material/Toolbar";
+//#region src/sections/Header/HeaderRight.tsx
+var HeaderRight = ({ showSearch, username, onToggleLogin, hasLogin, showInfo, showSettings, showThemeSwitch, onLogout, onToggleMobileNav, onOpenRegistryInfoDialog, onOpenSettingsDialog }) => {
+	const { isDarkMode, setIsDarkMode } = useCustomTheme();
+	const [anchorEl, setAnchorEl] = useState(null);
+	const [isMenuOpen, setIsMenuOpen] = useState(false);
+	const hideLoginSection = hasLogin === false;
+	const { t } = useTranslation();
+	useEffect(() => {
+		setIsMenuOpen(Boolean(anchorEl));
+	}, [anchorEl]);
+	/**
+	* opens popover menu for logged in user.
+	*/
+	const handleLoggedInMenu = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	/**
+	* closes popover menu for logged in user
+	*/
+	const handleLoggedInMenuClose = () => {
+		setAnchorEl(null);
+	};
+	/**
+	* close/open popover menu for logged in users.
+	*/
+	const handleToggleLogin = () => {
+		setAnchorEl(null);
+		onToggleLogin();
+	};
+	const handleToggleDarkLightMode = () => {
+		setTimeout(() => {
+			setIsDarkMode(!isDarkMode);
+		}, 300);
+	};
+	return /* @__PURE__ */ jsxs(Toolbar, {
+		"data-testid": "header-right",
+		sx: {
+			display: "flex",
+			padding: 0,
+			marginRight: 0,
+			"@media (min-width: 600px)": {
+				padding: 0,
+				marginRight: 0
+			}
+		},
+		children: [
+			showSearch === true && /* @__PURE__ */ jsx(HeaderToolTip, {
+				onClick: onToggleMobileNav,
+				title: t("search.packages"),
+				tooltipIconType: "search"
+			}),
+			showSettings === true && /* @__PURE__ */ jsx(HeaderToolTip, {
+				onClick: onOpenSettingsDialog,
+				title: t("header.settings"),
+				tooltipIconType: "settings"
+			}),
+			showInfo === true && /* @__PURE__ */ jsx(HeaderToolTip, {
+				onClick: onOpenRegistryInfoDialog,
+				title: t("header.registry-info"),
+				tooltipIconType: "info"
+			}),
+			showThemeSwitch === true && /* @__PURE__ */ jsx(HeaderToolTip, {
+				onClick: handleToggleDarkLightMode,
+				title: t("header.documentation"),
+				tooltipIconType: isDarkMode ? "dark-mode" : "light-mode"
+			}),
+			!hideLoginSection && /* @__PURE__ */ jsx(Fragment, { children: username ? /* @__PURE__ */ jsx(HeaderMenu, {
+				anchorEl,
+				isMenuOpen,
+				onLoggedInMenu: handleLoggedInMenu,
+				onLoggedInMenuClose: handleLoggedInMenuClose,
+				onLogout,
+				username
+			}) : /* @__PURE__ */ jsx(Button, {
+				color: "inherit",
+				"data-testid": "header--button-login",
+				onClick: handleToggleLogin,
+				children: t("button.login")
+			}) })
+		]
+	});
+};
+//#endregion
+export { HeaderRight as default };
+
+//# sourceMappingURL=HeaderRight.mjs.map

package/build/sections/Header/HeaderRight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRight.mjs","names":["Button","Toolbar","MouseEvent","React","useEffect","useState","useTranslation","useCustomTheme","HeaderMenu","HeaderToolTip","Props","showSearch","username","hasLogin","showInfo","showSettings","showThemeSwitch","onToggleLogin","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleMobileNav","onLogout","HeaderRight","FC","isDarkMode","setIsDarkMode","anchorEl","setAnchorEl","HTMLElement","isMenuOpen","setIsMenuOpen","hideLoginSection","t","Boolean","handleLoggedInMenu","event","HTMLButtonElement","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","display","padding","marginRight"],"sources":["../../../src/sections/Header/HeaderRight.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Toolbar from '@mui/material/Toolbar';\nimport type { MouseEvent } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useCustomTheme } from '../../';\nimport HeaderMenu from './HeaderMenu';\nimport HeaderToolTip from './HeaderToolTip';\n\ninterface Props {\n  showSearch?: boolean;\n  username?: string | null;\n  hasLogin?: boolean;\n  showInfo?: boolean;\n  showSettings?: boolean;\n  showThemeSwitch?: boolean;\n  onToggleLogin: () => void;\n  onOpenRegistryInfoDialog: () => void;\n  onOpenSettingsDialog: () => void;\n  onToggleMobileNav: () => void;\n  onLogout: () => void;\n}\n\nconst HeaderRight: React.FC<Props> = ({\n  showSearch,\n  username,\n  onToggleLogin,\n  hasLogin,\n  showInfo,\n  showSettings,\n  showThemeSwitch,\n  onLogout,\n  onToggleMobileNav,\n  onOpenRegistryInfoDialog,\n  onOpenSettingsDialog,\n}) => {\n  // @ts-ignore\n  const { isDarkMode, setIsDarkMode } = useCustomTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n  const hideLoginSection = hasLogin === false;\n\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    setIsMenuOpen(Boolean(anchorEl));\n  }, [anchorEl]);\n\n  /**\n   * opens popover menu for logged in user.\n   */\n  const handleLoggedInMenu = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  /**\n   * closes popover menu for logged in user\n   */\n  const handleLoggedInMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  /**\n   * close/open popover menu for logged in users.\n   */\n  const handleToggleLogin = () => {\n    setAnchorEl(null);\n    onToggleLogin();\n  };\n\n  const handleToggleDarkLightMode = () => {\n    setTimeout(() => {\n      setIsDarkMode(!isDarkMode);\n    }, 300);\n  };\n\n  return (\n    <Toolbar\n      data-testid=\"header-right\"\n      sx={{\n        display: 'flex',\n        padding: 0,\n        marginRight: 0,\n        '@media (min-width: 600px)': {\n          padding: 0,\n          marginRight: 0,\n        },\n      }}\n    >\n      {showSearch === true && (\n        <HeaderToolTip\n          onClick={onToggleMobileNav}\n          title={t('search.packages')}\n          tooltipIconType={'search'}\n        />\n      )}\n\n      {showSettings === true && (\n        <HeaderToolTip\n          onClick={onOpenSettingsDialog}\n          title={t('header.settings')}\n          tooltipIconType={'settings'}\n        />\n      )}\n      {showInfo === true && (\n        <HeaderToolTip\n          onClick={onOpenRegistryInfoDialog}\n          title={t('header.registry-info')}\n          tooltipIconType={'info'}\n        />\n      )}\n      {showThemeSwitch === true && (\n        <HeaderToolTip\n          onClick={handleToggleDarkLightMode}\n          title={t('header.documentation')}\n          tooltipIconType={isDarkMode ? 'dark-mode' : 'light-mode'}\n        />\n      )}\n\n      {!hideLoginSection && (\n        <>\n          {username ? (\n            <HeaderMenu\n              anchorEl={anchorEl}\n              isMenuOpen={isMenuOpen}\n              onLoggedInMenu={handleLoggedInMenu}\n              onLoggedInMenuClose={handleLoggedInMenuClose}\n              onLogout={onLogout}\n              username={username}\n            />\n          ) : (\n            <Button color=\"inherit\" data-testid=\"header--button-login\" onClick={handleToggleLogin}>\n              {t('button.login')}\n            </Button>\n          )}\n        </>\n      )}\n    </Toolbar>\n  );\n};\n\nexport default HeaderRight;\n"],"mappings":";;;;;;;;;;AAwBA,IAAMsB,eAAgC,EACpCX,YACAC,UACAK,eACAJ,UACAC,UACAC,cACAC,iBACAK,UACAD,mBACAF,0BACAC,2BACI;CAEJ,MAAM,EAAEK,YAAYC,kBAAkBlB,gBAAgB;CACtD,MAAM,CAACmB,UAAUC,eAAetB,SAA6B,KAAK;CAClE,MAAM,CAACwB,YAAYC,iBAAiBzB,SAAkB,MAAM;CAC5D,MAAM0B,mBAAmBlB,aAAa;CAEtC,MAAM,EAAEmB,MAAM1B,gBAAgB;AAE9BF,iBAAgB;AACd0B,gBAAcG,QAAQP,SAAS,CAAC;IAC/B,CAACA,SAAS,CAAC;;;;CAKd,MAAMQ,sBAAsBC,UAAyC;AACnER,cAAYQ,MAAME,cAAc;;;;;CAMlC,MAAMC,gCAAgC;AACpCX,cAAY,KAAK;;;;;CAMnB,MAAMY,0BAA0B;AAC9BZ,cAAY,KAAK;AACjBV,iBAAe;;CAGjB,MAAMuB,kCAAkC;AACtCC,mBAAiB;AACfhB,iBAAc,CAACD,WAAW;KACzB,IAAI;;AAGT,QACE,qBAAC,SAAD;EACE,eAAY;EACZ,IAAI;GACFkB,SAAS;GACTC,SAAS;GACTC,aAAa;GACb,6BAA6B;IAC3BD,SAAS;IACTC,aAAa;IACf;GACD;YAVH;GAYGjC,eAAe,QACd,oBAAC,eAAD;IACE,SAASS;IACT,OAAOY,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GAEAjB,iBAAiB,QAChB,oBAAC,eAAD;IACE,SAASI;IACT,OAAOa,EAAE,kBAAkB;IAC3B,iBAAiB;IAEpB,CAAA;GACAlB,aAAa,QACZ,oBAAC,eAAD;IACE,SAASI;IACT,OAAOc,EAAE,uBAAuB;IAChC,iBAAiB;IAEpB,CAAA;GACAhB,oBAAoB,QACnB,oBAAC,eAAD;IACE,SAASwB;IACT,OAAOR,EAAE,uBAAuB;IAChC,iBAAiBR,aAAa,cAAc;IAE/C,CAAA;GAEA,CAACO,oBACA,oBAAA,UAAA,EAAA,UACGnB,WACC,oBAAC,YAAD;IACYc;IACEG;IACZ,gBAAgBK;IAChB,qBAAqBI;IACXjB;IACAT;IACV,CAAA,GAEF,oBAAC,QAAD;IAAQ,OAAM;IAAU,eAAY;IAAuB,SAAS2B;cACjEP,EAAE,eAAe;IAErB,CAAA,EAEJ,CAAA;GACO"}