@entur-partner/common 9.3.2 → 9.3.3-alpha.1

package/dist/index.d.ts

@@ -1,30 +1,31 @@
-import './index.scss';
-export { Stack } from './Stack';
-export { ActionBar, ActionBarLeft, ActionBarRight } from './ActionBar';
-export { LinkButton } from './LinkButton';
-export { featureFlag, useFeatureToggle, FeatureToggle } from './FeatureToggle';
-export { EnturPartnerLogo, EnturPartnerLogoSvg } from './EnturPartnerLogo';
-export * from './environment';
-export { Menu } from './Menu';
-export { Content } from './Content';
-export { UserMenu } from './UserMenu';
-export { OrganisationDropDown } from './OrganisationDropdown';
-export { useEventListener } from './useEventListener';
-export { LanguageSelect, LanguageKey, LanguageOption } from './LanguageSelect';
-export { ExpandableMultiLanguageInput, MultiLanguageValues, } from './ExpandableMultiLanguageInput';
-export { MultiLanguageInput } from './MultiLanguageInput';
-export { Unbutton } from './Unbutton';
-export { ErrorBoundary } from './ErrorBoundary';
-export { FormatDateTime } from './FormatDateTime';
-export { FormatCurrencyAmount, FormatCurrencyAmountProps, } from './FormatCurrencyAmount';
-export { AuditInfo, AuditInfoProps } from './AuditInfo';
-export * from './ConfirmModal';
-export * from './RouteLeavingGuard';
-export * from './Pager';
-export * from './StatusLabel';
-export * from './Box';
-export * from './PermissionCheck';
-export * from './Breadcrumbs';
-export * from './Link';
-export * from './Text';
-export * from './PageTitle';
+import "./index.scss";
+export { ActionBar, ActionBarLeft, ActionBarRight } from "./ActionBar";
+export { AuditInfo, AuditInfoProps } from "./AuditInfo";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./ConfirmModal";
+export { Content } from "./Content";
+export { EnturPartnerLogo, EnturPartnerLogoSvg } from "./EnturPartnerLogo";
+export { ErrorBoundary } from "./ErrorBoundary";
+export { ExpandableMultiLanguageInput, MultiLanguageValues, } from "./ExpandableMultiLanguageInput";
+export * from "./environment";
+export { FeatureToggle, featureFlag, useFeatureToggle } from "./FeatureToggle";
+export { FormatCurrencyAmount, FormatCurrencyAmountProps, } from "./FormatCurrencyAmount";
+export { FormatDateTime } from "./FormatDateTime";
+export { LanguageKey, LanguageOption, LanguageSelect } from "./LanguageSelect";
+export * from "./LegacyPageTitle";
+export * from "./Link";
+export { LinkButton } from "./LinkButton";
+export { Menu } from "./Menu";
+export { MultiLanguageInput } from "./MultiLanguageInput";
+export { OrganisationDropDown } from "./OrganisationDropdown";
+export * from "./Pager";
+export * from "./PageTitle";
+export * from "./PermissionCheck";
+export * from "./RouteLeavingGuard";
+export { Stack } from "./Stack";
+export * from "./StatusLabel";
+export * from "./Text";
+export { Unbutton } from "./Unbutton";
+export { UserMenu } from "./UserMenu";
+export { useEventListener } from "./useEventListener";

package/dist/styles.css

@@ -1,28 +1,4 @@
-: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. */
-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;
-}/* DO NOT CHANGE!*/
+/* 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. */
@@ -58,30 +34,23 @@ button.eps-link-button:hover {
   height: 100px;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eps-logo-wrapper {
-  display: inline-block;
+.ep-audit-info {
+  float: right;
+  margin-top: 1rem;
+  font-size: 0.875rem;
 }
-.eps-logo-wrapper .logo {
-  height: auto;
-  width: 170px;
+.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!*/
-/* 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;
-  }
+.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!*/
@@ -95,6 +64,14 @@ button.eps-link-button:hover {
   }
 }/* 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. */
 .eps-language-select {
   color: #181c56;
 }
@@ -103,129 +80,39 @@ button.eps-link-button:hover {
 }
 .eps-language-select .asterisk-margin {
   margin-left: 0.125rem;
-}.multi-language-input:focus {
-  outline: none;
-}.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;
-}/* DO NOT CHANGE!*/
+/* 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;
+.eps-menu {
+  position: relative;
   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;
+  z-index: 30;
 }
-#eps-overflow-menu .eps-overflow-menu__item {
-  border-radius: 0.25rem;
-  border: solid 0.0625rem #54568c;
+@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. */
-.ep-audit-info {
-  float: right;
-  margin-top: 1rem;
-  font-size: 0.875rem;
+button.eps-link-button {
+  cursor: pointer;
 }
-.ep-audit-info > div {
-  display: flex;
-  justify-content: space-between;
+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;
 }
-
-.ep-audit-info-label {
-  margin-right: 3rem;
-  font-weight: 600;
+button.eps-link-button:hover {
+  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!*/
@@ -2472,6 +2359,8 @@ button.eps-link-button:hover {
 
 .eps-bg-lavender {
   background-color: #aeb7e2;
+}.multi-language-input:focus {
+  outline: none;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eps-status-label {
@@ -2493,8 +2382,108 @@ button.eps-link-button:hover {
 }
 .eps-status-label__bullet.active {
   background: #1a8e60;
-}ol.eds-breadcrumbs {
+}/* 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;
+}.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!*/
@@ -2771,4 +2760,15 @@ button.eps-link-button:hover {
 
 .eps-font-weight-heading {
   font-weight: 1rem;
+}: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/useEventListener.d.ts

@@ -1,5 +1,3 @@
-interface TypedEventListener<T extends Event> {
-    (evt: T): void;
-}
-export declare function useEventListener<T extends Event = Event>(eventName: string, handler: TypedEventListener<T>, element?: WindowEventHandlers): void;
-export {};
+type TypedEventListener<T extends Event> = (evt: T) => void;
+export declare function useEventListener<T extends Event = Event>(eventName: string, handler: TypedEventListener<T>, element?: WindowEventHandlers): void;
+export {};

package/package.json

@@ -1,64 +1,64 @@
 {
-  "name": "@entur-partner/common",
-  "version": "9.3.2",
-  "license": "EUPL-1.2",
-  "main": "dist/index.js",
-  "module": "dist/common.esm.js",
-  "typings": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/entur/entur-partner-packages.git",
-    "directory": "packages/common"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "watch": "dts watch --noClean --verbose --transpileOnly",
-    "build": "dts build",
-    "test": "dts test --env=jsdom",
-    "lint": "dts lint"
-  },
-  "peerDependencies": {
-    "@entur/button": ">=2.3.6 <4.0.0",
-    "@entur/dropdown": ">=5.0.3 <8.0.0",
-    "@entur/expand": "^3.2.17",
-    "@entur/form": ">=5.0.0 <9.0.0",
-    "@entur/icons": ">=7.0.0 <9.0.0",
-    "@entur/menu": ">=4.0.0 <6.0.0",
-    "@entur/modal": "^1.3.6",
-    "@entur/tooltip": ">=2.4.7 <6.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "react-helmet-async": "^1.3.0",
-    "react-router-dom": "^6.22.0"
-  },
-  "dependencies": {
-    "@entur-partner/util": "^1.3.1",
-    "classnames": "^2.2.6"
-  },
-  "devDependencies": {
-    "@entur-partner/permission-client-node": "2.3.2",
-    "@entur/tokens": "3.17.3",
-    "identity-obj-proxy": "3.0.0",
-    "react-helmet-async": "1.3.0",
-    "react-router-dom": "6.28.0"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less|sass|scss)$": "identity-obj-proxy"
-    },
-    "collectCoverageFrom": [
-      "<rootDir>/src/**/*.{js,jsx,ts,tsx}"
-    ]
-  },
-  "jestSonar": {
-    "reportPath": "reports/jest/",
-    "reportFile": "jest-sonar-report.xml",
-    "indent": 4
-  },
-  "gitHead": "1560685531735d921c3087519c60b74d63704ff3"
+	"name": "@entur-partner/common",
+	"version": "9.3.3-alpha.1",
+	"license": "EUPL-1.2",
+	"main": "dist/index.js",
+	"module": "dist/common.esm.js",
+	"typings": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/entur/entur-partner-packages.git",
+		"directory": "packages/common"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"watch": "dts watch --noClean --verbose --transpileOnly",
+		"build": "dts build",
+		"test": "dts test --env=jsdom",
+		"lint": "dts lint"
+	},
+	"peerDependencies": {
+		"@entur/button": ">=2.3.6 <4.0.0",
+		"@entur/dropdown": ">=5.0.3 <8.0.0",
+		"@entur/expand": "^3.2.17",
+		"@entur/form": ">=5.0.0 <9.0.0",
+		"@entur/icons": ">=7.12.0 <9.0.0",
+		"@entur/menu": ">=4.0.0 <6.0.0",
+		"@entur/modal": "^1.3.6",
+		"@entur/tooltip": ">=2.4.7 <6.0.0",
+		"react": ">=18.0.0",
+		"react-dom": ">=18.0.0",
+		"react-helmet-async": ">=2.0.0 <3.0.0",
+		"react-router-dom": "^6.22.0"
+	},
+	"dependencies": {
+		"@entur-partner/util": "^1.3.2-alpha.1",
+		"classnames": "^2.2.6"
+	},
+	"devDependencies": {
+		"@entur-partner/permission-client-node": "3.4.6",
+		"@entur/tokens": "3.17.3",
+		"identity-obj-proxy": "3.0.0",
+		"react-helmet-async": "2.0.5",
+		"react-router-dom": "6.30.1"
+	},
+	"jest": {
+		"moduleNameMapper": {
+			"\\.(css|less|sass|scss)$": "identity-obj-proxy"
+		},
+		"collectCoverageFrom": [
+			"<rootDir>/src/**/*.{js,jsx,ts,tsx}"
+		]
+	},
+	"jestSonar": {
+		"reportPath": "reports/jest/",
+		"reportFile": "jest-sonar-report.xml",
+		"indent": 4
+	},
+	"gitHead": "fa8d131f819bb786175f6a96eea9650d7e02bee2"
 }

package/dist/helpers.d.ts

@@ -1 +0,0 @@
-export declare function isFunction<T>(functionToCheck: any): functionToCheck is T;