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

package/dist/GlobalNavigationBar/Logo.cjs.map

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

package/dist/GlobalNavigationBar/Logo.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-type LogoProps = {
-    name: string;
-    showBetaTag?: boolean;
-    onClick?: () => void;
-    to?: string;
-    color?: string;
-    noSizeChangeOnMobile?: boolean;
-    betaTagBackgroundColor?: string;
-    betaTagColor?: string;
-    inverted?: boolean;
-};
-declare const Logo: React.FunctionComponent<LogoProps>;
-export default Logo;
+import * as React from 'react';
+type LogoProps = {
+    name: string;
+    showBetaTag?: boolean;
+    onClick?: () => void;
+    to?: string;
+    color?: string;
+    noSizeChangeOnMobile?: boolean;
+    betaTagBackgroundColor?: string;
+    betaTagColor?: string;
+    inverted?: boolean;
+};
+declare const Logo: React.FunctionComponent<LogoProps>;
+export default Logo;

package/dist/GlobalNavigationBar/Logo.js

@@ -1,50 +1,112 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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';
-import { Link } from 'react-router-dom';
 import styled, { useTheme } from 'styled-components';
 import { LaerdalLogo, LaerdalWhiteLogo } from '../assets';
 import { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles } from '../styles';
 import { ComponentMStyling, ComponentXSStyling } from '../styles';
 import { defaultOnMouseDownHandler } from '../common';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var StyledLink = styled(Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  &:focus-within {\n    outline: none;\n  }\n  svg {\n    width: 66px;\n    height: 36px;\n    color: ", ";\n    ", " {\n      width: 88px;\n      height: 48px;\n    }\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-var LogoContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  max-width: calc(100% - 48px);\n  overflow: hidden;\n  align-items: center;\n  height: 40px;\n  box-sizing: border-box;\n  padding: 24px 0;\n\n  ", " {\n    margin-top: 8px;\n    margin-bottom: 7px;\n  }\n\n  &:focus-within {\n    ", "\n  }\n\n  &.inverted:focus-within {\n    ", "\n  }\n"])), BREAKPOINTS.LARGE, focusStyles, invertedFocusStyles);
-var Name = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n  padding-left: 8px;\n  border-left: 1px solid ", ";\n  letter-spacing: -0.02em;\n  max-width: 200px;\n  \n  white-space: nowrap;\n  overflow: hidden;\n\n  ", "\n\n  font-weight: 300 !important;\n  line-height: 24px !important;\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    margin-left: 12px;\n    padding-left: 12px;\n  }\n"])), function (props) {
-  return props.$color || COLORS.getColor('black', props.theme);
-}, function (props) {
-  return props.$noSizeChangeOnMobile ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme)) : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme));
-}, BREAKPOINTS.MEDIUM, function (props) {
-  return ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme));
-}, BREAKPOINTS.LARGE);
-var BetaTag = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 4px 8px;\n  margin-left: 8px;\n  margin-top: 2px;\n  border-left: none;\n  border-radius: 2px;\n\n  ", "\n"])), function (props) {
-  return props.$backgroundColor || COLORS.getColor('accent2_500', props.theme);
-}, function (props) {
-  return ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme));
-});
-var Logo = function Logo(_ref) {
-  var name = _ref.name,
-    showBetaTag = _ref.showBetaTag,
-    _onClick = _ref.onClick,
-    to = _ref.to,
-    color = _ref.color,
-    noSizeChangeOnMobile = _ref.noSizeChangeOnMobile,
-    betaTagBackgroundColor = _ref.betaTagBackgroundColor,
-    betaTagColor = _ref.betaTagColor,
-    inverted = _ref.inverted;
-  var theme = useTheme();
+import { StyledLink } from '../HyperLink/HyperLink';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomizedLink = styled(props => /*#__PURE__*/_jsx(StyledLink, _objectSpread({}, props)))`
+  text-align: center;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  &:focus-within {
+    outline: none;
+  }
+  svg {
+    width: 66px;
+    height: 36px;
+    color: ${props => props.$color};
+    ${BREAKPOINTS.MEDIUM} {
+      width: 88px;
+      height: 48px;
+    }
+  }
+`;
+const LogoContainer = styled.div`
+  display: flex;
+  max-width: calc(100% - 48px);
+  overflow: hidden;
+  align-items: center;
+  height: 40px;
+  box-sizing: border-box;
+  padding: 24px 0;
+
+  ${BREAKPOINTS.LARGE} {
+    margin-top: 8px;
+    margin-bottom: 7px;
+  }
+
+  &:focus-within {
+    ${focusStyles}
+  }
+
+  &.inverted:focus-within {
+    ${invertedFocusStyles}
+  }
+`;
+const Name = styled.span`
+  margin-left: 8px;
+  padding-left: 8px;
+  border-left: 1px solid ${props => props.$color || COLORS.getColor('black', props.theme)};
+  letter-spacing: -0.02em;
+  max-width: 200px;
+  
+  white-space: nowrap;
+  overflow: hidden;
+
+  ${props => props.$noSizeChangeOnMobile ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme)) : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))}
+
+  font-weight: 300 !important;
+  line-height: 24px !important;
+
+  ${BREAKPOINTS.MEDIUM} {
+    ${props => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.getColor('black', props.theme))};
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    margin-left: 12px;
+    padding-left: 12px;
+  }
+`;
+const BetaTag = styled.span`
+  background-color: ${props => props.$backgroundColor || COLORS.getColor('accent2_500', props.theme)};
+  padding: 4px 8px;
+  margin-left: 8px;
+  margin-top: 2px;
+  border-left: none;
+  border-radius: 2px;
+
+  ${props => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.getColor('white', props.theme))}
+`;
+const Logo = _ref => {
+  let {
+    name,
+    showBetaTag,
+    onClick,
+    to,
+    color,
+    noSizeChangeOnMobile,
+    betaTagBackgroundColor,
+    betaTagColor,
+    inverted
+  } = _ref;
+  const theme = useTheme();
   return /*#__PURE__*/_jsx(LogoContainer, {
     className: inverted ? 'inverted' : '',
-    children: /*#__PURE__*/_jsxs(StyledLink, {
-      to: to || '/',
+    children: /*#__PURE__*/_jsxs(CustomizedLink, {
+      target: "_self",
+      $variant: "styleless",
+      href: to || '/',
       onMouseDown: defaultOnMouseDownHandler,
-      onClick: function onClick() {
-        if (_onClick) {
-          _onClick();
+      onClick: () => {
+        if (onClick) {
+          onClick();
         }
       },
       $color: color,

package/dist/GlobalNavigationBar/Logo.js.map

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

package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs

@@ -4,11 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -19,100 +17,108 @@ var _styles = require("../../styles");
 var _InputFields = require("../../InputFields");
 var _types = require("../../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["placement", "type", "action"],
+const _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "action"],
   _excluded3 = ["placement", "type", "action"];
-var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n\n  display: none;\n\n  ", " {\n    display: flex;\n  }\n\n  ", "{\n    display: 'none';\n    ", " {\n      display: block;\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, _Button.IconButtonStyled, _styles.BREAKPOINTS.MEDIUM);
-var CustomActionWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n\n"])));
-var ProfileWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0 8px;\n"])));
-var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var buttons = _ref.buttons,
-    user = _ref.user,
-    profileComponent = _ref.profileComponent,
-    onShowUserMenu = _ref.onShowUserMenu;
-  var _React$useState = _react["default"].useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    elRefs = _React$useState2[0],
-    setElRefs = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(''),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    searchTermNormalSmall = _React$useState4[0],
-    setSearchTermNormalSmall = _React$useState4[1];
-  var length = (buttons === null || buttons === void 0 ? void 0 : buttons.length) || 0;
-  _react["default"].useEffect(function () {
-    setElRefs(Array(length || 0).fill(null).map(function () {
-      return /*#__PURE__*/_react["default"].createRef();
-    }));
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Wrapper = _styledComponents.default.div`
+  align-items: center;
+
+  display: none;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    display: flex;
+  }
+
+  ${_Button.IconButtonStyled}{
+    display: 'none';
+    ${_styles.BREAKPOINTS.MEDIUM} {
+      display: block;
+    }
+  }
+`;
+const CustomActionWrapper = _styledComponents.default.div`
+
+`;
+const ProfileWrapper = _styledComponents.default.div`
+  margin: 0 8px;
+`;
+const DesktopActions = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    buttons,
+    user,
+    profileComponent,
+    onShowUserMenu
+  } = _ref;
+  const [elRefs, setElRefs] = _react.default.useState([]);
+  const [searchTermNormalSmall, setSearchTermNormalSmall] = _react.default.useState('');
+  const length = buttons?.length || 0;
+  _react.default.useEffect(() => {
+    setElRefs(Array(length || 0).fill(null).map(() => /*#__PURE__*/_react.default.createRef()));
   }, [length]);
-  _react["default"].useImperativeHandle(ref, function () {
-    return {
-      buttons: elRefs.map(function (r, index) {
-        var _buttons$index;
-        return {
-          ref: r,
-          type: buttons === null || buttons === void 0 ? void 0 : (_buttons$index = buttons[index]) === null || _buttons$index === void 0 ? void 0 : _buttons$index.type
-        };
-      })
-    };
-  }, [elRefs, buttons]);
-  var renderItem = function renderItem(item, index) {
+  _react.default.useImperativeHandle(ref, () => ({
+    buttons: elRefs.map((r, index) => ({
+      ref: r,
+      type: buttons?.[index]?.type
+    }))
+  }), [elRefs, buttons]);
+  const renderItem = (item, index) => {
     switch (item.type) {
       case 'profile':
         {
-          var _user$firstName$charA, _user$firstName, _user$lastName$charAt, _user$lastName;
-          var placement = item.placement,
-            type = item.type,
-            action = item.action,
-            rest = (0, _objectWithoutProperties2["default"])(item, _excluded);
+          const {
+              placement,
+              type,
+              action
+            } = item,
+            rest = (0, _objectWithoutProperties2.default)(item, _excluded);
           if (!!profileComponent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
             children: profileComponent
           });else return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileWrapper, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileButton.ProfileButton, _objectSpread({
               ref: elRefs[index],
-              onClick: function onClick(e) {
-                item.action ? item.action(e === null || e === void 0 ? void 0 : e.target) : onShowUserMenu();
+              onClick: e => {
+                item.action ? item.action(e?.target) : onShowUserMenu();
               },
               icon: !user && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.User, {}),
-              initials: ((_user$firstName$charA = user === null || user === void 0 ? void 0 : (_user$firstName = user.firstName) === null || _user$firstName === void 0 ? void 0 : _user$firstName.charAt(0)) !== null && _user$firstName$charA !== void 0 ? _user$firstName$charA : '') + ((_user$lastName$charAt = user === null || user === void 0 ? void 0 : (_user$lastName = user.lastName) === null || _user$lastName === void 0 ? void 0 : _user$lastName.charAt(0)) !== null && _user$lastName$charAt !== void 0 ? _user$lastName$charAt : '')
+              initials: (user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')
             }, rest), index)
           });
         }
       case 'action':
         {
-          var _placement = item.placement,
-            _type = item.type,
-            icon = item.icon,
-            _action = item.action,
-            _rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
+          const {
+              placement,
+              type,
+              icon,
+              action
+            } = item,
+            rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
-            action: function action(e) {
-              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
-            }
-          }, _rest), {}, {
+            action: e => item.action && item.action(e?.target)
+          }, rest), {}, {
             children: item.icon
           }), index);
         }
       case 'switcher':
         {
-          var _placement2 = item.placement,
-            _type2 = item.type,
-            _action2 = item.action,
-            _rest2 = (0, _objectWithoutProperties2["default"])(item, _excluded3);
+          const {
+              placement,
+              type,
+              action
+            } = item,
+            rest = (0, _objectWithoutProperties2.default)(item, _excluded3);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
             ref: elRefs[index],
             variant: 'secondary',
             shape: 'circular',
             id: "globalNavAppsButton",
-            action: function action(e) {
-              return item.action && item.action(e === null || e === void 0 ? void 0 : e.target);
-            }
-          }, _rest2), {}, {
+            action: e => item.action && item.action(e?.target)
+          }, rest), {}, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.SwitchApp, {
               size: "24px"
             })
@@ -124,10 +130,10 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.SearchBar, {
               id: "unifiedSearchInputField",
               placeholder: "Enter your search term",
-              enterSearch: function enterSearch() {},
+              enterSearch: () => {},
               setSearchTerm: setSearchTermNormalSmall,
               searchTerm: searchTermNormalSmall,
-              removeSearch: function removeSearch() {
+              removeSearch: () => {
                 setSearchTermNormalSmall('');
               },
               size: _types.Size.Medium
@@ -139,16 +145,13 @@ var DesktopActions = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     role: "toolbar",
     "aria-label": "Toolbar",
-    children: buttons === null || buttons === void 0 ? void 0 : buttons.map(function (item, index) {
-      return renderItem(item, index);
-    })
+    children: buttons?.map((item, index) => renderItem(item, index))
   });
 });
 DesktopActions.propTypes = {
-  buttons: _propTypes["default"].array,
-  profileComponent: _propTypes["default"].node,
-  onShowUserMenu: _propTypes["default"].func.isRequired
+  buttons: _propTypes.default.array,
+  profileComponent: _propTypes.default.node,
+  onShowUserMenu: _propTypes.default.func.isRequired
 };
-var _default = DesktopActions;
-exports["default"] = _default;
+var _default = exports.default = DesktopActions;
 //# sourceMappingURL=DesktopActions.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","_React$useState","useState","_React$useState2","_slicedToArray2","elRefs","setElRefs","_React$useState3","_React$useState4","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","_buttons$index","type","renderItem","item","_user$firstName$charA","_user$firstName","_user$lastName$charAt","_user$lastName","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DesktopActions.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_ProfileButton","_icons","_styles","_InputFields","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","BREAKPOINTS","MEDIUM","IconButtonStyled","CustomActionWrapper","ProfileWrapper","DesktopActions","React","forwardRef","_ref","ref","buttons","user","profileComponent","onShowUserMenu","elRefs","setElRefs","useState","searchTermNormalSmall","setSearchTermNormalSmall","useEffect","Array","fill","map","createRef","useImperativeHandle","index","type","renderItem","item","placement","action","rest","_objectWithoutProperties2","jsx","children","ProfileButton","onClick","target","icon","SystemIcons","User","initials","firstName","charAt","lastName","IconButton","variant","shape","id","SwitchApp","size","SearchBar","placeholder","enterSearch","setSearchTerm","searchTerm","removeSearch","Size","Medium","role","propTypes","_propTypes","array","node","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/DesktopActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {MenuAccountInfo, MobileMenuButtonTypes, DesktopMenuButtonTypes} from '../types';\r\nimport {IconButton, IconButtonStyled, IconButtonStyledSecondary} from '../../Button';\r\nimport {ProfileButton} from '../../ProfileButton';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS} from '../../styles';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size } from '../../types';\r\n\r\nconst Wrapper = styled.div`\r\n  align-items: center;\r\n\r\n  display: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${IconButtonStyled}{\r\n    display: 'none';\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nconst CustomActionWrapper = styled.div`\r\n\r\n`;\r\n\r\nconst ProfileWrapper = styled.div`\r\n  margin: 0 8px;\r\n`;\r\n\r\n\r\ninterface DesktopActionsProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  user?: MenuAccountInfo;\r\n  profileComponent?: React.ReactNode\r\n  onShowUserMenu: () => void;\r\n}\r\n\r\nexport interface DesktopActionsRef {\r\n  buttons?: { ref: React.MutableRefObject<HTMLButtonElement | null>, type: 'profile' | 'action' | 'switcher' | undefined }[]\r\n}\r\n\r\nconst  DesktopActions = React.forwardRef(({\r\n                                           buttons,\r\n                                           user,\r\n                                            profileComponent,\r\n                                           onShowUserMenu\r\n                                         }: DesktopActionsProps, ref: React.Ref<DesktopActionsRef>) => {\r\n\r\n  const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement | null>[]>([]);\r\n  const [searchTermNormalSmall, setSearchTermNormalSmall] = React.useState('');\r\n\r\n  const length = buttons?.length || 0;\r\n\r\n  React.useEffect(() => {\r\n    setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\r\n  }, [length]);\r\n\r\n  React.useImperativeHandle(ref, () => ({\r\n    buttons: elRefs.map((r, index) => ({\r\n      ref: r,\r\n      type: buttons?.[index]?.type,\r\n    }))\r\n  }), [elRefs, buttons]);\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profileComponent)\r\n          return <ProfileWrapper>{profileComponent}</ProfileWrapper>;\r\n        else\r\n          return <ProfileWrapper>\r\n            <ProfileButton key={index}\r\n                           ref={elRefs[index]}\r\n                           onClick={e => {\r\n                             item.action ? item.action(e?.target) : onShowUserMenu()\r\n                           }}\r\n                           icon={!user && <SystemIcons.User/>}\r\n                           initials={(user?.firstName?.charAt(0) ?? '') + (user?.lastName?.charAt(0) ?? '')}\r\n                           {...rest}/>\r\n          </ProfileWrapper>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'switcher': {\r\n        const {placement, type, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           ref={elRefs[index]}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           id=\"globalNavAppsButton\"\r\n                           action={e => item.action && item.action(e?.target)}\r\n                           {...rest}>\r\n          <SystemIcons.SwitchApp size=\"24px\"/>\r\n        </IconButton>\r\n      }\r\n      case 'search': {\r\n        return <CustomActionWrapper key={index}>\r\n           <SearchBar\r\n                id=\"unifiedSearchInputField\"\r\n                placeholder=\"Enter your search term\"\r\n                enterSearch={() => {}}\r\n                setSearchTerm={setSearchTermNormalSmall}\r\n                searchTerm={searchTermNormalSmall}\r\n                removeSearch={() => {\r\n                  setSearchTermNormalSmall('');\r\n                }}\r\n                size={Size.Medium}\r\n              />\r\n        </CustomActionWrapper>;\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper role=\"toolbar\" aria-label=\"Toolbar\">\r\n      {buttons?.map((item, index) => renderItem(item, index))}\r\n    </Wrapper>\r\n  )\r\n});\r\n\r\n\r\nexport default DesktopActions;\r\n"],"mappings":"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","ignoreList":[]}

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

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