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

package/dist/ErrorBoundary.d.ts

@@ -16,7 +16,7 @@ export declare class ErrorBoundary extends Component<Props, State> {
     constructor(props: Props);
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 }
 export declare const LANGUAGE_STORAGE_KEY = "EP::locale";
 export {};

package/dist/RouteLeavingGuard.d.ts

@@ -1,6 +1,6 @@
 import type { ModalProps } from "@entur/modal";
-import type { Location } from "history";
 import { type FC, type ReactNode } from "react";
+import { type Location } from "react-router-dom";
 export interface RouteLeavingGuardProps extends Partial<ModalProps> {
     title: string;
     closeLabel: string;

package/dist/common.cjs.development.js

@@ -16,6 +16,7 @@ var form = require('@entur/form');
 var dropdown = require('@entur/dropdown');
 var icons = require('@entur/icons');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 var ActionBarLeft = function ActionBarLeft(_ref) {
   var children = _ref.children;
   return React.createElement("div", {
@@ -196,17 +197,6 @@ var AuditInfo = function AuditInfo(_ref) {
   }));
 };
 
-var BetaTopNavigation = function BetaTopNavigation(_ref) {
-  var _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? "nav" : _ref$as,
-    className = _ref.className,
-    children = _ref.children;
-  var classList = cx([className]);
-  return React.createElement(Component, {
-    className: classList
-  }, " ", children);
-};
-
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var prependBreadcrumbItem = _ref.prependBreadcrumbItem,
     pathname = _ref.pathname,
@@ -468,7 +458,6 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   })));
 };
 
-/// <reference types="vite/client" />
 /**
  * Returns true if the provided flag exist in localStorage
  * or is set as an environment variable.
@@ -477,8 +466,11 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
  * you can drop the VITE_APP_ prefix.
  */
 function featureFlag(flag) {
-  var _window$localStorage, _window$localStorage2;
-  return undefined["VITE_APP_" + flag] === "true" || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === "true" || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("VITE_APP_" + flag)) === "true";
+  var _import$meta, _window$localStorage, _window$localStorage2;
+  return (
+    // biome-ignore lint/suspicious/noExplicitAny: We dont have vite types here
+    ((_import$meta = ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('common.cjs.development.js', document.baseURI).href)) })) == null || (_import$meta = _import$meta.env) == null ? void 0 : _import$meta["VITE_APP_" + flag]) === "true" || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === "true" || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("VITE_APP_" + flag)) === "true"
+  );
 }
 /**
  * Returns true if the provided flag exist in localStorage
@@ -836,6 +828,29 @@ var Unbutton = function Unbutton(_ref) {
   }), children);
 };
 
+/*global EventListener WindowEventHandlers*/
+function useEventListener(eventName, handler, element) {
+  if (element === void 0) {
+    element = window;
+  }
+  var savedHandler = React.useRef(null);
+  React.useEffect(function () {
+    savedHandler.current = handler;
+  }, [handler]);
+  React.useEffect(function () {
+    var _element;
+    var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
+    if (!isSupported) return;
+    var eventListener = function eventListener(event) {
+      return savedHandler.current == null ? void 0 : savedHandler.current(event);
+    };
+    element.addEventListener(eventName, eventListener);
+    return function () {
+      element.removeEventListener(eventName, eventListener);
+    };
+  }, [eventName, element]);
+}
+
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
   return React.createElement("button", _extends({
     className: cx(props.className, "eps-overflow-menu__item"),
@@ -844,21 +859,17 @@ var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
 };
 
 var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onCookieSettingsOpen = _ref.onCookieSettingsOpen;
+  var locale = _ref.locale,
+    onClick = _ref.onClick;
   return React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onCookieSettingsOpen();
-      setOpen(false);
-    },
+    onClick: onClick,
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
     "aria-hidden": true
   }, React.createElement(icons.CookieIcon, {
     size: "1rem",
     inline: true
-  })), name);
+  })), locale === "en-GB" ? "Cookie settings" : "Cookieinstillinger");
 };
 
 function useOutsideClick(ref, buttonRef, handler) {
@@ -946,18 +957,12 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
   }, children));
 };
 
-var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
-  var language = _ref.language,
-    onLanguageChange = _ref.onLanguageChange,
-    setOpen = _ref.setOpen,
-    name = _ref.name;
-  var useB47LanguageKey = useFeatureToggle("USE_BCP-47_LANGUAGE_KEY");
-  var norwegianLanguageKey = useB47LanguageKey ? "nb-NO" : "nb";
-  var englishLanguageKey = useB47LanguageKey ? "en-GB" : "en";
-  return React.createElement(React.Fragment, null, language === englishLanguageKey ? React.createElement(CustomOverflowMenuItem, {
+var LocaleSwitchMenuItem = function LocaleSwitchMenuItem(_ref) {
+  var locale = _ref.locale,
+    onLocaleChange = _ref.onLocaleChange;
+  return React.createElement(React.Fragment, null, locale === "en-GB" ? React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
-      onLanguageChange(norwegianLanguageKey);
-      setOpen(false);
+      onLocaleChange("nb-NO");
     },
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
@@ -966,10 +971,9 @@ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
   }, React.createElement(icons.NorwayIcon, {
     size: "1rem",
     inline: true
-  })), name) : React.createElement(CustomOverflowMenuItem, {
+  })), "Bytt til norsk") : React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
-      onLanguageChange(englishLanguageKey);
-      setOpen(false);
+      onLocaleChange("en-GB");
     },
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
@@ -978,18 +982,14 @@ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
   }, React.createElement(icons.UKIcon, {
     size: "1rem",
     inline: true
-  })), name));
+  })), "Switch to English"));
 };
 
 var LogOutMenuItem = function LogOutMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onLogout = _ref.onLogout;
+  var onClick = _ref.onClick,
+    locale = _ref.locale;
   return React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLogout();
-      setOpen(false);
-    },
+    onClick: onClick,
     "data-testid": "user-menu-logout",
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
@@ -997,41 +997,28 @@ var LogOutMenuItem = function LogOutMenuItem(_ref) {
   }, React.createElement(icons.LogOutIcon, {
     size: "1rem",
     inline: true
-  })), name);
+  })), locale === "en-GB" ? "Log out " : "Logg ut");
 };
 
 var UserMenuItem = function UserMenuItem(_ref) {
-  var name = _ref.name,
-    setOpen = _ref.setOpen,
-    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
-  return React.createElement(reactRouterDom.Link, {
-    to: "/permission-admin/my-profile",
-    style: {
-      textDecoration: "none"
-    }
-  }, React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      setOpen(false);
-      onNavigateToMyProfile();
-    },
+  var locale = _ref.locale,
+    onClick = _ref.onClick;
+  return React.createElement(CustomOverflowMenuItem, {
+    onClick: onClick,
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
     "aria-hidden": true
   }, React.createElement(icons.UserIcon, {
     size: "1rem",
     inline: true
-  })), name));
+  })), locale === "en-GB" ? "My profile" : "Min profil");
 };
 
 var VersionMenuItem = function VersionMenuItem(_ref) {
-  var title = _ref.title,
-    setOpen = _ref.setOpen;
-  var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
+  var locale = _ref.locale,
+    onClick = _ref.onClick;
   return React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      navigate("/app-version");
-      setOpen(false);
-    },
+    onClick: onClick,
     className: "eps-overflow-menu__item"
   }, React.createElement("span", {
     "aria-hidden": true
@@ -1039,25 +1026,23 @@ var VersionMenuItem = function VersionMenuItem(_ref) {
     className: "eps-version-icon",
     size: "1rem",
     inline: true
-  })), title);
+  })), locale === "en-GB" ? "Version" : "Versjon");
 };
 
-/** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
 var UserMenu = function UserMenu(_ref) {
   var className = _ref.className,
-    messages = _ref.messages,
     onLogout = _ref.onLogout,
-    onLanguageChange = _ref.onLanguageChange,
+    _onLocaleChange = _ref.onLocaleChange,
     userName = _ref.userName,
-    language = _ref.language,
+    locale = _ref.locale,
     environment = _ref.environment,
     showVersionItem = _ref.showVersionItem,
     showMyProfileItem = _ref.showMyProfileItem,
     showCookieSettingsItem = _ref.showCookieSettingsItem,
     onNavigateToMyProfile = _ref.onNavigateToMyProfile,
     _ref$onCookieSettings = _ref.onCookieSettingsOpen,
-    onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
-  var triggerClassList = cx(["eps-user-menu__trigger-button", className]);
+    onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings,
+    onVersionItemClick = _ref.onVersionItemClick;
   var _useState = React.useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -1066,62 +1051,48 @@ var UserMenu = function UserMenu(_ref) {
   }, React.createElement(CustomOverflowMenu, {
     open: open,
     onOpenChange: setOpen,
-    className: triggerClassList,
+    className: cx(["eps-user-menu__trigger-button", className]),
     userName: userName,
     environment: environment
   }, React.createElement("div", {
     id: "eps-overflow-menu"
-  }, React.createElement(LanguageSwitchMenuItem, {
-    name: messages.switchLanguage,
-    language: language,
-    onLanguageChange: onLanguageChange,
-    setOpen: setOpen
-  }), showVersionItem && messages.appVersion && React.createElement(VersionMenuItem, {
-    title: messages.appVersion,
-    setOpen: setOpen
-  }), showMyProfileItem && messages.myProfile && React.createElement(UserMenuItem, {
-    name: messages.myProfile,
-    setOpen: setOpen,
-    onNavigateToMyProfile: onNavigateToMyProfile
-  }), showCookieSettingsItem && messages.cookieSettings && React.createElement(CookieSettingsMenuItem, {
-    name: messages.cookieSettings,
-    setOpen: setOpen,
-    onCookieSettingsOpen: onCookieSettingsOpen
+  }, React.createElement(LocaleSwitchMenuItem, {
+    locale: locale,
+    onLocaleChange: function onLocaleChange(newLocale) {
+      _onLocaleChange(newLocale);
+      setOpen(false);
+    }
+  }), showVersionItem && React.createElement(VersionMenuItem, {
+    locale: locale,
+    onClick: function onClick() {
+      onVersionItemClick == null || onVersionItemClick();
+      setOpen(false);
+    }
+  }), showMyProfileItem && React.createElement(UserMenuItem, {
+    locale: locale,
+    onClick: function onClick() {
+      onNavigateToMyProfile();
+      setOpen(false);
+    }
+  }), showCookieSettingsItem && React.createElement(CookieSettingsMenuItem, {
+    locale: locale,
+    onClick: function onClick() {
+      onCookieSettingsOpen();
+      setOpen(false);
+    }
   }), React.createElement(LogOutMenuItem, {
-    name: messages.logout,
-    setOpen: setOpen,
-    onLogout: onLogout
+    locale: locale,
+    onClick: function onClick() {
+      onLogout();
+      setOpen(false);
+    }
   }))));
 };
 
-/*global EventListener WindowEventHandlers*/
-function useEventListener(eventName, handler, element) {
-  if (element === void 0) {
-    element = window;
-  }
-  var savedHandler = React.useRef();
-  React.useEffect(function () {
-    savedHandler.current = handler;
-  }, [handler]);
-  React.useEffect(function () {
-    var _element;
-    var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
-    if (!isSupported) return;
-    var eventListener = function eventListener(event) {
-      return savedHandler.current == null ? void 0 : savedHandler.current(event);
-    };
-    element.addEventListener(eventName, eventListener);
-    return function () {
-      element.removeEventListener(eventName, eventListener);
-    };
-  }, [eventName, element]);
-}
-
 exports.ActionBar = ActionBar;
 exports.ActionBarLeft = ActionBarLeft;
 exports.ActionBarRight = ActionBarRight;
 exports.AuditInfo = AuditInfo;
-exports.BetaTopNavigation = BetaTopNavigation;
 exports.Box = Box;
 exports.Breadcrumbs = Breadcrumbs;
 exports.ConfirmModal = ConfirmModal;