@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalNavigationBar.js","names":["React","styled","Logo","MainMenu","PageWidth","COLORS","BREAKPOINTS","RightSideNav","MobileMenu","SystemIcons","UserMenu","fadeIn","fadeOut","Menu","MobileMenuWrapper","Z_INDEXES","IconButton","DesktopActions","usePreviousImmediate","useClickOutsideRef","hasWindow","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HeaderWrapper","header","_templateObject","_taggedTemplateLiteral","props","getColor","theme","sticky_menu","MEDIUM","LARGE","RowLayout","div","_templateObject2","HamburgerButton","_templateObject3","RightSide","_templateObject4","MobileMenuBackdrop","_templateObject5","backdrop","MobileWrapper","_templateObject6","UserMenuWrapper","_templateObject7","$offsetRight","concat","window","innerWidth","GlobalNavigationBar","_ref","_actionsRef$current","_actionsRef$current$b","_actionsRef$current$b2","_actionsRef$current$b3","_desktop$items","_desktop$buttons","name","isAuthenticated","logo","profile","mobile","desktop","testId","_ref$useMaxWidth","useMaxWidth","maxWidth","profileComponent","_ref$border","border","_React$useState","useState","_React$useState2","_slicedToArray","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","_React$useState3","_React$useState4","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","a","type","ref","mobileMenuButtonRef","rightSideRef","_React$useState5","_React$useState6","avatarRight","setAvatarRight","userMenuRef","mobileMenuRef","useEffect","handleResize","_profileButtonRef$cur","_profileButtonRef$cur2","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","children","className","$useMaxWidth","$maxWidth","$unsetMargin","showBetaTag","onClick","to","items","filter","pinned","reverseRightSideOrder","map","x","action","onShowUserMenu","user","hidden","shape","variant","size","role","_objectSpread","show","onClose","undefined","some","onHideUserMenu","propTypes","_pt","bool","number","string","func","node"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalNavigationBar.js","names":["React","styled","Logo","MainMenu","PageWidth","COLORS","BREAKPOINTS","RightSideNav","MobileMenu","SystemIcons","UserMenu","fadeIn","fadeOut","Menu","MobileMenuWrapper","Z_INDEXES","IconButton","DesktopActions","usePreviousImmediate","useClickOutsideRef","hasWindow","HeaderWrapper","header","props","getColor","theme","sticky_menu","MEDIUM","LARGE","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","MobileWrapper","UserMenuWrapper","$offsetRight","window","innerWidth","GlobalNavigationBar","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","profileComponent","border","useState","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","a","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","mobileMenuRef","useEffect","handleResize","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","showBetaTag","onClick","to","items","filter","pinned","reverseRightSideOrder","map","x","action","user","undefined","some"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/Logo.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,20 +16,20 @@ var _styles = require("../styles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var StyledLink = (0, _styledComponents["default"])(_reactRouterDom.Link)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: center;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  &:focus-within {\n    outline: none;\n  }\n  svg {\n    width: 66px;\n    height: 36px;\n    color: ", ";\n    ", " {\n      width: 88px;\n      height: 48px;\n    }\n  }\n"])), function (props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var StyledLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  &:focus-within {\n    outline: none;\n  }\n  svg {\n    width: 66px;\n    height: 36px;\n    color: ", ";\n    ", " {\n      width: 88px;\n      height: 48px;\n    }\n  }\n"])), function (props) {
   return props.$color;
 }, _styles.BREAKPOINTS.MEDIUM);
-var LogoContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  max-width: calc(100% - 48px);\n  overflow: hidden;\n  align-items: center;\n  height: 40px;\n  box-sizing: border-box;\n  padding: 24px 0;\n\n  ", " {\n    margin-top: 8px;\n    margin-bottom: 7px;\n  }\n\n  &:focus-within {\n    ", "\n  }\n\n  &.inverted:focus-within {\n    ", "\n  }\n"])), _styles.BREAKPOINTS.LARGE, _styles.focusStyles, _styles.invertedFocusStyles);
-var Name = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 8px;\n  padding-left: 8px;\n  border-left: 1px solid ", ";\n  letter-spacing: -0.02em;\n  max-width: 200px;\n  \n  white-space: nowrap;\n  overflow: hidden;\n\n  ", "\n\n  font-weight: 300 !important;\n  line-height: 24px !important;\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    margin-left: 12px;\n    padding-left: 12px;\n  }\n"])), function (props) {
+var LogoContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  max-width: calc(100% - 48px);\n  overflow: hidden;\n  align-items: center;\n  height: 40px;\n  box-sizing: border-box;\n  padding: 24px 0;\n\n  ", " {\n    margin-top: 8px;\n    margin-bottom: 7px;\n  }\n\n  &:focus-within {\n    ", "\n  }\n\n  &.inverted:focus-within {\n    ", "\n  }\n"])), _styles.BREAKPOINTS.LARGE, _styles.focusStyles, _styles.invertedFocusStyles);
+var Name = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n  padding-left: 8px;\n  border-left: 1px solid ", ";\n  letter-spacing: -0.02em;\n  max-width: 200px;\n  \n  white-space: nowrap;\n  overflow: hidden;\n\n  ", "\n\n  font-weight: 300 !important;\n  line-height: 24px !important;\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    margin-left: 12px;\n    padding-left: 12px;\n  }\n"])), function (props) {
   return props.$color || _styles.COLORS.getColor('black', props.theme);
 }, function (props) {
   return props.$noSizeChangeOnMobile ? (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, props.$color || _styles.COLORS.getColor('black', props.theme)) : (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, props.$color || _styles.COLORS.getColor('black', props.theme));
 }, _styles.BREAKPOINTS.MEDIUM, function (props) {
   return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, props.$color || _styles.COLORS.getColor('black', props.theme));
 }, _styles.BREAKPOINTS.LARGE);
-var BetaTag = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  padding: 4px 8px;\n  margin-left: 8px;\n  margin-top: 2px;\n  border-left: none;\n  border-radius: 2px;\n\n  ", "\n"])), function (props) {
+var BetaTag = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  padding: 4px 8px;\n  margin-left: 8px;\n  margin-top: 2px;\n  border-left: none;\n  border-radius: 2px;\n\n  ", "\n"])), function (props) {
   return props.$backgroundColor || _styles.COLORS.getColor('accent2_500', props.theme);
 }, function (props) {
   return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.UppercaseBold, props.$color || _styles.COLORS.getColor('white', props.theme));
@@ -69,16 +69,16 @@ var Logo = function Logo(_ref) {
   });
 };
 Logo.propTypes = {
-  name: _propTypes["default"].string.isRequired,
-  showBetaTag: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  to: _propTypes["default"].string,
-  color: _propTypes["default"].string,
-  noSizeChangeOnMobile: _propTypes["default"].bool,
-  betaTagBackgroundColor: _propTypes["default"].string,
-  betaTagColor: _propTypes["default"].string,
-  inverted: _propTypes["default"].bool
+  name: _propTypes.default.string.isRequired,
+  showBetaTag: _propTypes.default.bool,
+  onClick: _propTypes.default.func,
+  to: _propTypes.default.string,
+  color: _propTypes.default.string,
+  noSizeChangeOnMobile: _propTypes.default.bool,
+  betaTagBackgroundColor: _propTypes.default.string,
+  betaTagColor: _propTypes.default.string,
+  inverted: _propTypes.default.bool
 };
 var _default = Logo;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=Logo.cjs.map

package/dist/GlobalNavigationBar/Logo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs","names":["React","_interopRequireWildcard","require","_reactRouterDom","_styledComponents","_assets","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledLink","styled","Link","_taggedTemplateLiteral2","props","$color","BREAKPOINTS","MEDIUM","LogoContainer","div","LARGE","focusStyles","invertedFocusStyles","Name","span","COLORS","getColor","theme","$noSizeChangeOnMobile","ComponentMStyling","ComponentTextStyle","Regular","ComponentXSStyling","BetaTag","$backgroundColor","UppercaseBold","Logo","_ref","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted","useTheme","jsx","className","children","jsxs","onMouseDown","defaultOnMouseDownHandler","LaerdalWhiteLogo","LaerdalLogo","propTypes","_propTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../styles';\r\nimport { ComponentMStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledLink = styled(Link)<{ $color?: string }>`\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  &:focus-within {\r\n    outline: none;\r\n  }\r\n  svg {\r\n    width: 66px;\r\n    height: 36px;\r\n    color: ${(props) => props.$color};\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: 88px;\r\n      height: 48px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  max-width: calc(100% - 48px);\r\n  overflow: hidden;\r\n  align-items: center;\r\n  height: 40px;\r\n  box-sizing: border-box;\r\n  padding: 24px 0;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-top: 8px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  &:focus-within {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.inverted:focus-within {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst Name = styled.span<{ $color?: string; $noSizeChangeOnMobile: boolean }>`\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  border-left: 1px solid ${(props) => props.$color || COLORS.getColor('black', props.theme)};\r\n  letter-spacing: -0.02em;\r\n  max-width: 200px;\r\n  \r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n\r\n  ${(props) =>\r\n    props.$noSizeChangeOnMobile\r\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))}\r\n\r\n  font-weight: 300 !important;\r\n  line-height: 24px !important;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-left: 12px;\r\n    padding-left: 12px;\r\n  }\r\n`;\r\n\r\nconst BetaTag = styled.span<{ $backgroundColor?: string; $color?: string }>`\r\n  background-color: ${(props) => props.$backgroundColor || COLORS.getColor('accent2_500', props.theme)};\r\n  padding: 4px 8px;\r\n  margin-left: 8px;\r\n  margin-top: 2px;\r\n  border-left: none;\r\n  border-radius: 2px;\r\n\r\n  ${(props) => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme))}\r\n`;\r\n\r\ntype LogoProps = {\r\n  name: string;\r\n  showBetaTag?: boolean;\r\n  onClick?: () => void;\r\n  to?: string;\r\n  color?: string;\r\n  noSizeChangeOnMobile?: boolean;\r\n  betaTagBackgroundColor?: string;\r\n  betaTagColor?: string;\r\n  inverted?: boolean;\r\n};\r\n\r\nconst Logo: React.FunctionComponent<LogoProps> = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor, inverted }: LogoProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <LogoContainer className={inverted ? 'inverted' : ''}>\r\n      <StyledLink\r\n        to={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={() => {\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        $color={color}>\r\n        {color === COLORS.getColor('white', theme) ? <LaerdalWhiteLogo /> : <LaerdalLogo />}\r\n        <Name $color={color} $noSizeChangeOnMobile={noSizeChangeOnMobile || false}>\r\n          {name}\r\n        </Name>\r\n        {showBetaTag && (\r\n          <BetaTag $backgroundColor={betaTagBackgroundColor} $color={betaTagColor}>\r\n            BETA\r\n          </BetaTag>\r\n        )}\r\n      </StyledLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Logo.cjs","names":["StyledLink","styled","Link","props","$color","BREAKPOINTS","MEDIUM","LogoContainer","div","LARGE","focusStyles","invertedFocusStyles","Name","span","COLORS","getColor","theme","$noSizeChangeOnMobile","ComponentMStyling","ComponentTextStyle","Regular","ComponentXSStyling","BetaTag","$backgroundColor","UppercaseBold","Logo","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted","useTheme","defaultOnMouseDownHandler"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../styles';\r\nimport { ComponentMStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledLink = styled(Link)<{ $color?: string }>`\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  &:focus-within {\r\n    outline: none;\r\n  }\r\n  svg {\r\n    width: 66px;\r\n    height: 36px;\r\n    color: ${(props) => props.$color};\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: 88px;\r\n      height: 48px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  max-width: calc(100% - 48px);\r\n  overflow: hidden;\r\n  align-items: center;\r\n  height: 40px;\r\n  box-sizing: border-box;\r\n  padding: 24px 0;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-top: 8px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  &:focus-within {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.inverted:focus-within {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst Name = styled.span<{ $color?: string; $noSizeChangeOnMobile: boolean }>`\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  border-left: 1px solid ${(props) => props.$color || COLORS.getColor('black', props.theme)};\r\n  letter-spacing: -0.02em;\r\n  max-width: 200px;\r\n  \r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n\r\n  ${(props) =>\r\n    props.$noSizeChangeOnMobile\r\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))}\r\n\r\n  font-weight: 300 !important;\r\n  line-height: 24px !important;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-left: 12px;\r\n    padding-left: 12px;\r\n  }\r\n`;\r\n\r\nconst BetaTag = styled.span<{ $backgroundColor?: string; $color?: string }>`\r\n  background-color: ${(props) => props.$backgroundColor || COLORS.getColor('accent2_500', props.theme)};\r\n  padding: 4px 8px;\r\n  margin-left: 8px;\r\n  margin-top: 2px;\r\n  border-left: none;\r\n  border-radius: 2px;\r\n\r\n  ${(props) => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme))}\r\n`;\r\n\r\ntype LogoProps = {\r\n  name: string;\r\n  showBetaTag?: boolean;\r\n  onClick?: () => void;\r\n  to?: string;\r\n  color?: string;\r\n  noSizeChangeOnMobile?: boolean;\r\n  betaTagBackgroundColor?: string;\r\n  betaTagColor?: string;\r\n  inverted?: boolean;\r\n};\r\n\r\nconst Logo: React.FunctionComponent<LogoProps> = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor, inverted }: LogoProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <LogoContainer className={inverted ? 'inverted' : ''}>\r\n      <StyledLink\r\n        to={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={() => {\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        $color={color}>\r\n        {color === COLORS.getColor('white', theme) ? <LaerdalWhiteLogo /> : <LaerdalLogo />}\r\n        <Name $color={color} $noSizeChangeOnMobile={noSizeChangeOnMobile || false}>\r\n          {name}\r\n        </Name>\r\n        {showBetaTag && (\r\n          <BetaTag $backgroundColor={betaTagBackgroundColor} $color={betaTagColor}>\r\n            BETA\r\n          </BetaTag>\r\n        )}\r\n      </StyledLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["React","Link","styled","useTheme","LaerdalLogo","LaerdalWhiteLogo","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","invertedFocusStyles","ComponentMStyling","ComponentXSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","StyledLink","_templateObject","_taggedTemplateLiteral","props","$color","MEDIUM","LogoContainer","div","_templateObject2","LARGE","Name","span","_templateObject3","getColor","theme","$noSizeChangeOnMobile","Regular","BetaTag","_templateObject4","$backgroundColor","UppercaseBold","Logo","_ref","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted","className","children","onMouseDown","propTypes","_pt","string","isRequired","bool","func"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../styles';\r\nimport { ComponentMStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledLink = styled(Link)<{ $color?: string }>`\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  &:focus-within {\r\n    outline: none;\r\n  }\r\n  svg {\r\n    width: 66px;\r\n    height: 36px;\r\n    color: ${(props) => props.$color};\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: 88px;\r\n      height: 48px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  max-width: calc(100% - 48px);\r\n  overflow: hidden;\r\n  align-items: center;\r\n  height: 40px;\r\n  box-sizing: border-box;\r\n  padding: 24px 0;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-top: 8px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  &:focus-within {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.inverted:focus-within {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst Name = styled.span<{ $color?: string; $noSizeChangeOnMobile: boolean }>`\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  border-left: 1px solid ${(props) => props.$color || COLORS.getColor('black', props.theme)};\r\n  letter-spacing: -0.02em;\r\n  max-width: 200px;\r\n  \r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n\r\n  ${(props) =>\r\n    props.$noSizeChangeOnMobile\r\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))}\r\n\r\n  font-weight: 300 !important;\r\n  line-height: 24px !important;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-left: 12px;\r\n    padding-left: 12px;\r\n  }\r\n`;\r\n\r\nconst BetaTag = styled.span<{ $backgroundColor?: string; $color?: string }>`\r\n  background-color: ${(props) => props.$backgroundColor || COLORS.getColor('accent2_500', props.theme)};\r\n  padding: 4px 8px;\r\n  margin-left: 8px;\r\n  margin-top: 2px;\r\n  border-left: none;\r\n  border-radius: 2px;\r\n\r\n  ${(props) => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme))}\r\n`;\r\n\r\ntype LogoProps = {\r\n  name: string;\r\n  showBetaTag?: boolean;\r\n  onClick?: () => void;\r\n  to?: string;\r\n  color?: string;\r\n  noSizeChangeOnMobile?: boolean;\r\n  betaTagBackgroundColor?: string;\r\n  betaTagColor?: string;\r\n  inverted?: boolean;\r\n};\r\n\r\nconst Logo: React.FunctionComponent<LogoProps> = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor, inverted }: LogoProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <LogoContainer className={inverted ? 'inverted' : ''}>\r\n      <StyledLink\r\n        to={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={() => {\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        $color={color}>\r\n        {color === COLORS.getColor('white', theme) ? <LaerdalWhiteLogo /> : <LaerdalLogo />}\r\n        <Name $color={color} $noSizeChangeOnMobile={noSizeChangeOnMobile || false}>\r\n          {name}\r\n        </Name>\r\n        {showBetaTag && (\r\n          <BetaTag $backgroundColor={betaTagBackgroundColor} $color={betaTagColor}>\r\n            BETA\r\n          </BetaTag>\r\n        )}\r\n      </StyledLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Logo.js","names":["React","Link","styled","useTheme","LaerdalLogo","LaerdalWhiteLogo","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","invertedFocusStyles","ComponentMStyling","ComponentXSStyling","defaultOnMouseDownHandler","StyledLink","props","$color","MEDIUM","LogoContainer","div","LARGE","Name","span","getColor","theme","$noSizeChangeOnMobile","Regular","BetaTag","$backgroundColor","UppercaseBold","Logo","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../styles';\r\nimport { ComponentMStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledLink = styled(Link)<{ $color?: string }>`\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  &:focus-within {\r\n    outline: none;\r\n  }\r\n  svg {\r\n    width: 66px;\r\n    height: 36px;\r\n    color: ${(props) => props.$color};\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: 88px;\r\n      height: 48px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  max-width: calc(100% - 48px);\r\n  overflow: hidden;\r\n  align-items: center;\r\n  height: 40px;\r\n  box-sizing: border-box;\r\n  padding: 24px 0;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-top: 8px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  &:focus-within {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.inverted:focus-within {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst Name = styled.span<{ $color?: string; $noSizeChangeOnMobile: boolean }>`\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  border-left: 1px solid ${(props) => props.$color || COLORS.getColor('black', props.theme)};\r\n  letter-spacing: -0.02em;\r\n  max-width: 200px;\r\n  \r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n\r\n  ${(props) =>\r\n    props.$noSizeChangeOnMobile\r\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))}\r\n\r\n  font-weight: 300 !important;\r\n  line-height: 24px !important;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin-left: 12px;\r\n    padding-left: 12px;\r\n  }\r\n`;\r\n\r\nconst BetaTag = styled.span<{ $backgroundColor?: string; $color?: string }>`\r\n  background-color: ${(props) => props.$backgroundColor || COLORS.getColor('accent2_500', props.theme)};\r\n  padding: 4px 8px;\r\n  margin-left: 8px;\r\n  margin-top: 2px;\r\n  border-left: none;\r\n  border-radius: 2px;\r\n\r\n  ${(props) => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme))}\r\n`;\r\n\r\ntype LogoProps = {\r\n  name: string;\r\n  showBetaTag?: boolean;\r\n  onClick?: () => void;\r\n  to?: string;\r\n  color?: string;\r\n  noSizeChangeOnMobile?: boolean;\r\n  betaTagBackgroundColor?: string;\r\n  betaTagColor?: string;\r\n  inverted?: boolean;\r\n};\r\n\r\nconst Logo: React.FunctionComponent<LogoProps> = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor, inverted }: LogoProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <LogoContainer className={inverted ? 'inverted' : ''}>\r\n      <StyledLink\r\n        to={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={() => {\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        $color={color}>\r\n        {color === COLORS.getColor('white', theme) ? <LaerdalWhiteLogo /> : <LaerdalLogo />}\r\n        <Name $color={color} $noSizeChangeOnMobile={noSizeChangeOnMobile || false}>\r\n          {name}\r\n        </Name>\r\n        {showBetaTag && (\r\n          <BetaTag $backgroundColor={betaTagBackgroundColor} $color={betaTagColor}>\r\n            BETA\r\n          </BetaTag>\r\n        )}\r\n      </StyledLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -23,31 +23,31 @@ var _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) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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"])), _styles.BREAKPOINTS.MEDIUM, _Button.IconButtonStyled, _styles.BREAKPOINTS.MEDIUM);
-var CustomActionWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n\n"])));
-var ProfileWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0 8px;\n"])));
-var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styles.BREAKPOINTS.MEDIUM, _Button.IconButtonStyled, _styles.BREAKPOINTS.MEDIUM);
+var CustomActionWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+var ProfileWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 8px;\n"])));
+var DesktopActions = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var buttons = _ref.buttons,
     user = _ref.user,
     profileComponent = _ref.profileComponent,
     onShowUserMenu = _ref.onShowUserMenu;
-  var _React$useState = _react["default"].useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+  var _React$useState = _react.default.useState([]),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     elRefs = _React$useState2[0],
     setElRefs = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(''),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+  var _React$useState3 = _react.default.useState(''),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     searchTermNormalSmall = _React$useState4[0],
     setSearchTermNormalSmall = _React$useState4[1];
   var length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
-  _react["default"].useEffect(function () {
+  _react.default.useEffect(function () {
     setElRefs(Array(length || 0).fill(null).map(function () {
-      return /*#__PURE__*/_react["default"].createRef();
+      return /*#__PURE__*/_react.default.createRef();
     }));
   }, [length]);
-  _react["default"].useImperativeHandle(ref, function () {
+  _react.default.useImperativeHandle(ref, function () {
     return {
       buttons: elRefs.map(function (r, index) {
         var _buttons$index;
@@ -66,7 +66,7 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
           var placement = item.placement,
             type = item.type,
             action = item.action,
-            rest = (0, _objectWithoutProperties2["default"])(item, _excluded);
+            rest = (0, _objectWithoutProperties2.default)(item, _excluded);
           if (!!profileComponent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
             children: profileComponent
           });else return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
@@ -86,7 +86,7 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
             _type = item.type,
             icon = item.icon,
             _action = item.action,
-            _rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
+            _rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
@@ -103,7 +103,7 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
           var _placement2 = item.placement,
             _type2 = item.type,
             _action2 = item.action,
-            _rest2 = (0, _objectWithoutProperties2["default"])(item, _excluded3);
+            _rest2 = (0, _objectWithoutProperties2.default)(item, _excluded3);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
@@ -145,10 +145,10 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
   });
 });
 DesktopActions.propTypes = {
-  buttons: _propTypes["default"].array,
-  profileComponent: _propTypes["default"].node,
-  onShowUserMenu: _propTypes["default"].func.isRequired
+  buttons: _propTypes.default.array,
+  profileComponent: _propTypes.default.node,
+  onShowUserMenu: _propTypes.default.func.isRequired
 };
 var _default = DesktopActions;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=DesktopActions.cjs.map

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","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","_React$useState","useState","_React$useState2","_slicedToArray2","elRefs","setElRefs","_React$useState3","_React$useState4","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":["Wrapper","styled","div","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","ref","buttons","user","profileComponent","onShowUserMenu","useState","elRefs","setElRefs","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","type","renderItem","item","placement","action","rest","e","target","firstName","charAt","lastName","icon","Size","Medium"],"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":";;;;;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAmC;AAAA;EAAA;EAAA;AAAA;AAAA;AAAA;AAEnC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uPAKtBC,mBAAW,CAACC,MAAM,EAIlBC,wBAAgB,EAEdF,mBAAW,CAACC,MAAM,CAIvB;AAED,IAAME,mBAAmB,GAAGL,yBAAM,CAACC,GAAG,yFAErC;AAED,IAAMK,cAAc,GAAGN,yBAAM,CAACC,GAAG,yGAEhC;AAcD,IAAOM,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAKwBC,GAAiC,EAAK;EAAA,IAJ5DC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACHC,gBAAgB,QAAhBA,gBAAgB;IACjBC,cAAc,QAAdA,cAAc;EAGvD,sBAA4BN,cAAK,CAACO,QAAQ,CAAuC,EAAE,CAAC;IAAA;IAA7EC,MAAM;IAAEC,SAAS;EACxB,uBAA0DT,cAAK,CAACO,QAAQ,CAAC,EAAE,CAAC;IAAA;IAArEG,qBAAqB;IAAEC,wBAAwB;EAEtD,IAAMC,MAAM,GAAG,CAAAT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,MAAM,KAAI,CAAC;EAEnCZ,cAAK,CAACa,SAAS,CAAC,YAAM;IACpBJ,SAAS,CAACK,KAAK,CAACF,MAAM,IAAI,CAAC,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC;MAAA,oBAAMhB,cAAK,CAACiB,SAAS,EAAqB;IAAA,EAAC,CAAC;EAC1F,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZZ,cAAK,CAACkB,mBAAmB,CAAChB,GAAG,EAAE;IAAA,OAAO;MACpCC,OAAO,EAAEK,MAAM,CAACQ,GAAG,CAAC,UAACG,CAAC,EAAEC,KAAK;QAAA;QAAA,OAAM;UACjClB,GAAG,EAAEiB,CAAC;UACNE,IAAI,EAAElB,OAAO,aAAPA,OAAO,yCAAPA,OAAO,CAAGiB,KAAK,CAAC,mDAAhB,eAAkBC;QAC1B,CAAC;MAAA,CAAC;IACJ,CAAC;EAAA,CAAC,EAAE,CAACb,MAAM,EAAEL,OAAO,CAAC,CAAC;EAEtB,IAAMmB,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAA2B,EAAEH,KAAa,EAAK;IACjE,QAAQG,IAAI,CAACF,IAAI;MACf,KAAK,SAAS;QAAE;UAAA;UACd,IAAOG,SAAS,GAA2BD,IAAI,CAAxCC,SAAS;YAAEH,IAAI,GAAqBE,IAAI,CAA7BF,IAAI;YAAEI,MAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,IAAI,0CAAIH,IAAI;UAC/C,IAAG,CAAC,CAAClB,gBAAgB,EACnB,oBAAO,qBAAC,cAAc;YAAA,UAAEA;UAAgB,EAAkB,CAAC,KAE3D,oBAAO,qBAAC,cAAc;YAAA,uBACpB,qBAAC,4BAAa;cACC,GAAG,EAAEG,MAAM,CAACY,KAAK,CAAE;cACnB,OAAO,EAAE,iBAAAO,CAAC,EAAI;gBACZJ,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC,GAAGtB,cAAc,EAAE;cACzD,CAAE;cACF,IAAI,EAAE,CAACF,IAAI,iBAAI,qBAAC,kBAAW,CAAC,IAAI,KAAG;cACnC,QAAQ,EAAE,0BAACA,IAAI,aAAJA,IAAI,0CAAJA,IAAI,CAAEyB,SAAS,oDAAf,gBAAiBC,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE,8BAAK1B,IAAI,aAAJA,IAAI,yCAAJA,IAAI,CAAE2B,QAAQ,mDAAd,eAAgBD,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE;YAAE,GAC7EJ,IAAI,GAPHN,KAAK;UAOC,EACX;QACrB;MACA,KAAK,QAAQ;QAAE;UACb,IAAOI,UAAS,GAAiCD,IAAI,CAA9CC,SAAS;YAAEH,KAAI,GAA2BE,IAAI,CAAnCF,IAAI;YAAEW,IAAI,GAAqBT,IAAI,CAA7BS,IAAI;YAAEP,OAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,KAAI,0CAAIH,IAAI;UACrD,oBAAO,qBAAC,kBAAU;YACC,GAAG,EAAEf,MAAM,CAACY,KAAK,CAAE;YACnB,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,MAAM,EAAE,gBAAAO,CAAC;cAAA,OAAIJ,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC;YAAA;UAAC,GAC/CF,KAAI;YAAA,UACxBH,IAAI,CAACS;UAAI,IANYZ,KAAK,CAOhB;QACf;MACA,KAAK,UAAU;QAAE;UACf,IAAOI,WAAS,GAA2BD,IAAI,CAAxCC,SAAS;YAAEH,MAAI,GAAqBE,IAAI,CAA7BF,IAAI;YAAEI,QAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,MAAI,0CAAIH,IAAI;UAC/C,oBAAO,qBAAC,kBAAU;YACC,GAAG,EAAEf,MAAM,CAACY,KAAK,CAAE;YACnB,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,EAAE,EAAC,qBAAqB;YACxB,MAAM,EAAE,gBAAAO,CAAC;cAAA,OAAIJ,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC;YAAA;UAAC,GAC/CF,MAAI;YAAA,uBACzB,qBAAC,kBAAW,CAAC,SAAS;cAAC,IAAI,EAAC;YAAM;UAAE,IAPdN,KAAK,CAQhB;QACf;MACA,KAAK,QAAQ;QAAE;UACb,oBAAO,qBAAC,mBAAmB;YAAA,uBACxB,qBAAC,sBAAS;cACL,EAAE,EAAC,yBAAyB;cAC5B,WAAW,EAAC,wBAAwB;cACpC,WAAW,EAAE,uBAAM,CAAC,CAAE;cACtB,aAAa,EAAET,wBAAyB;cACxC,UAAU,EAAED,qBAAsB;cAClC,YAAY,EAAE,wBAAM;gBAClBC,wBAAwB,CAAC,EAAE,CAAC;cAC9B,CAAE;cACF,IAAI,EAAEsB,WAAI,CAACC;YAAO;UAClB,GAXyBd,KAAK,CAYhB;QACxB;IAAC;EAEL,CAAC;EAED,oBACE,qBAAC,OAAO;IAAC,IAAI,EAAC,SAAS;IAAC,cAAW,SAAS;IAAA,UACzCjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,GAAG,CAAC,UAACO,IAAI,EAAEH,KAAK;MAAA,OAAKE,UAAU,CAACC,IAAI,EAAEH,KAAK,CAAC;IAAA;EAAC,EAC/C;AAEd,CAAC,CAAC;AAAC;EAjGDjB,OAAO;EAEPE,gBAAgB;EAChBC,cAAc;AAAA;AAAA,eAiGDP,cAAc;AAAA"}

package/dist/GlobalNavigationBar/desktop/DesktopActions.js

@@ -7,8 +7,8 @@ var _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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import styled from 'styled-components';
 import { IconButton, IconButtonStyled } from '../../Button';

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","_React$useState","useState","_React$useState2","_slicedToArray","elRefs","setElRefs","_React$useState3","_React$useState4","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","Wrapper","div","MEDIUM","CustomActionWrapper","ProfileWrapper","DesktopActions","forwardRef","ref","buttons","user","profileComponent","onShowUserMenu","useState","elRefs","setElRefs","searchTermNormalSmall","setSearchTermNormalSmall","length","useEffect","Array","fill","map","createRef","useImperativeHandle","r","index","type","renderItem","item","placement","action","rest","e","target","firstName","charAt","lastName","icon","Medium"],"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":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,UAAU,EAAEC,gBAAgB,QAAkC,cAAc;AACpF,SAAQC,aAAa,QAAO,qBAAqB;AACjD,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,WAAW,QAAO,cAAc;AACxC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,IAAI,QAAQ,aAAa;AAAC;AAEnC,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAG,yOAKtBJ,WAAW,CAACK,MAAM,EAIlBR,gBAAgB,EAEdG,WAAW,CAACK,MAAM,CAIvB;AAED,IAAMC,mBAAmB,GAAGX,MAAM,CAACS,GAAG,2EAErC;AAED,IAAMG,cAAc,GAAGZ,MAAM,CAACS,GAAG,2FAEhC;AAcD,IAAOI,cAAc,gBAAGd,KAAK,CAACe,UAAU,CAAC,gBAKwBC,GAAiC,EAAK;EAAA,IAJ5DC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACHC,gBAAgB,QAAhBA,gBAAgB;IACjBC,cAAc,QAAdA,cAAc;EAGvD,sBAA4BpB,KAAK,CAACqB,QAAQ,CAAuC,EAAE,CAAC;IAAA;IAA7EC,MAAM;IAAEC,SAAS;EACxB,uBAA0DvB,KAAK,CAACqB,QAAQ,CAAC,EAAE,CAAC;IAAA;IAArEG,qBAAqB;IAAEC,wBAAwB;EAEtD,IAAMC,MAAM,GAAG,CAAAT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,MAAM,KAAI,CAAC;EAEnC1B,KAAK,CAAC2B,SAAS,CAAC,YAAM;IACpBJ,SAAS,CAACK,KAAK,CAACF,MAAM,IAAI,CAAC,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC;MAAA,oBAAM9B,KAAK,CAAC+B,SAAS,EAAqB;IAAA,EAAC,CAAC;EAC1F,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ1B,KAAK,CAACgC,mBAAmB,CAAChB,GAAG,EAAE;IAAA,OAAO;MACpCC,OAAO,EAAEK,MAAM,CAACQ,GAAG,CAAC,UAACG,CAAC,EAAEC,KAAK;QAAA;QAAA,OAAM;UACjClB,GAAG,EAAEiB,CAAC;UACNE,IAAI,EAAElB,OAAO,aAAPA,OAAO,yCAAPA,OAAO,CAAGiB,KAAK,CAAC,mDAAhB,eAAkBC;QAC1B,CAAC;MAAA,CAAC;IACJ,CAAC;EAAA,CAAC,EAAE,CAACb,MAAM,EAAEL,OAAO,CAAC,CAAC;EAEtB,IAAMmB,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAA2B,EAAEH,KAAa,EAAK;IACjE,QAAQG,IAAI,CAACF,IAAI;MACf,KAAK,SAAS;QAAE;UAAA;UACd,IAAOG,SAAS,GAA2BD,IAAI,CAAxCC,SAAS;YAAEH,IAAI,GAAqBE,IAAI,CAA7BF,IAAI;YAAEI,MAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,IAAI,4BAAIH,IAAI;UAC/C,IAAG,CAAC,CAAClB,gBAAgB,EACnB,oBAAO,KAAC,cAAc;YAAA,UAAEA;UAAgB,EAAkB,CAAC,KAE3D,oBAAO,KAAC,cAAc;YAAA,uBACpB,KAAC,aAAa;cACC,GAAG,EAAEG,MAAM,CAACY,KAAK,CAAE;cACnB,OAAO,EAAE,iBAAAO,CAAC,EAAI;gBACZJ,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC,GAAGtB,cAAc,EAAE;cACzD,CAAE;cACF,IAAI,EAAE,CAACF,IAAI,iBAAI,KAAC,WAAW,CAAC,IAAI,KAAG;cACnC,QAAQ,EAAE,0BAACA,IAAI,aAAJA,IAAI,0CAAJA,IAAI,CAAEyB,SAAS,oDAAf,gBAAiBC,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE,8BAAK1B,IAAI,aAAJA,IAAI,yCAAJA,IAAI,CAAE2B,QAAQ,mDAAd,eAAgBD,MAAM,CAAC,CAAC,CAAC,yEAAI,EAAE;YAAE,GAC7EJ,IAAI,GAPHN,KAAK;UAOC,EACX;QACrB;MACA,KAAK,QAAQ;QAAE;UACb,IAAOI,UAAS,GAAiCD,IAAI,CAA9CC,SAAS;YAAEH,KAAI,GAA2BE,IAAI,CAAnCF,IAAI;YAAEW,IAAI,GAAqBT,IAAI,CAA7BS,IAAI;YAAEP,OAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,KAAI,4BAAIH,IAAI;UACrD,oBAAO,KAAC,UAAU;YACC,GAAG,EAAEf,MAAM,CAACY,KAAK,CAAE;YACnB,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,MAAM,EAAE,gBAAAO,CAAC;cAAA,OAAIJ,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC;YAAA;UAAC,GAC/CF,KAAI;YAAA,UACxBH,IAAI,CAACS;UAAI,IANYZ,KAAK,CAOhB;QACf;MACA,KAAK,UAAU;QAAE;UACf,IAAOI,WAAS,GAA2BD,IAAI,CAAxCC,SAAS;YAAEH,MAAI,GAAqBE,IAAI,CAA7BF,IAAI;YAAEI,QAAM,GAAaF,IAAI,CAAvBE,MAAM;YAAKC,MAAI,4BAAIH,IAAI;UAC/C,oBAAO,KAAC,UAAU;YACC,GAAG,EAAEf,MAAM,CAACY,KAAK,CAAE;YACnB,OAAO,EAAE,WAAY;YACrB,KAAK,EAAE,UAAW;YAClB,EAAE,EAAC,qBAAqB;YACxB,MAAM,EAAE,gBAAAO,CAAC;cAAA,OAAIJ,IAAI,CAACE,MAAM,IAAIF,IAAI,CAACE,MAAM,CAACE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,MAAM,CAAC;YAAA;UAAC,GAC/CF,MAAI;YAAA,uBACzB,KAAC,WAAW,CAAC,SAAS;cAAC,IAAI,EAAC;YAAM;UAAE,IAPdN,KAAK,CAQhB;QACf;MACA,KAAK,QAAQ;QAAE;UACb,oBAAO,KAAC,mBAAmB;YAAA,uBACxB,KAAC,SAAS;cACL,EAAE,EAAC,yBAAyB;cAC5B,WAAW,EAAC,wBAAwB;cACpC,WAAW,EAAE,uBAAM,CAAC,CAAE;cACtB,aAAa,EAAET,wBAAyB;cACxC,UAAU,EAAED,qBAAsB;cAClC,YAAY,EAAE,wBAAM;gBAClBC,wBAAwB,CAAC,EAAE,CAAC;cAC9B,CAAE;cACF,IAAI,EAAEjB,IAAI,CAACuC;YAAO;UAClB,GAXyBb,KAAK,CAYhB;QACxB;IAAC;EAEL,CAAC;EAED,oBACE,KAAC,OAAO;IAAC,IAAI,EAAC,SAAS;IAAC,cAAW,SAAS;IAAA,UACzCjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,GAAG,CAAC,UAACO,IAAI,EAAEH,KAAK;MAAA,OAAKE,UAAU,CAACC,IAAI,EAAEH,KAAK,CAAC;IAAA;EAAC,EAC/C;AAEd,CAAC,CAAC;AAAC;EAjGDjB,OAAO;EAEPE,gBAAgB;EAChBC,cAAc;AAAA;AAiGhB,eAAeN,cAAc"}

package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flowDown = exports["default"] = exports.MenuSectionList = exports.MenuSection = exports.Menu = void 0;
+exports.flowDown = exports.default = exports.MenuSectionList = exports.MenuSection = exports.Menu = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -16,26 +16,26 @@ 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 _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var 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"])));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var 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"])));
 exports.flowDown = flowDown;
-var 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"])), function (props) {
+var 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"])), function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 }, flowDown, flowDown, _styles.Z_INDEXES.dropdown, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM, _styles.focusStyles);
 exports.Menu = Menu;
-var 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"])), function (props) {
+var 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"])), function (props) {
   return _styles.COLORS.getColor('neutral_100', props.theme);
 });
 exports.MenuSection = MenuSection;
-var MenuSectionList = _styledComponents["default"].ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
+var MenuSectionList = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
 exports.MenuSectionList = MenuSectionList;
 var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
   var clickMenuAction = _ref.clickMenuAction,
     navigationOptions = _ref.navigationOptions;
   console.log(navigationOptions);
   var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     entries = _React$useState2[0],
     setEntries = _React$useState2[1];
   React.useEffect(function () {
@@ -76,9 +76,9 @@ var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
   });
 };
 ExtendedMainMenu.propTypes = {
-  clickMenuAction: _propTypes["default"].func.isRequired,
-  navigationOptions: _propTypes["default"].array.isRequired
+  clickMenuAction: _propTypes.default.func.isRequired,
+  navigationOptions: _propTypes.default.array.isRequired
 };
 var _default = ExtendedMainMenu;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ExtendedMainMenu.cjs.map