@verdaccio/ui-components 5.0.0-next-9.7 → 5.0.0-next-9.9

package/build/index.js

@@ -1,4 +1,8 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, {
+require('./ui-components.css');
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_utils = require("./components/CopyClipboard/utils.js");
 const require_CopyToClipBoard = require("./components/CopyClipboard/CopyToClipBoard.js");
 require("./components/CopyClipboard/index.js");
@@ -101,12 +105,7 @@ const require_Success = require("./sections/Security/Success.js");
 const require_Login = require("./sections/Security/Login.js");
 const require_AddUser = require("./sections/Security/AddUser.js");
 const require_ChangePassword = require("./sections/Security/ChangePassword.js");
-const require_Home$1 = require("./pages/Front/Home.js");
-require("./pages/Front/index.js");
-const require_Version = require("./pages/Version/Version.js");
-require("./pages/Version/index.js");
-require("./pages/Security/index.js");
-const require_Version$1 = require("./layouts/Version/Version.js");
+const require_Version = require("./layouts/Version/Version.js");
 require("./layouts/Version/index.js");
 const require_useOnClickOutside = require("./hooks/useOnClickOutside.js");
 require("./hooks/index.js");
@@ -116,72 +115,70 @@ const require_ThemeProvider = require("./Theme/ThemeProvider.js");
 const require_StyleBaseline = require("./Theme/StyleBaseline.js");
 require("./Theme/index.js");
 require("./store/index.js");
-exports.ActionBar = require_ActionBar;
-exports.AddUser = require_AddUser;
+exports.ActionBar = require_ActionBar.default;
+exports.AddUser = require_AddUser.default;
 exports.AppConfigurationProvider = require_AppConfigurationProvider.AppConfigurationProvider;
-exports.AppRoute = require_AppRoute;
+exports.AppRoute = require_AppRoute.default;
 exports.AuthContext = require_AuthProvider.AuthContext;
 exports.AuthProvider = require_AuthProvider.AuthProvider;
-exports.Author = require_Author;
-exports.ChangePassword = require_ChangePassword;
-exports.CopyClipboard = require_CopyToClipBoard;
-exports.Dependencies = require_Dependencies;
-exports.Deprecated = require_Deprecated;
-exports.Detail = require_Detail;
-exports.Developers = require_Developers;
-exports.Distribution = require_Dist;
+exports.Author = require_Author.default;
+exports.ChangePassword = require_ChangePassword.default;
+exports.CopyClipboard = require_CopyToClipBoard.default;
+exports.Dependencies = require_Dependencies.default;
+exports.Deprecated = require_Deprecated.default;
+exports.Detail = require_Detail.default;
+exports.Developers = require_Developers.default;
+exports.Distribution = require_Dist.default;
 exports.DownloadProvider = require_DownloadProvider.DownloadProvider;
-exports.Engines = require_Engines;
-exports.ErrorBoundary = require_ErrorBoundary;
-exports.Footer = require_Footer;
-exports.Forbidden = require_Forbidden;
-exports.FrontPage = require_Home$1;
-exports.FundButton = require_FundButton;
-exports.Header = require_Header;
-exports.HeaderInfoDialog = require_HeaderInfoDialog;
-exports.Heading = require_Heading;
-exports.Help = require_Help;
-exports.Home = require_Home;
+exports.Engines = require_Engines.default;
+exports.ErrorBoundary = require_ErrorBoundary.default;
+exports.Footer = require_Footer.default;
+exports.Forbidden = require_Forbidden.default;
+exports.FundButton = require_FundButton.default;
+exports.Header = require_Header.default;
+exports.HeaderInfoDialog = require_HeaderInfoDialog.default;
+exports.Heading = require_Heading.default;
+exports.Help = require_Help.default;
+exports.Home = require_Home.default;
 Object.defineProperty(exports, "Icons", {
 	enumerable: true,
 	get: function() {
 		return require_index$12.Icons_exports;
 	}
 });
-exports.Install = require_Install;
-exports.Keywords = require_Keywords;
-exports.Label = require_Label;
-exports.Link = require_Link;
-exports.LinkExternal = require_LinkExternal;
-exports.Loading = require_Loading;
-exports.Login = require_Login;
-exports.LoginDialog = require_LoginDialog;
-exports.Logo = require_Logo;
-exports.ManifestsProvider = require_ManifestsProvider;
-exports.MenuItem = require_MenuItem;
-exports.NotFound = require_NotFound;
-exports.Package = require_Package;
-exports.PackageList = require_PackageList;
+exports.Install = require_Install.default;
+exports.Keywords = require_Keywords.default;
+exports.Label = require_Label.default;
+exports.Link = require_Link.default;
+exports.LinkExternal = require_LinkExternal.default;
+exports.Loading = require_Loading.default;
+exports.Login = require_Login.default;
+exports.LoginDialog = require_LoginDialog.default;
+exports.Logo = require_Logo.default;
+exports.ManifestsProvider = require_ManifestsProvider.default;
+exports.MenuItem = require_MenuItem.default;
+exports.NotFound = require_NotFound.default;
+exports.Package = require_Package.default;
+exports.PackageList = require_PackageList.default;
 exports.PersistenceSettingProvider = require_PersistenceSettingProvider.PersistenceSettingProvider;
-exports.Person = require_Person;
-exports.RawViewer = require_RawViewer;
-exports.Readme = require_Readme;
+exports.Person = require_Person.default;
+exports.RawViewer = require_RawViewer.default;
+exports.Readme = require_Readme.default;
 exports.Route = require_routes.Route;
-exports.Search = require_Search;
+exports.Search = require_Search.default;
 exports.SearchContext = require_SearchProvider.SearchContext;
-exports.SearchProvider = require_SearchProvider;
-exports.SideBar = require_Sidebar;
-exports.SideBarTitle = require_SideBarTitle;
-exports.StyleBaseline = require_StyleBaseline;
-exports.Success = require_Success;
+exports.SearchProvider = require_SearchProvider.default;
+exports.SideBar = require_Sidebar.default;
+exports.SideBarTitle = require_SideBarTitle.default;
+exports.StyleBaseline = require_StyleBaseline.default;
+exports.Success = require_Success.default;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
-exports.TranslatorProvider = require_TranslatorProvider;
-exports.UpLinks = require_UpLinks;
-exports.VersionLayout = require_Version$1;
-exports.VersionPage = require_Version;
-exports.VersionProvider = require_VersionProvider;
-exports.Versions = require_Versions;
-exports.api = require_api;
+exports.TranslatorProvider = require_TranslatorProvider.default;
+exports.UpLinks = require_UpLinks.default;
+exports.VersionLayout = require_Version.default;
+exports.VersionProvider = require_VersionProvider.default;
+exports.Versions = require_Versions.default;
+exports.api = require_api.default;
 exports.breakPoints = require_tokens.breakPoints;
 Object.defineProperty(exports, "colors", {
 	enumerable: true,
@@ -199,7 +196,7 @@ exports.getCLISetConfigRegistry = require_cli_utils.getCLISetConfigRegistry;
 exports.getCLISetRegistry = require_cli_utils.getCLISetRegistry;
 exports.getTheme = require_theme.getTheme;
 exports.isTokenExpire = require_token.isTokenExpire;
-exports.loadable = require_loadable;
+exports.loadable = require_loadable.default;
 Object.defineProperty(exports, "url", {
 	enumerable: true,
 	get: function() {
@@ -211,9 +208,9 @@ exports.useConfig = require_AppConfigurationProvider.useConfig;
 exports.useCustomTheme = require_ThemeProvider.useCustomTheme;
 exports.useDownload = require_DownloadProvider.useDownload;
 exports.useLanguage = require_TranslatorProvider.useLanguage;
-exports.useLocalStorage = require_useLocalStorage;
+exports.useLocalStorage = require_useLocalStorage.default;
 exports.useManifests = require_ManifestsProvider.useManifests;
-exports.useOnClickOutside = require_useOnClickOutside;
+exports.useOnClickOutside = require_useOnClickOutside.default;
 exports.useSearch = require_SearchProvider.useSearch;
 exports.useSettings = require_PersistenceSettingProvider.useSettings;
 exports.useVersion = require_VersionProvider.useVersion;

package/build/index.mjs

@@ -1,3 +1,4 @@
+import './ui-components.css';
 import { copyToClipBoardUtility } from "./components/CopyClipboard/utils.mjs";
 import CopyToClipBoard from "./components/CopyClipboard/CopyToClipBoard.mjs";
 import "./components/CopyClipboard/index.mjs";
@@ -100,11 +101,6 @@ import Success from "./sections/Security/Success.mjs";
 import Login from "./sections/Security/Login.mjs";
 import AddUser from "./sections/Security/AddUser.mjs";
 import ChangePassword from "./sections/Security/ChangePassword.mjs";
-import Home_default from "./pages/Front/Home.mjs";
-import "./pages/Front/index.mjs";
-import Version from "./pages/Version/Version.mjs";
-import "./pages/Version/index.mjs";
-import "./pages/Security/index.mjs";
 import VersionLayout from "./layouts/Version/Version.mjs";
 import "./layouts/Version/index.mjs";
 import useOnClickOutside from "./hooks/useOnClickOutside.mjs";
@@ -115,4 +111,4 @@ import { ThemeProvider, useCustomTheme } from "./Theme/ThemeProvider.mjs";
 import StyleBaseline from "./Theme/StyleBaseline.mjs";
 import "./Theme/index.mjs";
 import "./store/index.mjs";
-export { ActionBar, AddUser, AppConfigurationProvider, AppRoute, AuthContext, AuthProvider, Author, ChangePassword, CopyToClipBoard as CopyClipboard, Dependencies, Deprecated, DetailContainer as Detail, Developers, Dist as Distribution, DownloadProvider, Engine as Engines, ErrorBoundary, Footer, Forbidden, Home_default as FrontPage, FundButton, Header, HeaderInfoDialog, Heading, Help, Home, Icons_exports as Icons, Install, Keywords, Label, Link, LinkExternal, Loading, Login, LoginDialog, Logo, ManifestsProvider, MenuItem, NotFound, Package, PackageList, PersistenceSettingProvider, Person, RawViewer, Readme, Route, Search, SearchContext, SearchProvider, DetailSidebar as SideBar, DetailSidebarTitle as SideBarTitle, StyleBaseline, Success, ThemeProvider, TranslatorProvider, UpLinks, VersionLayout, Version as VersionPage, VersionProvider, Versions, api_default as api, breakPoints, colors_exports as colors, copyToClipBoardUtility, customizedTheme, fontSize, fontWeight, getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, getTheme, isTokenExpire, loadable_default as loadable, url_exports as url, useAuth, useConfig, useCustomTheme, useDownload, useLanguage, useLocalStorage, useManifests, useOnClickOutside, useSearch, useSettings, useVersion, utils_exports as utils };
+export { ActionBar, AddUser, AppConfigurationProvider, AppRoute, AuthContext, AuthProvider, Author, ChangePassword, CopyToClipBoard as CopyClipboard, Dependencies, Deprecated, DetailContainer as Detail, Developers, Dist as Distribution, DownloadProvider, Engine as Engines, ErrorBoundary, Footer, Forbidden, FundButton, Header, HeaderInfoDialog, Heading, Help, Home, Icons_exports as Icons, Install, Keywords, Label, Link, LinkExternal, Loading, Login, LoginDialog, Logo, ManifestsProvider, MenuItem, NotFound, Package, PackageList, PersistenceSettingProvider, Person, RawViewer, Readme, Route, Search, SearchContext, SearchProvider, DetailSidebar as SideBar, DetailSidebarTitle as SideBarTitle, StyleBaseline, Success, ThemeProvider, TranslatorProvider, UpLinks, VersionLayout, VersionProvider, Versions, api_default as api, breakPoints, colors_exports as colors, copyToClipBoardUtility, customizedTheme, fontSize, fontWeight, getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, getTheme, isTokenExpire, loadable_default as loadable, url_exports as url, useAuth, useConfig, useCustomTheme, useDownload, useLanguage, useLocalStorage, useManifests, useOnClickOutside, useSearch, useSettings, useVersion, utils_exports as utils };

package/build/layouts/Security/Dialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface SecurityLayoutProps {
     children: React.ReactNode;
 }

package/build/layouts/Version/Version.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const VersionLayout: React.FC;
 export default VersionLayout;

package/build/pages/Front/index.js

@@ -1,2 +1,2 @@
 const require_Home = require("./Home.js");
-exports.default = require_Home;
+exports.default = require_Home.default;

package/build/pages/Version/Version.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Version: React.FC;
 export default Version;

package/build/pages/Version/index.js

@@ -1,2 +1,2 @@
 const require_Version = require("./Version.js");
-exports.default = require_Version;
+exports.default = require_Version.default;

package/build/providers/AppConfigurationProvider/AppConfigurationProvider.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactNode } from 'react';
-import type { TemplateUIOptions } from '@verdaccio/types';
+import { FunctionComponent, ReactNode } from 'react';
+import { TemplateUIOptions } from '@verdaccio/types';
 type ConfigProviderProps = {
     configOptions: TemplateUIOptions;
 };

package/build/providers/AuthProvider/AuthProvider.d.ts

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { LoginBody } from './types';
+import { ReactElement, default as React } from 'react';
+import { LoginBody } from './types';
 interface AuthContextProps {
     handleLogin: (body: {
         username: string;

package/build/providers/AuthProvider/types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type LoginError = {
     type: string;
     description: string;

package/build/providers/AuthProvider/utils.d.ts

@@ -1,3 +1,3 @@
-import type { LoginBody } from './types';
+import { LoginBody } from './types';
 export declare function getDefaultUserState(): LoginBody;
 export declare function normalizeAuthError(err: any): Error;

package/build/providers/DownloadProvider/DownloadProvider.d.ts

@@ -1,5 +1,4 @@
-import type { ReactNode } from 'react';
-import React from 'react';
+import { ReactNode, default as React } from 'react';
 export interface DownloadContextProps {
     downloadTarball: (args: {
         link: string;

package/build/providers/ManifestsProvider/ManifestsProvider.d.ts

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { Manifest } from '@verdaccio/types';
+import { ReactElement, default as React } from 'react';
+import { Manifest } from '@verdaccio/types';
 export interface ManifestsContextProps {
     isError: boolean;
     isLoading: boolean;

package/build/providers/ManifestsProvider/README.md

@@ -0,0 +1,22 @@
+# `VersionProvider`
+
+Use the hook `useVersion()` to get an object with:
+
+- packageMeta
+- packageName
+- packageVersion
+
+The provider must be
+
+```jsx
+function CustomComponent() {
+  const { packageMeta, packageName, packageVersion } = useVersion();
+  return <div />;
+}
+
+<Route path={Routes.PACKAGE}>
+  <VersionProvider>
+    <CustomComponent />
+  </VersionProvider>
+</Route>;
+```

package/build/providers/PersistenceSettingProvider/PersistenceSettingProvider.d.ts

@@ -1,5 +1,4 @@
-import type { FunctionComponent } from 'react';
-import React from 'react';
+import { FunctionComponent, default as React } from 'react';
 declare const PersistenceSettingProvider: FunctionComponent<{
     children: React.ReactElement<any>;
 }>;

package/build/providers/SearchProvider/SearchProvider.d.ts

@@ -1,6 +1,5 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { SearchResultWeb } from '@verdaccio/types';
+import { ReactElement, default as React } from 'react';
+import { SearchResultWeb } from '@verdaccio/types';
 export interface SearchContextProps {
     error: Error | undefined;
     isLoading: boolean;

package/build/providers/TranslatorProvider/TranslatorProvider.d.ts

@@ -1,6 +1,5 @@
-import type { i18n } from 'i18next';
-import type { FunctionComponent } from 'react';
-import React from 'react';
+import { i18n } from 'i18next';
+import { FunctionComponent, default as React } from 'react';
 export type TranslatorProviderProps = {
     setLanguage: (lng: string) => void;
     language: string;

package/build/providers/VersionProvider/README.md

@@ -0,0 +1,22 @@
+# `VersionProvider`
+
+Use the hook `useVersion()` to get an object with:
+
+- packageMeta
+- packageName
+- packageVersion
+
+The provider must be
+
+```jsx
+function CustomComponent() {
+  const { packageMeta, packageName, packageVersion } = useVersion();
+  return <div />;
+}
+
+<Route path={Routes.PACKAGE}>
+  <VersionProvider>
+    <CustomComponent />
+  </VersionProvider>
+</Route>;
+```

package/build/providers/VersionProvider/VersionProvider.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
 export interface ApiError extends Error {
     code?: number;
 }

package/build/routes/SecurityRoutes.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const SecurityRoutes: () => React.JSX.Element;
 export { SecurityRoutes };

package/build/sections/Detail/ContainerContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum TabPosition {
     README = "readme",
     DEPENDENCIES = "dependencies",

package/build/sections/Detail/Detail.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum TabPosition {
     README = "readme",
     DEPENDENCIES = "dependencies",

package/build/sections/Detail/ReadmeSection.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     description?: string;
 }

package/build/sections/Detail/Tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     onChange: (event: React.ChangeEvent<{}>, newValue: number) => void;
     tabPosition: number;

package/build/sections/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Footer: () => React.JSX.Element;
 export default Footer;

package/build/sections/Footer/styles.d.ts

@@ -1,33 +1,33 @@
-import type { Theme } from '../../';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Inner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Inner: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Left: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Left: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Right: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Right: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const Love: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const Love: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/sections/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type Props = {
     HeaderInfoDialog?: React.FC<any>;
     isPlainHeader?: boolean;

package/build/sections/Header/HeaderGreetings.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     username: string;
 }

package/build/sections/Header/HeaderLeft.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     showSearch?: boolean;
 }

package/build/sections/Header/HeaderMenu.d.ts

@@ -1,5 +1,4 @@
-import type { MouseEvent } from 'react';
-import React from 'react';
+import { MouseEvent, default as React } from 'react';
 interface Props {
     username: string;
     isMenuOpen: boolean;

package/build/sections/Header/HeaderMenu.js

@@ -13,6 +13,7 @@ _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 TypedMenu = _mui_material_Menu.default;
 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, {
@@ -22,20 +23,18 @@ var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedIn
 		onClick: onLoggedInMenu,
 		size: "large",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_AccountCircle.default, {})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Menu.default, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TypedMenu, {
 		anchorEl,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
 		onClose: onLoggedInMenuClose,
 		open: isMenuOpen,
-		slotProps: { root: {
-			anchorOrigin: {
-				vertical: "bottom",
-				horizontal: "right"
-			},
-			transformOrigin: {
-				vertical: "top",
-				horizontal: "right"
-			}
-		} },
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
 		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",

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.js","names":[],"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,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,OAAA,GAAA,cAAA,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,SAAS;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,kCAAA,SAAD,EAAiB,CAAA;EACN,CAAA,EACb,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;EACY;EACV,SAAS;EACT,MAAM;EACN,WAAW,EACT,MAAM;GACJ,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACD,iBAAiB;IACf,UAAU;IACV,YAAY;IACb;GACF,EACF;YAfH,CAiBE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACN;IACN,EAAA,CAAA"}
+{"version":3,"file":"HeaderMenu.js","names":[],"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\n// Workaround: MUI v7 MenuProps type resolution breaks inherited PopoverProps.\nconst TypedMenu = Menu as React.FC<any>;\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      <TypedMenu\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      </TypedMenu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAWA,IAAM,YAAY,mBAAA;AAWlB,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,OAAA,GAAA,cAAA,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,SAAS;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,kCAAA,SAAD,EAAiB,CAAA;EACN,CAAA,EACb,iBAAA,GAAA,kBAAA,MAAC,WAAD;EACY;EACV,cAAc;GACZ,UAAU;GACV,YAAY;GACb;EACD,SAAS;EACT,MAAM;EACN,iBAAiB;GACf,UAAU;GACV,YAAY;GACb;YAXH,CAaE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACD;IACX,EAAA,CAAA"}

package/build/sections/Header/HeaderMenu.mjs

@@ -8,6 +8,7 @@ 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 TypedMenu = Menu;
 var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedInMenu, onLoggedInMenuClose }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconButton, {
@@ -17,20 +18,18 @@ var HeaderMenu = ({ onLogout, username, isMenuOpen = false, anchorEl, onLoggedIn
 		onClick: onLoggedInMenu,
 		size: "large",
 		children: /* @__PURE__ */ jsx(AccountCircle, {})
-	}), /* @__PURE__ */ jsxs(Menu, {
+	}), /* @__PURE__ */ jsxs(TypedMenu, {
 		anchorEl,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
 		onClose: onLoggedInMenuClose,
 		open: isMenuOpen,
-		slotProps: { root: {
-			anchorOrigin: {
-				vertical: "bottom",
-				horizontal: "right"
-			},
-			transformOrigin: {
-				vertical: "top",
-				horizontal: "right"
-			}
-		} },
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
 		children: [/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx(HeaderGreetings, { username }) }), /* @__PURE__ */ jsx(MenuItem, {
 			"data-testid": "logOutDialogIcon",
 			id: "logOutDialogIcon",

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.mjs","names":[],"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,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAAS;EACT,MAAK;YAEL,oBAAC,eAAD,EAAiB,CAAA;EACN,CAAA,EACb,qBAAC,MAAD;EACY;EACV,SAAS;EACT,MAAM;EACN,WAAW,EACT,MAAM;GACJ,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACD,iBAAiB;IACf,UAAU;IACV,YAAY;IACb;GACF,EACF;YAfH,CAiBE,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,oBAAC,UAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACN;IACN,EAAA,CAAA"}
+{"version":3,"file":"HeaderMenu.mjs","names":[],"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\n// Workaround: MUI v7 MenuProps type resolution breaks inherited PopoverProps.\nconst TypedMenu = Menu as React.FC<any>;\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      <TypedMenu\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      </TypedMenu>\n    </>\n  );\n};\n\nexport default HeaderMenu;\n"],"mappings":";;;;;;;;;;AAWA,IAAM,YAAY;AAWlB,IAAM,cAA+B,EACnC,UACA,UACA,aAAa,OACb,UACA,gBACA,0BACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,OAAM;EACN,eAAY;EACZ,IAAG;EACH,SAAS;EACT,MAAK;YAEL,oBAAC,eAAD,EAAiB,CAAA;EACN,CAAA,EACb,qBAAC,WAAD;EACY;EACV,cAAc;GACZ,UAAU;GACV,YAAY;GACb;EACD,SAAS;EACT,MAAM;EACN,iBAAiB;GACf,UAAU;GACV,YAAY;GACb;YAXH,CAaE,oBAAC,UAAD,EAAA,UACE,oBAAC,iBAAD,EAA2B,UAAY,CAAA,EAC9B,CAAA,EACX,oBAAC,UAAD;GAAU,eAAY;GAAmB,IAAG;GAAmB,SAAS;aACrE,EAAE,gBAAgB;GACV,CAAA,CACD;IACX,EAAA,CAAA"}

package/build/sections/Header/HeaderRight.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     showSearch?: boolean;
     username?: string | null;

package/build/sections/Header/HeaderSettingsDialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     isOpen: boolean;
     onCloseDialog: () => void;

package/build/sections/Header/HeaderToolTip.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { TooltipIconType } from './HeaderToolTipIcon';
+import { default as React } from 'react';
+import { TooltipIconType } from './HeaderToolTipIcon';
 interface Props {
     title: string;
     tooltipIconType: TooltipIconType;