@laerdal/life-react-components 2.3.0 → 2.3.1-dev.1

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs

@@ -1,243 +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.SubMenuWrapper = exports.SubMenu = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 = _interopRequireDefault(require("styled-components"));
-var _ExtendedMainMenu = require("./ExtendedMainMenu");
-var _types = require("../../types");
-var _icons = require("../../icons");
-var _utils = require("../utils");
-var _Tabs = _interopRequireDefault(require("../../Tabs/Tabs"));
-var _TabLink = _interopRequireDefault(require("../../Tabs/TabLink"));
-var _MenuItem = require("../../MenuItem");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-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 SubMenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), _ExtendedMainMenu.Menu, function (props) {
-  return props.topLevel ? '100%' : '0px';
-}, function (props) {
-  return props.topLevel ? '0px' : 'calc(100% - 12px)';
-}, function (props) {
-  return !props.visible ? 'display: none;' : '';
-});
-exports.SubMenuWrapper = SubMenuWrapper;
-var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var item = _ref.item,
-    index = _ref.index,
-    topLevel = _ref.topLevel,
-    dropdownMenusOpenedArray = _ref.dropdownMenusOpenedArray,
-    onSubMenuHidden = _ref.onSubMenuHidden,
-    onSubMenuOpened = _ref.onSubMenuOpened,
-    onItemStateChanged = _ref.onItemStateChanged,
-    activeItemId = _ref.activeItemId,
-    nestPath = _ref.nestPath;
-  var _React$useState = React.useState({}),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    forceUpdate = _React$useState2[1];
-  var focusedRef = React.useRef({
-    index: -1
-  });
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    allRefs = _React$useState4[0],
-    setAllRefs = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    subMenuRefs = _React$useState6[0],
-    setAllSubMenuRefs = _React$useState6[1];
-  React.useEffect(function () {
-    setAllRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef();
-    }));
-    setAllSubMenuRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined;
-    }));
-  }, [item]);
-  var existingRef = dropdownMenusOpenedArray.current.find(function (x) {
-    return x == item.id;
-  });
-  var _onMouseLeave = function onMouseLeave(event, id) {
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2.default)(dropdownMenusOpenedArray.current.filter(function (x) {
-      return x != id;
-    }));
-    //just trigger rerendering
-    onSubMenuHidden && onSubMenuHidden(id);
-    forceUpdate({});
-  };
-  var containActiveItem = false;
-  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = (0, _utils.checkIfContainsItem)(item, activeItemId);
-  var _onMouseEnter = function onMouseEnter(event, id) {
-    var existingRefForId = dropdownMenusOpenedArray.current.find(function (x) {
-      return x == id;
-    });
-    if (existingRefForId == null) {
-      dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2.default)(dropdownMenusOpenedArray.current), [id]);
-      //just trigger rerendering
-      onSubMenuOpened && onSubMenuOpened(id);
-      forceUpdate({});
-    }
-  };
-  var _onKeyDown = function onKeyDown(e) {
-    if (e.key === 'ArrowUp' || e.key === 'Up') {
-      e.stopPropagation();
-      e.preventDefault();
-      if (focusedRef.current.index > 0) {
-        setNewFocusedElement(focusedRef.current.index - 1);
-      }
-    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
-      e.stopPropagation();
-      e.preventDefault();
-      if (focusedRef.current.index < allRefs.length - 1) setNewFocusedElement(focusedRef.current.index + 1);
-    } else if (e.key == 'Enter' || e.code == 'Space') {
-      e.stopPropagation();
-      if (focusedRef.current.index < 0) return;
-      var focusedItem = item.items[focusedRef.current.index];
-      if (focusedItem.type == 'desktopgroup') {
-        dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2.default)(dropdownMenusOpenedArray.current), [focusedItem.id]);
-        forceUpdate({});
-      } else {
-        var _allRefs$focusedRef$c;
-        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 ? void 0 : _allRefs$focusedRef$c.click();
-        forceUpdate({});
-      }
-
-      //just trigger rerendering
-    }
-  };
-
-  var setNewFocusedElement = function setNewFocusedElement(index) {
-    var _oldFocusedElement$cu;
-    var newFocusedElement = index >= 0 ? allRefs[index] : null;
-    var oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
-    focusedRef.current.index = index;
-    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 ? void 0 : (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 ? void 0 : _oldFocusedElement$cu.classList.remove('dropdown-hover');
-    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
-      var _newFocusedElement$cu, _newFocusedElement$cu2;
-      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 ? void 0 : _newFocusedElement$cu.classList.add('dropdown-hover');
-      (_newFocusedElement$cu2 = newFocusedElement.current) === null || _newFocusedElement$cu2 === void 0 ? void 0 : _newFocusedElement$cu2.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-  };
-  var onFocus = function onFocus(event) {
-    event.stopPropagation();
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2.default)(nestPath !== null && nestPath !== void 0 ? nestPath : []);
-    setNewFocusedElement(0);
-    forceUpdate({});
-  };
-  var onBlur = function onBlur(event) {
-    event.stopPropagation();
-    setNewFocusedElement(-1);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SubMenuWrapper, {
-    id: item.id,
-    className: existingRef ? 'open' : '',
-    topLevel: topLevel,
-    visible: Boolean(existingRef),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.Menu, {
-      role: "menu",
-      ref: ref,
-      "aria-labelledby": "UserMenuButton",
-      onBlur: onBlur,
-      onFocus: onFocus,
-      onKeyDown: function onKeyDown(event) {
-        return _onKeyDown(event);
-      },
-      tabIndex: 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSection, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSectionList, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-            size: _types.Size.Medium,
-            children: item.items.map(function (entry, index) {
-              var _entry$label2;
-              var isGroup = entry.type == 'desktopgroup';
-              var key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
-              var SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(function (x) {
-                return x == entry.id;
-              }));
-              if (isGroup) {
-                var _entry$label;
-                return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  style: {
-                    position: 'relative'
-                  },
-                  onMouseEnter: function onMouseEnter(event) {
-                    return _onMouseEnter(event, entry.id);
-                  },
-                  onMouseLeave: function onMouseLeave(event) {
-                    return _onMouseLeave(event, entry.id);
-                  },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
-                    tabIndex: -1,
-                    ref: allRefs[index],
-                    id: entry.id,
-                    item: {
-                      value: (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : ''
-                    },
-                    iconRight: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropRight, {
-                      size: "24px"
-                    }),
-                    active: SubItemOpened || Boolean(activeItemId) && activeItemId != '' && (0, _utils.checkIfContainsItem)(entry, activeItemId),
-                    onClickHandler: function onClickHandler() {}
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SubMenu, {
-                    ref: subMenuRefs[index],
-                    nestPath: [].concat((0, _toConsumableArray2.default)(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
-                    onItemStateChanged: onItemStateChanged,
-                    activeItemId: activeItemId,
-                    dropdownMenusOpenedArray: dropdownMenusOpenedArray,
-                    item: entry,
-                    index: index + 1,
-                    topLevel: false
-                  })]
-                });
-              }
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
-                  tabIndex: -1,
-                  to: isGroup ? '' : key,
-                  ref: allRefs[index],
-                  onActiveStateChanged: function onActiveStateChanged(state) {
-                    return onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state);
-                  },
-                  forceDeactivate: isGroup,
-                  requiredLine: (_entry$label2 = entry.label) !== null && _entry$label2 !== void 0 ? _entry$label2 : '',
-                  optionalLine: '',
-                  endLineIcon: isGroup ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropRight, {
-                    size: "24px"
-                  }) : null,
-                  OptionalLineIcon: '',
-                  disabled: entry.disabled,
-                  showNotificationDot: false,
-                  size: _types.Size.Medium,
-                  variant: "positive"
-                }, key)
-              });
-            })
-          })
-        })
-      })
-    })
-  });
-});
-exports.SubMenu = SubMenu;
-SubMenu.propTypes = {
-  index: _propTypes.default.number.isRequired,
-  topLevel: _propTypes.default.bool.isRequired,
-  onSubMenuOpened: _propTypes.default.func,
-  onSubMenuHidden: _propTypes.default.func,
-  onItemStateChanged: _propTypes.default.func,
-  activeItemId: _propTypes.default.string,
-  nestPath: _propTypes.default.arrayOf(_propTypes.default.string)
-};
-//# sourceMappingURL=SubMenu.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenu.cjs","names":["SubMenuWrapper","styled","div","Menu","props","topLevel","visible","SubMenu","React","forwardRef","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","activeItemId","nestPath","useState","forceUpdate","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","click","newFocusedElement","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","onFocus","onBlur","Boolean","Size","Medium","entry","isGroup","to","SubItemOpened","position","value","label","state","disabled"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { NavItem } from '../../NavItem';\nimport { MoreHorizontal } from '../../icons/systemicons/SystemIcons';\nimport { COLORS, BREAKPOINTS } from '../../styles';\nimport ExtendedMainMenu, { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\nimport { IconButton } from '../../Button';\nimport { defaultOnMouseDownHandler } from '../../common';\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\nimport { DropdownContent } from '../../Dropdown';\nimport { VerticalTabEntry, VerticalTabs } from '../../Tabs';\nimport { Size } from '../../types';\nimport { SystemIcons } from '../../icons';\nimport { checkIfContainsItem } from '../utils';\nimport Tabs from '../../Tabs/Tabs';\nimport TabLink from '../../Tabs/TabLink';\nimport { MenuItem } from '../../MenuItem';\nimport { NavItemDiv } from '../../NavItem/NavItem';\n\nexport type SubMenuProps = {\n  item: MenuNavigationItemTypeDesktopGroup;\n  index: number;\n  topLevel: boolean;\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\n  onSubMenuOpened?: (item: string) => void;\n  onSubMenuHidden?: (item: string) => void;\n  onItemStateChanged?: (item: string, state: boolean) => void;\n  activeItemId?: string;\n  nestPath?: string[];\n};\n\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\n  ${Menu} {\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\n  }\n\n  ${(props) => (!props.visible ? 'display: none;' : '')}\n\n  button {\n    padding-left: 0px;\n  }\n`;\n\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\n  item,\n  index,\n  topLevel,\n  dropdownMenusOpenedArray,\n  onSubMenuHidden,\n  onSubMenuOpened,\n  onItemStateChanged,\n  activeItemId,\n  nestPath,\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\n  const [, forceUpdate] = React.useState({});\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\n\n  React.useEffect(() => {\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\n  }, [item]);\n\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\n  const onMouseLeave = (event: any, id: string) => {\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\n    //just trigger rerendering\n    onSubMenuHidden && onSubMenuHidden(id);\n    forceUpdate({});\n  };\n  let containActiveItem = false;\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\n\n  const onMouseEnter = (event: any, id: string) => {\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\n    if (existingRefForId == null) {\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\n      //just trigger rerendering\n      onSubMenuOpened && onSubMenuOpened(id);\n      forceUpdate({});\n    }\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n    \n    if (e.key === 'ArrowUp' || e.key === 'Up') {\n      e.stopPropagation();\n      e.preventDefault();\n      if (focusedRef.current.index > 0) {\n        setNewFocusedElement(focusedRef.current.index - 1);\n      }\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n      e.stopPropagation();\n      e.preventDefault();\n      if(focusedRef.current.index < allRefs.length - 1)\n      setNewFocusedElement(focusedRef.current.index + 1);\n    } \n     else\n    if (e.key == 'Enter' || e.code == 'Space') {\n      e.stopPropagation();\n      if(focusedRef.current.index < 0)\n        return;\n      \n      const focusedItem = item.items[focusedRef.current.index];\n      if(focusedItem.type == 'desktopgroup')\n      {\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\n        forceUpdate({});\n      }\n      else\n      {\n        allRefs[focusedRef.current.index].current?.click();\n        forceUpdate({});\n      }\n\n      //just trigger rerendering\n      \n    }\n  };\n\n  const setNewFocusedElement = (index: number) => {\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\n    focusedRef.current.index = index;\n\n    if(oldFocusedElement)\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n      newFocusedElement.current?.classList.add('dropdown-hover');\n      newFocusedElement.current?.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\n    setNewFocusedElement(0);\n    forceUpdate({});\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    setNewFocusedElement(-1);\n  };\n\n  return (\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\n      <Menu role=\"menu\" ref={ref} aria-labelledby=\"UserMenuButton\" onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\n        <MenuSection>\n          <MenuSectionList>\n            <Tabs size={Size.Medium}>\n              {item.items.map((entry, index) => {\n                const isGroup = entry.type == 'desktopgroup';\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\n                if (isGroup) {\n                  return (\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\n                      <MenuItem\n                        tabIndex={-1}\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\n                        \n                        id={entry.id}\n                        item={{\n                          value: entry.label ?? '',\n                        }}\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\n                        onClickHandler={() => {}}\n                      />\n                      <SubMenu\n                        ref={subMenuRefs[index]}\n                        nestPath={[...(nestPath ?? []), entry.id]}\n                        onItemStateChanged={onItemStateChanged}\n                        activeItemId={activeItemId}\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\n                        index={index + 1}\n                        topLevel={false}\n                      />\n                    </div>\n                  );\n                }\n                return (\n                  <>\n                    <TabLink\n                      tabIndex={-1}\n                      key={key}\n                      to={isGroup ? '' : key}\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\n                      forceDeactivate={isGroup}\n                      requiredLine={entry.label ?? ''}\n                      optionalLine={''}\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\n                      OptionalLineIcon={''}\n                      disabled={entry.disabled}\n                      showNotificationDot={false}\n                      size={Size.Medium}\n                      variant=\"positive\"\n                    />\n                  </>\n                );\n              })}\n            </Tabs>\n          </MenuSectionList>\n        </MenuSection>\n      </Menu>\n    </SubMenuWrapper>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AAKA;AAMA;AACA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAenC,IAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAG,2LACpCC,sBAAI,EACG,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,GAAG,MAAM,GAAG,KAAK;AAAA,CAAC,EAC3C,UAACD,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,GAAG,KAAK,GAAG,mBAAmB;AAAA,CAAC,EAGjE,UAACD,KAAK;EAAA,OAAM,CAACA,KAAK,CAACE,OAAO,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,CAKtD;AAAC;AAEK,IAAMC,OAAO,gBAAGC,KAAK,CAACC,UAAU,CAAiC,gBAUvDC,GAAG,EAAuC;EAAA,IATzDC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLP,QAAQ,QAARA,QAAQ;IACRQ,wBAAwB,QAAxBA,wBAAwB;IACxBC,eAAe,QAAfA,eAAe;IACfC,eAAe,QAAfA,eAAe;IACfC,kBAAkB,QAAlBA,kBAAkB;IAClBC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;EAER,sBAAwBV,KAAK,CAACW,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAA;IAAjCC,WAAW;EACpB,IAAMC,UAAU,GAAGb,KAAK,CAACc,MAAM,CAAoB;IAAEV,KAAK,EAAE,CAAC;EAAE,CAAC,CAAC;EACjE,uBAA8BJ,KAAK,CAACW,QAAQ,CAA2D,EAAE,CAAC;IAAA;IAAnGI,OAAO;IAAEC,UAAU;EAC1B,uBAAyChB,KAAK,CAACW,QAAQ,CAAoD,EAAE,CAAC;IAAA;IAAvGM,WAAW;IAAEC,iBAAiB;EAErClB,KAAK,CAACmB,SAAS,CAAC,YAAM;IACpBH,UAAU,CAACb,IAAI,CAACiB,KAAK,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,OAAMA,CAAC,CAACC,IAAI,IAAI,cAAc,gBAAGvB,KAAK,CAACwB,SAAS,EAAqB,gBAAGxB,KAAK,CAACwB,SAAS,EAAqB;IAAA,CAAC,CAAC,CAAC;IAC3IN,iBAAiB,CAACf,IAAI,CAACiB,KAAK,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,OAAMA,CAAC,CAACC,IAAI,IAAI,cAAc,gBAAGvB,KAAK,CAACwB,SAAS,EAAoB,GAAGC,SAAS;IAAA,CAAC,CAAC,CAAC;EACxH,CAAC,EAAE,CAACtB,IAAI,CAAC,CAAC;EAEV,IAAMuB,WAAW,GAAGrB,wBAAwB,CAACsB,OAAO,CAACC,IAAI,CAAC,UAACN,CAAC;IAAA,OAAKA,CAAC,IAAInB,IAAI,CAAC0B,EAAE;EAAA,EAAC;EAC9E,IAAMC,aAAY,GAAG,SAAfA,YAAY,CAAIC,KAAU,EAAEF,EAAU,EAAK;IAC/CxB,wBAAwB,CAACsB,OAAO,oCAAOtB,wBAAwB,CAACsB,OAAO,CAACK,MAAM,CAAC,UAACV,CAAC;MAAA,OAAKA,CAAC,IAAIO,EAAE;IAAA,EAAC,CAAC;IAC/F;IACAvB,eAAe,IAAIA,eAAe,CAACuB,EAAE,CAAC;IACtCjB,WAAW,CAAC,CAAC,CAAC,CAAC;EACjB,CAAC;EACD,IAAIqB,iBAAiB,GAAG,KAAK;EAC7B,IAAI9B,IAAI,CAACoB,IAAI,IAAI,cAAc,IAAId,YAAY,EAAEwB,iBAAiB,GAAG,IAAAC,0BAAmB,EAAC/B,IAAI,EAAEM,YAAY,CAAC;EAE5G,IAAM0B,aAAY,GAAG,SAAfA,YAAY,CAAIJ,KAAU,EAAEF,EAAU,EAAK;IAC/C,IAAMO,gBAAgB,GAAG/B,wBAAwB,CAACsB,OAAO,CAACC,IAAI,CAAC,UAACN,CAAC;MAAA,OAAKA,CAAC,IAAIO,EAAE;IAAA,EAAC;IAC9E,IAAIO,gBAAgB,IAAI,IAAI,EAAE;MAC5B/B,wBAAwB,CAACsB,OAAO,8CAAOtB,wBAAwB,CAACsB,OAAO,IAAEE,EAAE,EAAC;MAC5E;MACAtB,eAAe,IAAIA,eAAe,CAACsB,EAAE,CAAC;MACtCjB,WAAW,CAAC,CAAC,CAAC,CAAC;IACjB;EACF,CAAC;EAED,IAAMyB,UAAS,GAAG,SAAZA,SAAS,CAAIC,CAAwC,EAAK;IAE9D,IAAIA,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,IAAI,EAAE;MACzCD,CAAC,CAACE,eAAe,EAAE;MACnBF,CAAC,CAACG,cAAc,EAAE;MAClB,IAAI5B,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAG,CAAC,EAAE;QAChCsC,oBAAoB,CAAC7B,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAG,CAAC,CAAC;MACpD;IACF,CAAC,MAAM,IAAIkC,CAAC,CAACC,GAAG,KAAK,WAAW,IAAID,CAAC,CAACC,GAAG,KAAK,MAAM,EAAE;MACpDD,CAAC,CAACE,eAAe,EAAE;MACnBF,CAAC,CAACG,cAAc,EAAE;MAClB,IAAG5B,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAGW,OAAO,CAAC4B,MAAM,GAAG,CAAC,EAChDD,oBAAoB,CAAC7B,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAG,CAAC,CAAC;IACpD,CAAC,MAED,IAAIkC,CAAC,CAACC,GAAG,IAAI,OAAO,IAAID,CAAC,CAACM,IAAI,IAAI,OAAO,EAAE;MACzCN,CAAC,CAACE,eAAe,EAAE;MACnB,IAAG3B,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAG,CAAC,EAC7B;MAEF,IAAMyC,WAAW,GAAG1C,IAAI,CAACiB,KAAK,CAACP,UAAU,CAACc,OAAO,CAACvB,KAAK,CAAC;MACxD,IAAGyC,WAAW,CAACtB,IAAI,IAAI,cAAc,EACrC;QACElB,wBAAwB,CAACsB,OAAO,8CAAOtB,wBAAwB,CAACsB,OAAO,IAAEkB,WAAW,CAAChB,EAAE,EAAC;QACxFjB,WAAW,CAAC,CAAC,CAAC,CAAC;MACjB,CAAC,MAED;QAAA;QACE,yBAAAG,OAAO,CAACF,UAAU,CAACc,OAAO,CAACvB,KAAK,CAAC,CAACuB,OAAO,0DAAzC,sBAA2CmB,KAAK,EAAE;QAClDlC,WAAW,CAAC,CAAC,CAAC,CAAC;MACjB;;MAEA;IAEF;EACF,CAAC;;EAED,IAAM8B,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAItC,KAAa,EAAK;IAAA;IAC9C,IAAM2C,iBAAiB,GAAG3C,KAAK,IAAI,CAAC,GAAGW,OAAO,CAACX,KAAK,CAAC,GAAG,IAAI;IAC5D,IAAM4C,iBAAiB,GAAGnC,UAAU,CAACc,OAAO,CAACvB,KAAK,IAAI,CAAC,GAAGW,OAAO,CAACF,UAAU,CAACc,OAAO,CAACvB,KAAK,CAAC,GAAG,IAAI;IAClGS,UAAU,CAACc,OAAO,CAACvB,KAAK,GAAGA,KAAK;IAEhC,IAAG4C,iBAAiB,EAClBA,iBAAiB,aAAjBA,iBAAiB,gDAAjBA,iBAAiB,CAAErB,OAAO,0DAA1B,sBAA4BsB,SAAS,CAACC,MAAM,CAAC,gBAAgB,CAAC;IAEhE,IAAIH,iBAAiB,IAAIA,iBAAiB,KAAKC,iBAAiB,EAAE;MAAA;MAChE,yBAAAD,iBAAiB,CAACpB,OAAO,0DAAzB,sBAA2BsB,SAAS,CAACE,GAAG,CAAC,gBAAgB,CAAC;MAC1D,0BAAAJ,iBAAiB,CAACpB,OAAO,2DAAzB,uBAA2ByB,cAAc,CAAC;QACxCC,KAAK,EAAE,SAAS;QAChBC,MAAM,EAAE;MACV,CAAC,CAAC;IACJ;EACF,CAAC;EAED,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIxB,KAAyC,EAAK;IAC7DA,KAAK,CAACS,eAAe,EAAE;IACvBnC,wBAAwB,CAACsB,OAAO,oCAAQjB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAE,CAAE;IACxDgC,oBAAoB,CAAC,CAAC,CAAC;IACvB9B,WAAW,CAAC,CAAC,CAAC,CAAC;EACjB,CAAC;EAED,IAAM4C,MAAM,GAAG,SAATA,MAAM,CAAIzB,KAAyC,EAAK;IAC5DA,KAAK,CAACS,eAAe,EAAE;IACvBE,oBAAoB,CAAC,CAAC,CAAC,CAAC;EAC1B,CAAC;EAED,oBACE,qBAAC,cAAc;IAAC,EAAE,EAAEvC,IAAI,CAAC0B,EAAG;IAAE,SAAS,EAAEH,WAAW,GAAG,MAAM,GAAG,EAAI;IAAC,QAAQ,EAAE7B,QAAS;IAAC,OAAO,EAAE4D,OAAO,CAAC/B,WAAW,CAAE;IAAA,uBACrH,qBAAC,sBAAI;MAAC,IAAI,EAAC,MAAM;MAAC,GAAG,EAAExB,GAAI;MAAC,mBAAgB,gBAAgB;MAAC,MAAM,EAAEsD,MAAO;MAAC,OAAO,EAAED,OAAQ;MAAC,SAAS,EAAE,mBAACxB,KAAK;QAAA,OAAKM,UAAS,CAACN,KAAK,CAAC;MAAA,CAAC;MAAC,QAAQ,EAAE,CAAE;MAAA,uBACjJ,qBAAC,6BAAW;QAAA,uBACV,qBAAC,iCAAe;UAAA,uBACd,qBAAC,aAAI;YAAC,IAAI,EAAE2B,WAAI,CAACC,MAAO;YAAA,UACrBxD,IAAI,CAACiB,KAAK,CAACC,GAAG,CAAC,UAACuC,KAAK,EAAExD,KAAK,EAAK;cAAA;cAChC,IAAMyD,OAAO,GAAGD,KAAK,CAACrC,IAAI,IAAI,cAAc;cAC5C,IAAMgB,GAAG,GAAGsB,OAAO,GAAGD,KAAK,CAAC/B,EAAE,GAAG+B,KAAK,CAACrC,IAAI,IAAI,MAAM,GAAGqC,KAAK,CAACE,EAAE,GAAG,EAAE;cACrE,IAAMC,aAAa,GAAGN,OAAO,CAACpD,wBAAwB,CAACsB,OAAO,CAACC,IAAI,CAAC,UAACN,CAAC;gBAAA,OAAKA,CAAC,IAAIsC,KAAK,CAAC/B,EAAE;cAAA,EAAC,CAAC;cAC1F,IAAIgC,OAAO,EAAE;gBAAA;gBACX,oBACE;kBAAK,KAAK,EAAE;oBAAEG,QAAQ,EAAE;kBAAW,CAAE;kBAAC,YAAY,EAAE,sBAACjC,KAAK;oBAAA,OAAKI,aAAY,CAACJ,KAAK,EAAE6B,KAAK,CAAC/B,EAAE,CAAC;kBAAA,CAAC;kBAAC,YAAY,EAAE,sBAACE,KAAK;oBAAA,OAAKD,aAAY,CAACC,KAAK,EAAE6B,KAAK,CAAC/B,EAAE,CAAC;kBAAA,CAAC;kBAAA,wBACnJ,qBAAC,kBAAQ;oBACP,QAAQ,EAAE,CAAC,CAAE;oBACb,GAAG,EAAEd,OAAO,CAACX,KAAK,CAAkC;oBAEpD,EAAE,EAAEwD,KAAK,CAAC/B,EAAG;oBACb,IAAI,EAAE;sBACJoC,KAAK,kBAAEL,KAAK,CAACM,KAAK,uDAAI;oBACxB,CAAE;oBACF,SAAS,eAAE,qBAAC,kBAAW,CAAC,cAAc;sBAAC,IAAI,EAAC;oBAAM,EAAI;oBACtD,MAAM,EAAEH,aAAa,IAAKN,OAAO,CAAChD,YAAY,CAAC,IAAIA,YAAY,IAAI,EAAE,IAAI,IAAAyB,0BAAmB,EAAC0B,KAAK,EAAEnD,YAAY,CAAI;oBACpH,cAAc,EAAE,0BAAM,CAAC;kBAAE,EACzB,eACF,qBAAC,OAAO;oBACN,GAAG,EAAEQ,WAAW,CAACb,KAAK,CAAE;oBACxB,QAAQ,6CAAOM,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAE,IAAGkD,KAAK,CAAC/B,EAAE,EAAE;oBAC1C,kBAAkB,EAAErB,kBAAmB;oBACvC,YAAY,EAAEC,YAAa;oBAC3B,wBAAwB,EAAEJ,wBAAyB;oBACnD,IAAI,EAAEuD,KAA4C;oBAClD,KAAK,EAAExD,KAAK,GAAG,CAAE;oBACjB,QAAQ,EAAE;kBAAM,EAChB;gBAAA,EACE;cAEV;cACA,oBACE;gBAAA,uBACE,qBAAC,gBAAO;kBACN,QAAQ,EAAE,CAAC,CAAE;kBAEb,EAAE,EAAEyD,OAAO,GAAG,EAAE,GAAGtB,GAAI;kBACvB,GAAG,EAAExB,OAAO,CAACX,KAAK,CAAkC;kBACpD,oBAAoB,EAAE,8BAAC+D,KAAK;oBAAA,OAAK3D,kBAAkB,IAAIoD,KAAK,CAACrC,IAAI,IAAI,MAAM,IAAIf,kBAAkB,CAACoD,KAAK,CAACE,EAAE,EAAEK,KAAK,CAAC;kBAAA,CAAC;kBACnH,eAAe,EAAEN,OAAQ;kBACzB,YAAY,mBAAED,KAAK,CAACM,KAAK,yDAAI,EAAG;kBAChC,YAAY,EAAE,EAAG;kBACjB,WAAW,EAAEL,OAAO,gBAAG,qBAAC,kBAAW,CAAC,cAAc;oBAAC,IAAI,EAAC;kBAAM,EAAG,GAAG,IAAK;kBACzE,gBAAgB,EAAE,EAAG;kBACrB,QAAQ,EAAED,KAAK,CAACQ,QAAS;kBACzB,mBAAmB,EAAE,KAAM;kBAC3B,IAAI,EAAEV,WAAI,CAACC,MAAO;kBAClB,OAAO,EAAC;gBAAU,GAZbpB,GAAG;cAaR,EACD;YAEP,CAAC;UAAC;QACG;MACS;IACN;EACT,EACQ;AAErB,CAAC,CAAC;AAAC;AAAA;EAnMDnC,KAAK;EACLP,QAAQ;EAERU,eAAe;EACfD,eAAe;EACfE,kBAAkB;EAClBC,YAAY;EACZC,QAAQ;AAAA"}

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { MenuNavigationItemTypeDesktopGroup } from '../types';
-export type SubMenuProps = {
-    item: MenuNavigationItemTypeDesktopGroup;
-    index: number;
-    topLevel: boolean;
-    dropdownMenusOpenedArray: React.MutableRefObject<string[]>;
-    onSubMenuOpened?: (item: string) => void;
-    onSubMenuHidden?: (item: string) => void;
-    onItemStateChanged?: (item: string, state: boolean) => void;
-    activeItemId?: string;
-    nestPath?: string[];
-};
-export declare const SubMenuWrapper: import("styled-components").StyledComponent<"div", any, {
-    topLevel: boolean;
-    visible: boolean;
-}, never>;
-export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLUListElement>>;

package/dist/GlobalNavigationBar/desktop/SubMenu.js

@@ -1,233 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-var _templateObject;
-import * as React from 'react';
-import styled from 'styled-components';
-import { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';
-import { Size } from '../../types';
-import { SystemIcons } from '../../icons';
-import { checkIfContainsItem } from '../utils';
-import Tabs from '../../Tabs/Tabs';
-import TabLink from '../../Tabs/TabLink';
-import { MenuItem } from '../../MenuItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export var SubMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), Menu, function (props) {
-  return props.topLevel ? '100%' : '0px';
-}, function (props) {
-  return props.topLevel ? '0px' : 'calc(100% - 12px)';
-}, function (props) {
-  return !props.visible ? 'display: none;' : '';
-});
-export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var item = _ref.item,
-    index = _ref.index,
-    topLevel = _ref.topLevel,
-    dropdownMenusOpenedArray = _ref.dropdownMenusOpenedArray,
-    onSubMenuHidden = _ref.onSubMenuHidden,
-    onSubMenuOpened = _ref.onSubMenuOpened,
-    onItemStateChanged = _ref.onItemStateChanged,
-    activeItemId = _ref.activeItemId,
-    nestPath = _ref.nestPath;
-  var _React$useState = React.useState({}),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    forceUpdate = _React$useState2[1];
-  var focusedRef = React.useRef({
-    index: -1
-  });
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    allRefs = _React$useState4[0],
-    setAllRefs = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    subMenuRefs = _React$useState6[0],
-    setAllSubMenuRefs = _React$useState6[1];
-  React.useEffect(function () {
-    setAllRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef();
-    }));
-    setAllSubMenuRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined;
-    }));
-  }, [item]);
-  var existingRef = dropdownMenusOpenedArray.current.find(function (x) {
-    return x == item.id;
-  });
-  var _onMouseLeave = function onMouseLeave(event, id) {
-    dropdownMenusOpenedArray.current = _toConsumableArray(dropdownMenusOpenedArray.current.filter(function (x) {
-      return x != id;
-    }));
-    //just trigger rerendering
-    onSubMenuHidden && onSubMenuHidden(id);
-    forceUpdate({});
-  };
-  var containActiveItem = false;
-  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);
-  var _onMouseEnter = function onMouseEnter(event, id) {
-    var existingRefForId = dropdownMenusOpenedArray.current.find(function (x) {
-      return x == id;
-    });
-    if (existingRefForId == null) {
-      dropdownMenusOpenedArray.current = [].concat(_toConsumableArray(dropdownMenusOpenedArray.current), [id]);
-      //just trigger rerendering
-      onSubMenuOpened && onSubMenuOpened(id);
-      forceUpdate({});
-    }
-  };
-  var _onKeyDown = function onKeyDown(e) {
-    if (e.key === 'ArrowUp' || e.key === 'Up') {
-      e.stopPropagation();
-      e.preventDefault();
-      if (focusedRef.current.index > 0) {
-        setNewFocusedElement(focusedRef.current.index - 1);
-      }
-    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
-      e.stopPropagation();
-      e.preventDefault();
-      if (focusedRef.current.index < allRefs.length - 1) setNewFocusedElement(focusedRef.current.index + 1);
-    } else if (e.key == 'Enter' || e.code == 'Space') {
-      e.stopPropagation();
-      if (focusedRef.current.index < 0) return;
-      var focusedItem = item.items[focusedRef.current.index];
-      if (focusedItem.type == 'desktopgroup') {
-        dropdownMenusOpenedArray.current = [].concat(_toConsumableArray(dropdownMenusOpenedArray.current), [focusedItem.id]);
-        forceUpdate({});
-      } else {
-        var _allRefs$focusedRef$c;
-        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 ? void 0 : _allRefs$focusedRef$c.click();
-        forceUpdate({});
-      }
-
-      //just trigger rerendering
-    }
-  };
-
-  var setNewFocusedElement = function setNewFocusedElement(index) {
-    var _oldFocusedElement$cu;
-    var newFocusedElement = index >= 0 ? allRefs[index] : null;
-    var oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
-    focusedRef.current.index = index;
-    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 ? void 0 : (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 ? void 0 : _oldFocusedElement$cu.classList.remove('dropdown-hover');
-    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
-      var _newFocusedElement$cu, _newFocusedElement$cu2;
-      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 ? void 0 : _newFocusedElement$cu.classList.add('dropdown-hover');
-      (_newFocusedElement$cu2 = newFocusedElement.current) === null || _newFocusedElement$cu2 === void 0 ? void 0 : _newFocusedElement$cu2.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-  };
-  var onFocus = function onFocus(event) {
-    event.stopPropagation();
-    dropdownMenusOpenedArray.current = _toConsumableArray(nestPath !== null && nestPath !== void 0 ? nestPath : []);
-    setNewFocusedElement(0);
-    forceUpdate({});
-  };
-  var onBlur = function onBlur(event) {
-    event.stopPropagation();
-    setNewFocusedElement(-1);
-  };
-  return /*#__PURE__*/_jsx(SubMenuWrapper, {
-    id: item.id,
-    className: existingRef ? 'open' : '',
-    topLevel: topLevel,
-    visible: Boolean(existingRef),
-    children: /*#__PURE__*/_jsx(Menu, {
-      role: "menu",
-      ref: ref,
-      "aria-labelledby": "UserMenuButton",
-      onBlur: onBlur,
-      onFocus: onFocus,
-      onKeyDown: function onKeyDown(event) {
-        return _onKeyDown(event);
-      },
-      tabIndex: 0,
-      children: /*#__PURE__*/_jsx(MenuSection, {
-        children: /*#__PURE__*/_jsx(MenuSectionList, {
-          children: /*#__PURE__*/_jsx(Tabs, {
-            size: Size.Medium,
-            children: item.items.map(function (entry, index) {
-              var _entry$label2;
-              var isGroup = entry.type == 'desktopgroup';
-              var key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
-              var SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(function (x) {
-                return x == entry.id;
-              }));
-              if (isGroup) {
-                var _entry$label;
-                return /*#__PURE__*/_jsxs("div", {
-                  style: {
-                    position: 'relative'
-                  },
-                  onMouseEnter: function onMouseEnter(event) {
-                    return _onMouseEnter(event, entry.id);
-                  },
-                  onMouseLeave: function onMouseLeave(event) {
-                    return _onMouseLeave(event, entry.id);
-                  },
-                  children: [/*#__PURE__*/_jsx(MenuItem, {
-                    tabIndex: -1,
-                    ref: allRefs[index],
-                    id: entry.id,
-                    item: {
-                      value: (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : ''
-                    },
-                    iconRight: /*#__PURE__*/_jsx(SystemIcons.ArrowDropRight, {
-                      size: "24px"
-                    }),
-                    active: SubItemOpened || Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId),
-                    onClickHandler: function onClickHandler() {}
-                  }), /*#__PURE__*/_jsx(SubMenu, {
-                    ref: subMenuRefs[index],
-                    nestPath: [].concat(_toConsumableArray(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
-                    onItemStateChanged: onItemStateChanged,
-                    activeItemId: activeItemId,
-                    dropdownMenusOpenedArray: dropdownMenusOpenedArray,
-                    item: entry,
-                    index: index + 1,
-                    topLevel: false
-                  })]
-                });
-              }
-              return /*#__PURE__*/_jsx(_Fragment, {
-                children: /*#__PURE__*/_jsx(TabLink, {
-                  tabIndex: -1,
-                  to: isGroup ? '' : key,
-                  ref: allRefs[index],
-                  onActiveStateChanged: function onActiveStateChanged(state) {
-                    return onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state);
-                  },
-                  forceDeactivate: isGroup,
-                  requiredLine: (_entry$label2 = entry.label) !== null && _entry$label2 !== void 0 ? _entry$label2 : '',
-                  optionalLine: '',
-                  endLineIcon: isGroup ? /*#__PURE__*/_jsx(SystemIcons.ArrowDropRight, {
-                    size: "24px"
-                  }) : null,
-                  OptionalLineIcon: '',
-                  disabled: entry.disabled,
-                  showNotificationDot: false,
-                  size: Size.Medium,
-                  variant: "positive"
-                }, key)
-              });
-            })
-          })
-        })
-      })
-    })
-  });
-});
-SubMenu.propTypes = {
-  index: _pt.number.isRequired,
-  topLevel: _pt.bool.isRequired,
-  onSubMenuOpened: _pt.func,
-  onSubMenuHidden: _pt.func,
-  onItemStateChanged: _pt.func,
-  activeItemId: _pt.string,
-  nestPath: _pt.arrayOf(_pt.string)
-};
-//# sourceMappingURL=SubMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","SubMenuWrapper","div","props","topLevel","visible","SubMenu","forwardRef","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","activeItemId","nestPath","useState","forceUpdate","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","onMouseEnter","existingRefForId","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","click","newFocusedElement","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","onFocus","onBlur","Boolean","Medium","entry","isGroup","to","SubItemOpened","position","value","label","state","disabled"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavLink, useLocation } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { NavItem } from '../../NavItem';\nimport { MoreHorizontal } from '../../icons/systemicons/SystemIcons';\nimport { COLORS, BREAKPOINTS } from '../../styles';\nimport ExtendedMainMenu, { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\nimport { IconButton } from '../../Button';\nimport { defaultOnMouseDownHandler } from '../../common';\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\nimport { DropdownContent } from '../../Dropdown';\nimport { VerticalTabEntry, VerticalTabs } from '../../Tabs';\nimport { Size } from '../../types';\nimport { SystemIcons } from '../../icons';\nimport { checkIfContainsItem } from '../utils';\nimport Tabs from '../../Tabs/Tabs';\nimport TabLink from '../../Tabs/TabLink';\nimport { MenuItem } from '../../MenuItem';\nimport { NavItemDiv } from '../../NavItem/NavItem';\n\nexport type SubMenuProps = {\n  item: MenuNavigationItemTypeDesktopGroup;\n  index: number;\n  topLevel: boolean;\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\n  onSubMenuOpened?: (item: string) => void;\n  onSubMenuHidden?: (item: string) => void;\n  onItemStateChanged?: (item: string, state: boolean) => void;\n  activeItemId?: string;\n  nestPath?: string[];\n};\n\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\n  ${Menu} {\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\n  }\n\n  ${(props) => (!props.visible ? 'display: none;' : '')}\n\n  button {\n    padding-left: 0px;\n  }\n`;\n\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\n  item,\n  index,\n  topLevel,\n  dropdownMenusOpenedArray,\n  onSubMenuHidden,\n  onSubMenuOpened,\n  onItemStateChanged,\n  activeItemId,\n  nestPath,\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\n  const [, forceUpdate] = React.useState({});\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\n\n  React.useEffect(() => {\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\n  }, [item]);\n\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\n  const onMouseLeave = (event: any, id: string) => {\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\n    //just trigger rerendering\n    onSubMenuHidden && onSubMenuHidden(id);\n    forceUpdate({});\n  };\n  let containActiveItem = false;\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\n\n  const onMouseEnter = (event: any, id: string) => {\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\n    if (existingRefForId == null) {\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\n      //just trigger rerendering\n      onSubMenuOpened && onSubMenuOpened(id);\n      forceUpdate({});\n    }\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n    \n    if (e.key === 'ArrowUp' || e.key === 'Up') {\n      e.stopPropagation();\n      e.preventDefault();\n      if (focusedRef.current.index > 0) {\n        setNewFocusedElement(focusedRef.current.index - 1);\n      }\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n      e.stopPropagation();\n      e.preventDefault();\n      if(focusedRef.current.index < allRefs.length - 1)\n      setNewFocusedElement(focusedRef.current.index + 1);\n    } \n     else\n    if (e.key == 'Enter' || e.code == 'Space') {\n      e.stopPropagation();\n      if(focusedRef.current.index < 0)\n        return;\n      \n      const focusedItem = item.items[focusedRef.current.index];\n      if(focusedItem.type == 'desktopgroup')\n      {\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\n        forceUpdate({});\n      }\n      else\n      {\n        allRefs[focusedRef.current.index].current?.click();\n        forceUpdate({});\n      }\n\n      //just trigger rerendering\n      \n    }\n  };\n\n  const setNewFocusedElement = (index: number) => {\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\n    focusedRef.current.index = index;\n\n    if(oldFocusedElement)\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n      newFocusedElement.current?.classList.add('dropdown-hover');\n      newFocusedElement.current?.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\n    setNewFocusedElement(0);\n    forceUpdate({});\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    setNewFocusedElement(-1);\n  };\n\n  return (\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\n      <Menu role=\"menu\" ref={ref} aria-labelledby=\"UserMenuButton\" onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\n        <MenuSection>\n          <MenuSectionList>\n            <Tabs size={Size.Medium}>\n              {item.items.map((entry, index) => {\n                const isGroup = entry.type == 'desktopgroup';\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\n                if (isGroup) {\n                  return (\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\n                      <MenuItem\n                        tabIndex={-1}\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\n                        \n                        id={entry.id}\n                        item={{\n                          value: entry.label ?? '',\n                        }}\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\n                        onClickHandler={() => {}}\n                      />\n                      <SubMenu\n                        ref={subMenuRefs[index]}\n                        nestPath={[...(nestPath ?? []), entry.id]}\n                        onItemStateChanged={onItemStateChanged}\n                        activeItemId={activeItemId}\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\n                        index={index + 1}\n                        topLevel={false}\n                      />\n                    </div>\n                  );\n                }\n                return (\n                  <>\n                    <TabLink\n                      tabIndex={-1}\n                      key={key}\n                      to={isGroup ? '' : key}\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\n                      forceDeactivate={isGroup}\n                      requiredLine={entry.label ?? ''}\n                      optionalLine={''}\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\n                      OptionalLineIcon={''}\n                      disabled={entry.disabled}\n                      showNotificationDot={false}\n                      size={Size.Medium}\n                      variant=\"positive\"\n                    />\n                  </>\n                );\n              })}\n            </Tabs>\n          </MenuSectionList>\n        </MenuSection>\n      </Menu>\n    </SubMenuWrapper>\n  );\n});\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/utils.cjs

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkIfContainsItem = void 0;
-var checkIfContainsItem = function checkIfContainsItem(item, activeId) {
-  if (item.id == activeId) return true;
-  if (item.items.findIndex(function (x) {
-    return x.type == 'item' && x.to == activeId;
-  }) >= 0) return true;
-  return item.items.some(function (x) {
-    return x.type == 'desktopgroup' && checkIfContainsItem(x, activeId);
-  });
-};
-exports.checkIfContainsItem = checkIfContainsItem;
-//# sourceMappingURL=utils.cjs.map

package/dist/GlobalNavigationBar/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\n\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\n    if(item.id == activeId)\n        return true;\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\n        return true;\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\n}"],"mappings":";;;;;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC;AAAA"}

package/dist/GlobalNavigationBar/utils.d.ts

@@ -1,2 +0,0 @@
-import { MenuNavigationItemTypeDesktopGroup } from './types';
-export declare const checkIfContainsItem: (item: MenuNavigationItemTypeDesktopGroup, activeId: string) => boolean;

package/dist/GlobalNavigationBar/utils.js

@@ -1,10 +0,0 @@
-export var checkIfContainsItem = function checkIfContainsItem(item, activeId) {
-  if (item.id == activeId) return true;
-  if (item.items.findIndex(function (x) {
-    return x.type == 'item' && x.to == activeId;
-  }) >= 0) return true;
-  return item.items.some(function (x) {
-    return x.type == 'desktopgroup' && checkIfContainsItem(x, activeId);
-  });
-};
-//# sourceMappingURL=utils.js.map

package/dist/GlobalNavigationBar/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\n\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\n    if(item.id == activeId)\n        return true;\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\n        return true;\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\n}"],"mappings":"AAEA,OAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC"}

package/dist/NavItem/NestedNavItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NestedNavItem.cjs","names":["NestedNavItem","React","forwardRef","ref","active","item","onClickHandler","size","Size","Medium","className","tabIndex","iconRight","id","rest"],"sources":["../../src/NavItem/NestedNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Link} from 'react-router-dom';\nimport styled, { css } from 'styled-components';\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {ChevronRight, LockedOn} from '../icons/systemicons/SystemIcons';\nimport {Product, Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport {CommonInteractionStyling, defaultOnMouseDownHandler} from '../common';\n\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\n   item: DropdownItem;\n   onClickHandler: (e: React.MouseEvent) => void;\n   active: boolean;\n   id: string;\n   size?: Size;\n   iconRight?: React.ReactElement;\n}\n\n\nconst NestedNavItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\n                                                                       active,\n                                                                       item,\n                                                                       onClickHandler,\n                                                                       size = Size.Medium,\n                                                                       className,\n                                                                       tabIndex,\n                                                                       iconRight,\n                                                                       id,\n                                                                       ...rest\n                                                                     }: MenuItemProps, ref) => {\n  return (\n   <></>\n  );\n});\n\nexport default NestedNavItem;\n"],"mappings":";;;;;;;;;;AAAA;AAKA;AAAuC;AAAA;AAAA;AAAA;AAevC,IAAMA,aAAa,gBAAGC,KAAK,CAACC,UAAU,CAAmC,gBAUcC,GAAG,EAAK;EAAA,IATxBC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,cAAc,QAAdA,cAAc;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAClBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,EAAE,QAAFA,EAAE;IACCC,IAAI;EAE5E,oBACC,8CAAK;AAER,CAAC,CAAC;AAAC;EAtBAR,cAAc;EACdF,MAAM;EACNS,EAAE;EAEFD,SAAS;AAAA;AAAA,eAoBGZ,aAAa;AAAA"}