@laerdal/life-react-components 6.0.0-dev.14.full → 6.0.0-dev.15.full

package/dist/GlobalNavigationBar/Logo.cjs

@@ -112,9 +112,10 @@ const Logo = _ref => {
       $variant: "styleless",
       href: to || '/',
       onMouseDown: _common.defaultOnMouseDownHandler,
-      onClick: () => {
+      onClick: e => {
         if (onClick) {
           onClick();
+          e.preventDefault();
         }
       },
       $color: color,

package/dist/GlobalNavigationBar/Logo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_assets","_styles","_common","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CustomizedLink","styled","props","jsx","StyledLink","$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","className","children","jsxs","target","$variant","href","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 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\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nconst CustomizedLink = styled(props => <StyledLink {...props} />)<{ $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      <CustomizedLink\r\n        target='_self'\r\n        $variant='styleless'\r\n        href={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      </CustomizedLink>\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":["React","_interopRequireWildcard","require","_styledComponents","_assets","_styles","_common","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CustomizedLink","styled","props","jsx","StyledLink","$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","className","children","jsxs","target","$variant","href","onMouseDown","defaultOnMouseDownHandler","preventDefault","LaerdalWhiteLogo","LaerdalLogo","propTypes","_propTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\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\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nconst CustomizedLink = styled(props => <StyledLink {...props} />)<{ $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      <CustomizedLink\r\n        target='_self'\r\n        $variant='styleless'\r\n        href={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={(e: any) => {\r\n          if (onClick) {\r\n            onClick();\r\n            e.preventDefault();\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      </CustomizedLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/Logo.js

@@ -104,9 +104,10 @@ const Logo = _ref => {
       $variant: "styleless",
       href: to || '/',
       onMouseDown: defaultOnMouseDownHandler,
-      onClick: () => {
+      onClick: e => {
         if (onClick) {
           onClick();
+          e.preventDefault();
         }
       },
       $color: color,

package/dist/GlobalNavigationBar/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["React","styled","useTheme","LaerdalLogo","LaerdalWhiteLogo","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","invertedFocusStyles","ComponentMStyling","ComponentXSStyling","defaultOnMouseDownHandler","StyledLink","jsx","_jsx","jsxs","_jsxs","CustomizedLink","props","_objectSpread","$color","MEDIUM","LogoContainer","div","LARGE","Name","span","getColor","theme","$noSizeChangeOnMobile","Regular","BetaTag","$backgroundColor","UppercaseBold","Logo","_ref","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted","className","children","target","$variant","href","onMouseDown","propTypes","_pt","string","isRequired","bool","func"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\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\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nconst CustomizedLink = styled(props => <StyledLink {...props} />)<{ $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      <CustomizedLink\r\n        target='_self'\r\n        $variant='styleless'\r\n        href={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      </CustomizedLink>\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","styled","useTheme","LaerdalLogo","LaerdalWhiteLogo","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","invertedFocusStyles","ComponentMStyling","ComponentXSStyling","defaultOnMouseDownHandler","StyledLink","jsx","_jsx","jsxs","_jsxs","CustomizedLink","props","_objectSpread","$color","MEDIUM","LogoContainer","div","LARGE","Name","span","getColor","theme","$noSizeChangeOnMobile","Regular","BetaTag","$backgroundColor","UppercaseBold","Logo","_ref","name","showBetaTag","onClick","to","color","noSizeChangeOnMobile","betaTagBackgroundColor","betaTagColor","inverted","className","children","target","$variant","href","onMouseDown","e","preventDefault","propTypes","_pt","string","isRequired","bool","func"],"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"sourcesContent":["import * as React from 'react';\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\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nconst CustomizedLink = styled(props => <StyledLink {...props} />)<{ $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      <CustomizedLink\r\n        target='_self'\r\n        $variant='styleless'\r\n        href={to || '/'}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        onClick={(e: any) => {\r\n          if (onClick) {\r\n            onClick();\r\n            e.preventDefault();\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      </CustomizedLink>\r\n    </LogoContainer>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/MainMenu.cjs

@@ -19,6 +19,7 @@ var _common = require("../../common");
 var _NavItem2 = require("../../NavItem/NavItem");
 var _utils = require("../utils");
 var _HyperLink = require("../../HyperLink/HyperLink");
+var _Navigation = require("../../Navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["icon", "to", "exact", "disabled", "external", "action", "label", "note", "pinned"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -64,6 +65,9 @@ const MainMenu = _ref => {
   const menuButtonRef = React.useRef(null);
   //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between
   const dropdownMenusOpenedArray = React.useRef([]);
+  const {
+    navigate
+  } = (0, _Navigation.useNavigation)();
   const mainMenuRef = React.useRef(null);
   const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState(1);
   const [subMenuRefs, setAllSubMenuRefs] = React.useState([]);
@@ -147,7 +151,10 @@ const MainMenu = _ref => {
         onFocus: onFocus,
         href: to || '',
         onMouseDown: _common.defaultOnMouseDownHandler,
-        onClick: e => action && action(e)
+        onClick: e => {
+          if (action) action(e);else navigate && navigate(to, false);
+          e?.preventDefault();
+        }
       }, rest), {}, {
         children: item?.label
       }), label);

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

@@ -1 +1 @@
-{"version":3,"file":"MainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_icons","_styles","_SubMenu","_Button","_common","_NavItem2","_utils","_HyperLink","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","NavItemDiv","LARGE","NavButton","button","props","COLORS","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties2","jsx","NavItem","as","className","onMouseDown","defaultOnMouseDownHandler","children","StyledLink","$variant","href","onClick","existingRef","onKeyDown","code","containsActiveItem","checkIfContainsItem","jsxs","style","position","Boolean","role","tabIndex","SystemIcons","ArrowDropDown","size","SubMenu","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","IconButton","slice","variant","shape","MoreHorizontal","propTypes","_propTypes","array","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} onClick={(e: React.MouseEvent) => action && action(e)} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MainMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_icons","_styles","_SubMenu","_Button","_common","_NavItem2","_utils","_HyperLink","_Navigation","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","NavItemDiv","LARGE","NavButton","button","props","COLORS","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","navigate","useNavigation","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties2","jsx","NavItem","as","className","onMouseDown","defaultOnMouseDownHandler","children","StyledLink","$variant","href","onClick","preventDefault","existingRef","onKeyDown","code","containsActiveItem","checkIfContainsItem","jsxs","style","position","Boolean","role","tabIndex","SystemIcons","ArrowDropDown","size","SubMenu","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","IconButton","slice","variant","shape","MoreHorizontal","propTypes","_propTypes","array","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\nimport { useNavigation } from '../../Navigation';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const { navigate } = useNavigation();\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} \r\n          onClick={(e: React.MouseEvent) => {\r\n            if(action)\r\n              action(e); \r\n            else\r\n              navigate && navigate(to, false);\r\n            e?.preventDefault(); }} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/MainMenu.js

@@ -15,6 +15,7 @@ import { defaultOnMouseDownHandler } from '../../common';
 import { NavItemDiv } from '../../NavItem/NavItem';
 import { checkIfContainsItem } from '../utils';
 import { StyledLink } from '../../HyperLink/HyperLink';
+import { useNavigation } from '../../Navigation';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NavContainer = styled.div`
   display: none;
@@ -55,6 +56,9 @@ const MainMenu = _ref => {
   const menuButtonRef = React.useRef(null);
   //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between
   const dropdownMenusOpenedArray = React.useRef([]);
+  const {
+    navigate
+  } = useNavigation();
   const mainMenuRef = React.useRef(null);
   const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState(1);
   const [subMenuRefs, setAllSubMenuRefs] = React.useState([]);
@@ -138,7 +142,10 @@ const MainMenu = _ref => {
         onFocus: onFocus,
         href: to || '',
         onMouseDown: defaultOnMouseDownHandler,
-        onClick: e => action && action(e)
+        onClick: e => {
+          if (action) action(e);else navigate && navigate(to, false);
+          e?.preventDefault();
+        }
       }, rest), {}, {
         children: item?.label
       }), label);

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

@@ -1 +1 @@
-{"version":3,"file":"MainMenu.js","names":["React","styled","NavItem","SystemIcons","COLORS","BREAKPOINTS","SubMenu","IconButton","defaultOnMouseDownHandler","NavItemDiv","checkIfContainsItem","StyledLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","NavButton","button","props","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","filter","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","length","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties","_excluded","as","className","onMouseDown","children","_objectSpread","$variant","href","onClick","e","existingRef","onKeyDown","code","containsActiveItem","style","position","Boolean","role","tabIndex","ArrowDropDown","size","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","slice","variant","shape","MoreHorizontal","propTypes","_pt","array","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} onClick={(e: React.MouseEvent) => action && action(e)} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MainMenu.js","names":["React","styled","NavItem","SystemIcons","COLORS","BREAKPOINTS","SubMenu","IconButton","defaultOnMouseDownHandler","NavItemDiv","checkIfContainsItem","StyledLink","useNavigation","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","NavButton","button","props","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","navigate","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","filter","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","length","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties","_excluded","as","className","onMouseDown","children","_objectSpread","$variant","href","onClick","e","preventDefault","existingRef","onKeyDown","code","containsActiveItem","style","position","Boolean","role","tabIndex","ArrowDropDown","size","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","slice","variant","shape","MoreHorizontal","propTypes","_pt","array","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\nimport { useNavigation } from '../../Navigation';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const { navigate } = useNavigation();\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} \r\n          onClick={(e: React.MouseEvent) => {\r\n            if(action)\r\n              action(e); \r\n            else\r\n              navigate && navigate(to, false);\r\n            e?.preventDefault(); }} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs

@@ -14,7 +14,7 @@ var _styles = require("../../styles");
 var _Button = require("../../Button");
 var _common = require("../../common");
 var _Tooltips = require("../../Tooltips");
-var _HyperLink = require("../../HyperLink/HyperLink");
+var _HyperLink = _interopRequireDefault(require("../../HyperLink/HyperLink"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -65,7 +65,8 @@ const RightSideNav = _ref => {
       }, item?.label);
     } else {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavItem.NavItem, {
-        as: _HyperLink.StyledLink,
+        as: _HyperLink.default,
+        external: true,
         $variant: "styleless",
         target: "_self",
         href: item?.to || '',

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

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_styles","_Button","_common","_Tooltips","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","LARGE","StyledButton","Button","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","StyledLink","$variant","target","href","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_styles","_Button","_common","_Tooltips","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","LARGE","StyledButton","Button","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","HyperLink","external","$variant","target","href","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport HyperLink from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={HyperLink}\r\n          external={true}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/RightSideNav.js

@@ -10,7 +10,7 @@ import { Button } from '../../Button';
 import { ComponentMStyling } from '../../styles';
 import { defaultOnMouseDownHandler } from '../../common';
 import { TooltipWrapper } from "../../Tooltips";
-import { StyledLink } from '../../HyperLink/HyperLink';
+import HyperLink from '../../HyperLink/HyperLink';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NavContainer = styled.div`
   display: none;
@@ -57,7 +57,8 @@ const RightSideNav = _ref => {
       }, item?.label);
     } else {
       return /*#__PURE__*/_jsx(NavItem, {
-        as: StyledLink,
+        as: HyperLink,
+        external: true,
         $variant: "styleless",
         target: "_self",
         href: item?.to || '',

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

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.js","names":["React","styled","NavItem","BREAKPOINTS","ComponentTextStyle","Button","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","StyledLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","StyledButton","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","$variant","target","href","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.js","names":["React","styled","NavItem","BREAKPOINTS","ComponentTextStyle","Button","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","HyperLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","StyledButton","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","external","$variant","target","href","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport HyperLink from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={HyperLink}\r\n          external={true}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommonStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_styles","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowLayout","exports","styled","div","Button","button","props","COLORS","getColor","theme","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","focus","focusStyles","active","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","ComponentTextStyle","Bold","ComponentMStyling","MobileHeaderNote","ComponentXSStyling","Regular","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {StyledLink} from '../../HyperLink/HyperLink';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_styles","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowLayout","exports","styled","div","Button","button","props","COLORS","getColor","theme","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","focus","focusStyles","active","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","ComponentTextStyle","Bold","ComponentMStyling","MobileHeaderNote","ComponentXSStyling","Regular","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommonStyles.js","names":["styled","css","keyframes","BREAKPOINTS","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","scrollBarStyling","Z_INDEXES","Size","RowLayout","div","Button","button","props","getColor","theme","flowLeft","flowRight","fadeOut","fadeIn","Menu","off_canvas","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","hover","focus","active","flowDown","MobileMenuWrapper","ScrollableContainer","Small","MobileHeaderText","Bold","MobileHeaderNote","Regular","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {StyledLink} from '../../HyperLink/HyperLink';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyles.js","names":["styled","css","keyframes","BREAKPOINTS","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","scrollBarStyling","Z_INDEXES","Size","RowLayout","div","Button","button","props","getColor","theme","flowLeft","flowRight","fadeOut","fadeIn","Menu","off_canvas","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","hover","focus","active","flowDown","MobileMenuWrapper","ScrollableContainer","Small","MobileHeaderText","Bold","MobileHeaderNote","Regular","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/HyperLink/HyperLink.cjs

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styling = require("./styling");
 var _Navigation = require("../Navigation");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "target", "variant"];
+const _excluded = ["children", "margin", "target", "variant"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -26,6 +26,7 @@ const StyledLink = exports.StyledLink = _styledComponents.default.a`
 const HyperLink = _ref => {
   let {
       children,
+      margin,
       target = '_blank',
       variant = 'default'
     } = _ref,
@@ -39,6 +40,7 @@ const HyperLink = _ref => {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLink, _objectSpread(_objectSpread({}, props), {}, {
     onClick: onClick,
+    $margin: margin,
     $variant: variant,
     target: target,
     rel: "noopener noreferrer",

package/dist/HyperLink/HyperLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styling","_Navigation","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLink","exports","styled","props","$variant","invertedStyle","defaultStyle","$margin","HyperLink","_ref","children","target","variant","_objectWithoutProperties2","navigationContext","useNavigation","onClick","external","navigate","href","preventDefault","jsx","rel","propTypes","id","_propTypes","string","oneOf","isRequired","disabled","bool","margin","any","className","ref","oneOfType","func","object","_default"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n  /** If this flag is set, then Hyperlink will behave like anchor tag, otherwise it will use 'navigate' method of NavigationProvider */\r\n  external?: boolean;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  const navigationContext = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if(!props.external && navigationContext?.navigate)\r\n    {\r\n      navigationContext?.navigate(props.href, false);\r\n      e?.preventDefault();\r\n    }\r\n  };\r\n  return (\r\n    <StyledLink {...props} onClick={onClick} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HyperLink.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styling","_Navigation","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLink","exports","styled","props","$variant","invertedStyle","defaultStyle","$margin","HyperLink","_ref","children","margin","target","variant","_objectWithoutProperties2","navigationContext","useNavigation","onClick","external","navigate","href","preventDefault","jsx","rel","propTypes","id","_propTypes","string","oneOf","isRequired","disabled","bool","any","className","ref","oneOfType","func","object","_default"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n  /** If this flag is set, then Hyperlink will behave like anchor tag, otherwise it will use 'navigate' method of NavigationProvider */\r\n  external?: boolean;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, margin, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  const navigationContext = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if(!props.external && navigationContext?.navigate)\r\n    {\r\n      navigationContext?.navigate(props.href, false);\r\n      e?.preventDefault();\r\n    }\r\n  };\r\n  return (\r\n    <StyledLink {...props} onClick={onClick} $margin={margin} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/HyperLink/HyperLink.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
-const _excluded = ["children", "target", "variant"];
+const _excluded = ["children", "margin", "target", "variant"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
@@ -17,6 +17,7 @@ export const StyledLink = styled.a`
 const HyperLink = _ref => {
   let {
       children,
+      margin,
       target = '_blank',
       variant = 'default'
     } = _ref,
@@ -30,6 +31,7 @@ const HyperLink = _ref => {
   };
   return /*#__PURE__*/_jsx(StyledLink, _objectSpread(_objectSpread({}, props), {}, {
     onClick: onClick,
+    $margin: margin,
     $variant: variant,
     target: target,
     rel: "noopener noreferrer",

package/dist/HyperLink/HyperLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","useNavigation","jsx","_jsx","StyledLink","a","props","$variant","$margin","HyperLink","_ref","children","target","variant","_objectWithoutProperties","_excluded","navigationContext","onClick","e","external","navigate","href","preventDefault","_objectSpread","rel","propTypes","id","_pt","string","oneOf","isRequired","disabled","bool","margin","any","className","ref","oneOfType","func","object"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n  /** If this flag is set, then Hyperlink will behave like anchor tag, otherwise it will use 'navigate' method of NavigationProvider */\r\n  external?: boolean;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  const navigationContext = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if(!props.external && navigationContext?.navigate)\r\n    {\r\n      navigationContext?.navigate(props.href, false);\r\n      e?.preventDefault();\r\n    }\r\n  };\r\n  return (\r\n    <StyledLink {...props} onClick={onClick} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AACvD,SAASC,aAAa,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,OAAO,MAAMC,UAAU,GAAGN,MAAM,CAACO,CAG/B;AACF;AACA,IAAKC,KAAK,IAAMA,KAAK,CAACC,QAAQ,KAAK,WAAW,IAAI,CAACD,KAAK,CAACC,QAAQ,GAAG,EAAE,GAAID,KAAK,CAACC,QAAQ,IAAI,UAAU,GAAGP,aAAa,GAAGD,YAAc;AACvI,IAAKO,KAAK,IAAMA,KAAK,CAACE,OAAO,GAAG,WAAWF,KAAK,CAACE,OAAO,GAAG,GAAG,EAAG;AACjE,CAAC;AAuBD,MAAMC,SAAkD,GAAGC,IAAA,IAAoF;EAAA,IAAnF;MAAEC,QAAQ;MAAEC,MAAM,GAAG,QAAQ;MAAEC,OAAO,GAAG;IAAoC,CAAC,GAAAH,IAAA;IAAvBJ,KAAK,GAAAQ,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtH,MAAMC,iBAAiB,GAAGf,aAAa,CAAC,CAAC;EACzC,MAAMgB,OAAO,GAAIC,CAAM,IAAK;IAC1B,IAAG,CAACZ,KAAK,CAACa,QAAQ,IAAIH,iBAAiB,EAAEI,QAAQ,EACjD;MACEJ,iBAAiB,EAAEI,QAAQ,CAACd,KAAK,CAACe,IAAI,EAAE,KAAK,CAAC;MAC9CH,CAAC,EAAEI,cAAc,CAAC,CAAC;IACrB;EACF,CAAC;EACD,oBACEnB,IAAA,CAACC,UAAU,EAAAmB,aAAA,CAAAA,aAAA,KAAKjB,KAAK;IAAEW,OAAO,EAAEA,OAAQ;IAACV,QAAQ,EAAEM,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACY,GAAG,EAAC,qBAAqB;IAAAb,QAAA,EAClGA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACF,SAAA,CAAAgB,SAAA;EAjCAC,EAAE,EAAAC,GAAA,CAAAC,MAAA;EAEFf,OAAO,EAAAc,GAAA,CAAAE,KAAA,EAAE,SAAS,EAAG,UAAU,EAAG,WAAW,GAAAC,UAAA;EAE7CT,IAAI,EAAAM,GAAA,CAAAC,MAAA,CAAAE,UAAA;EAEJC,QAAQ,EAAAJ,GAAA,CAAAK,IAAA;EAERC,MAAM,EAAAN,GAAA,CAAAC,MAAA;EAENjB,QAAQ,EAAAgB,GAAA,CAAAO,GAAA;EAERC,SAAS,EAAAR,GAAA,CAAAC,MAAA;EAETQ,GAAG,EAAAT,GAAA,CAAAU,SAAA,EAAAV,GAAA,CAAAC,MAAA,EAAAD,GAAA,CAAAW,IAAA,EAAAX,GAAA,CAAAY,MAAA;EAEHpB,QAAQ,EAAAQ,GAAA,CAAAK;AAAA;AAmBV,eAAevB,SAAS","ignoreList":[]}
+{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","useNavigation","jsx","_jsx","StyledLink","a","props","$variant","$margin","HyperLink","_ref","children","margin","target","variant","_objectWithoutProperties","_excluded","navigationContext","onClick","e","external","navigate","href","preventDefault","_objectSpread","rel","propTypes","id","_pt","string","oneOf","isRequired","disabled","bool","any","className","ref","oneOfType","func","object"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted' | 'styleless';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'styleless' || !props.$variant ? '' : (props.$variant == 'inverted' ? invertedStyle : defaultStyle))}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted' | 'styleless';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n  /** Ref for Hyperlink. */\r\n  ref?: React.Ref<HTMLAnchorElement>;\r\n  /** If this flag is set, then Hyperlink will behave like anchor tag, otherwise it will use 'navigate' method of NavigationProvider */\r\n  external?: boolean;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, margin, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  const navigationContext = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if(!props.external && navigationContext?.navigate)\r\n    {\r\n      navigationContext?.navigate(props.href, false);\r\n      e?.preventDefault();\r\n    }\r\n  };\r\n  return (\r\n    <StyledLink {...props} onClick={onClick} $margin={margin} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AACvD,SAASC,aAAa,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,OAAO,MAAMC,UAAU,GAAGN,MAAM,CAACO,CAG/B;AACF;AACA,IAAKC,KAAK,IAAMA,KAAK,CAACC,QAAQ,KAAK,WAAW,IAAI,CAACD,KAAK,CAACC,QAAQ,GAAG,EAAE,GAAID,KAAK,CAACC,QAAQ,IAAI,UAAU,GAAGP,aAAa,GAAGD,YAAc;AACvI,IAAKO,KAAK,IAAMA,KAAK,CAACE,OAAO,GAAG,WAAWF,KAAK,CAACE,OAAO,GAAG,GAAG,EAAG;AACjE,CAAC;AAuBD,MAAMC,SAAkD,GAAGC,IAAA,IAA4F;EAAA,IAA3F;MAAEC,QAAQ;MAAEC,MAAM;MAAEC,MAAM,GAAG,QAAQ;MAAEC,OAAO,GAAG;IAAoC,CAAC,GAAAJ,IAAA;IAAvBJ,KAAK,GAAAS,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC9H,MAAMC,iBAAiB,GAAGhB,aAAa,CAAC,CAAC;EACzC,MAAMiB,OAAO,GAAIC,CAAM,IAAK;IAC1B,IAAG,CAACb,KAAK,CAACc,QAAQ,IAAIH,iBAAiB,EAAEI,QAAQ,EACjD;MACEJ,iBAAiB,EAAEI,QAAQ,CAACf,KAAK,CAACgB,IAAI,EAAE,KAAK,CAAC;MAC9CH,CAAC,EAAEI,cAAc,CAAC,CAAC;IACrB;EACF,CAAC;EACD,oBACEpB,IAAA,CAACC,UAAU,EAAAoB,aAAA,CAAAA,aAAA,KAAKlB,KAAK;IAAEY,OAAO,EAAEA,OAAQ;IAACV,OAAO,EAAEI,MAAO;IAACL,QAAQ,EAAEO,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACY,GAAG,EAAC,qBAAqB;IAAAd,QAAA,EACnHA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACF,SAAA,CAAAiB,SAAA;EAjCAC,EAAE,EAAAC,GAAA,CAAAC,MAAA;EAEFf,OAAO,EAAAc,GAAA,CAAAE,KAAA,EAAE,SAAS,EAAG,UAAU,EAAG,WAAW,GAAAC,UAAA;EAE7CT,IAAI,EAAAM,GAAA,CAAAC,MAAA,CAAAE,UAAA;EAEJC,QAAQ,EAAAJ,GAAA,CAAAK,IAAA;EAERrB,MAAM,EAAAgB,GAAA,CAAAC,MAAA;EAENlB,QAAQ,EAAAiB,GAAA,CAAAM,GAAA;EAERC,SAAS,EAAAP,GAAA,CAAAC,MAAA;EAETO,GAAG,EAAAR,GAAA,CAAAS,SAAA,EAAAT,GAAA,CAAAC,MAAA,EAAAD,GAAA,CAAAU,IAAA,EAAAV,GAAA,CAAAW,MAAA;EAEHnB,QAAQ,EAAAQ,GAAA,CAAAK;AAAA;AAmBV,eAAexB,SAAS","ignoreList":[]}

package/dist/MiniProductCard/MiniProductCard.cjs

@@ -12,6 +12,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styles = require("../styles");
 var _icons = require("../icons");
 var _HyperLink = require("../HyperLink/HyperLink");
+var _Navigation = require("../Navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -80,11 +81,23 @@ const RightIconWrapper = _styledComponents.default.div`
 const MiniProductCard = _ref => {
   let {
     url,
+    external,
     product,
     target = '_self'
   } = _ref;
   const theme = (0, _styledComponents.useTheme)();
+  const {
+    navigate
+  } = (0, _Navigation.useNavigation)();
+  const onClick = e => {
+    if (external) {
+      return;
+    }
+    e?.preventDefault();
+    navigate && navigate(url ?? '', false);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProductLink, {
+    onClick: onClick,
     $variant: "styleless",
     href: url ?? '',
     target: target,
@@ -109,7 +122,8 @@ const MiniProductCard = _ref => {
 };
 MiniProductCard.propTypes = {
   url: _propTypes.default.string,
-  target: _propTypes.default.string
+  target: _propTypes.default.string,
+  external: _propTypes.default.bool
 };
 var _default = exports.default = MiniProductCard;
 //# sourceMappingURL=MiniProductCard.cjs.map

package/dist/MiniProductCard/MiniProductCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MiniProductCard.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ProductLink","styled","props","jsx","StyledLink","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","ProductThing","div","ProductImage","img","ProductName","h2","ComponentMStyling","ComponentTextStyle","Regular","ProductType","span","ComponentSStyling","ProductInnerWrapper","RightIconWrapper","MiniProductCard","_ref","url","product","target","useTheme","$variant","href","children","jsxs","image","src","name","type","SystemIcons","ChevronRight","color","className","size","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nexport type MiniProductCardProps = {\r\n  product: Product;\r\n  url?: string;\r\n  target?: string;\r\n};\r\nconst ProductLink = styled(props => <StyledLink {...props} />)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard: React.FunctionComponent<MiniProductCardProps> = ({ url, product, target = '_self' }: MiniProductCardProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <ProductLink $variant='styleless' href={url ?? ''} target={target}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.getColor('primary', theme)} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MiniProductCard.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_HyperLink","_Navigation","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ProductLink","styled","props","jsx","StyledLink","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","ProductThing","div","ProductImage","img","ProductName","h2","ComponentMStyling","ComponentTextStyle","Regular","ProductType","span","ComponentSStyling","ProductInnerWrapper","RightIconWrapper","MiniProductCard","_ref","url","external","product","target","useTheme","navigate","useNavigation","onClick","preventDefault","$variant","href","children","jsxs","image","src","name","type","SystemIcons","ChevronRight","color","className","size","propTypes","_propTypes","string","bool","_default","exports"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { StyledLink } from '../HyperLink/HyperLink';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport type MiniProductCardProps = {\r\n  product: Product;\r\n  url?: string;\r\n  target?: string;\r\n  external?: boolean;\r\n};\r\nconst ProductLink = styled(props => <StyledLink {...props} />)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard: React.FunctionComponent<MiniProductCardProps> = ({ url, external, product, target = '_self' }: MiniProductCardProps) => {\r\n  const theme = useTheme();\r\n  const { navigate } = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if (external) {\r\n      return;\r\n    }\r\n    e?.preventDefault();\r\n    navigate && navigate(url ?? '', false);\r\n  };\r\n  return (\r\n    <ProductLink onClick={onClick} $variant='styleless' href={url ?? ''} target={target}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.getColor('primary', theme)} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/MiniProductCard/MiniProductCard.d.ts

@@ -4,6 +4,7 @@ export type MiniProductCardProps = {
     product: Product;
     url?: string;
     target?: string;
+    external?: boolean;
 };
 declare const MiniProductCard: React.FunctionComponent<MiniProductCardProps>;
 export default MiniProductCard;

package/dist/MiniProductCard/MiniProductCard.js

@@ -8,6 +8,7 @@ import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';
 import { SystemIcons } from '../icons';
 import { ComponentMStyling, ComponentSStyling } from '../styles';
 import { StyledLink } from '../HyperLink/HyperLink';
+import { useNavigation } from '../Navigation';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ProductLink = styled(props => /*#__PURE__*/_jsx(StyledLink, _objectSpread({}, props)))`
   display: flex;
@@ -72,11 +73,23 @@ const RightIconWrapper = styled.div`
 const MiniProductCard = _ref => {
   let {
     url,
+    external,
     product,
     target = '_self'
   } = _ref;
   const theme = useTheme();
+  const {
+    navigate
+  } = useNavigation();
+  const onClick = e => {
+    if (external) {
+      return;
+    }
+    e?.preventDefault();
+    navigate && navigate(url ?? '', false);
+  };
   return /*#__PURE__*/_jsx(ProductLink, {
+    onClick: onClick,
     $variant: "styleless",
     href: url ?? '',
     target: target,
@@ -101,7 +114,8 @@ const MiniProductCard = _ref => {
 };
 MiniProductCard.propTypes = {
   url: _pt.string,
-  target: _pt.string
+  target: _pt.string,
+  external: _pt.bool
 };
 export default MiniProductCard;
 //# sourceMappingURL=MiniProductCard.js.map

package/dist/MiniProductCard/MiniProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniProductCard.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","ComponentMStyling","ComponentSStyling","StyledLink","jsx","_jsx","jsxs","_jsxs","ProductLink","props","_objectSpread","getColor","theme","MEDIUM","ProductThing","div","ProductImage","img","ProductName","h2","Regular","ProductType","span","ProductInnerWrapper","RightIconWrapper","MiniProductCard","_ref","url","product","target","$variant","href","children","image","src","name","type","ChevronRight","color","className","size","propTypes","_pt","string"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { StyledLink } from '../HyperLink/HyperLink';\r\n\r\nexport type MiniProductCardProps = {\r\n  product: Product;\r\n  url?: string;\r\n  target?: string;\r\n};\r\nconst ProductLink = styled(props => <StyledLink {...props} />)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard: React.FunctionComponent<MiniProductCardProps> = ({ url, product, target = '_self' }: MiniProductCardProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <ProductLink $variant='styleless' href={url ?? ''} target={target}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.getColor('primary', theme)} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAAQC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACjE,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,WAAW;AAC9D,SAASC,UAAU,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOpD,MAAMC,WAAW,GAAGb,MAAM,CAACc,KAAK,iBAAIJ,IAAA,CAACF,UAAU,EAAAO,aAAA,KAAKD,KAAK,CAAG,CAAC,CAAC;AAC9D;AACA;AACA;AACA,WAAWA,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AACzD;AACA;AACA,IAAIf,WAAW,CAACgB,MAAM;AACtB;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAGnB,MAAM,CAACoB,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBN,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AACrE;AACA;AACA,cAAcH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAClE;AACA;AACA;AACA,kBAAkBH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA;AACA,cAAcH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAClE;AACA;AACA,CAAC;AAED,MAAMI,YAAY,GAAGrB,MAAM,CAACsB,GAAG;AAC/B;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAGvB,MAAM,CAACwB,EAAE;AAC7B,IAAIV,KAAK,IAAIR,iBAAiB,CAACF,kBAAkB,CAACqB,OAAO,EAAEtB,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACjG;AACA;AACA,CAAC;AAED,MAAMS,WAAW,GAAG1B,MAAM,CAAC2B,IAAI;AAC/B,IAAIb,KAAK,IAAIP,iBAAiB,CAACH,kBAAkB,CAACqB,OAAO,EAAEtB,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACjG;AACA,CAAC;AAED,MAAMW,mBAAmB,GAAG5B,MAAM,CAACoB,GAAG;AACtC;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMS,gBAAgB,GAAG7B,MAAM,CAACoB,GAAG;AACnC;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMU,eAA8D,GAAGC,IAAA,IAA8D;EAAA,IAA7D;IAAEC,GAAG;IAAEC,OAAO;IAAEC,MAAM,GAAG;EAA8B,CAAC,GAAAH,IAAA;EAC9H,MAAMd,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,oBACES,IAAA,CAACG,WAAW;IAACsB,QAAQ,EAAC,WAAW;IAACC,IAAI,EAAEJ,GAAG,IAAI,EAAG;IAACE,MAAM,EAAEA,MAAO;IAAAG,QAAA,eAChEzB,KAAA,CAACO,YAAY;MAAAkB,QAAA,GACVJ,OAAO,CAACK,KAAK,iBAAI5B,IAAA,CAACW,YAAY;QAACkB,GAAG,EAAEN,OAAO,CAACK;MAAM,CAAE,CAAC,eACtD1B,KAAA,CAACgB,mBAAmB;QAAAS,QAAA,gBAClB3B,IAAA,CAACa,WAAW;UAAAc,QAAA,EAAEJ,OAAO,CAACO;QAAI,CAAc,CAAC,eACzC9B,IAAA,CAACgB,WAAW;UAAAW,QAAA,EAAEJ,OAAO,CAACQ;QAAI,CAAc,CAAC;MAAA,CACtB,CAAC,eACtB/B,IAAA,CAACmB,gBAAgB;QAAAQ,QAAA,eACf3B,IAAA,CAACL,WAAW,CAACqC,YAAY;UAACC,KAAK,EAAExC,MAAM,CAACa,QAAQ,CAAC,SAAS,EAAEC,KAAK,CAAE;UAAC2B,SAAS,EAAE,uBAAwB;UAACC,IAAI,EAAE;QAAO,CAAE;MAAC,CACxG,CAAC;IAAA,CACP;EAAC,CACJ,CAAC;AAElB,CAAC;AAACf,eAAA,CAAAgB,SAAA;EAtFAd,GAAG,EAAAe,GAAA,CAAAC,MAAA;EACHd,MAAM,EAAAa,GAAA,CAAAC;AAAA;AAuFR,eAAelB,eAAe","ignoreList":[]}
+{"version":3,"file":"MiniProductCard.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","ComponentMStyling","ComponentSStyling","StyledLink","useNavigation","jsx","_jsx","jsxs","_jsxs","ProductLink","props","_objectSpread","getColor","theme","MEDIUM","ProductThing","div","ProductImage","img","ProductName","h2","Regular","ProductType","span","ProductInnerWrapper","RightIconWrapper","MiniProductCard","_ref","url","external","product","target","navigate","onClick","e","preventDefault","$variant","href","children","image","src","name","type","ChevronRight","color","className","size","propTypes","_pt","string","bool"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { StyledLink } from '../HyperLink/HyperLink';\r\nimport { useNavigation } from '../Navigation';\r\n\r\nexport type MiniProductCardProps = {\r\n  product: Product;\r\n  url?: string;\r\n  target?: string;\r\n  external?: boolean;\r\n};\r\nconst ProductLink = styled(props => <StyledLink {...props} />)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard: React.FunctionComponent<MiniProductCardProps> = ({ url, external, product, target = '_self' }: MiniProductCardProps) => {\r\n  const theme = useTheme();\r\n  const { navigate } = useNavigation();\r\n  const onClick = (e: any) => {\r\n    if (external) {\r\n      return;\r\n    }\r\n    e?.preventDefault();\r\n    navigate && navigate(url ?? '', false);\r\n  };\r\n  return (\r\n    <ProductLink onClick={onClick} $variant='styleless' href={url ?? ''} target={target}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.getColor('primary', theme)} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "6.0.0-dev.14.full",
+  "version": "6.0.0-dev.15.full",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],