@laerdal/life-react-components 5.0.9 → 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","_typeof","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,50 +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 { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var 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);
-var StyledButton = styled(Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 40px;\n  margin: 0 8px;\n\n  ", "\n"])), ComponentMStyling(ComponentTextStyle.Bold, 'unset'));
-var RightSideNav = function RightSideNav(_ref) {
-  var items = _ref.items,
-    action = _ref.action;
-  var getNavItem = function getNavItem(item) {
-    if (item !== null && item !== void 0 && item.disabled) {
+import { StyledLink } from '../../HyperLink/HyperLink';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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?.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: function onClick(e) {
-          return item.action && item.action(e);
-        },
-        children: item === null || item === void 0 ? void 0 : item.label
-      }, item === null || item === void 0 ? void 0 : item.label);
+        onClick: e => item.action && item.action(e),
+        children: item?.label
+      }, item?.label);
     }
   };
   return /*#__PURE__*/_jsxs(NavContainer, {
-    children: [items === null || items === void 0 ? void 0 : items.reverse().map(function (no) {
-      return 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
     })), {}, {
@@ -52,7 +78,7 @@ var RightSideNav = function 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

@@ -1,14 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SubMenuWrapper = exports.SubMenu = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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"));
@@ -20,77 +16,64 @@ 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 _getRequireWildcardCache(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; }
-var 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, function (props) {
-  return props.$topLevel ? '100%' : '0px';
-}, function (props) {
-  return props.$topLevel ? '0px' : 'calc(100% - 12px)';
-}, function (props) {
-  return !props.$visible ? 'display: none;' : '';
-});
-exports.SubMenuWrapper = SubMenuWrapper;
-var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var item = _ref.item,
-    index = _ref.index,
-    topLevel = _ref.topLevel,
-    dropdownMenusOpenedArray = _ref.dropdownMenusOpenedArray,
-    onSubMenuHidden = _ref.onSubMenuHidden,
-    onSubMenuOpened = _ref.onSubMenuOpened,
-    onItemStateChanged = _ref.onItemStateChanged,
-    focusedItemId = _ref.focusedItemId,
-    activeItemId = _ref.activeItemId,
-    nestPath = _ref.nestPath,
-    ariaLabelledBy = _ref.ariaLabelledBy,
-    onItemFocused = _ref.onItemFocused;
-  var _React$useState = React.useState({}),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    forceUpdate = _React$useState2[1];
-  var focusedRef = React.useRef({
+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`
+  ${_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,
+    index,
+    topLevel,
+    dropdownMenusOpenedArray,
+    onSubMenuHidden,
+    onSubMenuOpened,
+    onItemStateChanged,
+    focusedItemId,
+    activeItemId,
+    nestPath,
+    ariaLabelledBy,
+    onItemFocused
+  } = _ref;
+  const [, forceUpdate] = React.useState({});
+  const focusedRef = React.useRef({
     index: -1
   });
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    allRefs = _React$useState4[0],
-    setAllRefs = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    subMenuRefs = _React$useState6[0],
-    setAllSubMenuRefs = _React$useState6[1];
-  React.useEffect(function () {
-    setAllRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef();
-    }));
-    setAllSubMenuRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined;
-    }));
+  const [allRefs, setAllRefs] = React.useState([]);
+  const [subMenuRefs, setAllSubMenuRefs] = React.useState([]);
+  React.useEffect(() => {
+    setAllRefs(item.items.map(x => x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef()));
+    setAllSubMenuRefs(item.items.map(x => x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined));
   }, [item]);
-  var existingRef = dropdownMenusOpenedArray.current.find(function (x) {
-    return x == item.id;
-  });
-  var _onMouseLeave = function onMouseLeave(event, id) {
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current.filter(function (x) {
-      return x != id;
-    }));
+  const existingRef = dropdownMenusOpenedArray.current.find(x => x == item.id);
+  const onMouseLeave = (event, id) => {
+    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter(x => x != id)];
     //just trigger rerendering
     onSubMenuHidden && onSubMenuHidden(id);
     forceUpdate({});
   };
-  var containActiveItem = false;
+  let containActiveItem = false;
   if (item.type == 'desktopgroup' && activeItemId) containActiveItem = (0, _utils.checkIfContainsItem)(item, activeItemId);
-  var _onMouseEnter = function onMouseEnter(event, id) {
-    var existingRefForId = dropdownMenusOpenedArray.current.find(function (x) {
-      return x == id;
-    });
+  const onMouseEnter = (event, id) => {
+    const existingRefForId = dropdownMenusOpenedArray.current.find(x => x == id);
     if (existingRefForId == null) {
-      dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current), [id]);
+      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];
       //just trigger rerendering
       onSubMenuOpened && onSubMenuOpened(id);
       forceUpdate({});
     }
   };
-  var _onKeyDown = function onKeyDown(e) {
+  const onKeyDown = e => {
     if (e.key === 'ArrowUp' || e.key === 'Up') {
       e.stopPropagation();
       e.preventDefault();
@@ -104,38 +87,35 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     } else if (e.key == 'Enter' || e.code == 'Space') {
       e.stopPropagation();
       if (focusedRef.current.index < 0) return;
-      var focusedItem = item.items[focusedRef.current.index];
+      const focusedItem = item.items[focusedRef.current.index];
       if (focusedItem.type == 'desktopgroup') {
-        dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current), [focusedItem.id]);
+        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 ? void 0 : _allRefs$focusedRef$c.click();
+        allRefs[focusedRef.current.index].current?.click();
         forceUpdate({});
       }
 
       //just trigger rerendering
     }
   };
-  var setNewFocusedElement = function setNewFocusedElement(index) {
-    var _oldFocusedElement$cu;
-    var newFocusedElement = index >= 0 ? allRefs[index] : null;
-    var oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
+  const setNewFocusedElement = index => {
+    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 ? void 0 : (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 ? 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 ? 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('');
   };
-  var onFocus = function onFocus(event) {
+  const onFocus = event => {
     event.stopPropagation();
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2["default"])(nestPath !== null && nestPath !== void 0 ? nestPath : []);
+    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];
     setNewFocusedElement(0);
     forceUpdate({});
   };
-  var onBlur = function onBlur(event) {
+  const onBlur = event => {
     event.stopPropagation();
     setNewFocusedElement(-1);
   };
@@ -150,39 +130,27 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "aria-labelledby": ariaLabelledBy,
       onBlur: onBlur,
       onFocus: onFocus,
-      onKeyDown: function onKeyDown(event) {
-        return _onKeyDown(event);
-      },
+      onKeyDown: event => onKeyDown(event),
       tabIndex: 0,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSection, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSectionList, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs["default"], {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
             size: _types.Size.Medium,
-            children: item.items.map(function (entry, index) {
-              var _entry$label2;
-              var isGroup = entry.type == 'desktopgroup';
-              var key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
-              var SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(function (x) {
-                return x == entry.id;
-              }));
+            children: item.items.map((entry, index) => {
+              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'
                   },
-                  onMouseEnter: function onMouseEnter(event) {
-                    return _onMouseEnter(event, entry.id);
-                  },
-                  onMouseLeave: function onMouseLeave(event) {
-                    return _onMouseLeave(event, entry.id);
-                  },
+                  onMouseEnter: event => onMouseEnter(event, entry.id),
+                  onMouseLeave: event => onMouseLeave(event, entry.id),
                   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(function (x) {
-                      return 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,
@@ -190,19 +158,19 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_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"
                     }),
                     active: SubItemOpened || Boolean(activeItemId) && activeItemId != '' && (0, _utils.checkIfContainsItem)(entry, activeItemId),
-                    onClickHandler: function onClickHandler() {}
+                    onClickHandler: () => {}
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SubMenu, {
                     ariaLabelledBy: entry.id + '_parentOption',
                     onItemFocused: onItemFocused,
                     focusedItemId: focusedItemId,
                     ref: subMenuRefs[index],
-                    nestPath: [].concat((0, _toConsumableArray2["default"])(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
+                    nestPath: [...(nestPath ?? []), entry.id],
                     onItemStateChanged: onItemStateChanged,
                     activeItemId: activeItemId,
                     dropdownMenusOpenedArray: dropdownMenusOpenedArray,
@@ -213,16 +181,14 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                 });
               }
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink["default"], {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
                   id: entry.id,
                   tabIndex: -1,
-                  to: isGroup ? '' : key,
+                  href: isGroup ? '' : key,
                   ref: allRefs[index],
-                  onActiveStateChanged: function onActiveStateChanged(state) {
-                    return onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state);
-                  },
+                  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"
@@ -241,17 +207,16 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })
   });
 });
-exports.SubMenu = SubMenu;
 SubMenu.propTypes = {
-  index: _propTypes["default"].number.isRequired,
-  topLevel: _propTypes["default"].bool.isRequired,
-  onSubMenuOpened: _propTypes["default"].func,
-  onSubMenuHidden: _propTypes["default"].func,
-  onItemStateChanged: _propTypes["default"].func,
-  onItemFocused: _propTypes["default"].func,
-  focusedItemId: _propTypes["default"].string,
-  activeItemId: _propTypes["default"].string,
-  nestPath: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  ariaLabelledBy: _propTypes["default"].string
+  index: _propTypes.default.number.isRequired,
+  topLevel: _propTypes.default.bool.isRequired,
+  onSubMenuOpened: _propTypes.default.func,
+  onSubMenuHidden: _propTypes.default.func,
+  onItemStateChanged: _propTypes.default.func,
+  onItemFocused: _propTypes.default.func,
+  focusedItemId: _propTypes.default.string,
+  activeItemId: _propTypes.default.string,
+  nestPath: _propTypes.default.arrayOf(_propTypes.default.string),
+  ariaLabelledBy: _propTypes.default.string
 };
 //# sourceMappingURL=SubMenu.cjs.map