@entur-partner/common 5.2.0 → 5.3.0

package/dist/styles.css

@@ -11,14 +11,6 @@ main .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. */
-.eps-logo-wrapper {
-  display: inline-block;
-}
-.eps-logo-wrapper .logo {
-  height: auto;
-  width: 170px;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 button.eps-link-button {
   cursor: pointer;
 }
@@ -34,6 +26,48 @@ button.eps-link-button:hover {
 /* 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 {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #f8f8f8;
+  border-top: 2px solid #e9e9e9;
+  padding: 15px 15px 15px 80px;
+  display: flex;
+  justify-content: space-between;
+  z-index: 3;
+}
+@media screen and (min-width: 50rem) {
+  .eps-action-bar {
+    left: 20rem;
+  }
+}
+.eps-action-bar-right {
+  display: flex;
+  align-items: flex-start;
+}
+.eps-action-bar-right > *:not(:first-child) {
+  margin-left: 1rem;
+}
+.eps-action-bar-left > *:not(:first-child) {
+  margin-left: 1rem;
+}
+
+.eps-action-bar-padding {
+  height: 100px;
+}/* 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;
+}/* 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%;
@@ -48,8 +82,6 @@ button.eps-link-button:hover {
     width: 20rem;
     overflow-y: scroll;
   }
-}.multi-language-input:focus {
-  outline: none;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -63,38 +95,98 @@ button.eps-link-button:hover {
   }
 }/* 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 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: #f8f8f8;
-  border-top: 2px solid #e9e9e9;
-  padding: 15px 15px 15px 80px;
+/**
+  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
+  each micro frontend should be contained by a ShadowDom, but there are too many gotchas
+  running React in ShadowDom for now.
+*/
+#eps-user-menu {
+  z-index: 50;
+}
+#eps-user-menu .eps-user-menu__trigger-button {
+  border: none;
+  width: 100%;
+}
+#eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
+  margin-right: 0.75rem;
+  padding: 0.5rem;
+  background: #393d79;
+  border-radius: 50%;
+  color: #ffffff;
+  height: 2.5rem;
+  width: 2.5rem;
+}
+#eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
+  transform: rotate(180deg);
+  color: #ffffff;
+}
+#eps-user-menu .eps-overflow-menu {
   display: flex;
-  justify-content: space-between;
-  z-index: 3;
+  flex-direction: column;
 }
-@media screen and (min-width: 50rem) {
-  .eps-action-bar {
-    left: 20rem;
-  }
+#eps-user-menu .eps-overflow-menu__group {
+  display: none;
+  flex-direction: column;
+  z-index: 20;
 }
-.eps-action-bar-right {
+#eps-user-menu .eps-overflow-menu__group--open {
   display: flex;
-  align-items: flex-start;
 }
-.eps-action-bar-right > *:not(:first-child) {
-  margin-left: 1rem;
+#eps-user-menu .eps-overflow-menu__button {
+  padding-left: 0.25rem;
 }
-.eps-action-bar-left > *:not(:first-child) {
-  margin-left: 1rem;
+#eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
+  color: #181c56;
+}
+#eps-user-menu .eps-overflow-menu__button-contents {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+#eps-user-menu .eps-overflow-menu__item {
+  appearance: none;
+  border: none;
+  font-size: 0.875rem;
+  font-family: inherit;
+  color: #181c56;
+  background: #f8f8f8;
+  display: block;
+  height: 3rem;
+  cursor: pointer;
+  width: 100%;
+  line-height: 1.25rem;
+  text-align: left;
+  padding: 0.5rem 1rem;
+}
+#eps-user-menu .eps-overflow-menu__item .eps-version-icon {
+  transform: rotate(90deg);
+}
+#eps-user-menu .eps-overflow-menu__item .eds-icon {
+  font-size: 1rem;
+  margin-right: 0.75rem;
+}
+#eps-user-menu .eps-overflow-menu__item:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
+#eps-user-menu .eps-overflow-menu__item:hover {
+  background: #d1d3d3;
 }
 
-.eps-action-bar-padding {
-  height: 100px;
+#eps-overflow-menu {
+  position: absolute;
+  width: 14rem;
+  z-index: 20;
+}
+#eps-overflow-menu .eps-overflow-menu__icon-margin {
+  margin-right: 0.75rem;
+}
+#eps-overflow-menu .eps-overflow-menu__item {
+  border-radius: 0.25rem;
+  border: solid 0.0625rem #54568c;
+}.multi-language-input:focus {
+  outline: none;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-language-select {
@@ -105,21 +197,20 @@ button.eps-link-button:hover {
 }
 .eps-language-select .asterisk-margin {
   margin-left: 0.125rem;
+}.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. */
-.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. */
 .eps-status-label {
@@ -141,20 +232,21 @@ button.eps-link-button:hover {
 }
 .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;
-  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. */
-.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!*/
@@ -2401,8 +2493,6 @@ button.eps-link-button:hover {
 
 .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. */
 /* DO NOT CHANGE!*/
@@ -2679,96 +2769,6 @@ 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. */
-/**
-  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
-  each micro frontend should be contained by a ShadowDom, but there are too many gotchas
-  running React in ShadowDom for now.
-*/
-#eps-user-menu {
-  z-index: 50;
-}
-#eps-user-menu .eps-user-menu__trigger-button {
-  border: none;
-  width: 100%;
-}
-#eps-user-menu .eps-user-menu__trigger-button .eds-overflow-menu__user-icon {
-  margin-right: 0.75rem;
-  padding: 0.5rem;
-  background: #393d79;
-  border-radius: 50%;
-  color: #ffffff;
-  height: 2.5rem;
-  width: 2.5rem;
-}
-#eps-user-menu .eps-user-menu__trigger-button[aria-expanded=true] .eps-arrow-icon svg {
-  transform: rotate(180deg);
-  color: #ffffff;
-}
-#eps-user-menu .eps-overflow-menu {
-  display: flex;
-  flex-direction: column;
-}
-#eps-user-menu .eps-overflow-menu__group {
-  display: none;
-  flex-direction: column;
-  z-index: 20;
-}
-#eps-user-menu .eps-overflow-menu__group--open {
-  display: flex;
-}
-#eps-user-menu .eps-overflow-menu__button {
-  padding-left: 0.25rem;
-}
-#eps-user-menu .eps-overflow-menu__button:active .eps-overflow-menu__button-contens {
-  color: #181c56;
-}
-#eps-user-menu .eps-overflow-menu__button-contents {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-#eps-user-menu .eps-overflow-menu__item {
-  appearance: none;
-  border: none;
-  font-size: 0.875rem;
-  font-family: inherit;
-  color: #181c56;
-  background: #f8f8f8;
-  display: block;
-  height: 3rem;
-  cursor: pointer;
-  width: 100%;
-  line-height: 1.25rem;
-  text-align: left;
-  padding: 0.5rem 1rem;
-}
-#eps-user-menu .eps-overflow-menu__item .eps-version-icon {
-  transform: rotate(90deg);
-}
-#eps-user-menu .eps-overflow-menu__item .eds-icon {
-  font-size: 1rem;
-  margin-right: 0.75rem;
-}
-#eps-user-menu .eps-overflow-menu__item:focus {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-}
-#eps-user-menu .eps-overflow-menu__item:hover {
-  background: #d1d3d3;
-}
-
-#eps-overflow-menu {
-  position: absolute;
-  width: 14rem;
-  z-index: 20;
-}
-#eps-overflow-menu .eps-overflow-menu__icon-margin {
-  margin-right: 0.75rem;
-}
-#eps-overflow-menu .eps-overflow-menu__item {
-  border-radius: 0.25rem;
-  border: solid 0.0625rem #54568c;
+}ol.eds-breadcrumbs {
+  padding: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur-partner/common",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/common.esm.js",
@@ -33,16 +33,18 @@
     "@entur/tooltip": "^2.4.7",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
+    "react-helmet-async": "^1.3.0",
     "react-router-dom": "^5.2.0"
   },
   "dependencies": {
-    "@entur-partner/util": "^1.1.6",
+    "@entur-partner/util": "^1.2.0",
     "classnames": "^2.2.6"
   },
   "devDependencies": {
     "@entur-partner/permission-client-node": "2.3.2",
     "@entur/tokens": "3.11.0",
     "identity-obj-proxy": "3.0.0",
+    "react-helmet-async": "1.3.0",
     "react-router-dom": "5.3.3"
   },
   "jest": {
@@ -58,5 +60,5 @@
     "reportFile": "jest-sonar-report.xml",
     "indent": 4
   },
-  "gitHead": "5b5004754769a4daa44e97e0fbbfe37ded4d9861"
+  "gitHead": "6b4d8ff774ed55234506f8922078fefc0aadd246"
 }