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

package/dist/common.esm.js

@@ -2,7 +2,7 @@ import React, { Children, Component, useState, useEffect, useRef } from 'react';
 import { localeDate, localeDateTime, isDate, isDateString, splitUrlPath, isString, isFunction, assertIsDefined, hasAllPermissions, hasOneOfPermissions } from '@entur-partner/util';
 import cx from 'classnames';
 import { BreadcrumbItem, BreadcrumbNavigation, Pagination } from '@entur/menu';
-import { Link as Link$1, useInRouterContext, useBlocker, useNavigate } from 'react-router-dom';
+import { Link as Link$1, useInRouterContext, useBlocker } from 'react-router-dom';
 import { ButtonGroup, SecondaryButton, PrimaryButton, Button } from '@entur/button';
 import { Modal } from '@entur/modal';
 import { Paragraph, Link as Link$2, Heading6 } from '@entur/typography';
@@ -192,17 +192,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,
@@ -464,7 +453,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.
@@ -473,8 +461,11 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
  * you can drop the VITE_APP_ prefix.
  */
 function featureFlag(flag) {
-  var _window$localStorage, _window$localStorage2;
-  return import.meta.env["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 = import.meta) == 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
@@ -832,6 +823,29 @@ var Unbutton = function Unbutton(_ref) {
   }), children);
 };
 
+/*global EventListener WindowEventHandlers*/
+function useEventListener(eventName, handler, element) {
+  if (element === void 0) {
+    element = window;
+  }
+  var savedHandler = useRef(null);
+  useEffect(function () {
+    savedHandler.current = handler;
+  }, [handler]);
+  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"),
@@ -840,21 +854,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(CookieIcon, {
     size: "1rem",
     inline: true
-  })), name);
+  })), locale === "en-GB" ? "Cookie settings" : "Cookieinstillinger");
 };
 
 function useOutsideClick(ref, buttonRef, handler) {
@@ -942,18 +952,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", {
@@ -962,10 +966,9 @@ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
   }, React.createElement(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", {
@@ -974,18 +977,14 @@ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
   }, React.createElement(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", {
@@ -993,41 +992,28 @@ var LogOutMenuItem = function LogOutMenuItem(_ref) {
   }, React.createElement(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(Link$1, {
-    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(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 = 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
@@ -1035,25 +1021,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 = useState(false),
     open = _useState[0],
     setOpen = _useState[1];
@@ -1062,56 +1046,43 @@ 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 = useRef();
-  useEffect(function () {
-    savedHandler.current = handler;
-  }, [handler]);
-  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]);
-}
-
-export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, BetaTopNavigation, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, Environment, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, PageTitle, Pager, PermissionCheck, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, featureFlag, getColorForEnvironment, getHumanReadableEnvironment, responsiveProp, useDocumentTitle, useEventListener, useFeatureToggle };
+export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, Environment, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, PageTitle, Pager, PermissionCheck, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, featureFlag, getColorForEnvironment, getHumanReadableEnvironment, responsiveProp, useDocumentTitle, useEventListener, useFeatureToggle };
 //# sourceMappingURL=common.esm.js.map