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

package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_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","Wrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\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(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_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","Wrapper","styled","div","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","type","renderItem","item","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement | null>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\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(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAmC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,MAAAS,SAAA;EAAAC,UAAA;EAAAC,UAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEnC,MAAMqB,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA;AACA;AACA,IAAIC,mBAAW,CAACC,MAAM;AACtB;AACA;AACA;AACA,IAAIC,wBAAgB;AACpB;AACA,MAAMF,mBAAW,CAACC,MAAM;AACxB;AACA;AACA;AACA,CAAC;AAED,MAAME,mBAAmB,GAAGL,yBAAM,CAACC,GAAG;AACtC;AACA,CAAC;AAED,MAAMK,cAAc,GAAGN,yBAAM,CAACC,GAAG;AACjC;AACA,CAAC;AAcD,MAAOM,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAAAC,IAAA,EAKwBC,GAAiC,KAAK;EAAA,IAL7D;IACCC,OAAO;IACPC,IAAI;IACHC,gBAAgB;IACjBC;EACmB,CAAC,GAAAL,IAAA;EAE7D,MAAM,CAACM,MAAM,EAAEC,SAAS,CAAC,GAAGT,cAAK,CAACU,QAAQ,CAA8C,EAAE,CAAC;EAC3F,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGZ,cAAK,CAACU,QAAQ,CAAC,EAAE,CAAC;EAE5E,MAAM1B,MAAM,GAAGoB,OAAO,EAAEpB,MAAM,IAAI,CAAC;EAEnCgB,cAAK,CAACa,SAAS,CAAC,MAAM;IACpBJ,SAAS,CAACK,KAAK,CAAC9B,MAAM,IAAI,CAAC,CAAC,CAAC+B,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,mBAAMhB,cAAK,CAACiB,SAAS,CAAoB,CAAC,CAAC,CAAC;EAC1F,CAAC,EAAE,CAACjC,MAAM,CAAC,CAAC;EAEZgB,cAAK,CAACkB,mBAAmB,CAACf,GAAG,EAAE,OAAO;IACpCC,OAAO,EAAEI,MAAM,CAACQ,GAAG,CAAC,CAAC7C,CAAC,EAAEgD,KAAK,MAAM;MACjChB,GAAG,EAAEhC,CAAC;MACNiD,IAAI,EAAEhB,OAAO,GAAGe,KAAK,CAAC,EAAEC;IAC1B,CAAC,CAAC;EACJ,CAAC,CAAC,EAAE,CAACZ,MAAM,EAAEJ,OAAO,CAAC,CAAC;EAEtB,MAAMiB,UAAU,GAAGA,CAACC,IAA2B,EAAEH,KAAa,KAAK;IACjE,QAAQG,IAAI,CAACF,IAAI;MACf,KAAK,SAAS;QAAE;UACd,MAAM;cAACG,SAAS;cAAEH,IAAI;cAAEI;YAAe,CAAC,GAAGF,IAAI;YAAZG,IAAI,OAAAC,yBAAA,CAAAvC,OAAA,EAAImC,IAAI,EAAAxD,SAAA;UAC/C,IAAG,CAAC,CAACwC,gBAAgB,EACnB,oBAAO,IAAAzC,WAAA,CAAA8D,GAAA,EAAC7B,cAAc;YAAA8B,QAAA,EAAEtB;UAAgB,CAAiB,CAAC,CAAC,KAE3D,oBAAO,IAAAzC,WAAA,CAAA8D,GAAA,EAAC7B,cAAc;YAAA8B,QAAA,eACpB,IAAA/D,WAAA,CAAA8D,GAAA,EAACnE,cAAA,CAAAqE,aAAa,EAAA/C,aAAA;cACCqB,GAAG,EAAEK,MAAM,CAACW,KAAK,CAAE;cACnBW,OAAO,EAAE5D,CAAC,IAAI;gBACZoD,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,CAACtD,CAAC,EAAE6D,MAAM,CAAC,GAAGxB,cAAc,CAAC,CAAC;cACzD,CAAE;cACFyB,IAAI,EAAE,CAAC3B,IAAI,iBAAI,IAAAxC,WAAA,CAAA8D,GAAA,EAAClE,MAAA,CAAAwE,WAAW,CAACC,IAAI,IAAC,CAAE;cACnCC,QAAQ,EAAE,CAAC9B,IAAI,EAAE+B,SAAS,EAAEC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAKhC,IAAI,EAAEiC,QAAQ,EAAED,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE;YAAE,GAC7EZ,IAAI,GAPHN,KAOK;UAAC,CACZ,CAAC;QACrB;MACA,KAAK,QAAQ;QAAE;UACb,MAAM;cAACI,SAAS;cAAEH,IAAI;cAAEY,IAAI;cAAER;YAAe,CAAC,GAAGF,IAAI;YAAZG,IAAI,OAAAC,yBAAA,CAAAvC,OAAA,EAAImC,IAAI,EAAAvD,UAAA;UACrD,oBAAO,IAAAF,WAAA,CAAA8D,GAAA,EAACpE,OAAA,CAAAgF,UAAU,EAAAzD,aAAA,CAAAA,aAAA;YACCqB,GAAG,EAAEK,MAAM,CAACW,KAAK,CAAE;YACnBqB,OAAO,EAAE,WAAY;YACrBC,KAAK,EAAE,UAAW;YAClBjB,MAAM,EAAEtD,CAAC,IAAIoD,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACtD,CAAC,EAAE6D,MAAM;UAAE,GAC/CN,IAAI;YAAAG,QAAA,EACxBN,IAAI,CAACU;UAAI,IANYb,KAOZ,CAAC;QACf;MACA,KAAK,UAAU;QAAE;UACf,MAAM;cAACI,SAAS;cAAEH,IAAI;cAAEI;YAAe,CAAC,GAAGF,IAAI;YAAZG,IAAI,OAAAC,yBAAA,CAAAvC,OAAA,EAAImC,IAAI,EAAAtD,UAAA;UAC/C,oBAAO,IAAAH,WAAA,CAAA8D,GAAA,EAACpE,OAAA,CAAAgF,UAAU,EAAAzD,aAAA,CAAAA,aAAA;YACCqB,GAAG,EAAEK,MAAM,CAACW,KAAK,CAAE;YACnBqB,OAAO,EAAE,WAAY;YACrBC,KAAK,EAAE,UAAW;YAClBC,EAAE,EAAC,qBAAqB;YACxBlB,MAAM,EAAEtD,CAAC,IAAIoD,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACtD,CAAC,EAAE6D,MAAM;UAAE,GAC/CN,IAAI;YAAAG,QAAA,eACzB,IAAA/D,WAAA,CAAA8D,GAAA,EAAClE,MAAA,CAAAwE,WAAW,CAACU,SAAS;cAACC,IAAI,EAAC;YAAM,CAAC;UAAC,IAPdzB,KAQZ,CAAC;QACf;MACA,KAAK,QAAQ;QAAE;UACb,oBAAO,IAAAtD,WAAA,CAAA8D,GAAA,EAAC9B,mBAAmB;YAAA+B,QAAA,eACxB,IAAA/D,WAAA,CAAA8D,GAAA,EAAChE,YAAA,CAAAkF,SAAS;cACLH,EAAE,EAAC,yBAAyB;cAC5BI,WAAW,EAAC,wBAAwB;cACpCC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;cACtBC,aAAa,EAAEpC,wBAAyB;cACxCqC,UAAU,EAAEtC,qBAAsB;cAClCuC,YAAY,EAAEA,CAAA,KAAM;gBAClBtC,wBAAwB,CAAC,EAAE,CAAC;cAC9B,CAAE;cACFgC,IAAI,EAAEO,WAAI,CAACC;YAAO,CACnB;UAAC,GAXyBjC,KAYZ,CAAC;QACxB;IACF;EACF,CAAC;EAED,oBACE,IAAAtD,WAAA,CAAA8D,GAAA,EAACpC,OAAO;IAAC8D,IAAI,EAAC,SAAS;IAAC,cAAW,SAAS;IAAAzB,QAAA,EACzCxB,OAAO,EAAEY,GAAG,CAAC,CAACM,IAAI,EAAEH,KAAK,KAAKE,UAAU,CAACC,IAAI,EAAEH,KAAK,CAAC;EAAC,CAChD,CAAC;AAEd,CAAC,CAAC;AAACpB,cAAA,CAAAuD,SAAA;EAjGDlD,OAAO,EAAAmD,UAAA,CAAApE,OAAA,CAAAqE,KAAA;EAEPlD,gBAAgB,EAAAiD,UAAA,CAAApE,OAAA,CAAAsE,IAAA;EAChBlD,cAAc,EAAAgD,UAAA,CAAApE,OAAA,CAAAuE,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA1E,OAAA,GAiGDY,cAAc","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/DesktopActions.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { MenuAccountInfo, DesktopMenuButtonTypes } from '../types';
-interface DesktopActionsProps {
-    buttons?: DesktopMenuButtonTypes[];
-    user?: MenuAccountInfo;
-    profileComponent?: React.ReactNode;
-    onShowUserMenu: () => void;
-}
-export interface DesktopActionsRef {
-    buttons?: {
-        ref: React.MutableRefObject<HTMLButtonElement | null>;
-        type: 'profile' | 'action' | 'switcher' | undefined;
-    }[];
-}
-declare const DesktopActions: React.ForwardRefExoticComponent<DesktopActionsProps & React.RefAttributes<DesktopActionsRef>>;
-export default DesktopActions;
+import React from 'react';
+import { MenuAccountInfo, DesktopMenuButtonTypes } from '../types';
+interface DesktopActionsProps {
+    buttons?: DesktopMenuButtonTypes[];
+    user?: MenuAccountInfo;
+    profileComponent?: React.ReactNode;
+    onShowUserMenu: () => void;
+}
+export interface DesktopActionsRef {
+    buttons?: {
+        ref: React.MutableRefObject<HTMLButtonElement | null>;
+        type: 'profile' | 'action' | 'switcher' | undefined;
+    }[];
+}
+declare const DesktopActions: React.ForwardRefExoticComponent<DesktopActionsProps & React.RefAttributes<DesktopActionsRef>>;
+export default DesktopActions;

package/dist/GlobalNavigationBar/desktop/DesktopActions.js

@@ -1,11 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "action"],
   _excluded3 = ["placement", "type", "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';
@@ -17,9 +15,28 @@ import { BREAKPOINTS } from '../../styles';
 import { SearchBar } from '../../InputFields';
 import { Size } from '../../types';
 import { jsx as _jsx } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, IconButtonStyled, BREAKPOINTS.MEDIUM);
-const CustomActionWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n"])));
-const ProfileWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 8px;\n"])));
+const Wrapper = styled.div`
+  align-items: center;
+
+  display: none;
+
+  ${BREAKPOINTS.MEDIUM} {
+    display: flex;
+  }
+
+  ${IconButtonStyled}{
+    display: 'none';
+    ${BREAKPOINTS.MEDIUM} {
+      display: block;
+    }
+  }
+`;
+const CustomActionWrapper = styled.div`
+
+`;
+const ProfileWrapper = styled.div`
+  margin: 0 8px;
+`;
 const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     buttons,
@@ -29,24 +46,20 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _ref;
   const [elRefs, setElRefs] = React.useState([]);
   const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');
-  const length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
+  const length = buttons?.length || 0;
   React.useEffect(() => {
     setElRefs(Array(length || 0).fill(null).map(() => /*#__PURE__*/React.createRef()));
   }, [length]);
   React.useImperativeHandle(ref, () => ({
-    buttons: elRefs.map((r, index) => {
-      var _buttons$index;
-      return {
-        ref: r,
-        type: buttons === null || buttons === void 0 || (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
-      };
-    })
+    buttons: elRefs.map((r, index) => ({
+      ref: r,
+      type: buttons?.[index]?.type
+    }))
   }), [elRefs, buttons]);
   const renderItem = (item, index) => {
     switch (item.type) {
       case 'profile':
         {
-          var _user$firstName$charA, _user$firstName, _user$lastName$charAt, _user$lastName;
           const {
               placement,
               type,
@@ -59,10 +72,10 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             children: /*#__PURE__*/_jsx(ProfileButton, _objectSpread({
               ref: elRefs[index],
               onClick: e => {
-                item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) : onShowUserMenu();
+                item.action ? item.action(e?.target) : onShowUserMenu();
               },
               icon: !user && /*#__PURE__*/_jsx(SystemIcons.User, {}),
-              initials: ((_user$firstName$charA = user === null || user === void 0 || (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 || (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
+              initials: (user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')
             }, rest), index)
           });
         }
@@ -79,7 +92,7 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
+            action: e => item.action && item.action(e?.target)
           }, rest), {}, {
             children: item.icon
           }), index);
@@ -97,7 +110,7 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
             variant: 'secondary',
             shape: 'circular',
             id: "globalNavAppsButton",
-            action: e => item.action && item.action(e === null || e === void 0 ? void 0 : e.target)
+            action: e => item.action && item.action(e?.target)
           }, rest), {}, {
             children: /*#__PURE__*/_jsx(SystemIcons.SwitchApp, {
               size: "24px"
@@ -125,7 +138,7 @@ const DesktopActions = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   return /*#__PURE__*/_jsx(Wrapper, {
     role: "toolbar",
     "aria-label": "Toolbar",
-    children: buttons === null || buttons === void 0 ? void 0 : buttons.map((item, index) => renderItem(item, index))
+    children: buttons?.map((item, index) => renderItem(item, index))
   });
 });
 DesktopActions.propTypes = {

package/dist/GlobalNavigationBar/desktop/DesktopActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopActions.js","names":["React","styled","IconButton","IconButtonStyled","ProfileButton","SystemIcons","BREAKPOINTS","SearchBar","Size","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","CustomActionWrapper","_templateObject2","ProfileWrapper","_templateObject3","DesktopActions","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties","_excluded","children","_objectSpread","onClick","e","target","icon","User","initials","firstName","charAt","lastName","_excluded2","variant","shape","_excluded3","id","SwitchApp","size","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Medium","role","propTypes","_pt","array","node","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\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(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DesktopActions.js","names":["React","styled","IconButton","IconButtonStyled","ProfileButton","SystemIcons","BREAKPOINTS","SearchBar","Size","jsx","_jsx","Wrapper","div","MEDIUM","CustomActionWrapper","ProfileWrapper","DesktopActions","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","type","renderItem","item","placement","action","rest","_objectWithoutProperties","_excluded","children","_objectSpread","onClick","e","target","icon","User","initials","firstName","charAt","lastName","_excluded2","variant","shape","_excluded3","id","SwitchApp","size","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Medium","role","propTypes","_pt","array","node","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement | null>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\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(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flowDown = exports.default = exports.MenuSectionList = exports.MenuSection = exports.Menu = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -13,13 +12,69 @@ var _styles = require("../../styles");
 var _Tabs = require("../../Tabs");
 var _index = require("../../index");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const flowDown = exports.flowDown = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-const Menu = exports.Menu = _styledComponents.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), flowDown, flowDown, _styles.Z_INDEXES.dropdown, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM, _styles.focusStyles);
-const MenuSection = exports.MenuSection = _styledComponents.default.li(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n"])), props => _styles.COLORS.getColor('neutral_100', props.theme));
-const MenuSectionList = exports.MenuSectionList = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
+const flowDown = exports.flowDown = (0, _styledComponents.keyframes)`
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const Menu = exports.Menu = _styledComponents.default.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  display: none;
+  right: -8px;
+  min-width: 300px;
+  -webkit-animation: ${flowDown} 0.2s ease-in-out;
+  animation: ${flowDown} 0.2s ease-in-out;
+  position: absolute;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  z-index: ${_styles.Z_INDEXES.dropdown};
+
+  top: 12px;
+  ${_styles.BREAKPOINTS.SMALL} {
+    top: 18px;
+  }
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    top: 24px;
+  }
+
+  .open & {
+    display: block;
+  }
+
+  &:focus {
+    ${_styles.focusStyles}
+  }
+`;
+const MenuSection = exports.MenuSection = _styledComponents.default.li`
+  padding: 8px 0;
+  position: relative;
+
+  &:not(:first-of-type)::before {
+    content: '';
+    position: absolute;
+    background: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+    height: 1px;
+    top: 0;
+    left: 16px;
+    right: 16px;
+  }
+`;
+const MenuSectionList = exports.MenuSectionList = _styledComponents.default.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0 2px;
+`;
 const ExtendedMainMenu = _ref => {
   let {
     clickMenuAction,
@@ -38,7 +93,7 @@ const ExtendedMainMenu = _ref => {
     };
   }, [clickMenuAction]);
   React.useEffect(() => {
-    const list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(n => {
+    const list = navigationOptions?.map(n => {
       return {
         requiredLine: n.label,
         to: n.to,

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedMainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_Tabs","_index","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","flowDown","exports","keyframes","_taggedTemplateLiteral2","Menu","styled","ul","props","COLORS","getColor","theme","Z_INDEXES","dropdown","BREAKPOINTS","SMALL","MEDIUM","focusStyles","MenuSection","li","MenuSectionList","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","entries","setEntries","useState","useEffect","handleKeyPress","keyCode","document","addEventListener","removeEventListener","list","map","requiredLine","label","to","disabled","onClick","action","exact","jsx","role","children","VerticalTabs","size","Size","Medium","propTypes","_propTypes","func","isRequired","array","_default"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExtendedMainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_Tabs","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","flowDown","exports","keyframes","Menu","styled","ul","props","COLORS","getColor","theme","Z_INDEXES","dropdown","BREAKPOINTS","SMALL","MEDIUM","focusStyles","MenuSection","li","MenuSectionList","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","entries","setEntries","useState","useEffect","handleKeyPress","keyCode","document","addEventListener","removeEventListener","list","map","requiredLine","label","to","disabled","onClick","action","exact","jsx","role","children","VerticalTabs","size","Size","Medium","propTypes","_propTypes","func","isRequired","array","_default"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { MenuNavigationItemTypeItem } from '../../index';
-export declare const flowDown: import("styled-components/dist/models/Keyframes").default;
-export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const MenuSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const MenuSectionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-type Props = {
-    clickMenuAction: () => void;
-    navigationOptions: MenuNavigationItemTypeItem[];
-};
-declare const ExtendedMainMenu: ({ clickMenuAction, navigationOptions }: Props) => React.JSX.Element;
-export default ExtendedMainMenu;
+import * as React from 'react';
+import { MenuNavigationItemTypeItem } from '../../index';
+export declare const flowDown: import("styled-components/dist/models/Keyframes").default;
+export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const MenuSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const MenuSectionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+type Props = {
+    clickMenuAction: () => void;
+    navigationOptions: MenuNavigationItemTypeItem[];
+};
+declare const ExtendedMainMenu: ({ clickMenuAction, navigationOptions }: Props) => React.JSX.Element;
+export default ExtendedMainMenu;

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import * as React from 'react';
 import styled, { keyframes } from 'styled-components';
 import { BREAKPOINTS, COLORS, focusStyles } from '../../styles';
@@ -8,10 +6,67 @@ import { VerticalTabs } from '../../Tabs';
 import { Size } from '../../index';
 import { Z_INDEXES } from '../../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const flowDown = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-export const Menu = styled.ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n\n  &:focus {\n    ", "\n  }\n"])), props => COLORS.getColor('white', props.theme), flowDown, flowDown, Z_INDEXES.dropdown, BREAKPOINTS.SMALL, BREAKPOINTS.MEDIUM, focusStyles);
-export const MenuSection = styled.li(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n"])), props => COLORS.getColor('neutral_100', props.theme));
-export const MenuSectionList = styled.ul(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
+export const flowDown = keyframes`
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+export const Menu = styled.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background-color: ${props => COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  display: none;
+  right: -8px;
+  min-width: 300px;
+  -webkit-animation: ${flowDown} 0.2s ease-in-out;
+  animation: ${flowDown} 0.2s ease-in-out;
+  position: absolute;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  z-index: ${Z_INDEXES.dropdown};
+
+  top: 12px;
+  ${BREAKPOINTS.SMALL} {
+    top: 18px;
+  }
+  ${BREAKPOINTS.MEDIUM} {
+    top: 24px;
+  }
+
+  .open & {
+    display: block;
+  }
+
+  &:focus {
+    ${focusStyles}
+  }
+`;
+export const MenuSection = styled.li`
+  padding: 8px 0;
+  position: relative;
+
+  &:not(:first-of-type)::before {
+    content: '';
+    position: absolute;
+    background: ${props => COLORS.getColor('neutral_100', props.theme)};
+    height: 1px;
+    top: 0;
+    left: 16px;
+    right: 16px;
+  }
+`;
+export const MenuSectionList = styled.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0 2px;
+`;
 const ExtendedMainMenu = _ref => {
   let {
     clickMenuAction,
@@ -30,7 +85,7 @@ const ExtendedMainMenu = _ref => {
     };
   }, [clickMenuAction]);
   React.useEffect(() => {
-    const list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(n => {
+    const list = navigationOptions?.map(n => {
       return {
         requiredLine: n.label,
         to: n.to,

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedMainMenu.js","names":["React","styled","keyframes","BREAKPOINTS","COLORS","focusStyles","VerticalTabs","Size","Z_INDEXES","jsx","_jsx","flowDown","_templateObject","_taggedTemplateLiteral","Menu","ul","_templateObject2","props","getColor","theme","dropdown","SMALL","MEDIUM","MenuSection","li","_templateObject3","MenuSectionList","_templateObject4","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","entries","setEntries","useState","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","action","exact","role","children","size","Medium","propTypes","_pt","func","isRequired","array"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExtendedMainMenu.js","names":["React","styled","keyframes","BREAKPOINTS","COLORS","focusStyles","VerticalTabs","Size","Z_INDEXES","jsx","_jsx","flowDown","Menu","ul","props","getColor","theme","dropdown","SMALL","MEDIUM","MenuSection","li","MenuSectionList","ExtendedMainMenu","_ref","clickMenuAction","navigationOptions","entries","setEntries","useState","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","action","exact","role","children","size","Medium","propTypes","_pt","func","isRequired","array"],"sources":["../../../src/GlobalNavigationBar/desktop/ExtendedMainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../../styles';\r\nimport { VerticalTabs } from '../../Tabs';\r\nimport { VerticalTabEntry } from '../../Tabs';\r\nimport {MenuNavigationItemTypeItem, Size} from '../../index';\r\nimport {Z_INDEXES} from '../../styles';\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: MenuNavigationItemTypeItem[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.action, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"mappings":"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","ignoreList":[]}