@entur-partner/common 8.0.0 → 8.0.4

package/dist/UserMenu/components/CustomOverflowMenu.d.ts

@@ -0,0 +1,11 @@
+import '../index.scss';
+import React from 'react';
+import { Environment } from '../../environment';
+export declare const CustomOverflowMenu: React.FC<{
+    className?: string;
+    children: React.ReactNode;
+    userName: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    environment?: Environment;
+}>;

package/dist/UserMenu/components/CustomOverflowMenuItem.d.ts

@@ -0,0 +1,3 @@
+import '../index.scss';
+import React from 'react';
+export declare const CustomOverflowMenuItem: React.FC<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;

package/dist/UserMenu/components/LanguageSwitchMenuItem.d.ts

@@ -0,0 +1,10 @@
+import '../index.scss';
+import React from 'react';
+type Props = {
+    language: string;
+    onLanguageChange: (language: string) => void;
+    setOpen: (open: boolean) => void;
+    name: string;
+};
+export declare const LanguageSwitchMenuItem: ({ language, onLanguageChange, setOpen, name, }: Props) => React.JSX.Element;
+export {};

package/dist/UserMenu/components/LogOutMenuItem.d.ts

@@ -0,0 +1,9 @@
+import '../index.scss';
+import React from 'react';
+type Props = {
+    name: string;
+    setOpen: (open: boolean) => void;
+    onLogout: () => void;
+};
+export declare const LogOutMenuItem: ({ name, setOpen, onLogout }: Props) => React.JSX.Element;
+export {};

package/dist/UserMenu/components/UserMenuItem.d.ts

@@ -0,0 +1,9 @@
+import '../index.scss';
+import React from 'react';
+type Props = {
+    name: string;
+    setOpen: (open: boolean) => void;
+    onNavigateToMyProfile: () => void;
+};
+export declare const UserMenuItem: ({ name, setOpen, onNavigateToMyProfile, }: Props) => React.JSX.Element;
+export {};

package/dist/UserMenu/components/VersionMenuItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const VersionMenuItem: React.FC<{
+    title: string;
+    setOpen: (isOpen: boolean) => void;
+}>;

package/dist/{UserMenu.d.ts → UserMenu/index.d.ts}

@@ -1,6 +1,6 @@
-import './UserMenu.scss';
-import React, { FC } from 'react';
-import { Environment } from './environment';
+import './index.scss';
+import { FC } from 'react';
+import { Environment } from '../environment';
 interface UserMenuProps {
     userName: string;
     messages: {
@@ -19,8 +19,4 @@ interface UserMenuProps {
     onNavigateToMyProfile: () => void;
 }
 export declare const UserMenu: FC<UserMenuProps>;
-export declare const VersionCustomOverflowMenuItems: React.FC<{
-    title: string;
-    setOpen: (isOpen: boolean) => void;
-}>;
 export {};

package/dist/UserMenu/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useOutsideClick(ref: React.RefObject<HTMLDivElement>, buttonRef: React.RefObject<HTMLButtonElement>, handler: () => void): void;

package/dist/common.cjs.development.js

@@ -309,97 +309,51 @@ var Content = function Content(_ref) {
   }, children);
 };
 
+function useOutsideClick(ref, buttonRef, handler) {
+  React__default["default"].useEffect(function () {
+    var listener = function listener(event) {
+      if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return function () {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, buttonRef, handler]);
+}
+function elementContainsEventTarget(element, event) {
+  if (!element) {
+    return false;
+  }
+  if (element.contains(event.target)) {
+    return true;
+  }
+  // For elements inside a Shadow DOM we need to check the composedPath
+  if (event.composed && event.composedPath) {
+    var contains = event.composedPath().find(function (target) {
+      if (target === window) {
+        return false;
+      }
+      return element.contains(target);
+    });
+    return !!contains;
+  }
+  return false;
+}
+
 var _excluded$b = ["className", "children", "userName", "open", "onOpenChange", "environment"];
-var UserMenu = function UserMenu(_ref) {
+var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
   var className = _ref.className,
-    messages = _ref.messages,
-    onLogout = _ref.onLogout,
-    onLanguageChange = _ref.onLanguageChange,
+    children = _ref.children,
     userName = _ref.userName,
-    language = _ref.language,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
     environment = _ref.environment,
-    showVersionItem = _ref.showVersionItem,
-    showMyProfileItem = _ref.showMyProfileItem,
-    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
-  var triggerClassList = cx__default["default"](['eps-user-menu__trigger-button', className]);
-  var _useState = React.useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  return React__default["default"].createElement("div", {
-    id: "eps-user-menu"
-  }, React__default["default"].createElement(CustomOverflowMenu, {
-    open: open,
-    onOpenChange: setOpen,
-    className: triggerClassList,
-    userName: userName,
-    environment: environment
-  }, React__default["default"].createElement("div", {
-    id: "eps-overflow-menu"
-  }, language === 'en' ? React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLanguageChange('nb');
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.NorwayIcon, {
-    size: "1rem",
-    inline: true
-  })), messages.switchLanguage) : React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLanguageChange('en');
-      setOpen(false);
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.UKIcon, {
-    size: "1rem",
-    inline: true
-  })), messages.switchLanguage), showVersionItem && messages.appVersion && React__default["default"].createElement(VersionCustomOverflowMenuItems, {
-    title: messages.appVersion,
-    setOpen: setOpen
-  }), showMyProfileItem && messages.myProfile && React__default["default"].createElement(reactRouterDom.Link, {
-    to: "/permission-admin/my-profile",
-    style: {
-      textDecoration: 'none'
-    }
-  }, React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      setOpen(false);
-      onNavigateToMyProfile();
-    },
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.UserIcon, {
-    size: "1rem",
-    inline: true
-  })), messages.myProfile)), React__default["default"].createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLogout();
-      setOpen(false);
-    },
-    "data-testid": "user-menu-logout",
-    className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
-    "aria-hidden": true
-  }, React__default["default"].createElement(icons.LogOutIcon, {
-    size: "1rem",
-    inline: true
-  })), messages.logout))));
-};
-var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    userName = _ref2.userName,
-    open = _ref2.open,
-    onOpenChange = _ref2.onOpenChange,
-    environment = _ref2.environment,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded$b);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var overflowItemsClasses = cx__default["default"]('eps-overflow-menu__group', {
     'eps-overflow-menu__group--open': open
   });
@@ -440,15 +394,52 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
     ref: overflowContentRef
   }, children));
 };
+
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
   return React__default["default"].createElement("button", _extends({
     className: cx__default["default"](props.className, 'eps-overflow-menu__item'),
     role: "menuitem"
   }, props));
 };
-var VersionCustomOverflowMenuItems = function VersionCustomOverflowMenuItems(_ref3) {
-  var title = _ref3.title,
-    setOpen = _ref3.setOpen;
+
+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__default["default"].createElement(React__default["default"].Fragment, null, language === englishLanguageKey ? React__default["default"].createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLanguageChange(norwegianLanguageKey);
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React__default["default"].createElement("span", {
+    "aria-hidden": true,
+    className: "eps-overflow-menu__icon-margin"
+  }, React__default["default"].createElement(icons.NorwayIcon, {
+    size: "1rem",
+    inline: true
+  })), name) : React__default["default"].createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLanguageChange(englishLanguageKey);
+      setOpen(false);
+    },
+    className: "eps-overflow-menu__item"
+  }, React__default["default"].createElement("span", {
+    "aria-hidden": true,
+    className: "eps-overflow-menu__icon-margin"
+  }, React__default["default"].createElement(icons.UKIcon, {
+    size: "1rem",
+    inline: true
+  })), name));
+};
+
+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
   return React__default["default"].createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
@@ -464,41 +455,92 @@ var VersionCustomOverflowMenuItems = function VersionCustomOverflowMenuItems(_re
     inline: true
   })), title);
 };
-function elementContainsEventTarget(element, event) {
-  if (!element) {
-    return false;
-  }
-  if (element.contains(event.target)) {
-    return true;
-  }
-  // For elements inside a Shadow DOM we need to check the composedPath
-  if (event.composed && event.composedPath) {
-    var contains = event.composedPath().find(function (target) {
-      if (target === window) {
-        return false;
-      }
-      return element.contains(target);
-    });
-    return contains ? true : false;
-  }
-  return false;
-}
-function useOutsideClick(ref, buttonRef, handler) {
-  React__default["default"].useEffect(function () {
-    var listener = function listener(event) {
-      if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
-        return;
-      }
-      handler();
-    };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [ref, buttonRef, handler]);
-}
+
+var UserMenuItem = function UserMenuItem(_ref) {
+  var name = _ref.name,
+    setOpen = _ref.setOpen,
+    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
+  return React__default["default"].createElement(reactRouterDom.Link, {
+    to: "/permission-admin/my-profile",
+    style: {
+      textDecoration: 'none'
+    }
+  }, React__default["default"].createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      setOpen(false);
+      onNavigateToMyProfile();
+    },
+    className: "eps-overflow-menu__item"
+  }, React__default["default"].createElement("span", {
+    "aria-hidden": true
+  }, React__default["default"].createElement(icons.UserIcon, {
+    size: "1rem",
+    inline: true
+  })), name));
+};
+
+var LogOutMenuItem = function LogOutMenuItem(_ref) {
+  var name = _ref.name,
+    setOpen = _ref.setOpen,
+    onLogout = _ref.onLogout;
+  return React__default["default"].createElement(CustomOverflowMenuItem, {
+    onClick: function onClick() {
+      onLogout();
+      setOpen(false);
+    },
+    "data-testid": "user-menu-logout",
+    className: "eps-overflow-menu__item"
+  }, React__default["default"].createElement("span", {
+    "aria-hidden": true
+  }, React__default["default"].createElement(icons.LogOutIcon, {
+    size: "1rem",
+    inline: true
+  })), name);
+};
+
+var UserMenu = function UserMenu(_ref) {
+  var className = _ref.className,
+    messages = _ref.messages,
+    onLogout = _ref.onLogout,
+    onLanguageChange = _ref.onLanguageChange,
+    userName = _ref.userName,
+    language = _ref.language,
+    environment = _ref.environment,
+    showVersionItem = _ref.showVersionItem,
+    showMyProfileItem = _ref.showMyProfileItem,
+    onNavigateToMyProfile = _ref.onNavigateToMyProfile;
+  var triggerClassList = cx__default["default"](['eps-user-menu__trigger-button', className]);
+  var _useState = React.useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  return React__default["default"].createElement("div", {
+    id: "eps-user-menu"
+  }, React__default["default"].createElement(CustomOverflowMenu, {
+    open: open,
+    onOpenChange: setOpen,
+    className: triggerClassList,
+    userName: userName,
+    environment: environment
+  }, React__default["default"].createElement("div", {
+    id: "eps-overflow-menu"
+  }, React__default["default"].createElement(LanguageSwitchMenuItem, {
+    name: messages.switchLanguage,
+    language: language,
+    onLanguageChange: onLanguageChange,
+    setOpen: setOpen
+  }), showVersionItem && messages.appVersion && React__default["default"].createElement(VersionMenuItem, {
+    title: messages.appVersion,
+    setOpen: setOpen
+  }), showMyProfileItem && messages.myProfile && React__default["default"].createElement(UserMenuItem, {
+    name: messages.myProfile,
+    setOpen: setOpen,
+    onNavigateToMyProfile: onNavigateToMyProfile
+  }), React__default["default"].createElement(LogOutMenuItem, {
+    name: messages.logout,
+    setOpen: setOpen,
+    onLogout: onLogout
+  }))));
+};
 
 var _excluded$a = ["label", "organisations", "onChange", "selectedOrganisationId"];
 var OrganisationDropDown = function OrganisationDropDown(_ref) {