@laerdal/life-react-components 3.4.2 → 3.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"MobileActionContainer.js","names":["React","styled","Button","BREAKPOINTS","COLORS","Size","useMediaMatch","ActionContainer","div","neutral_200","SMALL","MobileActionContainer","disabled","variant","icon","label","loading","action","isSmallScreen","replace","Medium","Small"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../../Button';\nimport { BREAKPOINTS, COLORS } from '../../styles';\nimport { Size } from '../../types';\nimport { MenuButton } from '../types';\nimport {useMediaMatch} from \"rooks\";\n\nconst ActionContainer = styled.div`\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ${COLORS.neutral_200};\n  display: flex;\n  flex-direction: column;\n\n  ${BREAKPOINTS.SMALL} {\n    padding: 16px;\n  }\n`;\n\ninterface MobileActionContainerProps extends MenuButton {}\n\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\n\n  return (\n    <ActionContainer>\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\n        {label}\n      </Button>\n    </ActionContainer>\n  );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,WAAW,EAAEC,MAAM,QAAQ,cAAc;AAClD,SAASC,IAAI,QAAQ,aAAa;AAElC,SAAQC,aAAa,QAAO,OAAO;AAAC;AAEpC,IAAMC,eAAe,GAAGN,MAAM,CAACO,GAAG,0OAGRJ,MAAM,CAACK,WAAW,EAIxCN,WAAW,CAACO,KAAK,CAGpB;AAID,OAAO,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0E,OAA0E;EAAA,IAApEC,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,WAAW;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,MAAM,QAANA,MAAM;EACxJ,IAAMC,aAAa,GAAGZ,aAAa,CAACH,WAAW,CAACO,KAAK,CAACS,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACE,KAAC,eAAe;IAAA,uBACd,KAAC,MAAM;MAAC,OAAO,EAAEN,OAAQ;MAAC,IAAI,EAAEK,aAAa,GAAGb,IAAI,CAACe,MAAM,GAAGf,IAAI,CAACgB,KAAM;MAAC,QAAQ,EAAET,QAAS;MAAC,IAAI,EAAEE,IAAK;MAAC,OAAO,EAAEE,OAAQ;MAAC,OAAO,EAAEC,MAAO;MAAA,UACzIF;IAAK;EACC,EACO;AAEtB,CAAC"}
+{"version":3,"file":"MobileActionContainer.js","names":["React","styled","Button","BREAKPOINTS","COLORS","Size","useMediaMatch","ActionContainer","div","neutral_200","SMALL","MobileActionContainer","disabled","variant","icon","label","loading","action","isSmallScreen","replace","Medium","Small"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Button } from '../../Button';\r\nimport { BREAKPOINTS, COLORS } from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { MenuButton } from '../types';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst ActionContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileActionContainerProps extends MenuButton {}\r\n\r\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  return (\r\n    <ActionContainer>\r\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\r\n        {label}\r\n      </Button>\r\n    </ActionContainer>\r\n  );\r\n};\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,WAAW,EAAEC,MAAM,QAAQ,cAAc;AAClD,SAASC,IAAI,QAAQ,aAAa;AAElC,SAAQC,aAAa,QAAO,OAAO;AAAC;AAEpC,IAAMC,eAAe,GAAGN,MAAM,CAACO,GAAG,0OAGRJ,MAAM,CAACK,WAAW,EAIxCN,WAAW,CAACO,KAAK,CAGpB;AAID,OAAO,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0E,OAA0E;EAAA,IAApEC,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,WAAW;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,MAAM,QAANA,MAAM;EACxJ,IAAMC,aAAa,GAAGZ,aAAa,CAACH,WAAW,CAACO,KAAK,CAACS,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACE,KAAC,eAAe;IAAA,uBACd,KAAC,MAAM;MAAC,OAAO,EAAEN,OAAQ;MAAC,IAAI,EAAEK,aAAa,GAAGb,IAAI,CAACe,MAAM,GAAGf,IAAI,CAACgB,KAAM;MAAC,QAAQ,EAAET,QAAS;MAAC,IAAI,EAAEE,IAAK;MAAC,OAAO,EAAEE,OAAQ;MAAC,OAAO,EAAEC,MAAO;MAAA,UACzIF;IAAK;EACC,EACO;AAEtB,CAAC"}

package/dist/GlobalNavigationBar/mobile/MobileActionMenu.cjs

@@ -0,0 +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"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Actions = _interopRequireDefault(require("../Actions"));
+
+var _ExitMenuButton = _interopRequireDefault(require("./ExitMenuButton"));
+
+var _CommonStyles = require("./CommonStyles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FirstRowLayout = (0, _styledComponents.default)(_CommonStyles.RowLayout)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 5px;\n"])));
+
+var MobileActionMenu = function MobileActionMenu(_ref) {
+  var clickMenuAction = _ref.clickMenuAction,
+      navigationOptions = _ref.navigationOptions,
+      firstName = _ref.firstName,
+      lastName = _ref.lastName,
+      actionList = _ref.actionList;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.Menu, {
+    role: "menu",
+    "aria-labelledby": "UserMenuButton",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(FirstRowLayout, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.default, {
+          actions: actionList,
+          firstName: firstName,
+          lastName: lastName,
+          isInMobileMenu: true,
+          useUserMenu: false,
+          setShowUserMenu: function setShowUserMenu() {}
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.Right, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExitMenuButton.default, {
+          closeMenu: clickMenuAction
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.MenuSection, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.MenuSectionList, {
+        children: navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            onClick: function onClick() {
+              return clickMenuAction();
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.MenuLink, {
+              to: no.to,
+              role: "menuitem",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                children: no.label
+              })
+            })
+          }, no.label);
+        })
+      })
+    })]
+  });
+};
+
+MobileActionMenu.propTypes = {
+  name: _propTypes.default.string.isRequired,
+  mainNavLabel: _propTypes.default.string,
+  navigationOptions: _propTypes.default.array,
+  clickMenuAction: _propTypes.default.func.isRequired,
+  firstName: _propTypes.default.string,
+  lastName: _propTypes.default.string
+};
+var _default = MobileActionMenu;
+exports.default = _default;
+//# sourceMappingURL=MobileActionMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["FirstRowLayout","RowLayout","MobileActionMenu","clickMenuAction","navigationOptions","firstName","lastName","actionList","map","no","to","label","name","mainNavLabel"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG,+BAAOC,uBAAP,CAAH,yGAApB;;AAeA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoF;AAAA,MAAjFC,eAAiF,QAAjFA,eAAiF;AAAA,MAAhEC,iBAAgE,QAAhEA,iBAAgE;AAAA,MAA7CC,SAA6C,QAA7CA,SAA6C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;AAC3G,sBACE,sBAAC,kBAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,uBAAgB,gBAAlC;AAAA,4BACE,sBAAC,cAAD;AAAA,8BACE;AAAA,+BACE,qBAAC,gBAAD;AAAS,UAAA,OAAO,EAAEA,UAAlB;AAA8B,UAAA,SAAS,EAAEF,SAAzC;AAAoD,UAAA,QAAQ,EAAEC,QAA9D;AAAwE,UAAA,cAAc,EAAE,IAAxF;AAA8F,UAAA,WAAW,EAAE,KAA3G;AAAkH,UAAA,eAAe,EAAE,2BAAM,CAAE;AAA3I;AADF,QADF,eAIE,qBAAC,mBAAD;AAAA,+BACE,qBAAC,uBAAD;AAAgB,UAAA,SAAS,EAAEH;AAA3B;AADF,QAJF;AAAA,MADF,eASE,qBAAC,yBAAD;AAAA,6BACE,qBAAC,6BAAD;AAAA,kBACGC,iBADH,aACGA,iBADH,uBACGA,iBAAiB,CAAEI,GAAnB,CAAuB,UAAAC,EAAE;AAAA,8BACxB;AAAmB,YAAA,OAAO,EAAE;AAAA,qBAAMN,eAAe,EAArB;AAAA,aAA5B;AAAA,mCACE,qBAAC,sBAAD;AAAU,cAAA,EAAE,EAAEM,EAAE,CAACC,EAAjB;AAAqB,cAAA,IAAI,EAAC,UAA1B;AAAA,qCACE;AAAA,0BAAMD,EAAE,CAACE;AAAT;AADF;AADF,aAASF,EAAE,CAACE,KAAZ,CADwB;AAAA,SAAzB;AADH;AADF,MATF;AAAA,IADF;AAuBD,CAxBD;;;AAVEC,EAAAA,I;AACAC,EAAAA,Y;AACAT,EAAAA,iB;AAEAD,EAAAA,e;AACAE,EAAAA,S;AACAC,EAAAA,Q;;eA8BaJ,gB","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavOption, ActionOptions } from '../../types';\r\nimport Actions from '../Actions';\r\nimport ExitMenuButton from './ExitMenuButton';\r\nimport { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';\r\n\r\nconst FirstRowLayout = styled(RowLayout)`\r\n  margin-top: 5px;\r\n`;\r\n\r\ntype Props = {\r\n  name: string;\r\n  mainNavLabel?: string;\r\n  navigationOptions?: NavOption[];\r\n  actions?: ActionOptions;\r\n  clickMenuAction: () => void;\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actionList?: ActionOptions;\r\n};\r\n\r\nconst MobileActionMenu = ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => {\r\n  return (\r\n    <Menu role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <FirstRowLayout>\r\n        <>\r\n          <Actions actions={actionList} firstName={firstName} lastName={lastName} isInMobileMenu={true} useUserMenu={false} setShowUserMenu={() => {}} />\r\n        </>\r\n        <Right>\r\n          <ExitMenuButton closeMenu={clickMenuAction} />\r\n        </Right>\r\n      </FirstRowLayout>\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          {navigationOptions?.map(no => (\r\n            <li key={no.label} onClick={() => clickMenuAction()}>\r\n              <MenuLink to={no.to} role=\"menuitem\">\r\n                <div>{no.label}</div>\r\n              </MenuLink>\r\n            </li>\r\n          ))}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileActionMenu;\r\n"],"file":"MobileActionMenu.cjs"}

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

@@ -0,0 +1,13 @@
+import { NavOption, ActionOptions } from '../../types';
+declare type Props = {
+    name: string;
+    mainNavLabel?: string;
+    navigationOptions?: NavOption[];
+    actions?: ActionOptions;
+    clickMenuAction: () => void;
+    firstName?: string;
+    lastName?: string;
+    actionList?: ActionOptions;
+};
+declare const MobileActionMenu: ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => JSX.Element;
+export default MobileActionMenu;

package/dist/GlobalNavigationBar/mobile/MobileActionMenu.js

@@ -0,0 +1,70 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
+
+var _templateObject;
+
+import * as React from 'react';
+import styled from 'styled-components';
+import Actions from '../Actions';
+import ExitMenuButton from './ExitMenuButton';
+import { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';
+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 FirstRowLayout = styled(RowLayout)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 5px;\n"])));
+
+var MobileActionMenu = function MobileActionMenu(_ref) {
+  var clickMenuAction = _ref.clickMenuAction,
+      navigationOptions = _ref.navigationOptions,
+      firstName = _ref.firstName,
+      lastName = _ref.lastName,
+      actionList = _ref.actionList;
+  return /*#__PURE__*/_jsxs(Menu, {
+    role: "menu",
+    "aria-labelledby": "UserMenuButton",
+    children: [/*#__PURE__*/_jsxs(FirstRowLayout, {
+      children: [/*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx(Actions, {
+          actions: actionList,
+          firstName: firstName,
+          lastName: lastName,
+          isInMobileMenu: true,
+          useUserMenu: false,
+          setShowUserMenu: function setShowUserMenu() {}
+        })
+      }), /*#__PURE__*/_jsx(Right, {
+        children: /*#__PURE__*/_jsx(ExitMenuButton, {
+          closeMenu: clickMenuAction
+        })
+      })]
+    }), /*#__PURE__*/_jsx(MenuSection, {
+      children: /*#__PURE__*/_jsx(MenuSectionList, {
+        children: navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no) {
+          return /*#__PURE__*/_jsx("li", {
+            onClick: function onClick() {
+              return clickMenuAction();
+            },
+            children: /*#__PURE__*/_jsx(MenuLink, {
+              to: no.to,
+              role: "menuitem",
+              children: /*#__PURE__*/_jsx("div", {
+                children: no.label
+              })
+            })
+          }, no.label);
+        })
+      })
+    })]
+  });
+};
+
+MobileActionMenu.propTypes = {
+  name: _pt.string.isRequired,
+  mainNavLabel: _pt.string,
+  navigationOptions: _pt.array,
+  clickMenuAction: _pt.func.isRequired,
+  firstName: _pt.string,
+  lastName: _pt.string
+};
+export default MobileActionMenu;
+//# sourceMappingURL=MobileActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["React","styled","Actions","ExitMenuButton","Menu","Right","MenuSection","MenuSectionList","MenuLink","RowLayout","FirstRowLayout","MobileActionMenu","clickMenuAction","navigationOptions","firstName","lastName","actionList","map","no","to","label","name","mainNavLabel"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,WAAtB,EAAmCC,eAAnC,EAAoDC,QAApD,EAA8DC,SAA9D,QAA+E,gBAA/E;;;;AAEA,IAAMC,cAAc,GAAGT,MAAM,CAACQ,SAAD,CAAT,2FAApB;;AAeA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoF;AAAA,MAAjFC,eAAiF,QAAjFA,eAAiF;AAAA,MAAhEC,iBAAgE,QAAhEA,iBAAgE;AAAA,MAA7CC,SAA6C,QAA7CA,SAA6C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;AAC3G,sBACE,MAAC,IAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,uBAAgB,gBAAlC;AAAA,4BACE,MAAC,cAAD;AAAA,8BACE;AAAA,+BACE,KAAC,OAAD;AAAS,UAAA,OAAO,EAAEA,UAAlB;AAA8B,UAAA,SAAS,EAAEF,SAAzC;AAAoD,UAAA,QAAQ,EAAEC,QAA9D;AAAwE,UAAA,cAAc,EAAE,IAAxF;AAA8F,UAAA,WAAW,EAAE,KAA3G;AAAkH,UAAA,eAAe,EAAE,2BAAM,CAAE;AAA3I;AADF,QADF,eAIE,KAAC,KAAD;AAAA,+BACE,KAAC,cAAD;AAAgB,UAAA,SAAS,EAAEH;AAA3B;AADF,QAJF;AAAA,MADF,eASE,KAAC,WAAD;AAAA,6BACE,KAAC,eAAD;AAAA,kBACGC,iBADH,aACGA,iBADH,uBACGA,iBAAiB,CAAEI,GAAnB,CAAuB,UAAAC,EAAE;AAAA,8BACxB;AAAmB,YAAA,OAAO,EAAE;AAAA,qBAAMN,eAAe,EAArB;AAAA,aAA5B;AAAA,mCACE,KAAC,QAAD;AAAU,cAAA,EAAE,EAAEM,EAAE,CAACC,EAAjB;AAAqB,cAAA,IAAI,EAAC,UAA1B;AAAA,qCACE;AAAA,0BAAMD,EAAE,CAACE;AAAT;AADF;AADF,aAASF,EAAE,CAACE,KAAZ,CADwB;AAAA,SAAzB;AADH;AADF,MATF;AAAA,IADF;AAuBD,CAxBD;;;AAVEC,EAAAA,I;AACAC,EAAAA,Y;AACAT,EAAAA,iB;AAEAD,EAAAA,e;AACAE,EAAAA,S;AACAC,EAAAA,Q;;AA8BF,eAAeJ,gBAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavOption, ActionOptions } from '../../types';\r\nimport Actions from '../Actions';\r\nimport ExitMenuButton from './ExitMenuButton';\r\nimport { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';\r\n\r\nconst FirstRowLayout = styled(RowLayout)`\r\n  margin-top: 5px;\r\n`;\r\n\r\ntype Props = {\r\n  name: string;\r\n  mainNavLabel?: string;\r\n  navigationOptions?: NavOption[];\r\n  actions?: ActionOptions;\r\n  clickMenuAction: () => void;\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actionList?: ActionOptions;\r\n};\r\n\r\nconst MobileActionMenu = ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => {\r\n  return (\r\n    <Menu role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <FirstRowLayout>\r\n        <>\r\n          <Actions actions={actionList} firstName={firstName} lastName={lastName} isInMobileMenu={true} useUserMenu={false} setShowUserMenu={() => {}} />\r\n        </>\r\n        <Right>\r\n          <ExitMenuButton closeMenu={clickMenuAction} />\r\n        </Right>\r\n      </FirstRowLayout>\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          {navigationOptions?.map(no => (\r\n            <li key={no.label} onClick={() => clickMenuAction()}>\r\n              <MenuLink to={no.to} role=\"menuitem\">\r\n                <div>{no.label}</div>\r\n              </MenuLink>\r\n            </li>\r\n          ))}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileActionMenu;\r\n"],"file":"MobileActionMenu.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","SwitcherLabel","MobileFooter","COLORS","neutral_200","ComponentXSStyling","ComponentTextStyle","Bold","neutral_600","ComponentSStyling","CustomContent","MobileMenu","show","profile","buttons","label","header","items","footer","action","onClose","useStackState","reset","length","push","pop","peek","isMediumScreen","useMediaMatch","LARGE","replace","location","useLocation","onSubMenuOpen","menu","type","content","customContent","custom","React","useEffect","setTimeout","current","switcher","find","a","undefined"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {SystemIcons} from '../../icons';\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\nimport { useLocation } from 'react-router-dom';\nimport { IconButton } from '../../Button';\nimport { LaerdalLogo } from '../../assets';\nimport {\n  MenuAccountInfo,\n  MenuButton,\n  MenuNavigationItemTypeGroup,\n  MenuGroupFooter,\n  MenuGroupHeader,\n  MenuIconButton,\n  MenuNavigationItemTypeItem,\n  MobileNavigationMenuProps,\n  ProfileMenu,\n  MenuNavigationItemTypeSection,\n  MobileMenuButtonTypes,\n  MenuSwitcherButton,\n  MenuNavigationCustomSubMenu,\n} from '../types';\nimport MobileMenuHeader from './MobileMenuHeader';\nimport MobileMenuContent from './MobileMenuContent';\nimport { useStackState } from '../../common/StackState';\nimport { useMediaMatch } from 'rooks';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\nconst SwitcherLabel = styled.div`\n  margin-left: auto;\n`;\n\nconst MobileFooter = styled.div`\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 ${COLORS.neutral_200};\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n    padding: 4px 8px 4px 16px;\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nconst CustomContent = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\ntype Props = MobileNavigationMenuProps & {\n  profile?: ProfileMenu;\n  show?: boolean;\n  onClose: () => void;\n};\n\ninterface MenuState {\n  header: {\n    label?: string;\n    buttons?: MobileMenuButtonTypes[];\n  };\n  content?: {\n    header?: MenuGroupHeader;\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\n    footer?: MenuGroupFooter;\n    action?: MenuButton;\n  };\n  customContent?: () => React.ReactNode;\n  footer?: boolean;\n}\n\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\n\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\n\n  const location = useLocation();\n\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\n    switch (menu?.type) {\n      case 'group':\n        push({\n          header: {\n            label: menu.label,\n            buttons: menu.buttons,\n          },\n          content: {\n            header: menu.header,\n            items: menu.items,\n            footer: menu.footer,\n            action: menu.action,\n          },\n          footer: false,\n        });\n        break;\n      case 'custom':\n        push({\n          header: {\n            label: menu.label,\n            buttons: menu.buttons,\n          },\n          customContent: menu.custom,\n          footer: false,\n        });\n        break;\n      default:\n        break;\n    }\n  };\n\n  React.useEffect(() => {\n    onClose();\n  }, [location]);\n\n  React.useEffect(() => {\n    isMediumScreen && onClose();\n  }, [isMediumScreen]);\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      reset({\n        footer: true,\n        header: {\n          label: label,\n          buttons: buttons,\n        },\n        content: {\n          header: header,\n          items: items,\n          footer: footer,\n          action: action,\n        },\n      });\n    }, 300);\n  }, [show]);\n\n  const current = peek();\n\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\n\n  return (\n    <Wrapper>\n      <MobileMenuHeader\n        buttons={current?.header.buttons}\n        onGoBack={length > 1 ? pop : undefined}\n        onSubMenuOpen={onSubMenuOpen}\n        profile={profile}\n        label={current?.header.label}\n        onClose={onClose}\n      />\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\n      {current?.content && (\n        <MobileMenuContent\n          header={current?.content.header}\n          items={current?.content.items}\n          footer={current?.content.footer}\n          action={current?.content.action}\n          onSubMenuOpen={onSubMenuOpen}\n        />\n      )}\n\n      {current?.footer && (\n        <MobileFooter>\n          <LaerdalLogo height={'36px'} width={'66px'} />\n          {switcher && (\n            <>\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\n                {label || 'Switch site'}\n              </SwitcherLabel>\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\n                <SystemIcons.SwitchApp size=\"24px\"/>\n              </IconButton>\n            </>\n          )}\n        </MobileFooter>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileMenu;\n"],"mappings":"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"}
+{"version":3,"file":"MobileMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","SwitcherLabel","MobileFooter","COLORS","neutral_200","ComponentXSStyling","ComponentTextStyle","Bold","neutral_600","ComponentSStyling","CustomContent","MobileMenu","show","profile","buttons","label","header","items","footer","action","onClose","useStackState","reset","length","push","pop","peek","isMediumScreen","useMediaMatch","LARGE","replace","location","useLocation","onSubMenuOpen","menu","type","content","customContent","custom","React","useEffect","setTimeout","current","switcher","find","a","undefined"],"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 ${COLORS.neutral_200};\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\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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"}

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

@@ -1,9 +1,9 @@
-/// <reference types="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) => JSX.Element;
-export default MobileMenu;
+/// <reference types="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) => JSX.Element;
+export default MobileMenu;

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","Wrapper","div","off_canvas","SMALL","SwitcherLabel","MobileFooter","neutral_200","Bold","neutral_600","CustomContent","MobileMenu","show","profile","buttons","label","header","items","footer","action","onClose","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","location","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","undefined"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {SystemIcons} from '../../icons';\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\nimport { useLocation } from 'react-router-dom';\nimport { IconButton } from '../../Button';\nimport { LaerdalLogo } from '../../assets';\nimport {\n  MenuAccountInfo,\n  MenuButton,\n  MenuNavigationItemTypeGroup,\n  MenuGroupFooter,\n  MenuGroupHeader,\n  MenuIconButton,\n  MenuNavigationItemTypeItem,\n  MobileNavigationMenuProps,\n  ProfileMenu,\n  MenuNavigationItemTypeSection,\n  MobileMenuButtonTypes,\n  MenuSwitcherButton,\n  MenuNavigationCustomSubMenu,\n} from '../types';\nimport MobileMenuHeader from './MobileMenuHeader';\nimport MobileMenuContent from './MobileMenuContent';\nimport { useStackState } from '../../common/StackState';\nimport { useMediaMatch } from 'rooks';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\nconst SwitcherLabel = styled.div`\n  margin-left: auto;\n`;\n\nconst MobileFooter = styled.div`\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 ${COLORS.neutral_200};\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n    padding: 4px 8px 4px 16px;\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nconst CustomContent = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\ntype Props = MobileNavigationMenuProps & {\n  profile?: ProfileMenu;\n  show?: boolean;\n  onClose: () => void;\n};\n\ninterface MenuState {\n  header: {\n    label?: string;\n    buttons?: MobileMenuButtonTypes[];\n  };\n  content?: {\n    header?: MenuGroupHeader;\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\n    footer?: MenuGroupFooter;\n    action?: MenuButton;\n  };\n  customContent?: () => React.ReactNode;\n  footer?: boolean;\n}\n\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\n\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\n\n  const location = useLocation();\n\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\n    switch (menu?.type) {\n      case 'group':\n        push({\n          header: {\n            label: menu.label,\n            buttons: menu.buttons,\n          },\n          content: {\n            header: menu.header,\n            items: menu.items,\n            footer: menu.footer,\n            action: menu.action,\n          },\n          footer: false,\n        });\n        break;\n      case 'custom':\n        push({\n          header: {\n            label: menu.label,\n            buttons: menu.buttons,\n          },\n          customContent: menu.custom,\n          footer: false,\n        });\n        break;\n      default:\n        break;\n    }\n  };\n\n  React.useEffect(() => {\n    onClose();\n  }, [location]);\n\n  React.useEffect(() => {\n    isMediumScreen && onClose();\n  }, [isMediumScreen]);\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      reset({\n        footer: true,\n        header: {\n          label: label,\n          buttons: buttons,\n        },\n        content: {\n          header: header,\n          items: items,\n          footer: footer,\n          action: action,\n        },\n      });\n    }, 300);\n  }, [show]);\n\n  const current = peek();\n\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\n\n  return (\n    <Wrapper>\n      <MobileMenuHeader\n        buttons={current?.header.buttons}\n        onGoBack={length > 1 ? pop : undefined}\n        onSubMenuOpen={onSubMenuOpen}\n        profile={profile}\n        label={current?.header.label}\n        onClose={onClose}\n      />\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\n      {current?.content && (\n        <MobileMenuContent\n          header={current?.content.header}\n          items={current?.content.items}\n          footer={current?.content.footer}\n          action={current?.content.action}\n          onSubMenuOpen={onSubMenuOpen}\n        />\n      )}\n\n      {current?.footer && (\n        <MobileFooter>\n          <LaerdalLogo height={'36px'} width={'66px'} />\n          {switcher && (\n            <>\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\n                {label || 'Switch site'}\n              </SwitcherLabel>\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\n                <SystemIcons.SwitchApp size=\"24px\"/>\n              </IconButton>\n            </>\n          )}\n        </MobileFooter>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileMenu;\n"],"mappings":"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"}
+{"version":3,"file":"MobileMenu.js","names":["React","styled","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","useLocation","IconButton","LaerdalLogo","MobileMenuHeader","MobileMenuContent","useStackState","useMediaMatch","Wrapper","div","off_canvas","SMALL","SwitcherLabel","MobileFooter","neutral_200","Bold","neutral_600","CustomContent","MobileMenu","show","profile","buttons","label","header","items","footer","action","onClose","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","location","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","undefined"],"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 ${COLORS.neutral_200};\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuContent.cjs","names":["MenuItemsContainer","styled","div","MenuSectionContainer","COLORS","neutral_200","MenuSectionHeader","neutral_20","ComponentSStyling","ComponentTextStyle","Bold","neutral_500","MenuSectionList","PinnedContainer","FooterText","ComponentXSStyling","neutral_600","BREAKPOINTS","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","header","items","footer","action","onSubMenuOpen","isSmallScreen","useMediaMatch","replace","useNavigationHelper","navigate","isActiveRoute","useScrollableContainer","scrollContainerRef","scrollable","renderItem","item","index","type","label","map","Size","Medium","Small","value","disabled","icon","displayLabel","noteLabel","note","e","nativeEvent","stopImmediatePropagation","external","to","exact","filter","a","pinned","some","link","id","target","onClick","href"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\nimport styled from 'styled-components';\nimport {\n  BREAKPOINTS,\n  COLORS,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n} from '../../styles';\nimport { Size } from '../../types';\nimport { HyperLink } from '../../HyperLink';\nimport { useNavigationHelper } from '../../common/NavigationHelper';\nimport { MenuItem } from '../../MenuItem';\nimport { SystemIcons } from '../../icons';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\nimport { MobileActionContainer } from './MobileActionContainer';\nimport {useMediaMatch} from \"rooks\";\n\nconst MenuItemsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 8px;\n`;\n\nconst MenuSectionContainer = styled.div`\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${COLORS.neutral_200};\n  }\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${COLORS.neutral_20};\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n`;\n\nconst MenuSectionList = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst PinnedContainer = styled.div`\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst FooterText = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\nconst FooterNote = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\nconst FooterLink = styled.div`\n  a {\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n    ${BREAKPOINTS.SMALL} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n`;\n\nconst FooterContainer = styled.div`\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ${COLORS.neutral_200};\n  display: flex;\n  flex-direction: column;\n  background: ${COLORS.neutral_20};\n\n  ${BREAKPOINTS.SMALL} {\n    padding: 16px;\n  }\n`;\n\ninterface MobileMenuContentProps {\n  header?: MenuGroupHeader;\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\n  footer?: MenuGroupFooter;\n  action?: MenuButton;\n\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\n}\n\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\n\n  const { navigate, isActiveRoute } = useNavigationHelper();\n\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\n\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\n    switch (item.type) {\n      case 'section':\n        return (\n          <MenuSectionContainer key={index}>\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\n          </MenuSectionContainer>\n        );\n      case 'group':\n        return (\n          <MenuItem\n            key={index}\n            id={'menu-item-' + index}\n            size={isSmallScreen ? Size.Medium : Size.Small}\n            active={false}\n            item={{\n              value: item.label,\n              disabled: item.disabled,\n              icon: item.icon,\n              displayLabel: item.label,\n              noteLabel: item.note,\n            }}\n            iconRight={<SystemIcons.ArrowDropRight />}\n            onClickHandler={(e) => {\n              e.nativeEvent.stopImmediatePropagation();\n              onSubMenuOpen && onSubMenuOpen(item);\n            }}\n          />\n        );\n      case 'item':\n      default:\n        return (\n          <MenuItem\n            key={index}\n            id={'menu-item-' + index}\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\n            size={isSmallScreen ? Size.Medium : Size.Small}\n            item={{\n              value: item.to,\n              disabled: item.disabled,\n              icon: item.icon,\n              displayLabel: item.label,\n              noteLabel: item.note,\n            }}\n            onClickHandler={(e) => {\n              item.action && item.action(e);\n              navigate(item.to, !!item.external);\n            }}\n          />\n        );\n    }\n  };\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\n      </ScrollableContainer>\n      {items?.some((a) => a.pinned) && (\n        <PinnedContainer>\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\n        </PinnedContainer>\n      )}\n      {footer && (\n        <FooterContainer>\n          <FooterText>{footer.header}</FooterText>\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\n          {footer.link && (\n            <FooterLink>\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\n                {footer.link.label}\n              </HyperLink>\n            </FooterLink>\n          )}\n        </FooterContainer>\n      )}\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n\nexport default MobileMenuContent;\n"],"mappings":"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"}
+{"version":3,"file":"MobileMenuContent.cjs","names":["MenuItemsContainer","styled","div","MenuSectionContainer","COLORS","neutral_200","MenuSectionHeader","neutral_20","ComponentSStyling","ComponentTextStyle","Bold","neutral_500","MenuSectionList","PinnedContainer","FooterText","ComponentXSStyling","neutral_600","BREAKPOINTS","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","header","items","footer","action","onSubMenuOpen","isSmallScreen","useMediaMatch","replace","useNavigationHelper","navigate","isActiveRoute","useScrollableContainer","scrollContainerRef","scrollable","renderItem","item","index","type","label","map","Size","Medium","Small","value","disabled","icon","displayLabel","noteLabel","note","e","nativeEvent","stopImmediatePropagation","external","to","exact","filter","a","pinned","some","link","id","target","onClick","href"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${COLORS.neutral_20};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';
-interface MobileMenuContentProps {
-    header?: MenuGroupHeader;
-    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];
-    footer?: MenuGroupFooter;
-    action?: MenuButton;
-    onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;
-}
-declare const MobileMenuContent: React.FunctionComponent<MobileMenuContentProps>;
-export default MobileMenuContent;
+import React from 'react';
+import { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';
+interface MobileMenuContentProps {
+    header?: MenuGroupHeader;
+    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];
+    footer?: MenuGroupFooter;
+    action?: MenuButton;
+    onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;
+}
+declare const MobileMenuContent: React.FunctionComponent<MobileMenuContentProps>;
+export default MobileMenuContent;

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuContent.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Size","HyperLink","useNavigationHelper","MenuItem","SystemIcons","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","useScrollableContainer","MobileActionContainer","useMediaMatch","MenuItemsContainer","div","MenuSectionContainer","neutral_200","MenuSectionHeader","neutral_20","Bold","neutral_500","MenuSectionList","PinnedContainer","FooterText","neutral_600","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","navigate","isActiveRoute","scrollContainerRef","scrollable","renderItem","item","index","type","label","map","Medium","Small","value","disabled","icon","displayLabel","noteLabel","note","e","nativeEvent","stopImmediatePropagation","external","to","exact","filter","a","pinned","some","link","id","target","onClick","href"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\nimport styled from 'styled-components';\nimport {\n  BREAKPOINTS,\n  COLORS,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n} from '../../styles';\nimport { Size } from '../../types';\nimport { HyperLink } from '../../HyperLink';\nimport { useNavigationHelper } from '../../common/NavigationHelper';\nimport { MenuItem } from '../../MenuItem';\nimport { SystemIcons } from '../../icons';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\nimport { MobileActionContainer } from './MobileActionContainer';\nimport {useMediaMatch} from \"rooks\";\n\nconst MenuItemsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 8px;\n`;\n\nconst MenuSectionContainer = styled.div`\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${COLORS.neutral_200};\n  }\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${COLORS.neutral_20};\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n`;\n\nconst MenuSectionList = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst PinnedContainer = styled.div`\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst FooterText = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\nconst FooterNote = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\nconst FooterLink = styled.div`\n  a {\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n    ${BREAKPOINTS.SMALL} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n`;\n\nconst FooterContainer = styled.div`\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ${COLORS.neutral_200};\n  display: flex;\n  flex-direction: column;\n  background: ${COLORS.neutral_20};\n\n  ${BREAKPOINTS.SMALL} {\n    padding: 16px;\n  }\n`;\n\ninterface MobileMenuContentProps {\n  header?: MenuGroupHeader;\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\n  footer?: MenuGroupFooter;\n  action?: MenuButton;\n\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\n}\n\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\n\n  const { navigate, isActiveRoute } = useNavigationHelper();\n\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\n\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\n    switch (item.type) {\n      case 'section':\n        return (\n          <MenuSectionContainer key={index}>\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\n          </MenuSectionContainer>\n        );\n      case 'group':\n        return (\n          <MenuItem\n            key={index}\n            id={'menu-item-' + index}\n            size={isSmallScreen ? Size.Medium : Size.Small}\n            active={false}\n            item={{\n              value: item.label,\n              disabled: item.disabled,\n              icon: item.icon,\n              displayLabel: item.label,\n              noteLabel: item.note,\n            }}\n            iconRight={<SystemIcons.ArrowDropRight />}\n            onClickHandler={(e) => {\n              e.nativeEvent.stopImmediatePropagation();\n              onSubMenuOpen && onSubMenuOpen(item);\n            }}\n          />\n        );\n      case 'item':\n      default:\n        return (\n          <MenuItem\n            key={index}\n            id={'menu-item-' + index}\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\n            size={isSmallScreen ? Size.Medium : Size.Small}\n            item={{\n              value: item.to,\n              disabled: item.disabled,\n              icon: item.icon,\n              displayLabel: item.label,\n              noteLabel: item.note,\n            }}\n            onClickHandler={(e) => {\n              item.action && item.action(e);\n              navigate(item.to, !!item.external);\n            }}\n          />\n        );\n    }\n  };\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\n      </ScrollableContainer>\n      {items?.some((a) => a.pinned) && (\n        <PinnedContainer>\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\n        </PinnedContainer>\n      )}\n      {footer && (\n        <FooterContainer>\n          <FooterText>{footer.header}</FooterText>\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\n          {footer.link && (\n            <FooterLink>\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\n                {footer.link.label}\n              </HyperLink>\n            </FooterLink>\n          )}\n        </FooterContainer>\n      )}\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n\nexport default MobileMenuContent;\n"],"mappings":"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"}
+{"version":3,"file":"MobileMenuContent.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Size","HyperLink","useNavigationHelper","MenuItem","SystemIcons","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","useScrollableContainer","MobileActionContainer","useMediaMatch","MenuItemsContainer","div","MenuSectionContainer","neutral_200","MenuSectionHeader","neutral_20","Bold","neutral_500","MenuSectionList","PinnedContainer","FooterText","neutral_600","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","navigate","isActiveRoute","scrollContainerRef","scrollable","renderItem","item","index","type","label","map","Medium","Small","value","disabled","icon","displayLabel","noteLabel","note","e","nativeEvent","stopImmediatePropagation","external","to","exact","filter","a","pinned","some","link","id","target","onClick","href"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${COLORS.neutral_20};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuHeader.cjs","names":["MobileMenuHeaderActions","styled","div","MobileMenuHeaderLabel","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","placement","rest","e","nativeEvent","stopImmediatePropagation","target","charAt","menu","filter","marginLeft"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  MobileMenuButtonTypes,\n  MenuNavigationItemTypeGroup,\n  ProfileMenu, MenuNavigationCustomSubMenu\n} from '../types';\nimport styled from 'styled-components';\nimport Breakpoints from '../../styles/breakpoints';\nimport {IconButton} from '../../Button';\nimport {SystemIcons} from '../../icons';\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\nimport {ProfileButton} from '../../ProfileButton';\n\nexport const MobileMenuHeaderActions = styled.div`\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n`;\nconst MobileMenuHeaderLabel = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const MobileMenuHeaderWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ${Breakpoints.SMALL} {\n    padding: 4px 8px;\n  }\n\n  ${Breakpoints.LARGE} {\n    display: none;\n  }\n`\n\ninterface MobileMenuHeaderProps {\n  onGoBack?: () => void;\n  onClose: () => void;\n  label?: string;\n\n  profile?: ProfileMenu\n  buttons?: MobileMenuButtonTypes[];\n\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\n}\n\n\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\n                                                                            onGoBack,\n                                                                            onClose,\n                                                                            label,\n                                                                            profile,\n                                                                            buttons,\n                                                                            onSubMenuOpen\n                                                                          }) => {\n\n  const buildProfileSubMenu = () => !!profile ? {\n    type: 'group',\n    label: profile.label,\n    header: {\n      header: profile.user.firstName + ' ' + profile.user.lastName,\n      note: profile.user.email,\n      link: profile.user.link\n    },\n    action: {\n      label: profile.signOut?.label,\n      action: profile.signOut?.action,\n      icon: profile.signOut?.icon,\n      disabled: profile.signOut?.disabled\n    },\n    items: profile.sections.map(a => ({...a, type: 'section'}))\n  } as MenuNavigationItemTypeGroup : undefined\n\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\n    switch (item.type) {\n      case 'profile': {\n        const {placement, type, action, ...rest} = item;\n        if(!!profile)\n          return  <ProfileButton key={index}\n                              onClick={e => {\n                                e?.nativeEvent.stopImmediatePropagation();\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\n                              }}\n                              icon={!profile && <SystemIcons.User/>}\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\n                              {...rest}/>\n        else return <></>\n          \n      }\n      case 'submenu': {\n        const {placement, type, icon, menu, ...rest} = item;\n\n        return <IconButton key={index}\n                           variant={'secondary'}\n                           shape={'circular'}\n                           action={e => {\n                             e?.nativeEvent.stopImmediatePropagation();\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\n                           }}\n                           {...rest}>\n          {item.icon}\n        </IconButton>\n      }\n      case 'action': {\n        const {placement, type, icon, action, ...rest} = item;\n        return <IconButton key={index}\n                           disabled={item.disabled}\n                           variant={'secondary'}\n                           shape={'circular'}\n                           action={e => {\n                             e?.nativeEvent.stopImmediatePropagation();\n                             item.action && item.action(e?.target) && onClose();\n                           }}\n                           {...rest}>\n          {item.icon}\n        </IconButton>\n      }\n    }\n  }\n\n  return (\n    <MobileMenuHeaderWrapper>\n      {\n        onGoBack &&\n        <IconButton action={e => {\n          e?.nativeEvent.stopImmediatePropagation();\n          onGoBack();\n        }}\n                    variant={'secondary'}\n                    shape={'circular'}>\n          <SystemIcons.ArrowLineLeft/>\n        </IconButton>\n      }\n      {\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\n      }\n      {\n        label &&\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\n      }\n      <MobileMenuHeaderActions>\n        {\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\n        }\n\n        {\n          onClose &&\n          <div style={{marginLeft: '8px'}}>\n            <IconButton variant={'secondary'}\n                        action={e => {\n                          e?.nativeEvent.stopImmediatePropagation();\n                          onClose();\n                        }}\n                        shape={'circular'}>\n              <SystemIcons.Close/>\n            </IconButton>\n          </div>\n        }\n      </MobileMenuHeaderActions>\n\n    </MobileMenuHeaderWrapper>\n  )\n};\n\n\nexport default MobileMenuHeader;\n"],"mappings":";;;;;;;;;;;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AAAkD;AAAA;EAAA;EAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,uBAAuB,GAAGC,yBAAM,CAACC,GAAG,yKAKhD;AAAC;AACF,IAAMC,qBAAqB,GAAGF,yBAAM,CAACC,GAAG,yHACpC,IAAAE,0BAAkB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,EAC/DC,mBAAW,CAACC,KAAK,EACf,IAAAC,yBAAiB,EAACN,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,CAEnE;AAEM,IAAMI,uBAAuB,GAAGX,yBAAM,CAACC,GAAG,0PAM7CW,oBAAW,CAACH,KAAK,EAIjBG,oBAAW,CAACC,KAAK,CAGpB;AAAA;AAcD,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgE,OAOU;EAAA,IANJC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,aAAa,QAAbA,aAAa;EAGvF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB;IAAA;IAAA,OAAS,CAAC,CAACH,OAAO,GAAG;MAC5CI,IAAI,EAAE,OAAO;MACbL,KAAK,EAAEC,OAAO,CAACD,KAAK;MACpBM,MAAM,EAAE;QACNA,MAAM,EAAEL,OAAO,CAACM,IAAI,CAACC,SAAS,GAAG,GAAG,GAAGP,OAAO,CAACM,IAAI,CAACE,QAAQ;QAC5DC,IAAI,EAAET,OAAO,CAACM,IAAI,CAACI,KAAK;QACxBC,IAAI,EAAEX,OAAO,CAACM,IAAI,CAACK;MACrB,CAAC;MACDC,MAAM,EAAE;QACNb,KAAK,sBAAEC,OAAO,CAACa,OAAO,qDAAf,iBAAiBd,KAAK;QAC7Ba,MAAM,uBAAEZ,OAAO,CAACa,OAAO,sDAAf,kBAAiBD,MAAM;QAC/BE,IAAI,uBAAEd,OAAO,CAACa,OAAO,sDAAf,kBAAiBC,IAAI;QAC3BC,QAAQ,uBAAEf,OAAO,CAACa,OAAO,sDAAf,kBAAiBE;MAC7B,CAAC;MACDC,KAAK,EAAEhB,OAAO,CAACiB,QAAQ,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,uCAASA,CAAC;UAAEf,IAAI,EAAE;QAAS;MAAA,CAAE;IAC5D,CAAC,GAAkCgB,SAAS;EAAA;EAE5C,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAA2B,EAAEC,KAAa,EAAK;IACjE,QAAQD,IAAI,CAAClB,IAAI;MACf,KAAK,SAAS;QAAE;UAAA;UACd,IAAOoB,SAAS,GAA2BF,IAAI,CAAxCE,SAAS;YAAEpB,IAAI,GAAqBkB,IAAI,CAA7BlB,IAAI;YAAEQ,MAAM,GAAaU,IAAI,CAAvBV,MAAM;YAAKa,IAAI,0CAAIH,IAAI;UAC/C,IAAG,CAAC,CAACtB,OAAO,EACV,oBAAQ,qBAAC,4BAAa;YACF,OAAO,EAAE,iBAAA0B,CAAC,EAAI;cACZA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,WAAW,CAACC,wBAAwB,EAAE;cACzCN,IAAI,CAACV,MAAM,GAAGU,IAAI,CAACV,MAAM,CAACc,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEG,MAAM,CAAC,IAAI/B,OAAO,EAAE,GAAGI,aAAa,IAAIA,aAAa,CAACC,mBAAmB,EAAE,CAAC;YAC3G,CAAE;YACF,IAAI,EAAE,CAACH,OAAO,iBAAI,qBAAC,kBAAW,CAAC,IAAI,KAAG;YACtC,QAAQ,EAAE,0BAACA,OAAO,aAAPA,OAAO,wCAAPA,OAAO,CAAEM,IAAI,4EAAb,cAAeC,SAAS,2DAAxB,uBAA0BuB,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE,8BAAK9B,OAAO,aAAPA,OAAO,yCAAPA,OAAO,CAAEM,IAAI,4EAAb,eAAeE,QAAQ,0DAAvB,sBAAyBsB,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE;UAAE,GAC/FL,IAAI,GAPAF,KAAK,CAOF,MAC5B,oBAAO,8CAAK;QAEnB;MACA,KAAK,SAAS;QAAE;UACd,IAAOC,UAAS,GAA+BF,IAAI,CAA5CE,SAAS;YAAEpB,KAAI,GAAyBkB,IAAI,CAAjClB,IAAI;YAAEU,IAAI,GAAmBQ,IAAI,CAA3BR,IAAI;YAAEiB,IAAI,GAAaT,IAAI,CAArBS,IAAI;YAAKN,KAAI,0CAAIH,IAAI;UAEnD,oBAAO,qBAAC,kBAAU;YACC,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,MAAM,EAAE,gBAAAI,CAAC,EAAI;cACXA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,WAAW,CAACC,wBAAwB,EAAE;cACzC1B,aAAa,IAAIA,aAAa,CAACoB,IAAI,CAACS,IAAI,CAAC;YAC3C;UAAE,GACEN,KAAI;YAAA,UACxBH,IAAI,CAACR;UAAI,IARYS,KAAK,CAShB;QACf;MACA,KAAK,QAAQ;QAAE;UACb,IAAOC,WAAS,GAAiCF,IAAI,CAA9CE,SAAS;YAAEpB,MAAI,GAA2BkB,IAAI,CAAnClB,IAAI;YAAEU,KAAI,GAAqBQ,IAAI,CAA7BR,IAAI;YAAEF,OAAM,GAAaU,IAAI,CAAvBV,MAAM;YAAKa,MAAI,0CAAIH,IAAI;UACrD,oBAAO,qBAAC,kBAAU;YACC,QAAQ,EAAEA,IAAI,CAACP,QAAS;YACxB,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,MAAM,EAAE,gBAAAW,CAAC,EAAI;cACXA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,WAAW,CAACC,wBAAwB,EAAE;cACzCN,IAAI,CAACV,MAAM,IAAIU,IAAI,CAACV,MAAM,CAACc,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEG,MAAM,CAAC,IAAI/B,OAAO,EAAE;YACpD;UAAE,GACE2B,MAAI;YAAA,UACxBH,IAAI,CAACR;UAAI,IATYS,KAAK,CAUhB;QACf;IAAC;EAEL,CAAC;EAED,oBACE,sBAAC,uBAAuB;IAAA,WAEpB1B,QAAQ,iBACR,qBAAC,kBAAU;MAAC,MAAM,EAAE,gBAAA6B,CAAC,EAAI;QACvBA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,WAAW,CAACC,wBAAwB,EAAE;QACzC/B,QAAQ,EAAE;MACZ,CAAE;MACU,OAAO,EAAE,WAAY;MACrB,KAAK,EAAE,UAAW;MAAA,uBAC5B,qBAAC,kBAAW,CAAC,aAAa;IAAE,EACjB,EAGbI,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+B,MAAM,CAAC,UAAAb,CAAC;MAAA,OAAIA,CAAC,CAACK,SAAS,KAAK,MAAM;IAAA,EAAC,CAACN,GAAG,CAACG,UAAU,CAAC,EAG5DtB,KAAK,iBACL,qBAAC,qBAAqB;MAAA,UAAEA;IAAK,EAAyB,eAExD,sBAAC,uBAAuB;MAAA,WAEpBE,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+B,MAAM,CAAC,UAAAb,CAAC;QAAA,OAAIA,CAAC,CAACK,SAAS,KAAK,MAAM;MAAA,EAAC,CAACN,GAAG,CAACG,UAAU,CAAC,EAI5DvB,OAAO,iBACP;QAAK,KAAK,EAAE;UAACmC,UAAU,EAAE;QAAK,CAAE;QAAA,uBAC9B,qBAAC,kBAAU;UAAC,OAAO,EAAE,WAAY;UACrB,MAAM,EAAE,gBAAAP,CAAC,EAAI;YACXA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,WAAW,CAACC,wBAAwB,EAAE;YACzC9B,OAAO,EAAE;UACX,CAAE;UACF,KAAK,EAAE,UAAW;UAAA,uBAC5B,qBAAC,kBAAW,CAAC,KAAK;QAAE;MACT,EACT;IAAA,EAEgB;EAAA,EAEF;AAE9B,CAAC;AAAC;EA9HAD,QAAQ;EACRC,OAAO;EACPC,KAAK;EAGLE,OAAO;EAEPC,aAAa;AAAA;AAAA,eA0HAN,gBAAgB;AAAA"}
+{"version":3,"file":"MobileMenuHeader.cjs","names":["MobileMenuHeaderActions","styled","div","MobileMenuHeaderLabel","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","placement","rest","e","nativeEvent","stopImmediatePropagation","target","charAt","menu","filter","marginLeft"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  MobileMenuButtonTypes,\r\n  MenuNavigationItemTypeGroup,\r\n  ProfileMenu, MenuNavigationCustomSubMenu\r\n} from '../types';\r\nimport styled from 'styled-components';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {IconButton} from '../../Button';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nexport const MobileMenuHeaderActions = styled.div`\r\n  flex: 1;\r\n  justify-content: flex-end;\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\nconst MobileMenuHeaderLabel = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nexport const MobileMenuHeaderWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0 4px;\r\n\r\n  ${Breakpoints.SMALL} {\r\n    padding: 4px 8px;\r\n  }\r\n\r\n  ${Breakpoints.LARGE} {\r\n    display: none;\r\n  }\r\n`\r\n\r\ninterface MobileMenuHeaderProps {\r\n  onGoBack?: () => void;\r\n  onClose: () => void;\r\n  label?: string;\r\n\r\n  profile?: ProfileMenu\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\r\n}\r\n\r\n\r\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\r\n                                                                            onGoBack,\r\n                                                                            onClose,\r\n                                                                            label,\r\n                                                                            profile,\r\n                                                                            buttons,\r\n                                                                            onSubMenuOpen\r\n                                                                          }) => {\r\n\r\n  const buildProfileSubMenu = () => !!profile ? {\r\n    type: 'group',\r\n    label: profile.label,\r\n    header: {\r\n      header: profile.user.firstName + ' ' + profile.user.lastName,\r\n      note: profile.user.email,\r\n      link: profile.user.link\r\n    },\r\n    action: {\r\n      label: profile.signOut?.label,\r\n      action: profile.signOut?.action,\r\n      icon: profile.signOut?.icon,\r\n      disabled: profile.signOut?.disabled\r\n    },\r\n    items: profile.sections.map(a => ({...a, type: 'section'}))\r\n  } as MenuNavigationItemTypeGroup : undefined\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profile)\r\n          return  <ProfileButton key={index}\r\n                              onClick={e => {\r\n                                e?.nativeEvent.stopImmediatePropagation();\r\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\r\n                              }}\r\n                              icon={!profile && <SystemIcons.User/>}\r\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\r\n                              {...rest}/>\r\n        else return <></>\r\n          \r\n      }\r\n      case 'submenu': {\r\n        const {placement, type, icon, menu, ...rest} = item;\r\n\r\n        return <IconButton key={index}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           disabled={item.disabled}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             item.action && item.action(e?.target) && onClose();\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <MobileMenuHeaderWrapper>\r\n      {\r\n        onGoBack &&\r\n        <IconButton action={e => {\r\n          e?.nativeEvent.stopImmediatePropagation();\r\n          onGoBack();\r\n        }}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}>\r\n          <SystemIcons.ArrowLineLeft/>\r\n        </IconButton>\r\n      }\r\n      {\r\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\r\n      }\r\n      {\r\n        label &&\r\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\r\n      }\r\n      <MobileMenuHeaderActions>\r\n        {\r\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\r\n        }\r\n\r\n        {\r\n          onClose &&\r\n          <div style={{marginLeft: '8px'}}>\r\n            <IconButton variant={'secondary'}\r\n                        action={e => {\r\n                          e?.nativeEvent.stopImmediatePropagation();\r\n                          onClose();\r\n                        }}\r\n                        shape={'circular'}>\r\n              <SystemIcons.Close/>\r\n            </IconButton>\r\n          </div>\r\n        }\r\n      </MobileMenuHeaderActions>\r\n\r\n    </MobileMenuHeaderWrapper>\r\n  )\r\n};\r\n\r\n\r\nexport default MobileMenuHeader;\r\n"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { MobileMenuButtonTypes, MenuNavigationItemTypeGroup, ProfileMenu, MenuNavigationCustomSubMenu } from '../types';
-export declare const MobileMenuHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MobileMenuHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface MobileMenuHeaderProps {
-    onGoBack?: () => void;
-    onClose: () => void;
-    label?: string;
-    profile?: ProfileMenu;
-    buttons?: MobileMenuButtonTypes[];
-    onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;
-}
-declare const MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps>;
-export default MobileMenuHeader;
+import React from 'react';
+import { MobileMenuButtonTypes, MenuNavigationItemTypeGroup, ProfileMenu, MenuNavigationCustomSubMenu } from '../types';
+export declare const MobileMenuHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileMenuHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface MobileMenuHeaderProps {
+    onGoBack?: () => void;
+    onClose: () => void;
+    label?: string;
+    profile?: ProfileMenu;
+    buttons?: MobileMenuButtonTypes[];
+    onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;
+}
+declare const MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps>;
+export default MobileMenuHeader;