@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/js/GlobalNavigationBar/Logo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/GlobalNavigationBar/Logo.tsx"],"names":["StyledLink","Link","props","$color","BREAKPOINTS","MEDIUM","LogoContainer","styled","div","Name","span","COLORS","black","noSizeChangeOnMobile","ComponentTextStyle","Regular","BetaTag","backgroundColor","accent2_500","UppercaseBold","white","Logo","name","showBetaTag","onClick","to","color","betaTagBackgroundColor","betaTagColor","e","preventDefault"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,+BAAOC,oBAAP,CAAH,iVAWH,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAjB;AAAA,CAXG,EAYVC,oBAAYC,MAZF,CAAhB;;AAmBA,IAAMC,aAAa,GAAGC,0BAAOC,GAAV,uYAQfJ,oBAAYC,MARG,CAAnB;;AAmBA,IAAMI,IAAI,GAAGF,0BAAOG,IAAV,0UAGiB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAN,IAAgBQ,eAAOC,KAAlC;AAAA,CAHjB,EAMN,UAACV,KAAD;AAAA,SACAA,KAAK,CAACW,oBAAN,GACI,mCAAkBC,2BAAmBC,OAArC,EAA8Cb,KAAK,CAACC,MAAN,IAAgBQ,eAAOC,KAArE,CADJ,GAEI,oCAAmBE,2BAAmBC,OAAtC,EAA+Cb,KAAK,CAACC,MAAN,IAAgBQ,eAAOC,KAAtE,CAHJ;AAAA,CANM,EAcNR,oBAAYC,MAdN,EAiBJ,UAACH,KAAD;AAAA,SAAW,mCAAkBY,2BAAmBC,OAArC,EAA8Cb,KAAK,CAACC,MAAN,IAAgBQ,eAAOC,KAArE,CAAX;AAAA,CAjBI,CAAV;;AAqBA,IAAMI,OAAO,GAAGT,0BAAOG,IAAV,0NACS,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACe,eAAN,IAAyBN,eAAOO,WAA3C;AAAA,CADT,EAQT,UAAChB,KAAD;AAAA,SAAW,oCAAmBY,2BAAmBK,aAAtC,EAAqDjB,KAAK,CAACC,MAAN,IAAgBQ,eAAOS,KAA5E,CAAX;AAAA,CARS,CAAb;;AAsBA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAqJ;AAAA,MAAlJC,IAAkJ,QAAlJA,IAAkJ;AAAA,MAA5IC,WAA4I,QAA5IA,WAA4I;AAAA,MAA/HC,QAA+H,QAA/HA,OAA+H;AAAA,MAAtHC,EAAsH,QAAtHA,EAAsH;AAAA,MAAlHC,KAAkH,QAAlHA,KAAkH;AAAA,MAA3Gb,oBAA2G,QAA3GA,oBAA2G;AAAA,MAArFc,sBAAqF,QAArFA,sBAAqF;AAAA,MAA7DC,YAA6D,QAA7DA,YAA6D;AAChK,sBACE,oBAAC,aAAD,qBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAEH,EAAE,IAAI,GADZ;AAEE,IAAA,WAAW,EAAE,qBAACI,CAAD;AAAA,aAAYA,CAAC,CAACC,cAAF,EAAZ;AAAA,KAFf;AAGE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIN,QAAJ,EAAa;AACXA,QAAAA,QAAO;AACR;AACF,KAPH;AAQE,IAAA,MAAM,EAAEE;AARV,KASGA,KAAK,KAAKf,eAAOS,KAAjB,gBAAyB,oBAAC,wBAAD,OAAzB,gBAAgD,oBAAC,mBAAD,OATnD,eAUE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEM,KAAd;AAAqB,IAAA,oBAAoB,EAAEb,oBAAoB,IAAI;AAAnE,KACGS,IADH,CAVF,EAaGC,WAAW,iBACV,oBAAC,OAAD;AAAS,IAAA,eAAe,EAAEI,sBAA1B;AAAkD,IAAA,MAAM,EAAEC;AAA1D,YAdJ,CADF,CADF;AAuBD,CAxBD;;;AAVEN,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,O;AACAC,EAAAA,E;AACAC,EAAAA,K;AACAb,EAAAA,oB;AACAc,EAAAA,sB;AACAC,EAAAA,Y;;eA6BaP,I","sourcesContent":["import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { ComponentMStyling, ComponentXSStyling } from '../styles/typography';\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  align-items: center;\r\n  height: 40px;\r\n  margin-right: 16px;\r\n  box-sizing: border-box;\r\n  padding: 24px 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin-top: 8px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: 0px 0px 8px #2e7fa1, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\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.black};\r\n  letter-spacing: -0.02em;\r\n\r\n  ${(props) =>\r\n    props.noSizeChangeOnMobile\r\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)\r\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)}\r\n\r\n  font-weight: 300 !important;\r\n  line-height: 24px !important;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin-left: 12px;\r\n    padding-left: 12px;\r\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)}\r\n  }\r\n`;\r\n\r\nconst BetaTag = styled.span<{ backgroundColor?: string; $color?: string }>`\r\n  background-color: ${(props) => props.backgroundColor || COLORS.accent2_500};\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.white)}\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};\r\n\r\nconst Logo = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor }: LogoProps): React.ReactElement<LogoProps> => {\r\n  return (\r\n    <LogoContainer>\r\n      <StyledLink\r\n        to={to || '/'}\r\n        onMouseDown={(e: any) => e.preventDefault()}\r\n        onClick={() => {\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        $color={color}>\r\n        {color === COLORS.white ? <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"],"file":"Logo.js"}

package/dist/js/GlobalNavigationBar/MainMenu.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { NavOption } from '../types';
-declare type Props = {
-    navigationOptions: NavOption[];
-    rightSideRef?: React.RefObject<HTMLDivElement> | null | undefined;
-};
-declare const MainMenu: ({ navigationOptions, rightSideRef }: Props) => React.ReactElement<Props>;
-export default MainMenu;

package/dist/js/GlobalNavigationBar/MainMenu.js

@@ -1,172 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _NavItem = require("../NavItem");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styles = require("../styles");
-
-var _ExtendedMainMenu = _interopRequireDefault(require("./ExtendedMainMenu"));
-
-var _Button = require("../Button");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var NavContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  justify-content: center;\n  align-items: center;\n\n  ", " {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-
-var NavButton = _styledComponents.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 0;\n"])), _styles.COLORS.white);
-
-var ExtendedMenuWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: ", ";\n\n  position: absolute;\n  flex-direction: column;\n  left: 290px;\n  top: 22px;\n\n  height: 0;\n  width: 0;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ", ";\n  }\n"])), function (props) {
-  return props.floatRight ? 'auto' : 'unset';
-}, _styles.COLORS.white);
-
-var ExtendedSection = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-
-var MainMenu = function MainMenu(_ref) {
-  var navigationOptions = _ref.navigationOptions,
-      rightSideRef = _ref.rightSideRef;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showExtendedMenu = _React$useState2[0],
-      setShowExtendedMenu = _React$useState2[1];
-
-  var extendedMenuRef = React.useRef(null);
-  var mainMenuRef = React.useRef(null);
-
-  var _React$useState3 = React.useState(1),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      numberOfItemsAllowed = _React$useState4[0],
-      setNumberOfItemsAllowed = _React$useState4[1];
-
-  var widthOfItem = 150;
-
-  var recalculateNumberOfItemsAllowed = function recalculateNumberOfItemsAllowed() {
-    if (rightSideRef !== null && rightSideRef !== void 0 && rightSideRef.current && mainMenuRef !== null && mainMenuRef !== void 0 && mainMenuRef.current) {
-      var _rightSideRef$current, _mainMenuRef$current;
-
-      var number = Math.floor(((rightSideRef === null || rightSideRef === void 0 ? void 0 : (_rightSideRef$current = rightSideRef.current) === null || _rightSideRef$current === void 0 ? void 0 : _rightSideRef$current.offsetLeft) - (mainMenuRef === null || mainMenuRef === void 0 ? void 0 : (_mainMenuRef$current = mainMenuRef.current) === null || _mainMenuRef$current === void 0 ? void 0 : _mainMenuRef$current.offsetLeft)) / widthOfItem);
-
-      if (number !== numberOfItemsAllowed) {
-        setNumberOfItemsAllowed(number);
-      }
-    }
-  };
-
-  var handleClickExtendedMenuAction = function handleClickExtendedMenuAction() {
-    setShowExtendedMenu(false);
-  };
-
-  var handleClickOutside = function handleClickOutside(e) {
-    var _extendedMenuRef$curr;
-
-    if (extendedMenuRef !== null && extendedMenuRef !== void 0 && extendedMenuRef.current && !(extendedMenuRef !== null && extendedMenuRef !== void 0 && (_extendedMenuRef$curr = extendedMenuRef.current) !== null && _extendedMenuRef$curr !== void 0 && _extendedMenuRef$curr.contains(e.target))) {
-      if (showExtendedMenu) {
-        setShowExtendedMenu(false);
-      }
-    }
-  };
-
-  React.useEffect(function () {
-    recalculateNumberOfItemsAllowed(); // Bind the event listener
-
-    document.addEventListener('click', handleClickOutside);
-    window.addEventListener('resize', recalculateNumberOfItemsAllowed);
-    return function () {
-      // Unbind the event listener on clean up
-      document.removeEventListener('click', handleClickOutside);
-      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);
-    };
-  });
-
-  var preventFocusOnClick = function preventFocusOnClick(e) {
-    e.preventDefault();
-  };
-
-  return /*#__PURE__*/React.createElement(NavContainer, {
-    className: "GlobalNavigationMainMenu",
-    ref: mainMenuRef,
-    open: showExtendedMenu
-  }, navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no, index) {
-    return index > numberOfItemsAllowed - 2 ? null : no !== null && no !== void 0 && no.disabled ? /*#__PURE__*/React.createElement(_NavItem.NavItem, {
-      as: NavButton,
-      exact: no === null || no === void 0 ? void 0 : no.exact,
-      className: "disabled",
-      key: no === null || no === void 0 ? void 0 : no.label,
-      onMouseDown: preventFocusOnClick,
-      onClick: function onClick() {
-        if (no !== null && no !== void 0 && no.onClick) {
-          no === null || no === void 0 ? void 0 : no.onClick();
-        }
-      }
-    }, no === null || no === void 0 ? void 0 : no.label) : /*#__PURE__*/React.createElement(_NavItem.NavItem, {
-      as: _reactRouterDom.NavLink,
-      exact: no === null || no === void 0 ? void 0 : no.exact,
-      to: (no === null || no === void 0 ? void 0 : no.to) || '',
-      key: no === null || no === void 0 ? void 0 : no.label,
-      onMouseDown: preventFocusOnClick,
-      onClick: function onClick() {
-        if (no !== null && no !== void 0 && no.onClick) {
-          no === null || no === void 0 ? void 0 : no.onClick();
-        }
-      }
-    }, no === null || no === void 0 ? void 0 : no.label);
-  }), navigationOptions.length + 1 > numberOfItemsAllowed && /*#__PURE__*/React.createElement(ExtendedSection, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    action: function action() {
-      return setShowExtendedMenu(true);
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.MoreHorizontal, {
-    size: "24px"
-  })), /*#__PURE__*/React.createElement(ExtendedMenuWrapper, {
-    ref: extendedMenuRef,
-    className: showExtendedMenu ? 'open' : '',
-    floatRight: false
-  }, /*#__PURE__*/React.createElement(_ExtendedMainMenu.default, {
-    clickMenuAction: handleClickExtendedMenuAction,
-    navigationOptions: navigationOptions.slice(numberOfItemsAllowed - 1)
-  }))));
-};
-
-MainMenu.propTypes = {
-  navigationOptions: _propTypes.default.array.isRequired
-};
-var _default = MainMenu;
-exports.default = _default;
-//# sourceMappingURL=MainMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/GlobalNavigationBar/MainMenu.tsx"],"names":["NavContainer","styled","div","BREAKPOINTS","MEDIUM","NavButton","button","COLORS","white","ExtendedMenuWrapper","props","floatRight","ExtendedSection","MainMenu","navigationOptions","rightSideRef","React","useState","showExtendedMenu","setShowExtendedMenu","extendedMenuRef","useRef","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","handleClickExtendedMenuAction","handleClickOutside","e","contains","target","useEffect","document","addEventListener","window","removeEventListener","preventFocusOnClick","preventDefault","map","no","index","disabled","exact","label","onClick","NavLink","to","length","slice"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport styled from 'styled-components';\r\n\r\nimport { NavItem } from '../NavItem';\r\nimport { MoreHorizontal } from '../icons/systemicons/SystemIcons';\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\nimport { NavOption } from '../types';\r\nimport ExtendedMainMenu from './ExtendedMainMenu';\r\nimport {IconButton} from '../Button';\r\n\r\nconst NavContainer = styled.div<{ open: boolean }>`\r\n  display: none;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\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: ${COLORS.white};\r\n  border: 0;\r\n`;\r\n\r\ninterface ExtendedMenuWrapperProps {\r\n  floatRight: boolean;\r\n}\r\n\r\nconst ExtendedMenuWrapper = styled.div<ExtendedMenuWrapperProps>`\r\n  display: flex;\r\n  margin-left: ${props => (props.floatRight ? 'auto' : 'unset')};\r\n\r\n  position: absolute;\r\n  flex-direction: column;\r\n  left: 290px;\r\n  top: 22px;\r\n\r\n  height: 0;\r\n  width: 0;\r\n\r\n  &:focus-within,\r\n  &:hover,\r\n  &.open {\r\n    background: ${COLORS.white};\r\n  }\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\ntype Props = {\r\n  navigationOptions: NavOption[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ navigationOptions, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const [showExtendedMenu, setShowExtendedMenu] = React.useState(false);\r\n  const extendedMenuRef = React.useRef<any>(null);\r\n  const mainMenuRef: React.RefObject<HTMLDivElement> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n\r\n  const widthOfItem = 150;\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 handleClickExtendedMenuAction = () => {\r\n    setShowExtendedMenu(false);\r\n  };\r\n\r\n  const handleClickOutside = (e: any) => {\r\n    if (extendedMenuRef?.current && !extendedMenuRef?.current?.contains(e.target)) {\r\n      if (showExtendedMenu) {\r\n        setShowExtendedMenu(false);\r\n      }\r\n    }\r\n  };\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    document.addEventListener('click', handleClickOutside);\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      document.removeEventListener('click', handleClickOutside);\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  });\r\n\r\n  const preventFocusOnClick = (e: any) => {\r\n    e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <NavContainer className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} open={showExtendedMenu}>\r\n      {navigationOptions?.map((no: NavOption, index: number) =>\r\n        index > numberOfItemsAllowed - 2 ? null : no?.disabled ? (\r\n          <NavItem\r\n            as={NavButton}\r\n            exact={no?.exact}\r\n            className=\"disabled\"\r\n            key={no?.label}\r\n            onMouseDown={preventFocusOnClick}\r\n            onClick={() => {\r\n              if (no?.onClick) {\r\n                no?.onClick();\r\n              }\r\n            }}>\r\n            {no?.label}\r\n          </NavItem>\r\n        ) : (\r\n          <NavItem\r\n            as={NavLink}\r\n            exact={no?.exact}\r\n            to={no?.to || ''}\r\n            key={no?.label}\r\n            onMouseDown={preventFocusOnClick}\r\n            onClick={() => {\r\n              if (no?.onClick) {\r\n                no?.onClick();\r\n              }\r\n            }}>\r\n            {no?.label}\r\n          </NavItem>\r\n        ),\r\n      )}\r\n      {navigationOptions.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection>\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            action={() => setShowExtendedMenu(true)}>\r\n            <MoreHorizontal size=\"24px\" />\r\n          </IconButton>\r\n          <ExtendedMenuWrapper ref={extendedMenuRef} className={showExtendedMenu ? 'open' : ''} floatRight={false}>\r\n            <ExtendedMainMenu clickMenuAction={handleClickExtendedMenuAction} navigationOptions={navigationOptions.slice(numberOfItemsAllowed - 1)} />\r\n          </ExtendedMenuWrapper>\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"file":"MainMenu.js"}

package/dist/js/GlobalNavigationBar/RightSideNav.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { NavButton, NavOption } from '../types';
-declare type Props = {
-    navigationOptions?: NavOption[];
-    secondaryButton?: NavButton;
-};
-declare const RightSideNav: ({ navigationOptions, secondaryButton }: Props) => React.ReactElement<Props>;
-export default RightSideNav;

package/dist/js/GlobalNavigationBar/RightSideNav.js

@@ -1,84 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _NavItem = require("../NavItem");
-
-var _styles = require("../styles");
-
-var _Button = require("../Button");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var NavContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin: auto 0 auto auto;\n  align-items: center;\n  height: 48px;\n  \n  a {\n    text-decoration: none;\n  }\n\n  ", " {\n    height: 56px;\n  }\n  ", " {\n    height: 64px;\n  }\n\n  button,\n  div {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n"])), _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM);
-
-var SecondaryButton = (0, _styledComponents.default)(_Button.Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 40px;\n  margin: 0 8px;\n\n  ", "\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Bold, 'unset'));
-
-var RightSideNav = function RightSideNav(_ref) {
-  var navigationOptions = _ref.navigationOptions,
-      secondaryButton = _ref.secondaryButton;
-
-  var preventFocusOnClick = function preventFocusOnClick(e) {
-    e.preventDefault();
-  };
-
-  var getNavItem = function getNavItem(navOption) {
-    if (navOption !== null && navOption !== void 0 && navOption.disabled) {
-      return /*#__PURE__*/React.createElement(_NavItem.NavItem, {
-        as: _Button.Button,
-        className: "disabled",
-        key: navOption === null || navOption === void 0 ? void 0 : navOption.label
-      }, navOption === null || navOption === void 0 ? void 0 : navOption.label);
-    } else {
-      return /*#__PURE__*/React.createElement(_NavItem.NavItem, {
-        as: _reactRouterDom.NavLink,
-        exact: navOption === null || navOption === void 0 ? void 0 : navOption.exact,
-        to: (navOption === null || navOption === void 0 ? void 0 : navOption.to) || '',
-        key: navOption === null || navOption === void 0 ? void 0 : navOption.label,
-        onMouseDown: preventFocusOnClick,
-        onClick: function onClick() {
-          if (navOption !== null && navOption !== void 0 && navOption.onClick) {
-            navOption === null || navOption === void 0 ? void 0 : navOption.onClick();
-          }
-        }
-      }, navOption === null || navOption === void 0 ? void 0 : navOption.label);
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(NavContainer, null, navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.reverse().map(function (no) {
-    return getNavItem(no);
-  }), secondaryButton && /*#__PURE__*/React.createElement(SecondaryButton, {
-    variant: "secondary",
-    onClick: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.action
-  }, secondaryButton.label));
-};
-
-RightSideNav.propTypes = {
-  navigationOptions: _propTypes.default.array
-};
-var _default = RightSideNav;
-exports.default = _default;
-//# sourceMappingURL=RightSideNav.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/GlobalNavigationBar/RightSideNav.tsx"],"names":["NavContainer","styled","div","BREAKPOINTS","SMALL","MEDIUM","SecondaryButton","Button","ComponentTextStyle","Bold","RightSideNav","navigationOptions","secondaryButton","preventFocusOnClick","e","preventDefault","getNavItem","navOption","disabled","label","NavLink","exact","to","onClick","reverse","map","no","action"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAGC,0BAAOC,GAAV,2VAUdC,oBAAYC,KAVE,EAadD,oBAAYE,MAbE,CAAlB;;AAyBA,IAAMC,eAAe,GAAG,+BAAOC,cAAP,CAAH,uHAIjB,mCAAkBC,2BAAmBC,IAArC,EAA2C,OAA3C,CAJiB,CAArB;;AAYA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA8E;AAAA,MAA3EC,iBAA2E,QAA3EA,iBAA2E;AAAA,MAAxDC,eAAwD,QAAxDA,eAAwD;;AACjG,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,EAAY;AACtCA,IAAAA,CAAC,CAACC,cAAF;AACD,GAFD;;AAGA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,SAAD,EAA0B;AAC3C,QAAIA,SAAJ,aAAIA,SAAJ,eAAIA,SAAS,CAAEC,QAAf,EAAyB;AACvB,0BACE,oBAAC,gBAAD;AAAS,QAAA,EAAE,EAAEX,cAAb;AAAqB,QAAA,SAAS,EAAC,UAA/B;AAA0C,QAAA,GAAG,EAAEU,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEE;AAA1D,SACGF,SADH,aACGA,SADH,uBACGA,SAAS,CAAEE,KADd,CADF;AAKD,KAND,MAMO;AACL,0BACE,oBAAC,gBAAD;AACE,QAAA,EAAE,EAAEC,uBADN;AAEE,QAAA,KAAK,EAAEH,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEI,KAFpB;AAGE,QAAA,EAAE,EAAE,CAAAJ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEK,EAAX,KAAiB,EAHvB;AAIE,QAAA,GAAG,EAAEL,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEE,KAJlB;AAKE,QAAA,WAAW,EAAEN,mBALf;AAME,QAAA,OAAO,EAAE,mBAAM;AACb,cAAII,SAAJ,aAAIA,SAAJ,eAAIA,SAAS,CAAEM,OAAf,EAAwB;AACtBN,YAAAA,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEM,OAAX;AACD;AACF;AAVH,SAWGN,SAXH,aAWGA,SAXH,uBAWGA,SAAS,CAAEE,KAXd,CADF;AAeD;AACF,GAxBD;;AAyBA,sBACE,oBAAC,YAAD,QACGR,iBADH,aACGA,iBADH,uBACGA,iBAAiB,CAAEa,OAAnB,GAA6BC,GAA7B,CAAiC,UAAAC,EAAE;AAAA,WAAIV,UAAU,CAACU,EAAD,CAAd;AAAA,GAAnC,CADH,EAGGd,eAAe,iBACd,oBAAC,eAAD;AAAiB,IAAA,OAAO,EAAC,WAAzB;AAAqC,IAAA,OAAO,EAAEA,eAAF,aAAEA,eAAF,uBAAEA,eAAe,CAAEe;AAA/D,KACGf,eAAe,CAACO,KADnB,CAJJ,CADF;AAWD,CAxCD;;;AAJER,EAAAA,iB;;eA8CaD,Y","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\n\r\nimport {NavItem} from '../NavItem';\r\nimport {NavButton, NavOption} from '../types';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../styles';\r\nimport {Button} from '../Button';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst NavContainer = styled.div`\r\n  display: flex;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 48px;\r\n  \r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\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 SecondaryButton = 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  navigationOptions?: NavOption[];\r\n  secondaryButton?: NavButton;\r\n};\r\n\r\nconst RightSideNav = ({ navigationOptions, secondaryButton }: Props): React.ReactElement<Props> => {\r\n  const preventFocusOnClick = (e: any) => {\r\n    e.preventDefault();\r\n  };\r\n  const getNavItem = (navOption: NavOption) => {\r\n    if (navOption?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={navOption?.label}>\r\n          {navOption?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={NavLink}\r\n          exact={navOption?.exact}\r\n          to={navOption?.to || ''}\r\n          key={navOption?.label}\r\n          onMouseDown={preventFocusOnClick}\r\n          onClick={() => {\r\n            if (navOption?.onClick) {\r\n              navOption?.onClick();\r\n            }\r\n          }}>\r\n          {navOption?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n  return (\r\n    <NavContainer>\r\n      {navigationOptions?.reverse().map(no => getNavItem(no))}\r\n\r\n      {secondaryButton && (\r\n        <SecondaryButton variant=\"secondary\" onClick={secondaryButton?.action}>\r\n          {secondaryButton.label}\r\n        </SecondaryButton>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"file":"RightSideNav.js"}

package/dist/js/GlobalNavigationBar/UserMenu/MenuLink.d.ts

@@ -1,11 +0,0 @@
-interface MenuLinkProps {
-    to: string;
-    menuText: string;
-    isExternal?: boolean;
-    Icon?: any;
-    notification?: boolean;
-    extendedMenu?: boolean;
-    onClick?: () => void;
-}
-declare const MenuLink: ({ to, isExternal, menuText, Icon, notification, extendedMenu, onClick }: MenuLinkProps) => JSX.Element;
-export default MenuLink;

package/dist/js/GlobalNavigationBar/UserMenu/MenuLink.js

@@ -1,98 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _styles = require("../../styles");
-
-var _SystemIcons = require("../../icons/systemicons/SystemIcons");
-
-var _typography = require("../../styles/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var LinkStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: none;\n  background: transparent;\n  padding: 16px 25px;\n\n  text-decoration: none;\n  text-align: left;\n  align-items: center;\n  display: flex;\n\n  ", "\n  svg {\n    margin-right: 15px;\n    color: ", ";\n  }\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _styles.COLORS.neutral_600);
-var InternalLink = (0, _styledComponents.default)(_reactRouterDom.NavLink)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n"])), LinkStyles);
-
-var ExternalLink = _styledComponents.default.a(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n"])), LinkStyles);
-
-var IconsRightSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 0 0 0 auto;\n  align-items: center;\n  svg {\n    margin-right: 0;\n  }\n"])));
-
-var MenuLink = function MenuLink(_ref) {
-  var to = _ref.to,
-      isExternal = _ref.isExternal,
-      menuText = _ref.menuText,
-      Icon = _ref.Icon,
-      notification = _ref.notification,
-      extendedMenu = _ref.extendedMenu,
-      _onClick = _ref.onClick;
-
-  var getRightSide = function getRightSide() {
-    return /*#__PURE__*/React.createElement(IconsRightSide, null, notification ? /*#__PURE__*/React.createElement(_SystemIcons.Bullet, {
-      size: "24px",
-      color: _styles.COLORS.critical_500
-    }) : null, extendedMenu ? /*#__PURE__*/React.createElement(_SystemIcons.ChevronRight, {
-      size: "24px",
-      color: _styles.COLORS.neutral_600
-    }) : null);
-  };
-
-  return /*#__PURE__*/React.createElement("li", null, isExternal ? /*#__PURE__*/React.createElement(ExternalLink, {
-    key: "ExternalLink_".concat(to),
-    href: to,
-    role: "menuitem",
-    className: "UserMenuLink",
-    onClick: function onClick() {
-      if (_onClick) {
-        _onClick();
-      }
-    }
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    size: "24px"
-  }), /*#__PURE__*/React.createElement("span", null, menuText), getRightSide()) : /*#__PURE__*/React.createElement(InternalLink, {
-    key: "InternalLink_".concat(to),
-    to: to,
-    role: "menuitem",
-    className: "UserMenuLink",
-    onClick: function onClick() {
-      if (_onClick) {
-        _onClick();
-      }
-    }
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    size: "24px"
-  }), /*#__PURE__*/React.createElement("span", null, menuText), getRightSide()));
-};
-
-MenuLink.propTypes = {
-  to: _propTypes.default.string.isRequired,
-  menuText: _propTypes.default.string.isRequired,
-  isExternal: _propTypes.default.bool,
-  Icon: _propTypes.default.any,
-  notification: _propTypes.default.bool,
-  extendedMenu: _propTypes.default.bool,
-  onClick: _propTypes.default.func
-};
-var _default = MenuLink;
-exports.default = _default;
-//# sourceMappingURL=MenuLink.js.map

package/dist/js/GlobalNavigationBar/UserMenu/MenuLink.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/UserMenu/MenuLink.tsx"],"names":["LinkStyles","css","ComponentTextStyle","Regular","COLORS","neutral_600","InternalLink","NavLink","ExternalLink","styled","a","IconsRightSide","div","MenuLink","to","isExternal","menuText","Icon","notification","extendedMenu","onClick","getRightSide","critical_500"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,UAAU,OAAGC,qBAAH,2SAUZ,mCAAkBC,2BAAmBC,OAArC,EAA8CC,eAAOC,WAArD,CAVY,EAaHD,eAAOC,WAbJ,CAAhB;AAiBA,IAAMC,YAAY,GAAG,+BAAOC,uBAAP,CAAH,mFACdP,UADc,CAAlB;;AAIA,IAAMQ,YAAY,GAAGC,0BAAOC,CAAV,mFACdV,UADc,CAAlB;;AAIA,IAAMW,cAAc,GAAGF,0BAAOG,GAAV,4JAApB;;AAkBA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAA4F;AAAA,MAAzFC,EAAyF,QAAzFA,EAAyF;AAAA,MAArFC,UAAqF,QAArFA,UAAqF;AAAA,MAAzEC,QAAyE,QAAzEA,QAAyE;AAAA,MAA/DC,IAA+D,QAA/DA,IAA+D;AAAA,MAAzDC,YAAyD,QAAzDA,YAAyD;AAAA,MAA3CC,YAA2C,QAA3CA,YAA2C;AAAA,MAA7BC,QAA6B,QAA7BA,OAA6B;;AAC3G,MAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,wBACnB,oBAAC,cAAD,QACGH,YAAY,gBAAG,oBAAC,mBAAD;AAAQ,MAAA,IAAI,EAAC,MAAb;AAAoB,MAAA,KAAK,EAAEd,eAAOkB;AAAlC,MAAH,GAAwD,IADvE,EAEGH,YAAY,gBAAG,oBAAC,yBAAD;AAAc,MAAA,IAAI,EAAC,MAAnB;AAA0B,MAAA,KAAK,EAAEf,eAAOC;AAAxC,MAAH,GAA6D,IAF5E,CADmB;AAAA,GAArB;;AAMA,sBACE,gCACGU,UAAU,gBACT,oBAAC,YAAD;AACE,IAAA,GAAG,yBAAkBD,EAAlB,CADL;AAEE,IAAA,IAAI,EAAEA,EAFR;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIM,QAAJ,EAAa;AACXA,QAAAA,QAAO;AACR;AACF;AATH,KAUGH,IAAI,iBAAI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IAVX,eAWE,kCAAOD,QAAP,CAXF,EAYGK,YAAY,EAZf,CADS,gBAgBT,oBAAC,YAAD;AACE,IAAA,GAAG,yBAAkBP,EAAlB,CADL;AAEE,IAAA,EAAE,EAAEA,EAFN;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIM,QAAJ,EAAa;AACXA,QAAAA,QAAO;AACR;AACF;AATH,KAUGH,IAAI,iBAAI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IAVX,eAWE,kCAAOD,QAAP,CAXF,EAYGK,YAAY,EAZf,CAjBJ,CADF;AAmCD,CA1CD;;;AATEP,EAAAA,E;AACAE,EAAAA,Q;AACAD,EAAAA,U;AACAE,EAAAA,I;AACAC,EAAAA,Y;AACAC,EAAAA,Y;AACAC,EAAAA,O;;eA+CaP,Q","sourcesContent":["import * as React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {COLORS, ComponentTextStyle} from '../../styles';\r\nimport {Bullet, ChevronRight} from '../../icons/systemicons/SystemIcons';\r\nimport {ComponentMStyling} from '../../styles/typography';\r\n\r\nconst LinkStyles = css`\r\n  border: none;\r\n  background: transparent;\r\n  padding: 16px 25px;\r\n\r\n  text-decoration: none;\r\n  text-align: left;\r\n  align-items: center;\r\n  display: flex;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  svg {\r\n    margin-right: 15px;\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n`;\r\n\r\nconst InternalLink = styled(NavLink)`\r\n  ${LinkStyles};\r\n`;\r\n\r\nconst ExternalLink = styled.a`\r\n  ${LinkStyles};\r\n`;\r\n\r\nconst IconsRightSide = styled.div`\r\n  margin: 0 0 0 auto;\r\n  align-items: center;\r\n  svg {\r\n    margin-right: 0;\r\n  }\r\n`;\r\n\r\ninterface MenuLinkProps {\r\n  to: string;\r\n  menuText: string;\r\n  isExternal?: boolean;\r\n  Icon?: any;\r\n  notification?: boolean;\r\n  extendedMenu?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nconst MenuLink = ({ to, isExternal, menuText, Icon, notification, extendedMenu, onClick }: MenuLinkProps) => {\r\n  const getRightSide = () => (\r\n    <IconsRightSide>\r\n      {notification ? <Bullet size=\"24px\" color={COLORS.critical_500} /> : null}\r\n      {extendedMenu ? <ChevronRight size=\"24px\" color={COLORS.neutral_600} /> : null}\r\n    </IconsRightSide>\r\n  );\r\n  return (\r\n    <li>\r\n      {isExternal ? (\r\n        <ExternalLink\r\n          key={`ExternalLink_${to}`}\r\n          href={to}\r\n          role=\"menuitem\"\r\n          className=\"UserMenuLink\"\r\n          onClick={() => {\r\n            if (onClick) {\r\n              onClick();\r\n            }\r\n          }}>\r\n          {Icon && <Icon size=\"24px\" />}\r\n          <span>{menuText}</span>\r\n          {getRightSide()}\r\n        </ExternalLink>\r\n      ) : (\r\n        <InternalLink\r\n          key={`InternalLink_${to}`}\r\n          to={to}\r\n          role=\"menuitem\"\r\n          className=\"UserMenuLink\"\r\n          onClick={() => {\r\n            if (onClick) {\r\n              onClick();\r\n            }\r\n          }}>\r\n          {Icon && <Icon size=\"24px\" />}\r\n          <span>{menuText}</span>\r\n          {getRightSide()}\r\n        </InternalLink>\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n\r\nexport default MenuLink;\r\n"],"file":"MenuLink.js"}

package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.d.ts

@@ -1,16 +0,0 @@
-import { UserMenuItem } from '../../types';
-interface Props {
-    accountMenuHeader: string;
-    firstName: string;
-    lastName: string;
-    email: string;
-    organizationName: string;
-    clickMenuAction: () => void;
-    accountSection?: UserMenuItem[];
-    organizationSection?: UserMenuItem[];
-    supportSection?: UserMenuItem[];
-    signOut?: (e: any) => void;
-    signOutLabel?: string;
-}
-declare const MobileUserMenu: ({ accountMenuHeader, firstName, lastName, email, organizationName, clickMenuAction, accountSection, organizationSection, supportSection, signOut, signOutLabel, }: Props) => JSX.Element;
-export default MobileUserMenu;

package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js

@@ -1,158 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../../styles");
-
-var _MenuLink = _interopRequireDefault(require("./MenuLink"));
-
-var _Button = require("../../Button");
-
-var _SystemIcons = require("../../icons/systemicons/SystemIcons");
-
-var _CommonStyles = require("../mobile/CommonStyles");
-
-var _typography = require("../../styles/typography");
-
-var _zIndexes = require("../../styles/z-indexes");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Menu = _styledComponents.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  border-radius: 4px;\n  z-index: ", ";\n  height: 100%;\n  width: 320px;\n  padding-inline-start: 0;\n  overflow-y: scroll;\n  ", " {\n    min-width: 360px;\n  }\n\n  .open & {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .signOutButton {\n    height: 40px !important;\n    width: 288px !important;\n\n    ", " {\n      width: 328px !important;\n    }\n  }\n\n  ", ";\n"])), _styles.COLORS.white, _CommonStyles.flowDown, _CommonStyles.flowDown, _zIndexes.Z_INDEXES.fixed_menu, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.SMALL, _styles.scrollBarStyling);
-
-var MenuSection = _styledComponents.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 0;\n  position: relative;\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])));
-
-var MenuSectionList = _styledComponents.default.ul(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  overflow-y: unset !important;\n  padding-inline-start: 0;\n  ", ";\n"])), _CommonStyles.UserMenuSectionListStyling);
-
-var Top = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 22px 12px 0 12px;\n  color: ", ";\n\n  h3 {\n    margin-block-start: 0 !important;\n    margin-block-end: 0 !important;\n    margin-inline-start: 0;\n    margin-inline-end: 0;\n    margin-left: 24px;\n\n    ", "\n  }\n"])), _styles.COLORS.neutral_600, (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, 'inherit'));
-
-var LabelLine = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 32px;\n  background-color: ", ";\n  padding-left: 24px;\n  display: flex;\n  line-height: 32px;\n"])), _styles.COLORS.neutral_20);
-
-var StyledMenulink = (0, _styledComponents.default)(_MenuLink.default)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 48px;\n  margin: 0;\n  \n  & a {\n    height: 100%;\n  }\n"])));
-
-var MobileUserMenu = function MobileUserMenu(_ref) {
-  var accountMenuHeader = _ref.accountMenuHeader,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      email = _ref.email,
-      organizationName = _ref.organizationName,
-      clickMenuAction = _ref.clickMenuAction,
-      accountSection = _ref.accountSection,
-      organizationSection = _ref.organizationSection,
-      supportSection = _ref.supportSection,
-      signOut = _ref.signOut,
-      signOutLabel = _ref.signOutLabel;
-  React.useEffect(function () {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  return /*#__PURE__*/React.createElement(Menu, {
-    onClick: function onClick() {},
-    role: "menu",
-    "aria-labelledby": "UserMenuButton"
-  }, /*#__PURE__*/React.createElement(Top, {
-    key: "MobileUserMenuTopSection"
-  }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-    size: "24px",
-    color: _styles.COLORS.neutral_600
-  })), /*#__PURE__*/React.createElement("h3", null, accountMenuHeader), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: clickMenuAction,
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px"
-  })))), accountSection && (accountSection === null || accountSection === void 0 ? void 0 : accountSection.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MobileAccountSection"
-  }, /*#__PURE__*/React.createElement(LabelLine, {
-    "data-hj-suppress": true
-  }, "".concat(firstName, " ").concat(lastName)), /*#__PURE__*/React.createElement(MenuSectionList, null, accountSection === null || accountSection === void 0 ? void 0 : accountSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(StyledMenulink, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label
-    });
-  }))), organizationSection && (organizationSection === null || organizationSection === void 0 ? void 0 : organizationSection.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MObileOrganizationSection"
-  }, /*#__PURE__*/React.createElement(LabelLine, null, organizationName || ''), /*#__PURE__*/React.createElement(MenuSectionList, null, organizationSection === null || organizationSection === void 0 ? void 0 : organizationSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(StyledMenulink, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label
-    });
-  }))), supportSection && (supportSection === null || supportSection === void 0 ? void 0 : supportSection.length) > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-    key: "MobileSupportSection"
-  }, /*#__PURE__*/React.createElement(LabelLine, null, ''), /*#__PURE__*/React.createElement(MenuSectionList, null, supportSection === null || supportSection === void 0 ? void 0 : supportSection.map(function (element) {
-    return /*#__PURE__*/React.createElement(StyledMenulink, {
-      key: element === null || element === void 0 ? void 0 : element.to,
-      isExternal: element.isExternal,
-      to: element === null || element === void 0 ? void 0 : element.to,
-      menuText: element === null || element === void 0 ? void 0 : element.label
-    });
-  }))), signOut && /*#__PURE__*/React.createElement("div", {
-    key: "SignoutButton",
-    style: {
-      display: 'flex',
-      margin: 'auto 0 12px 0'
-    }
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    style: {
-      width: '90%',
-      margin: '0 auto'
-    },
-    variant: "secondary",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      signOut(e);
-    }
-  }, signOutLabel)));
-};
-
-MobileUserMenu.propTypes = {
-  accountMenuHeader: _propTypes.default.string.isRequired,
-  firstName: _propTypes.default.string.isRequired,
-  lastName: _propTypes.default.string.isRequired,
-  email: _propTypes.default.string.isRequired,
-  organizationName: _propTypes.default.string.isRequired,
-  clickMenuAction: _propTypes.default.func.isRequired,
-  accountSection: _propTypes.default.array,
-  organizationSection: _propTypes.default.array,
-  supportSection: _propTypes.default.array,
-  signOut: _propTypes.default.func,
-  signOutLabel: _propTypes.default.string
-};
-var _default = MobileUserMenu;
-exports.default = _default;
-//# sourceMappingURL=MobileUserMenu.js.map