@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/GlobalNavigationBar/Actions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Actions.tsx"],"names":["MenuWrapper","styled","div","COLORS","white","BREAKPOINTS","SMALL","props","isInMobileMenu","MEDIUM","HeaderItem","ComponentTextStyle","Regular","black","Actions","actions","firstName","lastName","hideOnLowWidth","setShowUserMenu","useUserMenu","userRef","React","useRef","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","search","notification","language","settings","user","primary_500","apps","window","innerWidth"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\nimport { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';\r\nimport Avatar, { AvatarContainer } from './Avatar';\r\nimport { ActionOptions } from '../types';\r\nimport {IconButton} from '../Button';\r\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nconst MenuWrapper = styled.div<{ isInMobileMenu?: boolean }>`\r\n  background-color: ${COLORS.white};\r\n  display: flex;\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '56px')};\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '64px')};\r\n  }\r\n`;\r\ninterface HeaderItemProps {\r\n  hideOnLowWidth: boolean;\r\n  inMobileMenu?: boolean;\r\n}\r\n\r\nconst HeaderItem = styled.div<HeaderItemProps>`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  button {\r\n    margin: 0;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: 20px;\r\n    right: 20px;\r\n    height: 3px;\r\n    background-color: transparent;\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actions?: ActionOptions;\r\n  hideOnLowWidth?: boolean;\r\n  isInMobileMenu?: boolean;\r\n  setShowUserMenu: (open: boolean) => void;\r\n  useUserMenu: boolean | undefined;\r\n};\r\n\r\nconst Actions = ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props): React.ReactElement<Props> => {\r\n  const userRef = React.useRef(null);\r\n\r\n  const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\r\n      ref?.current?.blur();\r\n      !!action && action();\r\n  }\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <MenuWrapper isInMobileMenu={isInMobileMenu}>\r\n      <HeaderItem hideOnLowWidth={hideOnLowWidth || false} inMobileMenu={isInMobileMenu}>\r\n        {actions?.search && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.search)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.search) : null)}>\r\n              <Search size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.notification && !isInMobileMenu && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.notification)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\r\n              <Notification size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.language && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.language)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.language) : null)}>\r\n              <Language size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.settings && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.settings)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.settings) : null)}>\r\n              <GearSettings size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {firstName && lastName && !isInMobileMenu && (\r\n          <AvatarContainer\r\n            id=\"avatarContainer\"\r\n            data-testid=\"testAvatarContainer\"\r\n            ref={userRef}\r\n            onClick={useUserMenu ? () => setShowUserMenu(true) : () => fireAction(actions?.user, userRef)}\r\n            onKeyDown={(e: any) => (isPressingEnter(e) ? (useUserMenu ? setShowUserMenu(true) : fireAction(actions?.user, userRef)) : null)}\r\n            inMobileMenu={isInMobileMenu}\r\n            hideOnLowWidth={hideOnLowWidth}>\r\n            <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n          </AvatarContainer>\r\n        )}\r\n        {actions?.apps && !isInMobileMenu && window.innerWidth > 731 && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            id=\"globalNavAppsButton\"\r\n            action={() => fireAction(actions?.apps)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.apps) : null)}>\r\n              <SwitchApp size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n      </HeaderItem>\r\n    </MenuWrapper>\r\n  );\r\n};\r\n\r\nexport default Actions;\r\n"],"file":"Actions.cjs"}

package/dist/GlobalNavigationBar/Actions.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ActionOptions } from '../types';
-declare type Props = {
-    firstName?: string;
-    lastName?: string;
-    actions?: ActionOptions;
-    hideOnLowWidth?: boolean;
-    isInMobileMenu?: boolean;
-    setShowUserMenu: (open: boolean) => void;
-    useUserMenu: boolean | undefined;
-};
-declare const Actions: ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props) => React.ReactElement<Props>;
-export default Actions;

package/dist/GlobalNavigationBar/Actions.js

@@ -1,160 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2;
-
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, BREAKPOINTS } from '../styles';
-import { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';
-import Avatar, { AvatarContainer } from './Avatar';
-import { IconButton } from '../Button';
-import { ComponentMStyling, ComponentTextStyle } from '../styles/typography';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var MenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  height: 48px;\n\n  ", " {\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n  }\n"])), COLORS.white, BREAKPOINTS.SMALL, function (props) {
-  return props.isInMobileMenu ? '48px' : '56px';
-}, BREAKPOINTS.MEDIUM, function (props) {
-  return props.isInMobileMenu ? '48px' : '64px';
-});
-var HeaderItem = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  padding: 0;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  button {\n    margin: 0;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    bottom: -1px;\n    left: 20px;\n    right: 20px;\n    height: 3px;\n    background-color: transparent;\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.black));
-
-var Actions = function Actions(_ref) {
-  var actions = _ref.actions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      hideOnLowWidth = _ref.hideOnLowWidth,
-      isInMobileMenu = _ref.isInMobileMenu,
-      setShowUserMenu = _ref.setShowUserMenu,
-      useUserMenu = _ref.useUserMenu;
-  var userRef = React.useRef(null);
-
-  var fireAction = function fireAction(action) {
-    var _ref$current;
-
-    var ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-    ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.blur();
-    !!action && action();
-  };
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  return /*#__PURE__*/_jsx(MenuWrapper, {
-    isInMobileMenu: isInMobileMenu,
-    children: /*#__PURE__*/_jsxs(HeaderItem, {
-      hideOnLowWidth: hideOnLowWidth || false,
-      inMobileMenu: isInMobileMenu,
-      children: [(actions === null || actions === void 0 ? void 0 : actions.search) && /*#__PURE__*/_jsx(IconButton, {
-        variant: 'secondary',
-        shape: 'circular',
-        hideOnLowWidth: hideOnLowWidth || false,
-        isInMobileMenu: isInMobileMenu,
-        action: function action() {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.search);
-        },
-        onKeyPress: function onKeyPress(e) {
-          return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.search) : null;
-        },
-        children: /*#__PURE__*/_jsx(Search, {
-          size: "24px"
-        })
-      }), (actions === null || actions === void 0 ? void 0 : actions.notification) && !isInMobileMenu && /*#__PURE__*/_jsx(IconButton, {
-        variant: 'secondary',
-        shape: 'circular',
-        hideOnLowWidth: hideOnLowWidth || false,
-        isInMobileMenu: isInMobileMenu,
-        action: function action() {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.notification);
-        },
-        onKeyPress: function onKeyPress(e) {
-          return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.notification) : null;
-        },
-        children: /*#__PURE__*/_jsx(Notification, {
-          size: "24px"
-        })
-      }), (actions === null || actions === void 0 ? void 0 : actions.language) && /*#__PURE__*/_jsx(IconButton, {
-        variant: 'secondary',
-        shape: 'circular',
-        hideOnLowWidth: hideOnLowWidth || false,
-        isInMobileMenu: isInMobileMenu,
-        action: function action() {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.language);
-        },
-        onKeyPress: function onKeyPress(e) {
-          return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.language) : null;
-        },
-        children: /*#__PURE__*/_jsx(Language, {
-          size: "24px"
-        })
-      }), (actions === null || actions === void 0 ? void 0 : actions.settings) && /*#__PURE__*/_jsx(IconButton, {
-        variant: 'secondary',
-        shape: 'circular',
-        hideOnLowWidth: hideOnLowWidth || false,
-        isInMobileMenu: isInMobileMenu,
-        action: function action() {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.settings);
-        },
-        onKeyPress: function onKeyPress(e) {
-          return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.settings) : null;
-        },
-        children: /*#__PURE__*/_jsx(GearSettings, {
-          size: "24px"
-        })
-      }), firstName && lastName && !isInMobileMenu && /*#__PURE__*/_jsx(AvatarContainer, {
-        id: "avatarContainer",
-        "data-testid": "testAvatarContainer",
-        ref: userRef,
-        onClick: useUserMenu ? function () {
-          return setShowUserMenu(true);
-        } : function () {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return isPressingEnter(e) ? useUserMenu ? setShowUserMenu(true) : fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef) : null;
-        },
-        inMobileMenu: isInMobileMenu,
-        hideOnLowWidth: hideOnLowWidth,
-        children: /*#__PURE__*/_jsx(Avatar, {
-          size: 36,
-          firstName: firstName,
-          lastName: lastName,
-          color: COLORS.primary_500,
-          profileMenuLink: "#TODO"
-        })
-      }), (actions === null || actions === void 0 ? void 0 : actions.apps) && !isInMobileMenu && window.innerWidth > 731 && /*#__PURE__*/_jsx(IconButton, {
-        variant: 'secondary',
-        shape: 'circular',
-        hideOnLowWidth: hideOnLowWidth || false,
-        isInMobileMenu: isInMobileMenu,
-        id: "globalNavAppsButton",
-        action: function action() {
-          return fireAction(actions === null || actions === void 0 ? void 0 : actions.apps);
-        },
-        onKeyPress: function onKeyPress(e) {
-          return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.apps) : null;
-        },
-        children: /*#__PURE__*/_jsx(SwitchApp, {
-          size: "24px"
-        })
-      })]
-    })
-  });
-};
-
-Actions.propTypes = {
-  firstName: _pt.string,
-  lastName: _pt.string,
-  hideOnLowWidth: _pt.bool,
-  isInMobileMenu: _pt.bool,
-  setShowUserMenu: _pt.func.isRequired
-};
-export default Actions;
-//# sourceMappingURL=Actions.js.map

package/dist/GlobalNavigationBar/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Actions.tsx"],"names":["React","styled","COLORS","BREAKPOINTS","Search","GearSettings","Notification","Language","SwitchApp","Avatar","AvatarContainer","IconButton","ComponentMStyling","ComponentTextStyle","MenuWrapper","div","white","SMALL","props","isInMobileMenu","MEDIUM","HeaderItem","Regular","black","Actions","actions","firstName","lastName","hideOnLowWidth","setShowUserMenu","useUserMenu","userRef","useRef","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","search","notification","language","settings","user","primary_500","apps","window","innerWidth"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\nimport { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';\r\nimport Avatar, { AvatarContainer } from './Avatar';\r\nimport { ActionOptions } from '../types';\r\nimport {IconButton} from '../Button';\r\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nconst MenuWrapper = styled.div<{ isInMobileMenu?: boolean }>`\r\n  background-color: ${COLORS.white};\r\n  display: flex;\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '56px')};\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '64px')};\r\n  }\r\n`;\r\ninterface HeaderItemProps {\r\n  hideOnLowWidth: boolean;\r\n  inMobileMenu?: boolean;\r\n}\r\n\r\nconst HeaderItem = styled.div<HeaderItemProps>`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  button {\r\n    margin: 0;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: 20px;\r\n    right: 20px;\r\n    height: 3px;\r\n    background-color: transparent;\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actions?: ActionOptions;\r\n  hideOnLowWidth?: boolean;\r\n  isInMobileMenu?: boolean;\r\n  setShowUserMenu: (open: boolean) => void;\r\n  useUserMenu: boolean | undefined;\r\n};\r\n\r\nconst Actions = ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props): React.ReactElement<Props> => {\r\n  const userRef = React.useRef(null);\r\n\r\n  const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\r\n      ref?.current?.blur();\r\n      !!action && action();\r\n  }\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <MenuWrapper isInMobileMenu={isInMobileMenu}>\r\n      <HeaderItem hideOnLowWidth={hideOnLowWidth || false} inMobileMenu={isInMobileMenu}>\r\n        {actions?.search && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.search)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.search) : null)}>\r\n              <Search size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.notification && !isInMobileMenu && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.notification)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\r\n              <Notification size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.language && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.language)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.language) : null)}>\r\n              <Language size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.settings && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.settings)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.settings) : null)}>\r\n              <GearSettings size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {firstName && lastName && !isInMobileMenu && (\r\n          <AvatarContainer\r\n            id=\"avatarContainer\"\r\n            data-testid=\"testAvatarContainer\"\r\n            ref={userRef}\r\n            onClick={useUserMenu ? () => setShowUserMenu(true) : () => fireAction(actions?.user, userRef)}\r\n            onKeyDown={(e: any) => (isPressingEnter(e) ? (useUserMenu ? setShowUserMenu(true) : fireAction(actions?.user, userRef)) : null)}\r\n            inMobileMenu={isInMobileMenu}\r\n            hideOnLowWidth={hideOnLowWidth}>\r\n            <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n          </AvatarContainer>\r\n        )}\r\n        {actions?.apps && !isInMobileMenu && window.innerWidth > 731 && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            id=\"globalNavAppsButton\"\r\n            action={() => fireAction(actions?.apps)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.apps) : null)}>\r\n              <SwitchApp size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n      </HeaderItem>\r\n    </MenuWrapper>\r\n  );\r\n};\r\n\r\nexport default Actions;\r\n"],"file":"Actions.js"}

package/dist/GlobalNavigationBar/Avatar.cjs

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AvatarContainer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-var LinkStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &:focus {\n    background: ", ";\n    outline: none;\n  }\n  &:focus-within {\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n  }\n"])), _styles.COLORS.primary_500, _styles.COLORS.primary);
-var ImageStyling = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n"])), _styles.COLORS.primary_700, _styles.COLORS.primary_800);
-
-var AvatarLink = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n\n  ", ";\n  &:focus {\n    outline: none;\n  }\n  &:focus-within {\n    border-radius: ", ";\n  }\n"])), function (props) {
-  return props.useInteractionStyling ? LinkStyling : '';
-}, function (props) {
-  return props.useInteractionStyling ? "".concat(props.size ? props.size : 48, "px") : '';
-});
-
-var AvatarImage = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  cursor: pointer;\n\n  ", ";\n"])), function (props) {
-  return props.$color;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.useInteractionStyling ? ImageStyling : '';
-});
-
-var AvatarLetter = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: white;\n  font-weight: bold;\n  text-transform: uppercase;\n  display: inline-block;\n  line-height: ", "px;\n"])), function (props) {
-  return props.size / 2 - 2;
-}, function (props) {
-  return props.size ? props.size : 48;
-});
-
-var AvatarContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  flex-direction: column;\n  align-self: center;\n  margin-right: ", ";\n  margin-left: ", ";\n  display: ", ";\n\n  ", " {\n    display: flex;\n    ", ";\n  }\n"])), function (props) {
-  return props.inMobileMenu ? '6px' : '8px';
-}, function (props) {
-  return props.inMobileMenu ? '0' : 'auto';
-}, function (props) {
-  return props.hideOnLowWidth ? 'none' : 'flex';
-}, _styles.BREAKPOINTS.MEDIUM, function (props) {
-  return !props.hidePadding ? 'padding: 6px;' : '';
-});
-
-exports.AvatarContainer = AvatarContainer;
-
-var Avatar = function Avatar(_ref) {
-  var firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      size = _ref.size,
-      color = _ref.color,
-      _ref$useInteractionSt = _ref.useInteractionStyling,
-      useInteractionStyling = _ref$useInteractionSt === void 0 ? true : _ref$useInteractionSt;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarLink, {
-    size: size,
-    tabIndex: 0,
-    useInteractionStyling: useInteractionStyling,
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarImage, {
-      size: size,
-      $color: color,
-      useInteractionStyling: useInteractionStyling,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AvatarLetter, {
-        "data-hj-suppress": true,
-        size: size,
-        children: [firstName[0], lastName[0]]
-      })
-    })
-  });
-};
-
-Avatar.propTypes = {
-  firstName: _propTypes.default.string.isRequired,
-  lastName: _propTypes.default.string.isRequired,
-  size: _propTypes.default.number.isRequired,
-  color: _propTypes.default.string.isRequired,
-  profileMenuLink: _propTypes.default.string.isRequired,
-  useInteractionStyling: _propTypes.default.bool
-};
-var _default = Avatar;
-exports.default = _default;
-//# sourceMappingURL=Avatar.cjs.map

package/dist/GlobalNavigationBar/Avatar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Avatar.tsx"],"names":["LinkStyling","css","COLORS","primary_500","primary","ImageStyling","primary_700","primary_800","AvatarLink","styled","div","props","useInteractionStyling","size","AvatarImage","$color","AvatarLetter","AvatarContainer","inMobileMenu","hideOnLowWidth","BREAKPOINTS","MEDIUM","hidePadding","Avatar","firstName","lastName","color","e","preventDefault","profileMenuLink"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\n\r\nconst LinkStyling = css`\r\n  &:focus {\r\n    background: ${COLORS.primary_500};\r\n    outline: none;\r\n  }\r\n  &:focus-within {\r\n    box-shadow: 0px 0px 8px ${COLORS.primary}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n  }\r\n`;\r\n\r\nconst ImageStyling = css`\r\n  &:hover {\r\n    background-color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nconst AvatarLink = styled.div<{ size: number; useInteractionStyling: boolean }>`\r\n  text-decoration: none;\r\n\r\n  ${(props) => (props.useInteractionStyling ? LinkStyling : '')};\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n  &:focus-within {\r\n    border-radius: ${(props) => (props.useInteractionStyling ? `${props.size ? props.size : 48}px` : '')};\r\n  }\r\n`;\r\n\r\nconst AvatarImage = styled.div<{ size: number; $color: string; useInteractionStyling: boolean }>`\r\n  background-color: ${(props) => props.$color};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: ${(props) => (props.size ? props.size : 48)}px;\r\n  height: ${(props) => (props.size ? props.size : 48)}px;\r\n  width: ${(props) => (props.size ? props.size : 48)}px;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.useInteractionStyling ? ImageStyling : '')};\r\n`;\r\n\r\nconst AvatarLetter = styled.div<{ size: number }>`\r\n  font-size: ${(props) => props.size / 2 - 2}px;\r\n  color: white;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  display: inline-block;\r\n  line-height: ${(props) => (props.size ? props.size : 48)}px;\r\n`;\r\n\r\nexport const AvatarContainer = styled.div<{ hideOnLowWidth?: boolean; inMobileMenu?: boolean; hidePadding?: boolean }>`\r\n  flex-direction: column;\r\n  align-self: center;\r\n  margin-right: ${(props) => (props.inMobileMenu ? '6px' : '8px')};\r\n  margin-left: ${(props) => (props.inMobileMenu ? '0' : 'auto')};\r\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'flex')};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    ${(props) => (!props.hidePadding ? 'padding: 6px;' : '')};\r\n  }\r\n`;\r\n\r\ninterface AvatarProps {\r\n  firstName: string;\r\n  lastName: string;\r\n  size: number;\r\n  color: string;\r\n  profileMenuLink: string;\r\n  useInteractionStyling?: boolean;\r\n}\r\n\r\nconst Avatar = ({ firstName, lastName, size, color, useInteractionStyling = true }: AvatarProps) => {\r\n  return (\r\n    <AvatarLink size={size} tabIndex={0} useInteractionStyling={useInteractionStyling} onMouseDown={(e: any) => e.preventDefault()}>\r\n      <AvatarImage size={size} $color={color} useInteractionStyling={useInteractionStyling}>\r\n        <AvatarLetter data-hj-suppress size={size}>\r\n          {firstName[0]}\r\n          {lastName[0]}\r\n        </AvatarLetter>\r\n      </AvatarImage>\r\n    </AvatarLink>\r\n  );\r\n};\r\n\r\nexport default Avatar;\r\n"],"file":"Avatar.cjs"}

package/dist/GlobalNavigationBar/Avatar.d.ts

@@ -1,15 +0,0 @@
-export declare const AvatarContainer: import("styled-components").StyledComponent<"div", any, {
-    hideOnLowWidth?: boolean | undefined;
-    inMobileMenu?: boolean | undefined;
-    hidePadding?: boolean | undefined;
-}, never>;
-interface AvatarProps {
-    firstName: string;
-    lastName: string;
-    size: number;
-    color: string;
-    profileMenuLink: string;
-    useInteractionStyling?: boolean;
-}
-declare const Avatar: ({ firstName, lastName, size, color, useInteractionStyling }: AvatarProps) => JSX.Element;
-export default Avatar;

package/dist/GlobalNavigationBar/Avatar.js

@@ -1,80 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import * as React from 'react';
-import styled, { css } from 'styled-components';
-import { COLORS, BREAKPOINTS } from '../styles';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-var LinkStyling = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus {\n    background: ", ";\n    outline: none;\n  }\n  &:focus-within {\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n  }\n"])), COLORS.primary_500, COLORS.primary);
-var ImageStyling = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n"])), COLORS.primary_700, COLORS.primary_800);
-var AvatarLink = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-decoration: none;\n\n  ", ";\n  &:focus {\n    outline: none;\n  }\n  &:focus-within {\n    border-radius: ", ";\n  }\n"])), function (props) {
-  return props.useInteractionStyling ? LinkStyling : '';
-}, function (props) {
-  return props.useInteractionStyling ? "".concat(props.size ? props.size : 48, "px") : '';
-});
-var AvatarImage = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  cursor: pointer;\n\n  ", ";\n"])), function (props) {
-  return props.$color;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.useInteractionStyling ? ImageStyling : '';
-});
-var AvatarLetter = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  color: white;\n  font-weight: bold;\n  text-transform: uppercase;\n  display: inline-block;\n  line-height: ", "px;\n"])), function (props) {
-  return props.size / 2 - 2;
-}, function (props) {
-  return props.size ? props.size : 48;
-});
-export var AvatarContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-self: center;\n  margin-right: ", ";\n  margin-left: ", ";\n  display: ", ";\n\n  ", " {\n    display: flex;\n    ", ";\n  }\n"])), function (props) {
-  return props.inMobileMenu ? '6px' : '8px';
-}, function (props) {
-  return props.inMobileMenu ? '0' : 'auto';
-}, function (props) {
-  return props.hideOnLowWidth ? 'none' : 'flex';
-}, BREAKPOINTS.MEDIUM, function (props) {
-  return !props.hidePadding ? 'padding: 6px;' : '';
-});
-
-var Avatar = function Avatar(_ref) {
-  var firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      size = _ref.size,
-      color = _ref.color,
-      _ref$useInteractionSt = _ref.useInteractionStyling,
-      useInteractionStyling = _ref$useInteractionSt === void 0 ? true : _ref$useInteractionSt;
-  return /*#__PURE__*/_jsx(AvatarLink, {
-    size: size,
-    tabIndex: 0,
-    useInteractionStyling: useInteractionStyling,
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    },
-    children: /*#__PURE__*/_jsx(AvatarImage, {
-      size: size,
-      $color: color,
-      useInteractionStyling: useInteractionStyling,
-      children: /*#__PURE__*/_jsxs(AvatarLetter, {
-        "data-hj-suppress": true,
-        size: size,
-        children: [firstName[0], lastName[0]]
-      })
-    })
-  });
-};
-
-Avatar.propTypes = {
-  firstName: _pt.string.isRequired,
-  lastName: _pt.string.isRequired,
-  size: _pt.number.isRequired,
-  color: _pt.string.isRequired,
-  profileMenuLink: _pt.string.isRequired,
-  useInteractionStyling: _pt.bool
-};
-export default Avatar;
-//# sourceMappingURL=Avatar.js.map

package/dist/GlobalNavigationBar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Avatar.tsx"],"names":["React","styled","css","COLORS","BREAKPOINTS","LinkStyling","primary_500","primary","ImageStyling","primary_700","primary_800","AvatarLink","div","props","useInteractionStyling","size","AvatarImage","$color","AvatarLetter","AvatarContainer","inMobileMenu","hideOnLowWidth","MEDIUM","hidePadding","Avatar","firstName","lastName","color","e","preventDefault","profileMenuLink"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\n\r\nconst LinkStyling = css`\r\n  &:focus {\r\n    background: ${COLORS.primary_500};\r\n    outline: none;\r\n  }\r\n  &:focus-within {\r\n    box-shadow: 0px 0px 8px ${COLORS.primary}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n  }\r\n`;\r\n\r\nconst ImageStyling = css`\r\n  &:hover {\r\n    background-color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nconst AvatarLink = styled.div<{ size: number; useInteractionStyling: boolean }>`\r\n  text-decoration: none;\r\n\r\n  ${(props) => (props.useInteractionStyling ? LinkStyling : '')};\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n  &:focus-within {\r\n    border-radius: ${(props) => (props.useInteractionStyling ? `${props.size ? props.size : 48}px` : '')};\r\n  }\r\n`;\r\n\r\nconst AvatarImage = styled.div<{ size: number; $color: string; useInteractionStyling: boolean }>`\r\n  background-color: ${(props) => props.$color};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: ${(props) => (props.size ? props.size : 48)}px;\r\n  height: ${(props) => (props.size ? props.size : 48)}px;\r\n  width: ${(props) => (props.size ? props.size : 48)}px;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.useInteractionStyling ? ImageStyling : '')};\r\n`;\r\n\r\nconst AvatarLetter = styled.div<{ size: number }>`\r\n  font-size: ${(props) => props.size / 2 - 2}px;\r\n  color: white;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  display: inline-block;\r\n  line-height: ${(props) => (props.size ? props.size : 48)}px;\r\n`;\r\n\r\nexport const AvatarContainer = styled.div<{ hideOnLowWidth?: boolean; inMobileMenu?: boolean; hidePadding?: boolean }>`\r\n  flex-direction: column;\r\n  align-self: center;\r\n  margin-right: ${(props) => (props.inMobileMenu ? '6px' : '8px')};\r\n  margin-left: ${(props) => (props.inMobileMenu ? '0' : 'auto')};\r\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'flex')};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    ${(props) => (!props.hidePadding ? 'padding: 6px;' : '')};\r\n  }\r\n`;\r\n\r\ninterface AvatarProps {\r\n  firstName: string;\r\n  lastName: string;\r\n  size: number;\r\n  color: string;\r\n  profileMenuLink: string;\r\n  useInteractionStyling?: boolean;\r\n}\r\n\r\nconst Avatar = ({ firstName, lastName, size, color, useInteractionStyling = true }: AvatarProps) => {\r\n  return (\r\n    <AvatarLink size={size} tabIndex={0} useInteractionStyling={useInteractionStyling} onMouseDown={(e: any) => e.preventDefault()}>\r\n      <AvatarImage size={size} $color={color} useInteractionStyling={useInteractionStyling}>\r\n        <AvatarLetter data-hj-suppress size={size}>\r\n          {firstName[0]}\r\n          {lastName[0]}\r\n        </AvatarLetter>\r\n      </AvatarImage>\r\n    </AvatarLink>\r\n  );\r\n};\r\n\r\nexport default Avatar;\r\n"],"file":"Avatar.js"}

package/dist/GlobalNavigationBar/ExtendedMainMenu.cjs

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _Tabs = require("../Tabs");
-
-var _ = require("..");
-
-var _zIndexes = require("../styles/z-indexes");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-var flowDown = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-
-var Menu = _styledComponents.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n"])), _styles.COLORS.white, flowDown, flowDown, _zIndexes.Z_INDEXES.dropdown, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM);
-
-var MenuSection = _styledComponents.default.li(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])), _styles.COLORS.neutral_100);
-
-var MenuSectionList = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
-
-var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
-  var clickMenuAction = _ref.clickMenuAction,
-      navigationOptions = _ref.navigationOptions;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      entries = _React$useState2[0],
-      setEntries = _React$useState2[1];
-
-  React.useEffect(function () {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  React.useEffect(function () {
-    var list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (n) {
-      return {
-        requiredLine: n.label,
-        to: n.to,
-        disabled: n.disabled,
-        onClick: n.onClick,
-        exact: n.exact
-      };
-    });
-    setEntries(list);
-  }, [navigationOptions]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu, {
-    onClick: clickMenuAction,
-    role: "menu",
-    "aria-labelledby": "UserMenuButton",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSection, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionList, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.VerticalTabs, {
-          entries: entries,
-          size: _.Size.Medium
-        }, "ExtendedMenu")
-      })
-    })
-  });
-};
-
-ExtendedMainMenu.propTypes = {
-  clickMenuAction: _propTypes.default.func.isRequired,
-  navigationOptions: _propTypes.default.array.isRequired
-};
-var _default = ExtendedMainMenu;
-exports.default = _default;
-//# sourceMappingURL=ExtendedMainMenu.cjs.map

package/dist/GlobalNavigationBar/ExtendedMainMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/ExtendedMainMenu.tsx"],"names":["flowDown","keyframes","Menu","styled","ul","COLORS","white","Z_INDEXES","dropdown","BREAKPOINTS","SMALL","MEDIUM","MenuSection","li","neutral_100","MenuSectionList","ExtendedMainMenu","clickMenuAction","navigationOptions","React","useState","entries","setEntries","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","exact","Size","Medium"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAGA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,QAAQ,OAAGC,2BAAH,oNAAd;;AAWA,IAAMC,IAAI,GAAGC,0BAAOC,EAAV,gjBAIYC,eAAOC,KAJnB,EASaN,QATb,EAUKA,QAVL,EAcGO,oBAAUC,QAdb,EAiBNC,oBAAYC,KAjBN,EAoBND,oBAAYE,MApBN,CAAV;;AA6BA,IAAMC,WAAW,GAAGT,0BAAOU,EAAV,oZAOCR,eAAOS,WAPR,CAAjB;;AAqBA,IAAMC,eAAe,GAAGZ,0BAAOC,EAAV,6IAArB;;AAWA,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAmD;AAAA,MAAhDC,eAAgD,QAAhDA,eAAgD;AAAA,MAA/BC,iBAA+B,QAA/BA,iBAA+B;;AAC1E,wBAA8BC,KAAK,CAACC,QAAN,CAAmC,EAAnC,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACAH,EAAAA,KAAK,CAACI,SAAN,CAAgB,YAAM;AACpB,aAASC,cAAT,CAAwBC,CAAxB,EAAgC;AAC9B,UAAIA,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBT,QAAAA,eAAe;AAChB;AACF;;AAEDU,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCJ,cAArC,EAAqD,KAArD;AACA,WAAO,YAAM;AACXG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCL,cAAxC,EAAwD,KAAxD;AACD,KAFD;AAGD,GAXD,EAWG,CAACP,eAAD,CAXH;AAaAE,EAAAA,KAAK,CAACI,SAAN,CAAgB,YAAM;AACpB,QAAMO,IAAI,GAAGZ,iBAAH,aAAGA,iBAAH,uBAAGA,iBAAiB,CAAEa,GAAnB,CAAuB,UAAAC,CAAC,EAAI;AACvC,aAAO;AAAEC,QAAAA,YAAY,EAAED,CAAC,CAACE,KAAlB;AAAyBC,QAAAA,EAAE,EAAEH,CAAC,CAACG,EAA/B;AAAmCC,QAAAA,QAAQ,EAAEJ,CAAC,CAACI,QAA/C;AAAyDC,QAAAA,OAAO,EAAEL,CAAC,CAACK,OAApE;AAA6EC,QAAAA,KAAK,EAAEN,CAAC,CAACM;AAAtF,OAAP;AACD,KAFY,CAAb;AAGAhB,IAAAA,UAAU,CAACQ,IAAD,CAAV;AACD,GALD,EAKG,CAACZ,iBAAD,CALH;AAOA,sBACE,qBAAC,IAAD;AAAM,IAAA,OAAO,EAAED,eAAf;AAAgC,IAAA,IAAI,EAAC,MAArC;AAA4C,uBAAgB,gBAA5D;AAAA,2BACE,qBAAC,WAAD;AAAA,6BACE,qBAAC,eAAD;AAAA,+BACE,qBAAC,kBAAD;AAAiC,UAAA,OAAO,EAAEI,OAA1C;AAAmD,UAAA,IAAI,EAAEkB,OAAKC;AAA9D,WAAkB,cAAlB;AADF;AADF;AADF,IADF;AASD,CA/BD;;;AAJEvB,EAAAA,e;AACAC,EAAAA,iB;;eAoCaF,gB","sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\n\r\nimport { NavOption } from '../types';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { VerticalTabs } from '../Tabs';\r\nimport { VerticalTabEntry } from '../Tabs/VerticalTabs';\r\nimport { Size } from '..';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  right: -8px;\r\n  min-width: 300px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.dropdown};\r\n\r\n  top: 12px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    top: 18px;\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    top: 24px;\r\n  }\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${COLORS.neutral_100};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0 2px;\r\n`;\r\n\r\ntype Props = {\r\n  clickMenuAction: () => void;\r\n  navigationOptions: NavOption[];\r\n};\r\n\r\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\r\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  React.useEffect(() => {\r\n    const list = navigationOptions?.map(n => {\r\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.onClick, exact: n.exact };\r\n    }) as VerticalTabEntry[];\r\n    setEntries(list);\r\n  }, [navigationOptions]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default ExtendedMainMenu;\r\n"],"file":"ExtendedMainMenu.cjs"}

package/dist/GlobalNavigationBar/ExtendedMainMenu.d.ts

@@ -1,7 +0,0 @@
-import { NavOption } from '../types';
-declare type Props = {
-    clickMenuAction: () => void;
-    navigationOptions: NavOption[];
-};
-declare const ExtendedMainMenu: ({ clickMenuAction, navigationOptions }: Props) => JSX.Element;
-export default ExtendedMainMenu;