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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_Button","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactI18next","_","_token","_HeaderLeft","_HeaderRight","_HeaderSettingsDialog","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","Header","_ref","HeaderInfoDialog","isPlainHeader","_ref$tokenCheckInterv","tokenCheckIntervalMs","_useTranslation","useTranslation","_useState","useState","_useState2","isInfoDialogOpen","setOpenInfoDialog","_useState3","_useState4","isSettingsDialogOpen","setSettingsDialogOpen","_useState5","_useState6","showMobileNavBar","setShowMobileNavBar","_useState7","_useState8","showLoginModal","setShowLoginModal","_useConfig","useConfig","configOptions","_useAuth","useAuth","userState","logOutUser","tokenRef","useRef","token","useEffect","current","checkToken","isTokenExpire","interval","setInterval","clearInterval","handleLogout","createElement","NavBar","position","InnerNavBar","showSearch","hasLogin","onLogout","onOpenRegistryInfoDialog","onOpenSettingsDialog","onToggleLogin","onToggleMobileNav","showInfo","showSettings","showThemeSwitch","username","Fragment","login","isOpen","onCloseDialog","dialogTitle","MobileNavBar","InnerMobileNavBar","Search","color","onClick","LoginDialog","onClose","open","_default","exports"],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar>\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Header.js","names":["Button","React","useEffect","useRef","useState","useTranslation","LoginDialog","Search","useAuth","useConfig","isTokenExpire","HeaderLeft","HeaderRight","HeaderSettingsDialog","InnerMobileNavBar","InnerNavBar","MobileNavBar","NavBar","Props","HeaderInfoDialog","FC","isPlainHeader","tokenCheckIntervalMs","Header","t","isInfoDialogOpen","setOpenInfoDialog","isSettingsDialogOpen","setSettingsDialogOpen","showMobileNavBar","setShowMobileNavBar","showLoginModal","setShowLoginModal","configOptions","userState","logOutUser","tokenRef","token","current","checkToken","interval","setInterval","clearInterval","handleLogout","showSearch","login","showInfo","showSettings","showThemeSwitch","username"],"sources":["../../../src/sections/Header/Header.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { LoginDialog, Search, useAuth, useConfig } from '../../';\nimport { isTokenExpire } from '../../utils/token';\nimport HeaderLeft from './HeaderLeft';\nimport HeaderRight from './HeaderRight';\nimport HeaderSettingsDialog from './HeaderSettingsDialog';\nimport { InnerMobileNavBar, InnerNavBar, MobileNavBar, NavBar } from './styles';\n\ntype Props = {\n  HeaderInfoDialog?: React.FC<any>;\n  isPlainHeader?: boolean;\n  tokenCheckIntervalMs?: number;\n};\n\n// Session timeout default is 1 hour\nconst Header: React.FC<Props> = ({\n  HeaderInfoDialog,\n  isPlainHeader,\n  tokenCheckIntervalMs = 60 * 60 * 1000,\n}) => {\n  const { t } = useTranslation();\n  const [isInfoDialogOpen, setOpenInfoDialog] = useState<boolean>(false);\n  const [isSettingsDialogOpen, setSettingsDialogOpen] = useState<boolean>(false);\n  const [showMobileNavBar, setShowMobileNavBar] = useState<boolean>(false);\n  const [showLoginModal, setShowLoginModal] = useState<boolean>(false);\n  const { configOptions } = useConfig();\n  const { userState, logOutUser } = useAuth();\n\n  // Use a ref to always have the latest token in the interval callback\n  const tokenRef = useRef(userState?.token);\n  useEffect(() => {\n    tokenRef.current = userState?.token;\n  }, [userState?.token]);\n\n  useEffect(() => {\n    function checkToken() {\n      const token = tokenRef.current;\n      if (token && isTokenExpire(token)) {\n        logOutUser?.();\n      }\n    }\n    checkToken();\n    const interval = setInterval(checkToken, tokenCheckIntervalMs);\n    return () => clearInterval(interval);\n  }, [tokenCheckIntervalMs]);\n\n  const handleLogout = () => {\n    logOutUser?.();\n    setShowLoginModal(false);\n  };\n  if (isPlainHeader) {\n    return (\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={false} />\n          <HeaderRight\n            hasLogin={false}\n            onLogout={() => {}}\n            onOpenRegistryInfoDialog={() => {}}\n            onOpenSettingsDialog={() => {}}\n            onToggleLogin={() => {}}\n            onToggleMobileNav={() => {}}\n            showInfo={false}\n            showSearch={false}\n            showSettings={false}\n            showThemeSwitch={false}\n            username={''}\n          />\n        </InnerNavBar>\n      </NavBar>\n    );\n  }\n\n  return (\n    <>\n      <NavBar data-testid=\"header\" position=\"static\">\n        <InnerNavBar>\n          <HeaderLeft showSearch={configOptions.showSearch} />\n          <HeaderRight\n            hasLogin={configOptions?.login}\n            onLogout={handleLogout}\n            onOpenRegistryInfoDialog={() => setOpenInfoDialog(true)}\n            onOpenSettingsDialog={() => setSettingsDialogOpen(true)}\n            onToggleLogin={() => setShowLoginModal(!showLoginModal)}\n            onToggleMobileNav={() => setShowMobileNavBar(!showMobileNavBar)}\n            showInfo={configOptions.showInfo}\n            showSearch={configOptions.showSearch}\n            showSettings={configOptions.showSettings}\n            showThemeSwitch={configOptions.showThemeSwitch}\n            username={userState?.username}\n          />\n        </InnerNavBar>\n        <HeaderSettingsDialog\n          isOpen={isSettingsDialogOpen}\n          onCloseDialog={() => setSettingsDialogOpen(false)}\n        />\n        {HeaderInfoDialog ? (\n          <HeaderInfoDialog\n            dialogTitle={t('dialog.registry-info.title')}\n            isOpen={isInfoDialogOpen}\n            onCloseDialog={() => setOpenInfoDialog(false)}\n          />\n        ) : null}\n      </NavBar>\n      {showMobileNavBar && (\n        <MobileNavBar>\n          <InnerMobileNavBar>\n            <Search />\n          </InnerMobileNavBar>\n          <Button color=\"inherit\" onClick={() => setShowMobileNavBar(false)}>\n            {t('button.cancel')}\n          </Button>\n        </MobileNavBar>\n      )}\n      {!userState?.username && (\n        <LoginDialog onClose={() => setShowLoginModal(false)} open={showLoginModal} />\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAMuB,KAA2B,EAC/BJ,qBACAE,kBACAC,0BAAuB,OAAU,UAC7B;CACJ,IAAM,EAAEE,SAAMnB,GAAgB,EACxB,CAACoB,GAAkBC,KAAqBtB,EAAkB,GAAM,EAChE,CAACuB,GAAsBC,KAAyBxB,EAAkB,GAAM,EACxE,CAACyB,GAAkBC,KAAuB1B,EAAkB,GAAM,EAClE,CAAC2B,GAAgBC,KAAqB5B,EAAkB,GAAM,EAC9D,EAAE6B,qBAAkBxB,GAAW,EAC/B,EAAEyB,cAAWC,kBAAe3B,GAAS,EAGrC4B,IAAWjC,EAAO+B,GAAWG,MAAM;AAKzCnC,CAJAA,QAAgB;AACdkC,IAASE,UAAUJ,GAAWG;IAC7B,CAACH,GAAWG,MAAM,CAAC,EAEtBnC,QAAgB;EACd,SAASqC,IAAa;GACpB,IAAMF,IAAQD,EAASE;AACvB,GAAID,KAAS3B,EAAc2B,EAAM,IAC/BF,KAAc;;AAGlBI,KAAY;EACZ,IAAMC,IAAWC,YAAYF,GAAYjB,EAAqB;AAC9D,eAAaoB,cAAcF,EAAS;IACnC,CAAClB,EAAqB,CAAC;CAE1B,IAAMqB,UAAqB;AAEzBX,EADAG,KAAc,EACdH,EAAkB,GAAM;;AAyB1B,QAvBIX,IAEA,kBAAC,GAAD;EAAQ,eAAY;EAAS,UAAS;YACpC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAY,YAAY,IAAM,CAAA,EAC9B,kBAAC,GAAD;GACE,UAAU;GACV,gBAAgB;GAChB,gCAAgC;GAChC,4BAA4B;GAC5B,qBAAqB;GACrB,yBAAyB;GACzB,UAAU;GACV,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,UAAU;GAAG,CAAA,CAEJ,EAAA,CAAA;EACN,CAAA,GAKX,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAQ,eAAY;GAAS,UAAS;aAAtC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAY,YAAYY,EAAcW,YAAW,CAAA,EACjD,kBAAC,GAAD;KACE,UAAUX,GAAeY;KACzB,UAAUF;KACV,gCAAgCjB,EAAkB,GAAK;KACvD,4BAA4BE,EAAsB,GAAK;KACvD,qBAAqBI,EAAkB,CAACD,EAAe;KACvD,yBAAyBD,EAAoB,CAACD,EAAiB;KAC/D,UAAUI,EAAca;KACxB,YAAYb,EAAcW;KAC1B,cAAcX,EAAcc;KAC5B,iBAAiBd,EAAce;KAC/B,UAAUd,GAAWe;KAAS,CAAA,CAErB,EAAA,CAAA;IACb,kBAAC,GAAD;KACE,QAAQtB;KACR,qBAAqBC,EAAsB,GAAM;KAAC,CAAA;IAEnDT,IACC,kBAAC,GAAD;KACE,aAAaK,EAAE,6BAA6B;KAC5C,QAAQC;KACR,qBAAqBC,EAAkB,GAAM;KAC7C,CAAA,GACA;IACE;;EACPG,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAO,CAAA,EACU,CAAA,EACnB,kBAAC,GAAD;GAAQ,OAAM;GAAU,eAAeC,EAAoB,GAAM;aAC9DN,EAAE,gBAAgB;GACb,CAAA,CAEX,EAAA,CAAA;EACA,CAACU,GAAWe,YACX,kBAAC,GAAD;GAAa,eAAejB,EAAkB,GAAM;GAAE,MAAMD;GAC7D,CAAA;EACA,EAAA,CAAA"}

package/build/sections/Header/HeaderGreetings.js

@@ -1,23 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _ = require("../../");
-var _styles = require("./styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var HeaderGreetings = function HeaderGreetings(_ref) {
-  var username = _ref.username;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styles.Greetings, null, t('header.greetings')), /*#__PURE__*/_react["default"].createElement(_.Label, {
-    "data-testid": "greetings-label",
-    text: username,
-    weight: "bold"
-  }));
+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";
+//#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, {
+		"data-testid": "greetings-label",
+		text: o,
+		weight: "bold"
+	})] });
 };
-var _default = exports["default"] = HeaderGreetings;
+//#endregion
+export { o as default };
+
 //# sourceMappingURL=HeaderGreetings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderGreetings.js","names":["_react","_interopRequireDefault","require","_reactI18next","_","_styles","e","__esModule","HeaderGreetings","_ref","username","_useTranslation","useTranslation","t","createElement","Fragment","Greetings","Label","text","weight","_default","exports"],"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAMrC,IAAME,eAAgC,GAAG,SAAnCA,eAAgCA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClD,IAAAC,eAAA,GAAc,IAAAC,4BAAc,EAAC,CAAC;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EACT,oBACEb,MAAA,YAAAc,aAAA,CAAAd,MAAA,YAAAe,QAAA,qBACEf,MAAA,YAAAc,aAAA,CAACT,OAAA,CAAAW,SAAS,QAAEH,CAAC,CAAC,kBAAkB,CAAa,CAAC,eAC9Cb,MAAA,YAAAc,aAAA,CAACV,CAAA,CAAAa,KAAK;IAAC,eAAY,iBAAiB;IAACC,IAAI,EAAER,QAAS;IAACS,MAAM,EAAC;EAAM,CAAE,CACpE,CAAC;AAEP,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEab,eAAe","ignoreList":[]}
+{"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"}

package/build/sections/Header/HeaderLeft.js

@@ -1,34 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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";
+//#region src/sections/Header/HeaderLeft.tsx
+var s = ({ showSearch: s }) => /* @__PURE__ */ i(o, {
+	sx: {
+		display: "flex",
+		padding: 0,
+		marginLeft: 1,
+		flex: 1,
+		"@media (min-width: 600px)": {
+			padding: 0,
+			marginLeft: 1,
+			marginRight: "20px"
+		}
+	},
+	children: [/* @__PURE__ */ r(a, {
+		to: "/",
+		children: /* @__PURE__ */ r(e, {})
+	}), s && /* @__PURE__ */ r(n, {
+		"data-testid": "search-container",
+		children: /* @__PURE__ */ r(t, {})
+	})]
 });
-exports["default"] = void 0;
-var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRouter = require("react-router");
-var _ = require("../../");
-var _styles = require("./styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var HeaderLeft = function HeaderLeft(_ref) {
-  var showSearch = _ref.showSearch;
-  return /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
-    sx: {
-      display: 'flex',
-      padding: 0,
-      marginLeft: 1,
-      flex: 1,
-      '@media (min-width: 600px)': {
-        padding: 0,
-        marginLeft: 1,
-        marginRight: '20px'
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactRouter.Link, {
-    to: '/'
-  }, /*#__PURE__*/_react["default"].createElement(_.Logo, null)), showSearch && /*#__PURE__*/_react["default"].createElement(_styles.SearchWrapper, {
-    "data-testid": "search-container"
-  }, /*#__PURE__*/_react["default"].createElement(_.Search, null)));
-};
-var _default = exports["default"] = HeaderLeft;
+//#endregion
+export { s as default };
+
 //# sourceMappingURL=HeaderLeft.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderLeft.js","names":["_Toolbar","_interopRequireDefault","require","_react","_reactRouter","_","_styles","e","__esModule","HeaderLeft","_ref","showSearch","createElement","sx","display","padding","marginLeft","flex","marginRight","Link","to","Logo","SearchWrapper","Search","_default","exports"],"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":";;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,CAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAyC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAMzC,IAAME,UAA2B,GAAG,SAA9BA,UAA2BA,CAAAC,IAAA;EAAA,IAAMC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,oBAC/CR,MAAA,YAAAS,aAAA,CAACZ,QAAA,WAAO;IACNa,EAAE,EAAE;MACFC,OAAO,EAAE,MAAM;MACfC,OAAO,EAAE,CAAC;MACVC,UAAU,EAAE,CAAC;MACbC,IAAI,EAAE,CAAC;MACP,2BAA2B,EAAE;QAC3BF,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,CAAC;QACbE,WAAW,EAAE;MACf;IACF;EAAE,gBAEFf,MAAA,YAAAS,aAAA,CAACR,YAAA,CAAAe,IAAU;IAACC,EAAE,EAAE;EAAI,gBAClBjB,MAAA,YAAAS,aAAA,CAACP,CAAA,CAAAgB,IAAI,MAAE,CACG,CAAC,EACZV,UAAU,iBACTR,MAAA,YAAAS,aAAA,CAACN,OAAA,CAAAgB,aAAa;IAAC,eAAY;EAAkB,gBAC3CnB,MAAA,YAAAS,aAAA,CAACP,CAAA,CAAAkB,MAAM,MAAE,CACI,CAEV,CAAC;AAAA,CACX;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEahB,UAAU","ignoreList":[]}
+{"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"}

package/build/sections/Header/HeaderMenu.js

@@ -1,52 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _AccountCircle = _interopRequireDefault(require("@mui/icons-material/AccountCircle"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _ = require("../../");
-var _HeaderGreetings = _interopRequireDefault(require("./HeaderGreetings"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var HeaderMenu = function HeaderMenu(_ref) {
-  var onLogout = _ref.onLogout,
-    username = _ref.username,
-    _ref$isMenuOpen = _ref.isMenuOpen,
-    isMenuOpen = _ref$isMenuOpen === void 0 ? false : _ref$isMenuOpen,
-    anchorEl = _ref.anchorEl,
-    onLoggedInMenu = _ref.onLoggedInMenu,
-    onLoggedInMenuClose = _ref.onLoggedInMenuClose;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    color: "inherit",
-    "data-testid": "logInDialogIcon",
-    id: "header--button-account",
-    onClick: onLoggedInMenu,
-    size: "large"
-  }, /*#__PURE__*/_react["default"].createElement(_AccountCircle["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
-    anchorEl: anchorEl,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'right'
-    },
-    onClose: onLoggedInMenuClose,
-    open: isMenuOpen,
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'right'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_HeaderGreetings["default"], {
-    username: username
-  })), /*#__PURE__*/_react["default"].createElement(_.MenuItem, {
-    "data-testid": "logOutDialogIcon",
-    id: "logOutDialogIcon",
-    onClick: onLogout
-  }, t('button.logout'))));
+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";
+//#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, {
+		color: "inherit",
+		"data-testid": "logInDialogIcon",
+		id: "header--button-account",
+		onClick: p,
+		size: "large",
+		children: /* @__PURE__ */ r(c, {})
+	}), /* @__PURE__ */ i(s, {
+		anchorEl: f,
+		onClose: m,
+		open: d,
+		slotProps: { root: {
+			anchorOrigin: {
+				vertical: "bottom",
+				horizontal: "right"
+			},
+			transformOrigin: {
+				vertical: "top",
+				horizontal: "right"
+			}
+		} },
+		children: [/* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { username: u }) }), /* @__PURE__ */ r(e, {
+			"data-testid": "logOutDialogIcon",
+			id: "logOutDialogIcon",
+			onClick: l,
+			children: h("button.logout")
+		})]
+	})] });
 };
-var _default = exports["default"] = HeaderMenu;
+//#endregion
+export { l as default };
+
 //# sourceMappingURL=HeaderMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.js","names":["_AccountCircle","_interopRequireDefault","require","_IconButton","_Menu","_react","_reactI18next","_","_HeaderGreetings","e","__esModule","HeaderMenu","_ref","onLogout","username","_ref$isMenuOpen","isMenuOpen","anchorEl","onLoggedInMenu","onLoggedInMenuClose","_useTranslation","useTranslation","t","createElement","Fragment","color","id","onClick","size","anchorOrigin","vertical","horizontal","onClose","open","transformOrigin","MenuItem","_default","exports"],"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        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        onClose={onLoggedInMenuClose}\n        open={isMenuOpen}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\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":";;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,CAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAWhD,IAAME,UAA2B,GAAG,SAA9BA,UAA2BA,CAAAC,IAAA,EAO3B;EAAA,IANJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,eAAA,GAAAH,IAAA,CACRI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAClBE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,mBAAmB,GAAAP,IAAA,CAAnBO,mBAAmB;EAEnB,IAAAC,eAAA,GAAc,IAAAC,4BAAc,EAAC,CAAC;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EACT,oBACEjB,MAAA,YAAAkB,aAAA,CAAAlB,MAAA,YAAAmB,QAAA,qBACEnB,MAAA,YAAAkB,aAAA,CAACpB,WAAA,WAAU;IACTsB,KAAK,EAAC,SAAS;IACf,eAAY,iBAAiB;IAC7BC,EAAE,EAAC,wBAAwB;IAC3BC,OAAO,EAAET,cAAe;IACxBU,IAAI,EAAC;EAAO,gBAEZvB,MAAA,YAAAkB,aAAA,CAACvB,cAAA,WAAa,MAAE,CACN,CAAC,eACbK,MAAA,YAAAkB,aAAA,CAACnB,KAAA,WAAI;IACHa,QAAQ,EAAEA,QAAS;IACnBY,YAAY,EAAE;MACZC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE;IACd,CAAE;IACFC,OAAO,EAAEb,mBAAoB;IAC7Bc,IAAI,EAAEjB,UAAW;IACjBkB,eAAe,EAAE;MACfJ,QAAQ,EAAE,KAAK;MACfC,UAAU,EAAE;IACd;EAAE,gBAEF1B,MAAA,YAAAkB,aAAA,CAAChB,CAAA,CAAA4B,QAAQ,qBACP9B,MAAA,YAAAkB,aAAA,CAACf,gBAAA,WAAe;IAACM,QAAQ,EAAEA;EAAS,CAAE,CAC9B,CAAC,eACXT,MAAA,YAAAkB,aAAA,CAAChB,CAAA,CAAA4B,QAAQ;IAAC,eAAY,kBAAkB;IAACT,EAAE,EAAC,kBAAkB;IAACC,OAAO,EAAEd;EAAS,GAC9ES,CAAC,CAAC,eAAe,CACV,CACN,CACN,CAAC;AAEP,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cAEa1B,UAAU","ignoreList":[]}
+{"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"}

package/build/sections/Header/HeaderRight.js

@@ -1,121 +1,78 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _ = require("../../");
-var _HeaderMenu = _interopRequireDefault(require("./HeaderMenu"));
-var _HeaderToolTip = _interopRequireDefault(require("./HeaderToolTip"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var HeaderRight = function HeaderRight(_ref) {
-  var showSearch = _ref.showSearch,
-    username = _ref.username,
-    onToggleLogin = _ref.onToggleLogin,
-    hasLogin = _ref.hasLogin,
-    showInfo = _ref.showInfo,
-    showSettings = _ref.showSettings,
-    showThemeSwitch = _ref.showThemeSwitch,
-    onLogout = _ref.onLogout,
-    onToggleMobileNav = _ref.onToggleMobileNav,
-    onOpenRegistryInfoDialog = _ref.onOpenRegistryInfoDialog,
-    onOpenSettingsDialog = _ref.onOpenSettingsDialog;
-  // @ts-ignore
-  var _useCustomTheme = (0, _.useCustomTheme)(),
-    isDarkMode = _useCustomTheme.isDarkMode,
-    setIsDarkMode = _useCustomTheme.setIsDarkMode;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isMenuOpen = _useState4[0],
-    setIsMenuOpen = _useState4[1];
-  var hideLoginSection = hasLogin === false;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  (0, _react.useEffect)(function () {
-    setIsMenuOpen(Boolean(anchorEl));
-  }, [anchorEl]);
-
-  /**
-   * opens popover menu for logged in user.
-   */
-  var handleLoggedInMenu = function handleLoggedInMenu(event) {
-    setAnchorEl(event.currentTarget);
-  };
-
-  /**
-   * closes popover menu for logged in user
-   */
-  var handleLoggedInMenuClose = function handleLoggedInMenuClose() {
-    setAnchorEl(null);
-  };
-
-  /**
-   * close/open popover menu for logged in users.
-   */
-  var handleToggleLogin = function handleToggleLogin() {
-    setAnchorEl(null);
-    onToggleLogin();
-  };
-  var handleToggleDarkLightMode = function handleToggleDarkLightMode() {
-    setTimeout(function () {
-      setIsDarkMode(!isDarkMode);
-    }, 300);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
-    "data-testid": "header-right",
-    sx: {
-      display: 'flex',
-      padding: 0,
-      marginRight: 0,
-      '@media (min-width: 600px)': {
-        padding: 0,
-        marginRight: 0
-      }
-    }
-  }, showSearch === true && /*#__PURE__*/_react["default"].createElement(_HeaderToolTip["default"], {
-    onClick: onToggleMobileNav,
-    title: t('search.packages'),
-    tooltipIconType: 'search'
-  }), showSettings === true && /*#__PURE__*/_react["default"].createElement(_HeaderToolTip["default"], {
-    onClick: onOpenSettingsDialog,
-    title: t('header.settings'),
-    tooltipIconType: 'settings'
-  }), showInfo === true && /*#__PURE__*/_react["default"].createElement(_HeaderToolTip["default"], {
-    onClick: onOpenRegistryInfoDialog,
-    title: t('header.registry-info'),
-    tooltipIconType: 'info'
-  }), showThemeSwitch === true && /*#__PURE__*/_react["default"].createElement(_HeaderToolTip["default"], {
-    onClick: handleToggleDarkLightMode,
-    title: t('header.documentation'),
-    tooltipIconType: isDarkMode ? 'dark-mode' : 'light-mode'
-  }), !hideLoginSection && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, username ? /*#__PURE__*/_react["default"].createElement(_HeaderMenu["default"], {
-    anchorEl: anchorEl,
-    isMenuOpen: isMenuOpen,
-    onLoggedInMenu: handleLoggedInMenu,
-    onLoggedInMenuClose: handleLoggedInMenuClose,
-    onLogout: onLogout,
-    username: username
-  }) : /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "inherit",
-    "data-testid": "header--button-login",
-    onClick: handleToggleLogin
-  }, t('button.login'))));
+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";
+//#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 = () => {
+		setTimeout(() => {
+			C(!S);
+		}, 300);
+	};
+	return /* @__PURE__ */ a(u, {
+		"data-testid": "header-right",
+		sx: {
+			display: "flex",
+			padding: 0,
+			marginRight: 0,
+			"@media (min-width: 600px)": {
+				padding: 0,
+				marginRight: 0
+			}
+		},
+		children: [
+			d === !0 && /* @__PURE__ */ i(t, {
+				onClick: y,
+				title: k("search.packages"),
+				tooltipIconType: "search"
+			}),
+			g === !0 && /* @__PURE__ */ i(t, {
+				onClick: x,
+				title: k("header.settings"),
+				tooltipIconType: "settings"
+			}),
+			h === !0 && /* @__PURE__ */ i(t, {
+				onClick: b,
+				title: k("header.registry-info"),
+				tooltipIconType: "info"
+			}),
+			_ === !0 && /* @__PURE__ */ i(t, {
+				onClick: N,
+				title: k("header.documentation"),
+				tooltipIconType: S ? "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, {
+				color: "inherit",
+				"data-testid": "header--button-login",
+				onClick: M,
+				children: k("button.login")
+			}) })
+		]
+	});
 };
-var _default = exports["default"] = HeaderRight;
+//#endregion
+export { d as default };
+
 //# sourceMappingURL=HeaderRight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderRight.js","names":["_Button","_interopRequireDefault","require","_Toolbar","_react","_interopRequireWildcard","_reactI18next","_","_HeaderMenu","_HeaderToolTip","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","HeaderRight","_ref","showSearch","username","onToggleLogin","hasLogin","showInfo","showSettings","showThemeSwitch","onLogout","onToggleMobileNav","onOpenRegistryInfoDialog","onOpenSettingsDialog","_useCustomTheme","useCustomTheme","isDarkMode","setIsDarkMode","_useState","useState","_useState2","anchorEl","setAnchorEl","_useState3","_useState4","isMenuOpen","setIsMenuOpen","hideLoginSection","_useTranslation","useTranslation","useEffect","Boolean","handleLoggedInMenu","event","currentTarget","handleLoggedInMenuClose","handleToggleLogin","handleToggleDarkLightMode","setTimeout","createElement","sx","display","padding","marginRight","onClick","title","tooltipIconType","Fragment","onLoggedInMenu","onLoggedInMenuClose","color","_default","exports"],"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":"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","ignoreList":[]}
+{"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"}