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

package/dist/styles.css

@@ -2278,6 +2278,8 @@
 
 .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. */
 .ep-audit-info {
@@ -2293,12 +2295,6 @@
 .ep-audit-info-label {
   margin-right: 3rem;
   font-weight: 600;
-}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;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -2310,6 +2306,77 @@
   .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;
+  }
+}@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. */
 .eps-language-select {
@@ -2322,12 +2389,8 @@
   margin-left: 0.125rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-logo-wrapper {
-  display: inline-block;
-}
-.eps-logo-wrapper .logo {
-  height: auto;
-  width: 170px;
+.eps-confirm-modal-content {
+  margin-bottom: 1rem;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 button.eps-link-button {
@@ -2345,25 +2408,12 @@ button.eps-link-button:hover {
   outline: none;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-status-label {
-  display: flex;
-  align-items: center;
-}
-.eps-status-label.center {
-  justify-content: center;
-}
-.eps-status-label__bullet {
-  padding: 5px;
-  margin-bottom: 4px;
-  border-radius: 50%;
-  background: #d1d3d3;
-  margin-right: 10px;
-}
-.eps-status-label__bullet.aggressive {
-  background: #ff5959;
+.eps-logo-wrapper {
+  display: inline-block;
 }
-.eps-status-label__bullet.active {
-  background: #1a8e60;
+.eps-logo-wrapper .logo {
+  height: auto;
+  width: 170px;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -2640,6 +2690,27 @@ button.eps-link-button:hover {
 
 .eps-font-weight-heading {
   font-weight: 1rem;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eps-status-label {
+  display: flex;
+  align-items: center;
+}
+.eps-status-label.center {
+  justify-content: center;
+}
+.eps-status-label__bullet {
+  padding: 5px;
+  margin-bottom: 4px;
+  border-radius: 50%;
+  background: #d1d3d3;
+  margin-right: 10px;
+}
+.eps-status-label__bullet.aggressive {
+  background: #ff5959;
+}
+.eps-status-label__bullet.active {
+  background: #1a8e60;
 }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
   background: none;
   background-color: inherit;
@@ -2652,6 +2723,24 @@ button.eps-link-button:hover {
   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-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;
+  }
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /**
   PS! We use #eps-user-menu to prevent the micro frontends overriding the styles. By using
   an id we have a higher specificity. We should explore a better solution later. Ideally
@@ -2742,24 +2831,6 @@ 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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@entur-partner/common",
-	"version": "10.0.2-alpha.0",
+	"version": "11.0.0-alpha.1",
 	"license": "EUPL-1.2",
 	"main": "dist/index.js",
 	"module": "dist/common.esm.js",
@@ -33,7 +33,7 @@
 		"@entur/tooltip": ">=2.4.7 <6.0.0",
 		"react": ">=18.0.0",
 		"react-dom": ">=18.0.0",
-		"react-router-dom": ">=7.9.0"
+		"react-router-dom": "^6.22.0"
 	},
 	"dependencies": {
 		"@entur-partner/util": "^1.3.3",
@@ -41,9 +41,9 @@
 	},
 	"devDependencies": {
 		"@entur-partner/permission-client-node": "3.4.6",
-		"@entur/tokens": "3.17.3",
+		"@entur/tokens": "3.20.0",
 		"identity-obj-proxy": "3.0.0",
-		"react-router-dom": "7.9.2"
+		"react-router-dom": "6.30.1"
 	},
 	"jest": {
 		"moduleNameMapper": {
@@ -58,5 +58,5 @@
 		"reportFile": "jest-sonar-report.xml",
 		"indent": 4
 	},
-	"gitHead": "f5fa3bee2d9df49b7bb02f1b281fc1b37d2a4314"
+	"gitHead": "155f3d881a185e71bb143db88082de77e9972bfc"
 }

package/dist/ProjectProvider.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export declare const useProject: () => {
-    defaultProjectId: string;
-    projectName: string;
-};
-type ProjectProviderProps = {
-    defaultProjectId: string;
-    projectName: string;
-    children: React.ReactNode;
-};
-/**
- * A Provider to sync project id across micro-frontends. Used by useNavigateParams to ensure project id is always present in the url.
- */
-export declare const ProjectProvider: ({ defaultProjectId, projectName, children, }: ProjectProviderProps) => React.JSX.Element;
-export {};

package/dist/useNavigateParams.d.ts

@@ -1,9 +0,0 @@
-import { NavigateFunction } from "react-router-dom";
-/**
- * A custom hook that wraps the useNavigate hook from react-router-dom for MicroFrontend State
- *
- * @param to can be a string path, a To object, or a number (delta)
- * @param options contains options for modifying the navigation
- * @returns a function that navigates to the specified path with organisationId in the search params
- */
-export declare function useNavigateParams(): NavigateFunction;