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

package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs

@@ -1,59 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _icons = require("../../icons");
 var _styles = require("../../styles");
-var _reactRouterDom = require("react-router-dom");
 var _Button = require("../../Button");
 var _assets = require("../../assets");
 var _MobileMenuHeader = _interopRequireDefault(require("./MobileMenuHeader"));
 var _MobileMenuContent = _interopRequireDefault(require("./MobileMenuContent"));
 var _StackState = require("../../common/StackState");
 var _rooks = require("rooks");
+var _NavigationProvider = require("../../Navigation/NavigationProvider");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), _styles.Z_INDEXES.off_canvas, _styles.BREAKPOINTS.SMALL);
-var SwitcherLabel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: auto;\n"])));
-var MobileFooter = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: 48px;\n\n  padding: 0 4px 0 16px;\n  border-top: 1px solid ", ";\n\n  ", "\n  ", " {\n    height: 56px;\n    padding: 4px 8px 4px 16px;\n    ", "\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_200', props.theme);
-}, function (props) {
-  return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-}, _styles.BREAKPOINTS.SMALL, function (props) {
-  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-});
-var CustomContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
-var MobileMenu = function MobileMenu(_ref) {
-  var _current$header, _current$header$butto;
-  var show = _ref.show,
-    profile = _ref.profile,
-    buttons = _ref.buttons,
-    label = _ref.label,
-    header = _ref.header,
-    items = _ref.items,
-    footer = _ref.footer,
-    action = _ref.action,
-    onClose = _ref.onClose;
-  var _useStackState = (0, _StackState.useStackState)(),
-    reset = _useStackState.reset,
-    length = _useStackState.length,
-    push = _useStackState.push,
-    pop = _useStackState.pop,
-    peek = _useStackState.peek;
-  var isMediumScreen = (0, _rooks.useMediaMatch)(_styles.BREAKPOINTS.LARGE.replace('@media ', ''));
-  var location = (0, _reactRouterDom.useLocation)();
-  var onSubMenuOpen = function onSubMenuOpen(menu) {
-    switch (menu === null || menu === void 0 ? void 0 : menu.type) {
+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 Wrapper = _styledComponents.default.div`
+  width: 320px;
+  z-index: ${_styles.Z_INDEXES.off_canvas};
+  height: 100%;
+  box-sizing: border-box;
+
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  ${_styles.BREAKPOINTS.SMALL} {
+    width: 400px;
+  }
+`;
+const SwitcherLabel = _styledComponents.default.div`
+  margin-left: auto;
+`;
+const MobileFooter = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 48px;
+
+  padding: 0 4px 0 16px;
+  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+
+  ${props => (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${_styles.BREAKPOINTS.SMALL} {
+    height: 56px;
+    padding: 4px 8px 4px 16px;
+    ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const CustomContent = _styledComponents.default.div`
+  width: 100%;
+  box-sizing: border-box;
+  flex-flow: column;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+`;
+const MobileMenu = _ref => {
+  let {
+    show,
+    profile,
+    buttons,
+    label,
+    header,
+    items,
+    footer,
+    action,
+    onClose
+  } = _ref;
+  const {
+    reset,
+    length,
+    push,
+    pop,
+    peek
+  } = (0, _StackState.useStackState)();
+  const isMediumScreen = (0, _rooks.useMediaMatch)(_styles.BREAKPOINTS.LARGE.replace('@media ', ''));
+  const {
+    currentPath
+  } = (0, _NavigationProvider.useNavigation)();
+  const onSubMenuOpen = menu => {
+    switch (menu?.type) {
       case 'group':
         push({
           header: {
@@ -83,14 +115,14 @@ var MobileMenu = function MobileMenu(_ref) {
         break;
     }
   };
-  React.useEffect(function () {
+  React.useEffect(() => {
     onClose();
-  }, [location]);
-  React.useEffect(function () {
+  }, [currentPath]);
+  React.useEffect(() => {
     isMediumScreen && onClose();
   }, [isMediumScreen]);
-  React.useEffect(function () {
-    setTimeout(function () {
+  React.useEffect(() => {
+    setTimeout(() => {
       reset({
         footer: true,
         header: {
@@ -106,44 +138,38 @@ var MobileMenu = function MobileMenu(_ref) {
       });
     }, 300);
   }, [show]);
-  var current = peek();
-  var switcher = current === null || current === void 0 ? void 0 : (_current$header = current.header) === null || _current$header === void 0 ? void 0 : (_current$header$butto = _current$header.buttons) === null || _current$header$butto === void 0 ? void 0 : _current$header$butto.find(function (a) {
-    return a.type === 'switcher';
-  });
+  const current = peek();
+  const switcher = current?.header?.buttons?.find(a => a.type === 'switcher');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader["default"], {
-      buttons: current === null || current === void 0 ? void 0 : current.header.buttons,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader.default, {
+      buttons: current?.header.buttons,
       onGoBack: length > 1 ? pop : undefined,
       onSubMenuOpen: onSubMenuOpen,
       profile: profile,
-      label: current === null || current === void 0 ? void 0 : current.header.label,
+      label: current?.header.label,
       onClose: onClose
-    }), (current === null || current === void 0 ? void 0 : current.customContent) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomContent, {
-      children: current === null || current === void 0 ? void 0 : current.customContent()
-    }), (current === null || current === void 0 ? void 0 : current.content) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent["default"], {
-      header: current === null || current === void 0 ? void 0 : current.content.header,
-      items: current === null || current === void 0 ? void 0 : current.content.items,
-      footer: current === null || current === void 0 ? void 0 : current.content.footer,
-      action: current === null || current === void 0 ? void 0 : current.content.action,
+    }), current?.customContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomContent, {
+      children: current?.customContent()
+    }), current?.content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent.default, {
+      header: current?.content.header,
+      items: current?.content.items,
+      footer: current?.content.footer,
+      action: current?.content.action,
       onSubMenuOpen: onSubMenuOpen
-    }), (current === null || current === void 0 ? void 0 : current.footer) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileFooter, {
+    }), current?.footer && /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileFooter, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_assets.LaerdalLogo, {
         height: '36px',
         width: '66px'
       }), switcher && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitcherLabel, {
           className: 'globalNav-toggler',
-          onClick: function onClick() {
-            return switcher.action && switcher.action() && onClose();
-          },
+          onClick: () => switcher.action && switcher.action() && onClose(),
           children: label || 'Switch site'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
           variant: 'secondary',
           shape: 'circular',
           id: "globalNavAppsButton",
-          action: function action() {
-            return switcher.action && switcher.action() && onClose();
-          },
+          action: () => switcher.action && switcher.action() && onClose(),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.SwitchApp, {
             size: "24px"
           })
@@ -153,9 +179,8 @@ var MobileMenu = function MobileMenu(_ref) {
   });
 };
 MobileMenu.propTypes = {
-  show: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func.isRequired
+  show: _propTypes.default.bool,
+  onClose: _propTypes.default.func.isRequired
 };
-var _default = MobileMenu;
-exports["default"] = _default;
+var _default = exports.default = MobileMenu;
 //# sourceMappingURL=MobileMenu.cjs.map

package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_reactRouterDom","_Button","_assets","_MobileMenuHeader","_MobileMenuContent","_StackState","_rooks","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","SwitcherLabel","MobileFooter","props","COLORS","getColor","theme","ComponentXSStyling","ComponentTextStyle","Bold","ComponentSStyling","CustomContent","MobileMenu","_ref","_current$header","_current$header$butto","show","profile","buttons","label","header","items","footer","action","onClose","_useStackState","useStackState","reset","length","push","pop","peek","isMediumScreen","useMediaMatch","LARGE","replace","location","useLocation","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","jsxs","children","jsx","onGoBack","undefined","LaerdalLogo","height","width","Fragment","className","onClick","IconButton","variant","shape","id","SystemIcons","SwitchApp","size","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const location = useLocation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [location]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_Button","_assets","_MobileMenuHeader","_MobileMenuContent","_StackState","_rooks","_NavigationProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","SwitcherLabel","MobileFooter","props","COLORS","getColor","theme","ComponentXSStyling","ComponentTextStyle","Bold","ComponentSStyling","CustomContent","MobileMenu","_ref","show","profile","buttons","label","header","items","footer","action","onClose","reset","length","push","pop","peek","useStackState","isMediumScreen","useMediaMatch","LARGE","replace","currentPath","useNavigation","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","jsxs","children","jsx","onGoBack","undefined","LaerdalLogo","height","width","Fragment","className","onClick","IconButton","variant","shape","id","SystemIcons","SwitchApp","size","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\nimport { useNavigation } from '../../Navigation/NavigationProvider';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const {currentPath} = useNavigation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [currentPath]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenu.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { MobileNavigationMenuProps, ProfileMenu } from '../types';
-type Props = MobileNavigationMenuProps & {
-    profile?: ProfileMenu;
-    show?: boolean;
-    onClose: () => void;
-};
-declare const MobileMenu: ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => React.JSX.Element;
-export default MobileMenu;
+import * as React from 'react';
+import { MobileNavigationMenuProps, ProfileMenu } from '../types';
+type Props = MobileNavigationMenuProps & {
+    profile?: ProfileMenu;
+    show?: boolean;
+    onClose: () => void;
+};
+declare const MobileMenu: ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => React.JSX.Element;
+export default MobileMenu;

package/dist/GlobalNavigationBar/mobile/MobileMenu.js

@@ -1,51 +1,82 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import * as React from 'react';
 import styled from 'styled-components';
 import { SystemIcons } from '../../icons';
 import { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';
-import { useLocation } from 'react-router-dom';
 import { IconButton } from '../../Button';
 import { LaerdalLogo } from '../../assets';
 import MobileMenuHeader from './MobileMenuHeader';
 import MobileMenuContent from './MobileMenuContent';
 import { useStackState } from '../../common/StackState';
 import { useMediaMatch } from 'rooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
-var SwitcherLabel = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: auto;\n"])));
-var MobileFooter = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: 48px;\n\n  padding: 0 4px 0 16px;\n  border-top: 1px solid ", ";\n\n  ", "\n  ", " {\n    height: 56px;\n    padding: 4px 8px 4px 16px;\n    ", "\n  }\n"])), function (props) {
-  return COLORS.getColor('neutral_200', props.theme);
-}, function (props) {
-  return ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-}, BREAKPOINTS.SMALL, function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-});
-var CustomContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
-var MobileMenu = function MobileMenu(_ref) {
-  var _current$header, _current$header$butto;
-  var show = _ref.show,
-    profile = _ref.profile,
-    buttons = _ref.buttons,
-    label = _ref.label,
-    header = _ref.header,
-    items = _ref.items,
-    footer = _ref.footer,
-    action = _ref.action,
-    onClose = _ref.onClose;
-  var _useStackState = useStackState(),
-    reset = _useStackState.reset,
-    length = _useStackState.length,
-    push = _useStackState.push,
-    pop = _useStackState.pop,
-    peek = _useStackState.peek;
-  var isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));
-  var location = useLocation();
-  var onSubMenuOpen = function onSubMenuOpen(menu) {
-    switch (menu === null || menu === void 0 ? void 0 : menu.type) {
+import { useNavigation } from '../../Navigation/NavigationProvider';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const Wrapper = styled.div`
+  width: 320px;
+  z-index: ${Z_INDEXES.off_canvas};
+  height: 100%;
+  box-sizing: border-box;
+
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  ${BREAKPOINTS.SMALL} {
+    width: 400px;
+  }
+`;
+const SwitcherLabel = styled.div`
+  margin-left: auto;
+`;
+const MobileFooter = styled.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 48px;
+
+  padding: 0 4px 0 16px;
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+
+  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  ${BREAKPOINTS.SMALL} {
+    height: 56px;
+    padding: 4px 8px 4px 16px;
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const CustomContent = styled.div`
+  width: 100%;
+  box-sizing: border-box;
+  flex-flow: column;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+`;
+const MobileMenu = _ref => {
+  let {
+    show,
+    profile,
+    buttons,
+    label,
+    header,
+    items,
+    footer,
+    action,
+    onClose
+  } = _ref;
+  const {
+    reset,
+    length,
+    push,
+    pop,
+    peek
+  } = useStackState();
+  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));
+  const {
+    currentPath
+  } = useNavigation();
+  const onSubMenuOpen = menu => {
+    switch (menu?.type) {
       case 'group':
         push({
           header: {
@@ -75,14 +106,14 @@ var MobileMenu = function MobileMenu(_ref) {
         break;
     }
   };
-  React.useEffect(function () {
+  React.useEffect(() => {
     onClose();
-  }, [location]);
-  React.useEffect(function () {
+  }, [currentPath]);
+  React.useEffect(() => {
     isMediumScreen && onClose();
   }, [isMediumScreen]);
-  React.useEffect(function () {
-    setTimeout(function () {
+  React.useEffect(() => {
+    setTimeout(() => {
       reset({
         footer: true,
         header: {
@@ -98,44 +129,38 @@ var MobileMenu = function MobileMenu(_ref) {
       });
     }, 300);
   }, [show]);
-  var current = peek();
-  var switcher = current === null || current === void 0 ? void 0 : (_current$header = current.header) === null || _current$header === void 0 ? void 0 : (_current$header$butto = _current$header.buttons) === null || _current$header$butto === void 0 ? void 0 : _current$header$butto.find(function (a) {
-    return a.type === 'switcher';
-  });
+  const current = peek();
+  const switcher = current?.header?.buttons?.find(a => a.type === 'switcher');
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [/*#__PURE__*/_jsx(MobileMenuHeader, {
-      buttons: current === null || current === void 0 ? void 0 : current.header.buttons,
+      buttons: current?.header.buttons,
       onGoBack: length > 1 ? pop : undefined,
       onSubMenuOpen: onSubMenuOpen,
       profile: profile,
-      label: current === null || current === void 0 ? void 0 : current.header.label,
+      label: current?.header.label,
       onClose: onClose
-    }), (current === null || current === void 0 ? void 0 : current.customContent) && /*#__PURE__*/_jsx(CustomContent, {
-      children: current === null || current === void 0 ? void 0 : current.customContent()
-    }), (current === null || current === void 0 ? void 0 : current.content) && /*#__PURE__*/_jsx(MobileMenuContent, {
-      header: current === null || current === void 0 ? void 0 : current.content.header,
-      items: current === null || current === void 0 ? void 0 : current.content.items,
-      footer: current === null || current === void 0 ? void 0 : current.content.footer,
-      action: current === null || current === void 0 ? void 0 : current.content.action,
+    }), current?.customContent && /*#__PURE__*/_jsx(CustomContent, {
+      children: current?.customContent()
+    }), current?.content && /*#__PURE__*/_jsx(MobileMenuContent, {
+      header: current?.content.header,
+      items: current?.content.items,
+      footer: current?.content.footer,
+      action: current?.content.action,
       onSubMenuOpen: onSubMenuOpen
-    }), (current === null || current === void 0 ? void 0 : current.footer) && /*#__PURE__*/_jsxs(MobileFooter, {
+    }), current?.footer && /*#__PURE__*/_jsxs(MobileFooter, {
       children: [/*#__PURE__*/_jsx(LaerdalLogo, {
         height: '36px',
         width: '66px'
       }), switcher && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(SwitcherLabel, {
           className: 'globalNav-toggler',
-          onClick: function onClick() {
-            return switcher.action && switcher.action() && onClose();
-          },
+          onClick: () => switcher.action && switcher.action() && onClose(),
           children: label || 'Switch site'
         }), /*#__PURE__*/_jsx(IconButton, {
           variant: 'secondary',
           shape: 'circular',
           id: "globalNavAppsButton",
-          action: function action() {
-            return switcher.action && switcher.action() && onClose();
-          },
+          action: () => switcher.action && switcher.action() && onClose(),
           children: /*#__PURE__*/_jsx(SystemIcons.SwitchApp, {
             size: "24px"
           })

package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenu.js","names":["React","styled","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","useLocation","IconButton","LaerdalLogo","MobileMenuHeader","MobileMenuContent","useStackState","useMediaMatch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","SwitcherLabel","_templateObject2","MobileFooter","_templateObject3","props","getColor","theme","Bold","CustomContent","_templateObject4","MobileMenu","_ref","_current$header","_current$header$butto","show","profile","buttons","label","header","items","footer","action","onClose","_useStackState","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","location","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","children","onGoBack","undefined","height","width","className","onClick","variant","shape","id","SwitchApp","size","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const location = useLocation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [location]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenu.js","names":["React","styled","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","IconButton","LaerdalLogo","MobileMenuHeader","MobileMenuContent","useStackState","useMediaMatch","useNavigation","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Wrapper","div","off_canvas","SMALL","SwitcherLabel","MobileFooter","props","getColor","theme","Bold","CustomContent","MobileMenu","_ref","show","profile","buttons","label","header","items","footer","action","onClose","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","currentPath","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","children","onGoBack","undefined","height","width","className","onClick","variant","shape","id","SwitchApp","size","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\nimport { useNavigation } from '../../Navigation/NavigationProvider';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const {currentPath} = useNavigation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [currentPath]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,aAAa;AACvC,SAASC,WAAW,EAAEC,MAAM,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,kBAAkB,EAAEC,SAAS,QAAQ,cAAc;AACxH,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,cAAc;AAgB1C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,aAAa,QAAQ,OAAO;AACrC,SAASC,aAAa,QAAQ,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,OAAO,GAAGrB,MAAM,CAACsB,GAAG;AAC1B;AACA,aAAaf,SAAS,CAACgB,UAAU;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIrB,WAAW,CAACsB,KAAK;AACrB;AACA;AACA,CAAC;AAED,MAAMC,aAAa,GAAGzB,MAAM,CAACsB,GAAG;AAChC;AACA,CAAC;AAED,MAAMI,YAAY,GAAG1B,MAAM,CAACsB,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BK,KAAK,IAAIxB,MAAM,CAACyB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC9E;AACA,IAAIF,KAAK,IAAIrB,kBAAkB,CAACD,kBAAkB,CAACyB,IAAI,EAAE3B,MAAM,CAACyB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACrG,IAAI3B,WAAW,CAACsB,KAAK;AACrB;AACA;AACA,MAAMG,KAAK,IAAIvB,iBAAiB,CAACC,kBAAkB,CAACyB,IAAI,EAAE3B,MAAM,CAACyB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACtG;AACA,CAAC;AAED,MAAME,aAAa,GAAG/B,MAAM,CAACsB,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAuBD,MAAMU,UAAU,GAAGC,IAAA,IAAsF;EAAA,IAArF;IAAEC,IAAI;IAAEC,OAAO;IAAEC,OAAO;IAAEC,KAAK;IAAEC,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAe,CAAC,GAAAT,IAAA;EAClG,MAAM;IAAEU,KAAK;IAAEC,MAAM;IAAEC,IAAI;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGnC,aAAa,CAAY,CAAC;EAErE,MAAMoC,cAAc,GAAGnC,aAAa,CAACX,WAAW,CAAC+C,KAAK,CAACC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE9E,MAAM;IAACC;EAAW,CAAC,GAAGrC,aAAa,CAAC,CAAC;EAErC,MAAMsC,aAAa,GAAIC,IAAgE,IAAK;IAC1F,QAAQA,IAAI,EAAEC,IAAI;MAChB,KAAK,OAAO;QACVT,IAAI,CAAC;UACHP,MAAM,EAAE;YACND,KAAK,EAAEgB,IAAI,CAAChB,KAAK;YACjBD,OAAO,EAAEiB,IAAI,CAACjB;UAChB,CAAC;UACDmB,OAAO,EAAE;YACPjB,MAAM,EAAEe,IAAI,CAACf,MAAM;YACnBC,KAAK,EAAEc,IAAI,CAACd,KAAK;YACjBC,MAAM,EAAEa,IAAI,CAACb,MAAM;YACnBC,MAAM,EAAEY,IAAI,CAACZ;UACf,CAAC;UACDD,MAAM,EAAE;QACV,CAAC,CAAC;QACF;MACF,KAAK,QAAQ;QACXK,IAAI,CAAC;UACHP,MAAM,EAAE;YACND,KAAK,EAAEgB,IAAI,CAAChB,KAAK;YACjBD,OAAO,EAAEiB,IAAI,CAACjB;UAChB,CAAC;UACDoB,aAAa,EAAEH,IAAI,CAACI,MAAM;UAC1BjB,MAAM,EAAE;QACV,CAAC,CAAC;QACF;MACF;QACE;IACJ;EACF,CAAC;EAEDzC,KAAK,CAAC2D,SAAS,CAAC,MAAM;IACpBhB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACS,WAAW,CAAC,CAAC;EAEjBpD,KAAK,CAAC2D,SAAS,CAAC,MAAM;IACpBV,cAAc,IAAIN,OAAO,CAAC,CAAC;EAC7B,CAAC,EAAE,CAACM,cAAc,CAAC,CAAC;EAEpBjD,KAAK,CAAC2D,SAAS,CAAC,MAAM;IACpBC,UAAU,CAAC,MAAM;MACfhB,KAAK,CAAC;QACJH,MAAM,EAAE,IAAI;QACZF,MAAM,EAAE;UACND,KAAK,EAAEA,KAAK;UACZD,OAAO,EAAEA;QACX,CAAC;QACDmB,OAAO,EAAE;UACPjB,MAAM,EAAEA,MAAM;UACdC,KAAK,EAAEA,KAAK;UACZC,MAAM,EAAEA,MAAM;UACdC,MAAM,EAAEA;QACV;MACF,CAAC,CAAC;IACJ,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;EAEV,MAAM0B,OAAO,GAAGb,IAAI,CAAC,CAAC;EAEtB,MAAMc,QAAQ,GAAGD,OAAO,EAAEtB,MAAM,EAAEF,OAAO,EAAE0B,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACT,IAAI,KAAK,UAAU,CAAuB;EAEnG,oBACElC,KAAA,CAACC,OAAO;IAAA2C,QAAA,gBACNhD,IAAA,CAACN,gBAAgB;MACf0B,OAAO,EAAEwB,OAAO,EAAEtB,MAAM,CAACF,OAAQ;MACjC6B,QAAQ,EAAErB,MAAM,GAAG,CAAC,GAAGE,GAAG,GAAGoB,SAAU;MACvCd,aAAa,EAAEA,aAAc;MAC7BjB,OAAO,EAAEA,OAAQ;MACjBE,KAAK,EAAEuB,OAAO,EAAEtB,MAAM,CAACD,KAAM;MAC7BK,OAAO,EAAEA;IAAQ,CAClB,CAAC,EACDkB,OAAO,EAAEJ,aAAa,iBAAIxC,IAAA,CAACe,aAAa;MAAAiC,QAAA,EAAEJ,OAAO,EAAEJ,aAAa,CAAC;IAAC,CAAgB,CAAC,EACnFI,OAAO,EAAEL,OAAO,iBACfvC,IAAA,CAACL,iBAAiB;MAChB2B,MAAM,EAAEsB,OAAO,EAAEL,OAAO,CAACjB,MAAO;MAChCC,KAAK,EAAEqB,OAAO,EAAEL,OAAO,CAAChB,KAAM;MAC9BC,MAAM,EAAEoB,OAAO,EAAEL,OAAO,CAACf,MAAO;MAChCC,MAAM,EAAEmB,OAAO,EAAEL,OAAO,CAACd,MAAO;MAChCW,aAAa,EAAEA;IAAc,CAC9B,CACF,EAEAQ,OAAO,EAAEpB,MAAM,iBACdpB,KAAA,CAACM,YAAY;MAAAsC,QAAA,gBACXhD,IAAA,CAACP,WAAW;QAAC0D,MAAM,EAAE,MAAO;QAACC,KAAK,EAAE;MAAO,CAAE,CAAC,EAC7CP,QAAQ,iBACPzC,KAAA,CAAAF,SAAA;QAAA8C,QAAA,gBACEhD,IAAA,CAACS,aAAa;UAAC4C,SAAS,EAAE,mBAAoB;UAACC,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAACpB,MAAM,IAAIoB,QAAQ,CAACpB,MAAM,CAAC,CAAC,IAAIC,OAAO,CAAC,CAAE;UAAAsB,QAAA,EAC7G3B,KAAK,IAAI;QAAa,CACV,CAAC,eAChBrB,IAAA,CAACR,UAAU;UAAC+D,OAAO,EAAE,WAAY;UAACC,KAAK,EAAE,UAAW;UAACC,EAAE,EAAC,qBAAqB;UAAChC,MAAM,EAAEA,CAAA,KAAMoB,QAAQ,CAACpB,MAAM,IAAIoB,QAAQ,CAACpB,MAAM,CAAC,CAAC,IAAIC,OAAO,CAAC,CAAE;UAAAsB,QAAA,eAC5IhD,IAAA,CAACf,WAAW,CAACyE,SAAS;YAACC,IAAI,EAAC;UAAM,CAAC;QAAC,CAC1B,CAAC;MAAA,CACb,CACH;IAAA,CACW,CACf;EAAA,CACM,CAAC;AAEd,CAAC;AAAC3C,UAAA,CAAA4C,SAAA;EA9HA1C,IAAI,EAAA2C,GAAA,CAAAC,IAAA;EACJpC,OAAO,EAAAmC,GAAA,CAAAE,IAAA,CAAAC;AAAA;AA+HT,eAAehD,UAAU","ignoreList":[]}