@entur-partner/common 11.0.0-alpha.0 → 11.0.0

package/dist/styles.css

@@ -1,67 +1,5 @@
-@import '@entur/loader/dist/styles.css';
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.top-navigation {
-  display: flex;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  left: 0;
-  padding-inline: 2.5rem;
-  justify-content: flex-start;
-  border-bottom: 0.125rem solid var(--designentur-header-default-divider);
-  background: #292b6a;
-  width: 100%;
-  height: 5rem;
-  z-index: 20;
-  transition: margin-left 0.1s ease-out;
-  gap: 1.5rem;
-}
-.top-navigation .eds-top-navigation-item {
-  color: white;
-}
-.top-navigation .eds-top-navigation-item:hover {
-  color: white;
-}
-.top-navigation .eds-top-navigation-item--active {
-  color: white;
-  font-weight: bold;
-}
-.top-navigation--frontpage {
-  border-bottom: none;
-}
-.top-navigation__logo {
-  margin-right: 1.5rem;
-}
-.top-navigation__logo:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-  outline-offset: 0.125rem;
-}
-.top-navigation__actions {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-}
-.top-navigation__button {
-  color: #ffffff;
-}
-.top-navigation__button:hover {
-  color: #292b6a;
-}
-@media screen and (max-width: 1108px) {
-  .top-navigation {
-    padding-inline: 1.5rem;
-  }
-  .top-navigation .eds-top-navigation-item {
-    font-size: 14px;
-    padding: 0.75rem;
-  }
-  .top-navigation__logo {
-    margin-right: 1.5rem;
-  }
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-action-bar {
@@ -96,19 +34,8 @@
   height: 100px;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.ep-audit-info {
-  float: right;
-  margin-top: 1rem;
-  font-size: 0.875rem;
-}
-.ep-audit-info > div {
-  display: flex;
-  justify-content: space-between;
-}
-
-.ep-audit-info-label {
-  margin-right: 3rem;
-  font-weight: 600;
+.eps-confirm-modal-content {
+  margin-bottom: 1rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -2355,12 +2282,21 @@
 
 .eps-bg-lavender {
   background-color: #aeb7e2;
-}ol.eds-breadcrumbs {
-  padding: 0;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-confirm-modal-content {
-  margin-bottom: 1rem;
+.ep-audit-info {
+  float: right;
+  margin-top: 1rem;
+  font-size: 0.875rem;
+}
+.ep-audit-info > div {
+  display: flex;
+  justify-content: space-between;
+}
+
+.ep-audit-info-label {
+  margin-right: 3rem;
+  font-weight: 600;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -2372,15 +2308,6 @@
   .eps-content {
     margin: 1.5rem 1.5rem 1.5rem 22rem;
   }
-}
-
-.eps-public-content {
-  padding-top: 5rem;
-}
-@media screen and (min-width: 50rem) {
-  .eps-public-content {
-    margin-left: 12rem;
-  }
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-logo-wrapper {
@@ -2389,6 +2316,8 @@
 .eps-logo-wrapper .logo {
   height: auto;
   width: 170px;
+}ol.eds-breadcrumbs {
+  padding: 0;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-language-select {
@@ -2401,17 +2330,22 @@
   margin-left: 0.125rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-button.eps-link-button {
-  cursor: pointer;
-}
-button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
-  background: none;
-  background-color: inherit;
-  border: none;
-  padding: 0;
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eps-menu {
+  position: relative;
+  width: 100%;
+  z-index: 30;
 }
-button.eps-link-button:hover {
-  color: #aeb7e2;
+@media screen and (min-width: 50rem) {
+  .eps-menu {
+    left: 0;
+    top: 0;
+    position: fixed;
+    height: 100vh;
+    width: 20rem;
+    overflow-y: scroll;
+  }
 }.multi-language-input:focus {
   outline: none;
 }/* DO NOT CHANGE!*/
@@ -2437,6 +2371,29 @@ button.eps-link-button:hover {
   background: #1a8e60;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+button.eps-link-button {
+  cursor: pointer;
+}
+button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
+  background: none;
+  background-color: inherit;
+  border: none;
+  padding: 0;
+}
+button.eps-link-button:hover {
+  color: #aeb7e2;
+}.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
+  background: none;
+  background-color: inherit;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  outline: inherit;
+  height: inherit;
+  min-width: inherit;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-font-size-extraSmall {
@@ -2711,16 +2668,17 @@ button.eps-link-button:hover {
 
 .eps-font-weight-heading {
   font-weight: 1rem;
-}.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
-  background: none;
-  background-color: inherit;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  outline: inherit;
-  height: inherit;
-  min-width: inherit;
+}:root {
+  --eps-common: 1;
+}
+
+main .eds-table--sticky-header--active .eds-table__head,
+.app-shell-content .eds-table--sticky-header--active .eds-table__head {
+  z-index: 1;
+}
+.epp-environment-banner ~ main .eds-table--sticky-header--active .eds-table__head,
+.epp-environment-banner ~ .app-shell-content .eds-table--sticky-header--active .eds-table__head {
+  top: 1rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /**
@@ -2813,33 +2771,4 @@ button.eps-link-button:hover {
 #eps-overflow-menu .eps-overflow-menu__item {
   border-radius: 0.25rem;
   border: solid 0.0625rem #54568c;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-menu {
-  position: relative;
-  width: 100%;
-  z-index: 30;
-}
-@media screen and (min-width: 50rem) {
-  .eps-menu {
-    left: 0;
-    top: 0;
-    position: fixed;
-    height: 100vh;
-    width: 20rem;
-    overflow-y: scroll;
-  }
-}:root {
-  --eps-common: 1;
-}
-
-main .eds-table--sticky-header--active .eds-table__head,
-.app-shell-content .eds-table--sticky-header--active .eds-table__head {
-  z-index: 1;
-}
-.epp-environment-banner ~ main .eds-table--sticky-header--active .eds-table__head,
-.epp-environment-banner ~ .app-shell-content .eds-table--sticky-header--active .eds-table__head {
-  top: 1rem;
 }

package/dist/{UserMenu/index.d.ts → user-menu/UserMenu.d.ts}

@@ -1,19 +1,11 @@
-/** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
-import "./index.scss";
+import "./UserMenu.scss";
 import { type FC } from "react";
 import type { Environment } from "../environment";
 interface UserMenuProps {
     userName: string;
-    messages: {
-        logout: string;
-        switchLanguage: string;
-        appVersion?: string;
-        myProfile?: string;
-        cookieSettings?: string;
-    };
     onLogout: () => void;
-    onLanguageChange: (language: string) => void;
-    language: string;
+    onLocaleChange: (locale: "nb-NO" | "en-GB") => void;
+    locale: "nb-NO" | "en-GB";
     className?: string;
     environment?: Environment;
     showVersionItem?: boolean;
@@ -21,6 +13,7 @@ interface UserMenuProps {
     showCookieSettingsItem?: boolean;
     onNavigateToMyProfile: () => void;
     onCookieSettingsOpen?: () => void;
+    onVersionItemClick?: () => void;
 }
 export declare const UserMenu: FC<UserMenuProps>;
 export {};

package/dist/user-menu/components/CookieSettingsMenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    locale: "nb-NO" | "en-GB";
+    onClick: () => void;
+};
+export declare const CookieSettingsMenuItem: ({ locale, onClick }: Props) => React.JSX.Element;
+export {};

package/dist/{UserMenu → user-menu}/components/CustomOverflowMenu.d.ts

@@ -1,4 +1,3 @@
-import "../index.scss";
 import React from "react";
 import { Environment } from "../../environment";
 export declare const CustomOverflowMenu: React.FC<{

package/dist/{UserMenu → user-menu}/components/CustomOverflowMenuItem.d.ts

@@ -1,3 +1,2 @@
-import "../index.scss";
 import React from "react";
 export declare const CustomOverflowMenuItem: React.FC<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;

package/dist/user-menu/components/LocaleSwitchMenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    locale: "nb-NO" | "en-GB";
+    onLocaleChange: (locale: "nb-NO" | "en-GB") => void;
+};
+export declare const LocaleSwitchMenuItem: ({ locale, onLocaleChange }: Props) => React.JSX.Element;
+export {};

package/dist/user-menu/components/LogOutMenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    onClick: () => void;
+    locale: "en-GB" | "nb-NO";
+};
+export declare const LogOutMenuItem: ({ onClick, locale }: Props) => React.JSX.Element;
+export {};

package/dist/user-menu/components/UserMenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    locale: "nb-NO" | "en-GB";
+    onClick: () => void;
+};
+export declare const UserMenuItem: ({ locale, onClick }: Props) => React.JSX.Element;
+export {};

package/dist/{UserMenu → user-menu}/components/VersionMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export declare const VersionMenuItem: React.FC<{
-    title: string;
-    setOpen: (isOpen: boolean) => void;
+    locale: "nb-NO" | "en-GB";
+    onClick: () => void;
 }>;

package/dist/user-menu/components/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function useOutsideClick(ref: React.RefObject<HTMLDivElement | null>, buttonRef: React.RefObject<HTMLButtonElement | null>, handler: () => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@entur-partner/common",
-	"version": "11.0.0-alpha.0",
+	"version": "11.0.0",
 	"license": "EUPL-1.2",
 	"main": "dist/index.js",
 	"module": "dist/common.esm.js",
@@ -33,19 +33,22 @@
 		"@entur/tooltip": ">=2.4.7 <6.0.0",
 		"react": ">=18.0.0",
 		"react-dom": ">=18.0.0",
-		"react-router-dom": "^6.22.0"
+		"react-router-dom": ">=6.30.1"
 	},
 	"dependencies": {
-		"@entur-partner/util": "^1.3.3",
-		"classnames": "^2.2.6"
+		"@entur-partner/util": "^1.3.6",
+		"classnames": "^2.5.1"
 	},
 	"devDependencies": {
-		"@entur-partner/permission-client-node": "3.4.6",
-		"@entur/tokens": "3.20.0",
+		"@entur-partner/permission-client-node": "3.6.1",
+		"@entur/tokens": "3.22.1",
 		"identity-obj-proxy": "3.0.0",
-		"react-router-dom": "6.30.1"
+		"react-router-dom": "7.13.0"
 	},
 	"jest": {
+		"setupFilesAfterEnv": [
+			"./jest-setup.js"
+		],
 		"moduleNameMapper": {
 			"\\.(css|less|sass|scss)$": "identity-obj-proxy"
 		},
@@ -58,5 +61,5 @@
 		"reportFile": "jest-sonar-report.xml",
 		"indent": 4
 	},
-	"gitHead": "4f7923dfa4d48067fb9403b46572a98eb4842f58"
+	"gitHead": "b167f46c19c7ae5949e8df86b375eb56067dbbc8"
 }

package/dist/BetaTopNavigation.d.ts

@@ -1,9 +0,0 @@
-import "./BetaTopNavigation.scss";
-import React, { FC, ReactNode } from "react";
-interface BetaTopNavigationProps {
-    children: ReactNode;
-    as?: "nav" | React.ElementType;
-    className?: string;
-}
-export declare const BetaTopNavigation: FC<BetaTopNavigationProps>;
-export {};

package/dist/UserMenu/components/CookieSettingsMenuItem.d.ts

@@ -1,9 +0,0 @@
-import "../index.scss";
-import React from "react";
-type Props = {
-    name: string;
-    setOpen: (open: boolean) => void;
-    onCookieSettingsOpen: () => void;
-};
-export declare const CookieSettingsMenuItem: ({ name, setOpen, onCookieSettingsOpen, }: Props) => React.JSX.Element;
-export {};

package/dist/UserMenu/components/LanguageSwitchMenuItem.d.ts

@@ -1,10 +0,0 @@
-import "../index.scss";
-import React from "react";
-type Props = {
-    language: string;
-    onLanguageChange: (language: string) => void;
-    setOpen: (open: boolean) => void;
-    name: string;
-};
-export declare const LanguageSwitchMenuItem: ({ language, onLanguageChange, setOpen, name, }: Props) => React.JSX.Element;
-export {};

package/dist/UserMenu/components/LogOutMenuItem.d.ts

@@ -1,9 +0,0 @@
-import "../index.scss";
-import React from "react";
-type Props = {
-    name: string;
-    setOpen: (open: boolean) => void;
-    onLogout: () => void;
-};
-export declare const LogOutMenuItem: ({ name, setOpen, onLogout }: Props) => React.JSX.Element;
-export {};

package/dist/UserMenu/components/UserMenuItem.d.ts

@@ -1,9 +0,0 @@
-import "../index.scss";
-import React from "react";
-type Props = {
-    name: string;
-    setOpen: (open: boolean) => void;
-    onNavigateToMyProfile: () => void;
-};
-export declare const UserMenuItem: ({ name, setOpen, onNavigateToMyProfile, }: Props) => React.JSX.Element;
-export {};

package/dist/UserMenu/useOutsideClick.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function useOutsideClick(ref: React.RefObject<HTMLDivElement>, buttonRef: React.RefObject<HTMLButtonElement>, handler: () => void): void;