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

package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -9,7 +7,7 @@ import styled from 'styled-components';
 import { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../../styles';
 import { Size } from '../../types';
 import { HyperLink } from '../../HyperLink';
-import { useNavigationHelper } from '../../common/NavigationHelper';
+import { useNavigation } from '../../Navigation/NavigationProvider';
 import { MenuItem } from '../../MenuItem';
 import { SystemIcons } from '../../icons';
 import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';
@@ -17,15 +15,71 @@ import { useScrollableContainer } from '../../common/ScrollableContainer';
 import { MobileActionContainer } from './MobileActionContainer';
 import { useMediaMatch } from "rooks";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MenuItemsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 8px;\n"])));
-const MenuSectionContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), props => COLORS.getColor('neutral_200', props.theme));
-const MenuSectionHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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: ", ";\n\n  ", "\n"])), props => COLORS.getColor('neutral_20', props.theme), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme)));
-const MenuSectionList = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-const PinnedContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n"])), props => COLORS.getColor('neutral_200', props.theme));
-const FooterText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)), BREAKPOINTS.SMALL, props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)));
-const FooterNote = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), BREAKPOINTS.SMALL, props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)));
-const FooterLink = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  a {\n    ", "\n    ", " {\n      ", "\n    }\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, null));
-const FooterContainer = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n\n  ", " {\n    padding: 16px;\n  }\n"])), props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_20', props.theme), BREAKPOINTS.SMALL);
+const MenuItemsContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 8px;
+`;
+const MenuSectionContainer = styled.div`
+  padding-bottom: 8px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &.divider {
+    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  }
+`;
+const MenuSectionHeader = styled.div`
+  display: flex;
+  align-items: center;
+  padding: 8px 16px 4px 16px;
+  box-sizing: border-box;
+  min-height: 32px;
+  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}
+`;
+const MenuSectionList = styled.div`
+  display: flex;
+  flex-direction: column;
+`;
+const PinnedContainer = styled.div`
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+`;
+const FooterText = styled.div`
+  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  ${BREAKPOINTS.SMALL} {
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const FooterNote = styled.div`
+  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+  ${BREAKPOINTS.SMALL} {
+    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const FooterLink = styled.div`
+  a {
+    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}
+    ${BREAKPOINTS.SMALL} {
+      ${ComponentSStyling(ComponentTextStyle.Bold, null)}
+    }
+  }
+`;
+const FooterContainer = styled.div`
+  padding: 8px 16px;
+  box-sizing: border-box;
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  display: flex;
+  flex-direction: column;
+  background: ${props => COLORS.getColor('neutral_20', props.theme)};
+
+  ${BREAKPOINTS.SMALL} {
+    padding: 16px;
+  }
+`;
 const MobileMenuContent = _ref => {
   let {
     header,
@@ -38,7 +92,7 @@ const MobileMenuContent = _ref => {
   const {
     navigate,
     isActiveRoute
-  } = useNavigationHelper();
+  } = useNavigation();
   const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);
   const renderItem = (item, index) => {
     switch (item.type) {
@@ -72,7 +126,7 @@ const MobileMenuContent = _ref => {
       default:
         return /*#__PURE__*/_jsx(MenuItem, {
           id: 'menu-item-' + index,
-          active: !item.external && isActiveRoute(item.to, !!item.exact),
+          active: !item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact),
           size: isSmallScreen ? Size.Medium : Size.Small,
           item: {
             value: item.to,
@@ -83,7 +137,7 @@ const MobileMenuContent = _ref => {
           },
           onClickHandler: e => {
             item.action && item.action(e);
-            navigate(item.to, !!item.external);
+            navigate && navigate(item.to, !!item.external);
           }
         }, index);
     }
@@ -99,11 +153,11 @@ const MobileMenuContent = _ref => {
           children: header.note
         })]
       }), /*#__PURE__*/_jsx(MenuItemsContainer, {
-        children: items === null || items === void 0 ? void 0 : items.filter(a => !a.pinned).map((item, index) => renderItem(item, index))
+        children: items?.filter(a => !a.pinned).map((item, index) => renderItem(item, index))
       })]
-    }), (items === null || items === void 0 ? void 0 : items.some(a => a.pinned)) && /*#__PURE__*/_jsx(PinnedContainer, {
+    }), items?.some(a => a.pinned) && /*#__PURE__*/_jsx(PinnedContainer, {
       children: /*#__PURE__*/_jsx(MenuItemsContainer, {
-        children: items === null || items === void 0 ? void 0 : items.filter(a => !!a.pinned).map((item, index) => renderItem(item, index))
+        children: items?.filter(a => !!a.pinned).map((item, index) => renderItem(item, index))
       })
     }), footer && /*#__PURE__*/_jsxs(FooterContainer, {
       children: [/*#__PURE__*/_jsx(FooterText, {
@@ -112,7 +166,7 @@ const MobileMenuContent = _ref => {
         children: footer.note
       }), footer.link && /*#__PURE__*/_jsx(FooterLink, {
         children: /*#__PURE__*/_jsx(HyperLink, {
-          variant: 'default',
+          variant: 'styleless',
           id: footer.link.id,
           target: footer.link.target,
           onClick: footer.link.onClick,

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","jsx","_jsx","jsxs","_jsxs","MenuItemsContainer","div","_templateObject","_taggedTemplateLiteral","MenuSectionContainer","_templateObject2","props","getColor","theme","MenuSectionHeader","_templateObject3","Bold","MenuSectionList","_templateObject4","PinnedContainer","_templateObject5","FooterText","_templateObject6","SMALL","FooterNote","_templateObject7","Regular","FooterLink","_templateObject8","FooterContainer","_templateObject9","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","navigate","isActiveRoute","scrollContainerRef","scrollable","renderItem","item","index","type","children","label","map","id","size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","ArrowDropRight","onClickHandler","e","nativeEvent","stopImmediatePropagation","external","to","exact","ref","className","filter","a","pinned","some","link","variant","target","onClick","href","_objectSpread","propTypes","_pt","array","func"],"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 ${props => COLORS.getColor('neutral_200', props.theme)};\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: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\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 ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\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 ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\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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","ignoreList":[]}
+{"version":3,"file":"MobileMenuContent.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Size","HyperLink","useNavigation","MenuItem","SystemIcons","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","useScrollableContainer","MobileActionContainer","useMediaMatch","jsx","_jsx","jsxs","_jsxs","MenuItemsContainer","div","MenuSectionContainer","props","getColor","theme","MenuSectionHeader","Bold","MenuSectionList","PinnedContainer","FooterText","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","navigate","isActiveRoute","scrollContainerRef","scrollable","renderItem","item","index","type","children","label","map","id","size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","ArrowDropRight","onClickHandler","e","nativeEvent","stopImmediatePropagation","external","to","exact","ref","className","filter","a","pinned","some","link","variant","target","onClick","href","_objectSpread","propTypes","_pt","array","func"],"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 { useNavigation } from '../../Navigation/NavigationProvider';\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 ${props => COLORS.getColor('neutral_200', props.theme)};\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: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\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 ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\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 ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\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 } = useNavigation();\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 && 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 && 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={'styleless'} 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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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.MobileMenuHeaderWrapper = exports.MobileMenuHeaderActions = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -20,12 +19,34 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "menu"],
   _excluded3 = ["placement", "type", "icon", "action"];
-var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const MobileMenuHeaderActions = exports.MobileMenuHeaderActions = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
-const MobileMenuHeaderLabel = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), props => (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)), _styles.BREAKPOINTS.SMALL, props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)));
-const MobileMenuHeaderWrapper = exports.MobileMenuHeaderWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), _breakpoints.default.SMALL, _breakpoints.default.LARGE);
+const MobileMenuHeaderActions = exports.MobileMenuHeaderActions = _styledComponents.default.div`
+  flex: 1;
+  justify-content: flex-end;
+  display: flex;
+  flex-direction: row;
+`;
+const MobileMenuHeaderLabel = _styledComponents.default.div`
+  ${props => (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${_styles.BREAKPOINTS.SMALL} {
+    ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const MobileMenuHeaderWrapper = exports.MobileMenuHeaderWrapper = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 4px;
+
+  ${_breakpoints.default.SMALL} {
+    padding: 4px 8px;
+  }
+
+  ${_breakpoints.default.LARGE} {
+    display: none;
+  }
+`;
 const MobileMenuHeader = _ref => {
   let {
     onGoBack,
@@ -35,32 +56,28 @@ const MobileMenuHeader = _ref => {
     buttons,
     onSubMenuOpen
   } = _ref;
-  const buildProfileSubMenu = () => {
-    var _profile$signOut, _profile$signOut2, _profile$signOut3, _profile$signOut4;
-    return !!profile ? {
-      type: 'group',
-      label: profile.label,
-      header: {
-        header: profile.user.firstName + ' ' + profile.user.lastName,
-        note: profile.user.email,
-        link: profile.user.link
-      },
-      action: {
-        label: (_profile$signOut = profile.signOut) === null || _profile$signOut === void 0 ? void 0 : _profile$signOut.label,
-        action: (_profile$signOut2 = profile.signOut) === null || _profile$signOut2 === void 0 ? void 0 : _profile$signOut2.action,
-        icon: (_profile$signOut3 = profile.signOut) === null || _profile$signOut3 === void 0 ? void 0 : _profile$signOut3.icon,
-        disabled: (_profile$signOut4 = profile.signOut) === null || _profile$signOut4 === void 0 ? void 0 : _profile$signOut4.disabled
-      },
-      items: profile.sections.map(a => _objectSpread(_objectSpread({}, a), {}, {
-        type: 'section'
-      }))
-    } : undefined;
-  };
+  const buildProfileSubMenu = () => !!profile ? {
+    type: 'group',
+    label: profile.label,
+    header: {
+      header: profile.user.firstName + ' ' + profile.user.lastName,
+      note: profile.user.email,
+      link: profile.user.link
+    },
+    action: {
+      label: profile.signOut?.label,
+      action: profile.signOut?.action,
+      icon: profile.signOut?.icon,
+      disabled: profile.signOut?.disabled
+    },
+    items: profile.sections.map(a => _objectSpread(_objectSpread({}, a), {}, {
+      type: 'section'
+    }))
+  } : undefined;
   const renderItem = (item, index) => {
     switch (item.type) {
       case 'profile':
         {
-          var _profile$user$firstNa, _profile$user, _profile$user$lastNam, _profile$user2;
           const {
               placement,
               type,
@@ -69,11 +86,11 @@ const MobileMenuHeader = _ref => {
             rest = (0, _objectWithoutProperties2.default)(item, _excluded);
           if (!!profile) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileButton.ProfileButton, _objectSpread({
             onClick: e => {
-              e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
-              item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu());
+              e?.nativeEvent.stopImmediatePropagation();
+              item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu());
             },
             icon: !profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.User, {}),
-            initials: ((_profile$user$firstNa = profile === null || profile === void 0 || (_profile$user = profile.user) === null || _profile$user === void 0 || (_profile$user = _profile$user.firstName) === null || _profile$user === void 0 ? void 0 : _profile$user.charAt(0)) !== null && _profile$user$firstNa !== void 0 ? _profile$user$firstNa : '') + ((_profile$user$lastNam = profile === null || profile === void 0 || (_profile$user2 = profile.user) === null || _profile$user2 === void 0 || (_profile$user2 = _profile$user2.lastName) === null || _profile$user2 === void 0 ? void 0 : _profile$user2.charAt(0)) !== null && _profile$user$lastNam !== void 0 ? _profile$user$lastNam : '')
+            initials: (profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')
           }, rest), index);else return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
         }
       case 'submenu':
@@ -89,7 +106,7 @@ const MobileMenuHeader = _ref => {
             variant: 'secondary',
             shape: 'circular',
             action: e => {
-              e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
+              e?.nativeEvent.stopImmediatePropagation();
               onSubMenuOpen && onSubMenuOpen(item.menu);
             }
           }, rest), {}, {
@@ -110,8 +127,8 @@ const MobileMenuHeader = _ref => {
             variant: 'secondary',
             shape: 'circular',
             action: e => {
-              e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
-              item.action && item.action(e === null || e === void 0 ? void 0 : e.target) && onClose();
+              e?.nativeEvent.stopImmediatePropagation();
+              item.action && item.action(e?.target) && onClose();
             }
           }, rest), {}, {
             children: item.icon
@@ -122,23 +139,23 @@ const MobileMenuHeader = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileMenuHeaderWrapper, {
     children: [onGoBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       action: e => {
-        e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
+        e?.nativeEvent.stopImmediatePropagation();
         onGoBack();
       },
       variant: 'secondary',
       shape: 'circular',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineLeft, {})
-    }), buttons === null || buttons === void 0 ? void 0 : buttons.filter(a => a.placement === 'left').map(renderItem), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileMenuHeaderLabel, {
+    }), buttons?.filter(a => a.placement === 'left').map(renderItem), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileMenuHeaderLabel, {
       children: label
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileMenuHeaderActions, {
-      children: [buttons === null || buttons === void 0 ? void 0 : buttons.filter(a => a.placement !== 'left').map(renderItem), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [buttons?.filter(a => a.placement !== 'left').map(renderItem), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
           marginLeft: '8px'
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
           variant: 'secondary',
           action: e => {
-            e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
+            e?.nativeEvent.stopImmediatePropagation();
             onClose();
           },
           shape: 'circular',

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_breakpoints","_Button","_icons","_styles","_ProfileButton","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileMenuHeaderActions","exports","styled","div","_taggedTemplateLiteral2","MobileMenuHeaderLabel","props","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","_ref","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","_profile$signOut","_profile$signOut2","_profile$signOut3","_profile$signOut4","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$lastNam","_profile$user2","placement","rest","_objectWithoutProperties2","jsx","ProfileButton","onClick","nativeEvent","stopImmediatePropagation","target","SystemIcons","User","initials","charAt","Fragment","menu","IconButton","variant","shape","children","jsxs","ArrowLineLeft","style","marginLeft","Close","propTypes","_propTypes","func","isRequired","string","array","_default"],"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  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\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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","ignoreList":[]}
+{"version":3,"file":"MobileMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_breakpoints","_Button","_icons","_styles","_ProfileButton","_jsxRuntime","_excluded","_excluded2","_excluded3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileMenuHeaderActions","exports","styled","div","MobileMenuHeaderLabel","props","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","_ref","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","_objectWithoutProperties2","jsx","ProfileButton","onClick","nativeEvent","stopImmediatePropagation","target","SystemIcons","User","initials","charAt","Fragment","menu","IconButton","variant","shape","children","jsxs","ArrowLineLeft","style","marginLeft","Close","propTypes","_propTypes","func","isRequired","string","array","_default"],"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  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\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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","ignoreList":[]}

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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MobileMenuHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileMenuHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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;