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

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js

@@ -1,11 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 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) { _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';
@@ -16,9 +14,32 @@ import { SystemIcons } from '../../icons';
 import { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../../styles';
 import { ProfileButton } from '../../ProfileButton';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const MobileMenuHeaderActions = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
-const MobileMenuHeaderLabel = styled.div(_templateObject2 || (_templateObject2 = _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)));
-export const MobileMenuHeaderWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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.SMALL, Breakpoints.LARGE);
+export const MobileMenuHeaderActions = styled.div`
+  flex: 1;
+  justify-content: flex-end;
+  display: flex;
+  flex-direction: row;
+`;
+const MobileMenuHeaderLabel = styled.div`
+  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  ${BREAKPOINTS.SMALL} {
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+export const MobileMenuHeaderWrapper = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 4px;
+
+  ${Breakpoints.SMALL} {
+    padding: 4px 8px;
+  }
+
+  ${Breakpoints.LARGE} {
+    display: none;
+  }
+`;
 const MobileMenuHeader = _ref => {
   let {
     onGoBack,
@@ -28,32 +49,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,
@@ -62,11 +79,11 @@ const MobileMenuHeader = _ref => {
             rest = _objectWithoutProperties(item, _excluded);
           if (!!profile) return /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(_Fragment, {});
         }
       case 'submenu':
@@ -82,7 +99,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), {}, {
@@ -103,8 +120,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
@@ -115,23 +132,23 @@ const MobileMenuHeader = _ref => {
   return /*#__PURE__*/_jsxs(MobileMenuHeaderWrapper, {
     children: [onGoBack && /*#__PURE__*/_jsx(IconButton, {
       action: e => {
-        e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
+        e?.nativeEvent.stopImmediatePropagation();
         onGoBack();
       },
       variant: 'secondary',
       shape: 'circular',
       children: /*#__PURE__*/_jsx(SystemIcons.ArrowLineLeft, {})
-    }), buttons === null || buttons === void 0 ? void 0 : buttons.filter(a => a.placement === 'left').map(renderItem), label && /*#__PURE__*/_jsx(MobileMenuHeaderLabel, {
+    }), buttons?.filter(a => a.placement === 'left').map(renderItem), label && /*#__PURE__*/_jsx(MobileMenuHeaderLabel, {
       children: label
     }), /*#__PURE__*/_jsxs(MobileMenuHeaderActions, {
-      children: [buttons === null || buttons === void 0 ? void 0 : buttons.filter(a => a.placement !== 'left').map(renderItem), onClose && /*#__PURE__*/_jsx("div", {
+      children: [buttons?.filter(a => a.placement !== 'left').map(renderItem), onClose && /*#__PURE__*/_jsx("div", {
         style: {
           marginLeft: '8px'
         },
         children: /*#__PURE__*/_jsx(IconButton, {
           variant: 'secondary',
           action: e => {
-            e === null || e === void 0 || e.nativeEvent.stopImmediatePropagation();
+            e?.nativeEvent.stopImmediatePropagation();
             onClose();
           },
           shape: 'circular',

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

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuHeader.js","names":["React","styled","Breakpoints","IconButton","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ProfileButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MobileMenuHeaderActions","div","_templateObject","_taggedTemplateLiteral","MobileMenuHeaderLabel","_templateObject2","props","Bold","getColor","theme","SMALL","MobileMenuHeaderWrapper","_templateObject3","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","_objectSpread","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$lastNam","_profile$user2","placement","rest","_objectWithoutProperties","_excluded","onClick","e","nativeEvent","stopImmediatePropagation","target","User","initials","charAt","menu","_excluded2","variant","shape","children","_excluded3","ArrowLineLeft","filter","style","marginLeft","Close","propTypes","_pt","func","isRequired","string","array"],"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.js","names":["React","styled","Breakpoints","IconButton","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ProfileButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MobileMenuHeaderActions","div","MobileMenuHeaderLabel","props","Bold","getColor","theme","SMALL","MobileMenuHeaderWrapper","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","_objectSpread","undefined","renderItem","item","index","placement","rest","_objectWithoutProperties","_excluded","onClick","e","nativeEvent","stopImmediatePropagation","target","User","initials","charAt","menu","_excluded2","variant","shape","children","_excluded3","ArrowLineLeft","filter","style","marginLeft","Close","propTypes","_pt","func","isRequired","string","array"],"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/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement<any>;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}

package/dist/GlobalNavigationBar/types.d.ts

@@ -1,134 +1,133 @@
-import React from 'react';
-import { HyperlinkProps } from '../HyperLink/HyperLink';
-import { IconButtonProps } from '../Button/Iconbutton';
-import { ProfileButtonProps } from '../ProfileButton/ProfileButton';
-import { NavLinkProps } from 'react-router-dom';
-import { ButtonProps } from "../Button/Button";
-import { TooltipProps } from "../Tooltips/TooltipTypes";
-export interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {
-    label: string;
-    icon?: React.ReactElement;
-}
-export interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {
-    label: string;
-    action: () => void;
-    tooltip?: TooltipProps;
-}
-export interface MenuGroupFooter {
-    header: string;
-    note?: string;
-    link?: MenuHyperLinkProps;
-}
-export interface MenuGroupHeader {
-    header: string;
-    note?: string;
-    link?: MenuHyperLinkProps;
-}
-export interface MenuAccountInfo {
-    firstName: string;
-    lastName: string;
-    email: string;
-    link?: MenuHyperLinkProps;
-}
-export interface ProfileMenu {
-    label?: string;
-    user: MenuAccountInfo;
-    sections: MenuNavigationSection[];
-    signOut?: MenuButton;
-}
-export interface MenuIconSubMenuButton extends Omit<IconButtonProps, 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
-    type: 'submenu';
-    icon: React.ReactNode;
-    menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;
-    placement?: 'left' | 'right';
-}
-export interface MenuIconButton extends Omit<IconButtonProps, 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
-    type: 'action';
-    icon: React.ReactNode;
-    action: (button?: EventTarget) => boolean | void;
-    placement?: 'left' | 'right';
-}
-export interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {
-    type: 'profile';
-    action?: (button?: EventTarget) => boolean | void;
-    placement?: 'left' | 'right';
-}
-export interface MenuSearchButton {
-    type: 'search';
-    placement?: 'left' | 'right';
-}
-export interface MenuSwitcherButton extends Omit<IconButtonProps, 'id' | 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
-    type: 'switcher';
-    placement?: 'left' | 'right';
-    action?: (button?: EventTarget) => boolean | void;
-}
-export type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;
-export type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;
-export interface MobileNavigationMenuProps {
-    label?: string;
-    buttons?: MobileMenuButtonTypes[];
-    header?: MenuGroupHeader;
-    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];
-    footer?: MenuGroupFooter;
-    action?: MenuButton;
-}
-export interface DesktopNavigationMenuProps {
-    buttons?: DesktopMenuButtonTypes[];
-    items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];
-    action?: MenuButton;
-    reverseRightSideOrder?: boolean;
-}
-export interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {
-    label: string;
-    note?: string;
-    buttons?: MobileMenuButtonTypes[];
-    header?: MenuGroupHeader;
-    items: T[];
-    footer?: MenuGroupFooter;
-    action?: MenuButton;
-}
-export type MenuNavigationItem = {
-    icon?: React.ReactNode;
-    to: string;
-    exact?: boolean;
-    disabled?: boolean;
-    external?: boolean;
-    action?: (e: React.MouseEvent) => void;
-    label: string;
-    note?: string;
-    pinned?: boolean;
-    subItems?: MenuNavigationItem[];
-} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;
-export interface MenuNavigationSection<T = MenuNavigationItem> {
-    divider?: boolean;
-    pinned?: boolean;
-    label?: string;
-    items: T[];
-}
-export type MenuNavigationItemTypeItem = MenuNavigationItem & {
-    type?: 'item';
-};
-export type MenuNavigationItemTypeDesktopGroup = {
-    id: string;
-    label?: string;
-    disabled?: boolean;
-    pinned?: boolean;
-    type?: 'desktopgroup';
-    expanded?: boolean;
-    items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];
-};
-export type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {
-    type: 'group';
-    icon?: React.ReactNode;
-    pinned?: boolean;
-    disabled?: boolean;
-};
-export type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {
-    type: 'section';
-};
-export type MenuNavigationCustomSubMenu = {
-    type: 'custom';
-    label?: string;
-    buttons?: MobileMenuButtonTypes[];
-    custom: () => React.ReactNode;
-};
+import React from 'react';
+import { HyperlinkProps } from '../HyperLink/HyperLink';
+import { IconButtonProps } from '../Button/Iconbutton';
+import { ProfileButtonProps } from '../ProfileButton/ProfileButton';
+import { ButtonProps } from "../Button/Button";
+import { TooltipProps } from "../Tooltips/TooltipTypes";
+export interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {
+    label: string;
+    icon?: React.ReactElement<any>;
+}
+export interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {
+    label: string;
+    action: () => void;
+    tooltip?: TooltipProps;
+}
+export interface MenuGroupFooter {
+    header: string;
+    note?: string;
+    link?: MenuHyperLinkProps;
+}
+export interface MenuGroupHeader {
+    header: string;
+    note?: string;
+    link?: MenuHyperLinkProps;
+}
+export interface MenuAccountInfo {
+    firstName: string;
+    lastName: string;
+    email: string;
+    link?: MenuHyperLinkProps;
+}
+export interface ProfileMenu {
+    label?: string;
+    user: MenuAccountInfo;
+    sections: MenuNavigationSection[];
+    signOut?: MenuButton;
+}
+export interface MenuIconSubMenuButton extends Omit<IconButtonProps, 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
+    type: 'submenu';
+    icon: React.ReactNode;
+    menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;
+    placement?: 'left' | 'right';
+}
+export interface MenuIconButton extends Omit<IconButtonProps, 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
+    type: 'action';
+    icon: React.ReactNode;
+    action: (button?: EventTarget) => boolean | void;
+    placement?: 'left' | 'right';
+}
+export interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {
+    type: 'profile';
+    action?: (button?: EventTarget) => boolean | void;
+    placement?: 'left' | 'right';
+}
+export interface MenuSearchButton {
+    type: 'search';
+    placement?: 'left' | 'right';
+}
+export interface MenuSwitcherButton extends Omit<IconButtonProps, 'id' | 'type' | 'action' | 'shape' | 'variant' | 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'iconColor' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'invertFocus'> {
+    type: 'switcher';
+    placement?: 'left' | 'right';
+    action?: (button?: EventTarget) => boolean | void;
+}
+export type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;
+export type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;
+export interface MobileNavigationMenuProps {
+    label?: string;
+    buttons?: MobileMenuButtonTypes[];
+    header?: MenuGroupHeader;
+    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];
+    footer?: MenuGroupFooter;
+    action?: MenuButton;
+}
+export interface DesktopNavigationMenuProps {
+    buttons?: DesktopMenuButtonTypes[];
+    items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];
+    action?: MenuButton;
+    reverseRightSideOrder?: boolean;
+}
+export interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {
+    label: string;
+    note?: string;
+    buttons?: MobileMenuButtonTypes[];
+    header?: MenuGroupHeader;
+    items: T[];
+    footer?: MenuGroupFooter;
+    action?: MenuButton;
+}
+export type MenuNavigationItem = {
+    icon?: React.ReactNode;
+    to: string;
+    exact?: boolean;
+    disabled?: boolean;
+    external?: boolean;
+    action?: (e: React.MouseEvent) => void;
+    label: string;
+    note?: string;
+    pinned?: boolean;
+    subItems?: MenuNavigationItem[];
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;
+export interface MenuNavigationSection<T = MenuNavigationItem> {
+    divider?: boolean;
+    pinned?: boolean;
+    label?: string;
+    items: T[];
+}
+export type MenuNavigationItemTypeItem = MenuNavigationItem & {
+    type?: 'item';
+};
+export type MenuNavigationItemTypeDesktopGroup = {
+    id: string;
+    label?: string;
+    disabled?: boolean;
+    pinned?: boolean;
+    type?: 'desktopgroup';
+    expanded?: boolean;
+    items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];
+};
+export type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {
+    type: 'group';
+    icon?: React.ReactNode;
+    pinned?: boolean;
+    disabled?: boolean;
+};
+export type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {
+    type: 'section';
+};
+export type MenuNavigationCustomSubMenu = {
+    type: 'custom';
+    label?: string;
+    buttons?: MobileMenuButtonTypes[];
+    custom: () => React.ReactNode;
+};

package/dist/GlobalNavigationBar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement<any>;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}

package/dist/GlobalNavigationBar/utils.d.ts

@@ -1,2 +1,2 @@
-import { MenuNavigationItemTypeDesktopGroup } from './types';
-export declare const checkIfContainsItem: (item: MenuNavigationItemTypeDesktopGroup, activeId: string) => boolean;
+import { MenuNavigationItemTypeDesktopGroup } from './types';
+export declare const checkIfContainsItem: (item: MenuNavigationItemTypeDesktopGroup, activeId: string) => boolean;