@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_reactRouterDom","_NavItem","_styles","_Button","_common","_Tooltips","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","LARGE","StyledButton","Button","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","NavLink","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={NavLink}\r\n          to={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_styles","_Button","_common","_Tooltips","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","LARGE","StyledButton","Button","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","StyledLink","$variant","target","href","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/RightSideNav.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { MenuButton, MenuNavigationItemTypeItem } from '../types';
-type Props = {
-    items?: MenuNavigationItemTypeItem[];
-    action?: MenuButton;
-};
-declare const RightSideNav: ({ items, action }: Props) => React.ReactElement<Props>;
-export default RightSideNav;
+import * as React from 'react';
+import { MenuButton, MenuNavigationItemTypeItem } from '../types';
+type Props = {
+    items?: MenuNavigationItemTypeItem[];
+    action?: MenuButton;
+};
+declare const RightSideNav: ({ items, action }: Props) => React.ReactElement<Props>;
+export default RightSideNav;

package/dist/GlobalNavigationBar/desktop/RightSideNav.js

@@ -1,47 +1,76 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import styled from 'styled-components';
-import { NavLink } from 'react-router-dom';
 import { NavItem } from '../../NavItem';
 import { BREAKPOINTS, ComponentTextStyle } from '../../styles';
 import { Button } from '../../Button';
 import { ComponentMStyling } from '../../styles';
 import { defaultOnMouseDownHandler } from '../../common';
 import { TooltipWrapper } from "../../Tooltips";
+import { StyledLink } from '../../HyperLink/HyperLink';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const NavContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  margin: auto 0 auto auto;\n  align-items: center;\n  height: 64px;\n\n  a {\n    text-decoration: none;\n  }\n\n  ", " {\n    display: flex;\n  }\n\n  ", " {\n    height: 80px;\n  }\n\n  button,\n  div {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-const StyledButton = styled(Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 40px;\n  margin: 0 8px;\n\n  ", "\n"])), ComponentMStyling(ComponentTextStyle.Bold, 'unset'));
+const NavContainer = styled.div`
+  display: none;
+  margin: auto 0 auto auto;
+  align-items: center;
+  height: 64px;
+
+  a {
+    text-decoration: none;
+  }
+
+  ${BREAKPOINTS.MEDIUM} {
+    display: flex;
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    height: 80px;
+  }
+
+  button,
+  div {
+    &:hover {
+      cursor: pointer;
+    }
+  }
+`;
+const StyledButton = styled(Button)`
+  height: 40px;
+  margin: 0 8px;
+
+  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}
+`;
 const RightSideNav = _ref => {
   let {
     items,
     action
   } = _ref;
   const getNavItem = item => {
-    if (item !== null && item !== void 0 && item.disabled) {
+    if (item?.disabled) {
       return /*#__PURE__*/_jsx(NavItem, {
         as: Button,
         className: "disabled",
-        children: item === null || item === void 0 ? void 0 : item.label
-      }, item === null || item === void 0 ? void 0 : item.label);
+        children: item?.label
+      }, item?.label);
     } else {
       return /*#__PURE__*/_jsx(NavItem, {
-        as: NavLink,
-        to: (item === null || item === void 0 ? void 0 : item.to) || '',
+        as: StyledLink,
+        $variant: "styleless",
+        target: "_self",
+        href: item?.to || '',
         onMouseDown: defaultOnMouseDownHandler,
         onClick: e => item.action && item.action(e),
-        children: item === null || item === void 0 ? void 0 : item.label
-      }, item === null || item === void 0 ? void 0 : item.label);
+        children: item?.label
+      }, item?.label);
     }
   };
   return /*#__PURE__*/_jsxs(NavContainer, {
-    children: [items === null || items === void 0 ? void 0 : items.reverse().map(no => getNavItem(no)), action && !action.tooltip && /*#__PURE__*/_jsx(StyledButton, _objectSpread(_objectSpread({
+    children: [items?.reverse().map(no => getNavItem(no)), action && !action.tooltip && /*#__PURE__*/_jsx(StyledButton, _objectSpread(_objectSpread({
       variant: "secondary",
-      onClick: action === null || action === void 0 ? void 0 : action.action
+      onClick: action?.action
     }, _objectSpread(_objectSpread({}, action), {}, {
       action: undefined
     })), {}, {
@@ -49,7 +78,7 @@ const RightSideNav = _ref => {
     })), action && !!action.tooltip && /*#__PURE__*/_jsx(TooltipWrapper, _objectSpread(_objectSpread({}, action.tooltip), {}, {
       children: /*#__PURE__*/_jsx(StyledButton, _objectSpread(_objectSpread({
         variant: "secondary",
-        onClick: action === null || action === void 0 ? void 0 : action.action
+        onClick: action?.action
       }, _objectSpread(_objectSpread({}, action), {}, {
         action: undefined
       })), {}, {

package/dist/GlobalNavigationBar/desktop/RightSideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.js","names":["React","styled","NavLink","NavItem","BREAKPOINTS","ComponentTextStyle","Button","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","jsx","_jsx","jsxs","_jsxs","NavContainer","div","_templateObject","_taggedTemplateLiteral","MEDIUM","LARGE","StyledButton","_templateObject2","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={NavLink}\r\n          to={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.js","names":["React","styled","NavItem","BREAKPOINTS","ComponentTextStyle","Button","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","StyledLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","StyledButton","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","$variant","target","href","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SubMenuWrapper = exports.SubMenu = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -17,10 +16,20 @@ var _Tabs = _interopRequireDefault(require("../../Tabs/Tabs"));
 var _TabLink = _interopRequireDefault(require("../../Tabs/TabLink"));
 var _MenuItem = require("../../MenuItem");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const SubMenuWrapper = exports.SubMenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), _ExtendedMainMenu.Menu, props => props.$topLevel ? '100%' : '0px', props => props.$topLevel ? '0px' : 'calc(100% - 12px)', props => !props.$visible ? 'display: none;' : '');
+const SubMenuWrapper = exports.SubMenuWrapper = _styledComponents.default.div`
+  ${_ExtendedMainMenu.Menu} {
+    top: ${props => props.$topLevel ? '100%' : '0px'};
+    left: ${props => props.$topLevel ? '0px' : 'calc(100% - 12px)'};
+  }
+
+  ${props => !props.$visible ? 'display: none;' : ''}
+
+  button {
+    padding-left: 0px;
+  }
+`;
 const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     item,
@@ -83,8 +92,7 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];
         forceUpdate({});
       } else {
-        var _allRefs$focusedRef$c;
-        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 || _allRefs$focusedRef$c.click();
+        allRefs[focusedRef.current.index].current?.click();
         forceUpdate({});
       }
 
@@ -92,20 +100,18 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   };
   const setNewFocusedElement = index => {
-    var _oldFocusedElement$cu;
     const newFocusedElement = index >= 0 ? allRefs[index] : null;
     const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
     focusedRef.current.index = index;
-    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 || (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 || _oldFocusedElement$cu.classList.remove('dropdown-hover');
+    if (oldFocusedElement) oldFocusedElement?.current?.classList.remove('dropdown-hover');
     if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
-      var _newFocusedElement$cu, _item$items$index$id;
-      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 || _newFocusedElement$cu.classList.add('dropdown-hover');
-      onItemFocused && onItemFocused((_item$items$index$id = item.items[index].id) !== null && _item$items$index$id !== void 0 ? _item$items$index$id : '');
+      newFocusedElement.current?.classList.add('dropdown-hover');
+      onItemFocused && onItemFocused(item.items[index].id ?? '');
     } else if (onItemFocused) onItemFocused('');
   };
   const onFocus = event => {
     event.stopPropagation();
-    dropdownMenusOpenedArray.current = [...(nestPath !== null && nestPath !== void 0 ? nestPath : [])];
+    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];
     setNewFocusedElement(0);
     forceUpdate({});
   };
@@ -131,12 +137,10 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
             size: _types.Size.Medium,
             children: item.items.map((entry, index) => {
-              var _entry$label2;
               const isGroup = entry.type == 'desktopgroup';
               const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
               const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(x => x == entry.id));
               if (isGroup) {
-                var _entry$items$find$id, _entry$items$find, _entry$label;
                 return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                   style: {
                     position: 'relative'
@@ -146,7 +150,7 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
                     id: entry.id + '_parentOption',
                     "aria-expanded": Boolean(SubItemOpened),
-                    "aria-activedescendant": (_entry$items$find$id = (_entry$items$find = entry.items.find(x => x.id == focusedItemId)) === null || _entry$items$find === void 0 ? void 0 : _entry$items$find.id) !== null && _entry$items$find$id !== void 0 ? _entry$items$find$id : '',
+                    "aria-activedescendant": entry.items.find(x => x.id == focusedItemId)?.id ?? '',
                     tabIndex: -1,
                     ref: allRefs[index],
                     "aria-controls": entry.id,
@@ -154,7 +158,7 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                     //id={entry.id} removing this can break something
                     ,
                     item: {
-                      value: (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : ''
+                      value: entry.label ?? ''
                     },
                     iconRight: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropRight, {
                       size: "24px"
@@ -166,7 +170,7 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                     onItemFocused: onItemFocused,
                     focusedItemId: focusedItemId,
                     ref: subMenuRefs[index],
-                    nestPath: [...(nestPath !== null && nestPath !== void 0 ? nestPath : []), entry.id],
+                    nestPath: [...(nestPath ?? []), entry.id],
                     onItemStateChanged: onItemStateChanged,
                     activeItemId: activeItemId,
                     dropdownMenusOpenedArray: dropdownMenusOpenedArray,
@@ -180,11 +184,11 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
                   id: entry.id,
                   tabIndex: -1,
-                  to: isGroup ? '' : key,
+                  href: isGroup ? '' : key,
                   ref: allRefs[index],
                   onActiveStateChanged: state => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state),
                   forceDeactivate: isGroup,
-                  requiredLine: (_entry$label2 = entry.label) !== null && _entry$label2 !== void 0 ? _entry$label2 : '',
+                  requiredLine: entry.label ?? '',
                   optionalLine: '',
                   endLineIcon: isGroup ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropRight, {
                     size: "24px"

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ExtendedMainMenu","_types","_icons","_utils","_Tabs","_TabLink","_MenuItem","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SubMenuWrapper","exports","styled","div","_taggedTemplateLiteral2","Menu","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","forceUpdate","useState","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","onKeyDown","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","onFocus","onBlur","jsx","className","Boolean","children","role","tabIndex","MenuSection","MenuSectionList","size","Size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","jsxs","style","position","MenuItem","value","label","iconRight","SystemIcons","ArrowDropRight","active","onClickHandler","Fragment","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_propTypes","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ExtendedMainMenu","_types","_icons","_utils","_Tabs","_TabLink","_MenuItem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SubMenuWrapper","exports","styled","div","Menu","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","forceUpdate","useState","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","onKeyDown","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","click","newFocusedElement","oldFocusedElement","classList","remove","add","onFocus","onBlur","jsx","className","Boolean","children","role","tabIndex","MenuSection","MenuSectionList","size","Size","Medium","entry","isGroup","to","SubItemOpened","jsxs","style","position","MenuItem","value","label","iconRight","SystemIcons","ArrowDropRight","active","onClickHandler","Fragment","href","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_propTypes","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement | null>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      href={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/SubMenu.d.ts

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import { MenuNavigationItemTypeDesktopGroup } from '../types';
-export type SubMenuProps = {
-    item: MenuNavigationItemTypeDesktopGroup;
-    index: number;
-    topLevel: boolean;
-    dropdownMenusOpenedArray: React.MutableRefObject<string[]>;
-    onSubMenuOpened?: (item: string) => void;
-    onSubMenuHidden?: (item: string) => void;
-    onItemStateChanged?: (item: string, state: boolean) => void;
-    onItemFocused?: (item: string) => void;
-    focusedItemId?: string;
-    activeItemId?: string;
-    nestPath?: string[];
-    ariaLabelledBy?: string;
-};
-export declare const SubMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $topLevel: boolean;
-    $visible: boolean;
-}>> & string;
-export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLUListElement>>;
+import * as React from 'react';
+import { MenuNavigationItemTypeDesktopGroup } from '../types';
+export type SubMenuProps = {
+    item: MenuNavigationItemTypeDesktopGroup;
+    index: number;
+    topLevel: boolean;
+    dropdownMenusOpenedArray: React.MutableRefObject<string[]>;
+    onSubMenuOpened?: (item: string) => void;
+    onSubMenuHidden?: (item: string) => void;
+    onItemStateChanged?: (item: string, state: boolean) => void;
+    onItemFocused?: (item: string) => void;
+    focusedItemId?: string;
+    activeItemId?: string;
+    nestPath?: string[];
+    ariaLabelledBy?: string;
+};
+export declare const SubMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $topLevel: boolean;
+    $visible: boolean;
+}>> & string;
+export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLUListElement>>;

package/dist/GlobalNavigationBar/desktop/SubMenu.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject;
 import * as React from 'react';
 import styled from 'styled-components';
 import { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';
@@ -11,7 +9,18 @@ import Tabs from '../../Tabs/Tabs';
 import TabLink from '../../Tabs/TabLink';
 import { MenuItem } from '../../MenuItem';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const SubMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), Menu, props => props.$topLevel ? '100%' : '0px', props => props.$topLevel ? '0px' : 'calc(100% - 12px)', props => !props.$visible ? 'display: none;' : '');
+export const SubMenuWrapper = styled.div`
+  ${Menu} {
+    top: ${props => props.$topLevel ? '100%' : '0px'};
+    left: ${props => props.$topLevel ? '0px' : 'calc(100% - 12px)'};
+  }
+
+  ${props => !props.$visible ? 'display: none;' : ''}
+
+  button {
+    padding-left: 0px;
+  }
+`;
 export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     item,
@@ -74,8 +83,7 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];
         forceUpdate({});
       } else {
-        var _allRefs$focusedRef$c;
-        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 || _allRefs$focusedRef$c.click();
+        allRefs[focusedRef.current.index].current?.click();
         forceUpdate({});
       }
 
@@ -83,20 +91,18 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   };
   const setNewFocusedElement = index => {
-    var _oldFocusedElement$cu;
     const newFocusedElement = index >= 0 ? allRefs[index] : null;
     const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
     focusedRef.current.index = index;
-    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 || (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 || _oldFocusedElement$cu.classList.remove('dropdown-hover');
+    if (oldFocusedElement) oldFocusedElement?.current?.classList.remove('dropdown-hover');
     if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
-      var _newFocusedElement$cu, _item$items$index$id;
-      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 || _newFocusedElement$cu.classList.add('dropdown-hover');
-      onItemFocused && onItemFocused((_item$items$index$id = item.items[index].id) !== null && _item$items$index$id !== void 0 ? _item$items$index$id : '');
+      newFocusedElement.current?.classList.add('dropdown-hover');
+      onItemFocused && onItemFocused(item.items[index].id ?? '');
     } else if (onItemFocused) onItemFocused('');
   };
   const onFocus = event => {
     event.stopPropagation();
-    dropdownMenusOpenedArray.current = [...(nestPath !== null && nestPath !== void 0 ? nestPath : [])];
+    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];
     setNewFocusedElement(0);
     forceUpdate({});
   };
@@ -122,12 +128,10 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           children: /*#__PURE__*/_jsx(Tabs, {
             size: Size.Medium,
             children: item.items.map((entry, index) => {
-              var _entry$label2;
               const isGroup = entry.type == 'desktopgroup';
               const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
               const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(x => x == entry.id));
               if (isGroup) {
-                var _entry$items$find$id, _entry$items$find, _entry$label;
                 return /*#__PURE__*/_jsxs("div", {
                   style: {
                     position: 'relative'
@@ -137,7 +141,7 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                   children: [/*#__PURE__*/_jsx(MenuItem, {
                     id: entry.id + '_parentOption',
                     "aria-expanded": Boolean(SubItemOpened),
-                    "aria-activedescendant": (_entry$items$find$id = (_entry$items$find = entry.items.find(x => x.id == focusedItemId)) === null || _entry$items$find === void 0 ? void 0 : _entry$items$find.id) !== null && _entry$items$find$id !== void 0 ? _entry$items$find$id : '',
+                    "aria-activedescendant": entry.items.find(x => x.id == focusedItemId)?.id ?? '',
                     tabIndex: -1,
                     ref: allRefs[index],
                     "aria-controls": entry.id,
@@ -145,7 +149,7 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                     //id={entry.id} removing this can break something
                     ,
                     item: {
-                      value: (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : ''
+                      value: entry.label ?? ''
                     },
                     iconRight: /*#__PURE__*/_jsx(SystemIcons.ArrowDropRight, {
                       size: "24px"
@@ -157,7 +161,7 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                     onItemFocused: onItemFocused,
                     focusedItemId: focusedItemId,
                     ref: subMenuRefs[index],
-                    nestPath: [...(nestPath !== null && nestPath !== void 0 ? nestPath : []), entry.id],
+                    nestPath: [...(nestPath ?? []), entry.id],
                     onItemStateChanged: onItemStateChanged,
                     activeItemId: activeItemId,
                     dropdownMenusOpenedArray: dropdownMenusOpenedArray,
@@ -171,11 +175,11 @@ export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
                 children: /*#__PURE__*/_jsx(TabLink, {
                   id: entry.id,
                   tabIndex: -1,
-                  to: isGroup ? '' : key,
+                  href: isGroup ? '' : key,
                   ref: allRefs[index],
                   onActiveStateChanged: state => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state),
                   forceDeactivate: isGroup,
-                  requiredLine: (_entry$label2 = entry.label) !== null && _entry$label2 !== void 0 ? _entry$label2 : '',
+                  requiredLine: entry.label ?? '',
                   optionalLine: '',
                   endLineIcon: isGroup ? /*#__PURE__*/_jsx(SystemIcons.ArrowDropRight, {
                     size: "24px"