@laerdal/life-react-components 3.4.3 → 3.5.1-dev.10

package/dist/GlobalNavigationBar/desktop/SubMenu.cjs

@@ -21,9 +21,9 @@ 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) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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)';
@@ -45,17 +45,17 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ariaLabelledBy = _ref.ariaLabelledBy,
     onItemFocused = _ref.onItemFocused;
   var _React$useState = React.useState({}),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _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),
+    _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),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
     subMenuRefs = _React$useState6[0],
     setAllSubMenuRefs = _React$useState6[1];
   React.useEffect(function () {
@@ -70,7 +70,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return x == item.id;
   });
   var _onMouseLeave = function onMouseLeave(event, id) {
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2.default)(dropdownMenusOpenedArray.current.filter(function (x) {
+    dropdownMenusOpenedArray.current = (0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current.filter(function (x) {
       return x != id;
     }));
     //just trigger rerendering
@@ -84,7 +84,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return x == id;
     });
     if (existingRefForId == null) {
-      dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2.default)(dropdownMenusOpenedArray.current), [id]);
+      dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current), [id]);
       //just trigger rerendering
       onSubMenuOpened && onSubMenuOpened(id);
       forceUpdate({});
@@ -106,7 +106,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       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]);
+        dropdownMenusOpenedArray.current = [].concat((0, _toConsumableArray2["default"])(dropdownMenusOpenedArray.current), [focusedItem.id]);
         forceUpdate({});
       } else {
         var _allRefs$focusedRef$c;
@@ -117,7 +117,6 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       //just trigger rerendering
     }
   };
-
   var setNewFocusedElement = function setNewFocusedElement(index) {
     var _oldFocusedElement$cu;
     var newFocusedElement = index >= 0 ? allRefs[index] : null;
@@ -133,7 +132,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onFocus = function onFocus(event) {
     event.stopPropagation();
-    dropdownMenusOpenedArray.current = (0, _toConsumableArray2.default)(nestPath !== null && nestPath !== void 0 ? nestPath : []);
+    dropdownMenusOpenedArray.current = (0, _toConsumableArray2["default"])(nestPath !== null && nestPath !== void 0 ? nestPath : []);
     setNewFocusedElement(0);
     forceUpdate({});
   };
@@ -158,7 +157,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       tabIndex: 0,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSection, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExtendedMainMenu.MenuSectionList, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs["default"], {
             size: _types.Size.Medium,
             children: item.items.map(function (entry, index) {
               var _entry$label2;
@@ -204,7 +203,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                     onItemFocused: onItemFocused,
                     focusedItemId: focusedItemId,
                     ref: subMenuRefs[index],
-                    nestPath: [].concat((0, _toConsumableArray2.default)(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
+                    nestPath: [].concat((0, _toConsumableArray2["default"])(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
                     onItemStateChanged: onItemStateChanged,
                     activeItemId: activeItemId,
                     dropdownMenusOpenedArray: dropdownMenusOpenedArray,
@@ -215,7 +214,7 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                 });
               }
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink["default"], {
                   id: entry.id,
                   tabIndex: -1,
                   to: isGroup ? '' : key,
@@ -245,15 +244,15 @@ var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 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,
-  onItemFocused: _propTypes.default.func,
-  focusedItemId: _propTypes.default.string,
-  activeItemId: _propTypes.default.string,
-  nestPath: _propTypes.default.arrayOf(_propTypes.default.string),
-  ariaLabelledBy: _propTypes.default.string
+  index: _propTypes["default"].number.isRequired,
+  topLevel: _propTypes["default"].bool.isRequired,
+  onSubMenuOpened: _propTypes["default"].func,
+  onSubMenuHidden: _propTypes["default"].func,
+  onItemStateChanged: _propTypes["default"].func,
+  onItemFocused: _propTypes["default"].func,
+  focusedItemId: _propTypes["default"].string,
+  activeItemId: _propTypes["default"].string,
+  nestPath: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  ariaLabelledBy: _propTypes["default"].string
 };
 //# sourceMappingURL=SubMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.cjs","names":["SubMenuWrapper","styled","div","Menu","props","topLevel","visible","SubMenu","React","forwardRef","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","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","console","log","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 styled from 'styled-components';\n\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\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';\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  onItemFocused?: (item: string) => void;\n  focusedItemId?: string;\n  activeItemId?: string;\n  nestPath?: string[];\n  ariaLabelledBy?: 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  focusedItemId,\n  activeItemId,\n  nestPath,\n  ariaLabelledBy,\n  onItemFocused\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      console.log(item.items[index].id);\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\n    }\n    else if(onItemFocused)\n      onItemFocused('');\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\n    setNewFocusedElement(0);\n    forceUpdate({});\n    \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=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} 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                        id={entry.id + '_parentOption'}\n                        aria-expanded={Boolean(SubItemOpened)}\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\n                        tabIndex={-1}\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\n                        \n                        aria-controls={entry.id}\n                        role=\"group\"\n                        //id={entry.id} removing this can break something\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                        ariaLabelledBy={entry.id + '_parentOption'}\n                        onItemFocused={onItemFocused}\n                        focusedItemId={focusedItemId}\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                      id={entry.id}\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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"}
+{"version":3,"file":"SubMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ExtendedMainMenu","_types","_icons","_utils","_Tabs","_TabLink","_MenuItem","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SubMenuWrapper","styled","div","_taggedTemplateLiteral2","Menu","props","topLevel","visible","exports","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray2","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray2","filter","containActiveItem","checkIfContainsItem","onMouseEnter","existingRefForId","concat","onKeyDown","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","console","log","onFocus","onBlur","jsx","className","Boolean","children","role","tabIndex","MenuSection","MenuSectionList","size","Size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","jsxs","style","position","MenuItem","value","label","iconRight","SystemIcons","ArrowDropRight","active","onClickHandler","Fragment","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_propTypes","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      console.log(item.items[index].id);\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,21 +1,21 @@
-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;
-    onItemFocused?: (item: string) => void;
-    focusedItemId?: string;
-    activeItemId?: string;
-    nestPath?: string[];
-    ariaLabelledBy?: 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>>;
+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;
+    onItemFocused?: (item: string) => void;
+    focusedItemId?: string;
+    activeItemId?: string;
+    nestPath?: string[];
+    ariaLabelledBy?: 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

@@ -108,7 +108,6 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       //just trigger rerendering
     }
   };
-
   var setNewFocusedElement = function setNewFocusedElement(index) {
     var _oldFocusedElement$cu;
     var newFocusedElement = index >= 0 ? allRefs[index] : null;

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

@@ -1 +1 @@
-{"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","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","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","console","log","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 styled from 'styled-components';\n\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\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';\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  onItemFocused?: (item: string) => void;\n  focusedItemId?: string;\n  activeItemId?: string;\n  nestPath?: string[];\n  ariaLabelledBy?: 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  focusedItemId,\n  activeItemId,\n  nestPath,\n  ariaLabelledBy,\n  onItemFocused\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      console.log(item.items[index].id);\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\n    }\n    else if(onItemFocused)\n      onItemFocused('');\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\n    setNewFocusedElement(0);\n    forceUpdate({});\n    \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=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} 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                        id={entry.id + '_parentOption'}\n                        aria-expanded={Boolean(SubItemOpened)}\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\n                        tabIndex={-1}\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\n                        \n                        aria-controls={entry.id}\n                        role=\"group\"\n                        //id={entry.id} removing this can break something\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                        ariaLabelledBy={entry.id + '_parentOption'}\n                        onItemFocused={onItemFocused}\n                        focusedItemId={focusedItemId}\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                      id={entry.id}\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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"}
+{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","topLevel","visible","SubMenu","forwardRef","_ref","ref","item","index","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","console","log","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ topLevel: boolean; visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      console.log(item.items[index].id);\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } topLevel={topLevel} visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.cjs

@@ -0,0 +1,100 @@
+"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 _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _InputFields = require("../../InputFields");
+var _types = require("../../types");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _UnifedSearchServiceApi = _interopRequireDefault(require("./UnifedSearchServiceApi"));
+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 Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n"])));
+var SearchResult = /*#__PURE__*/(0, _createClass2.default)(function SearchResult() {
+  (0, _classCallCheck2.default)(this, SearchResult);
+  (0, _defineProperty2.default)(this, "title", void 0);
+  (0, _defineProperty2.default)(this, "description", void 0);
+  (0, _defineProperty2.default)(this, "price", void 0);
+  (0, _defineProperty2.default)(this, "url", void 0);
+  (0, _defineProperty2.default)(this, "imageUrl", void 0);
+  (0, _defineProperty2.default)(this, "isPublic", void 0);
+  (0, _defineProperty2.default)(this, "type", void 0);
+  (0, _defineProperty2.default)(this, "sku", void 0);
+  (0, _defineProperty2.default)(this, "language", void 0);
+});
+var UnifiedSearchComponent = function UnifiedSearchComponent(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    loading = _React$useState4[0],
+    setLoading = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    results = _React$useState6[0],
+    setSearchResults = _React$useState6[1];
+  var key = props.key,
+    accessToken = props.accessToken,
+    ussBaseUrl = props.ussBaseUrl;
+  React.useEffect(function () {
+    _UnifedSearchServiceApi.default.storeJWT(accessToken);
+    _UnifedSearchServiceApi.default.storeBaseUrl(ussBaseUrl);
+  }, [accessToken, ussBaseUrl]);
+  var findIt = function findIt(event) {
+    event.preventDefault();
+    setLoading(true);
+    _UnifedSearchServiceApi.default.quickSearch(searchTerm).then(function (response) {
+      setSearchResults(response);
+    }).catch(function (error) {}).finally(function () {
+      setLoading(false);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.SearchBar, {
+      id: "unifiedSearchInputField",
+      placeholder: "Enter your search term",
+      enterSearch: findIt,
+      setSearchTerm: setSearchTerm,
+      searchTerm: searchTerm,
+      removeSearch: function removeSearch() {
+        setSearchTerm('');
+      },
+      showDropdown: true,
+      dropdownButtonLoading: loading,
+      dropdownButtonAction: loading ? function () {} : undefined,
+      dropdownButtonLabel: loading ? 'Loading' : undefined,
+      dropdownButtonVariant: "tertiary",
+      searchList: results === null || results === void 0 ? void 0 : results.map(function (x) {
+        var _ref, _x$url;
+        return {
+          value: (_ref = (_x$url = x.url) !== null && _x$url !== void 0 ? _x$url : x.title) !== null && _ref !== void 0 ? _ref : "blank",
+          noteLabel: x.description,
+          displayLabel: x.title
+        };
+      }),
+      size: _types.Size.Medium
+    })
+  }, key);
+};
+UnifiedSearchComponent.propTypes = {
+  key: _propTypes.default.string.isRequired,
+  accessToken: _propTypes.default.string,
+  ussBaseUrl: _propTypes.default.string
+};
+var _default = UnifiedSearchComponent;
+exports.default = _default;
+//# sourceMappingURL=UnifedSearchComponent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnifedSearchComponent.cjs","names":["Wrapper","styled","div","SearchResult","UnifiedSearchComponent","props","React","useState","searchTerm","setSearchTerm","loading","setLoading","results","setSearchResults","key","accessToken","ussBaseUrl","useEffect","Api","storeJWT","storeBaseUrl","findIt","event","preventDefault","quickSearch","then","response","catch","error","finally","undefined","map","x","value","url","title","noteLabel","description","displayLabel","Size","Medium"],"sources":["../../../src/GlobalNavigationBar/desktop/UnifedSearchComponent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size, ToastColor, ToastPosition } from '../../types';\r\nimport styled from 'styled-components';\r\nimport Api from './UnifedSearchServiceApi';\r\n\r\n\r\nconst Wrapper = styled.div`\r\n`;\r\n\r\nexport interface UnifiedSearchComponentProps {\r\n    key: string;\r\n    accessToken?: string;\r\n    ussBaseUrl?: string;\r\n} \r\n\r\nclass SearchResult\r\n{\r\n    title?: string;\r\n    description?: string;\r\n    price?: number;\r\n    url?: string;\r\n    imageUrl?: string;\r\n    isPublic?: boolean;\r\n    type?: string;\r\n    sku?: string;\r\n    language?: string;\r\n}\r\n\r\nconst UnifiedSearchComponent: React.FC<UnifiedSearchComponentProps> = (props: UnifiedSearchComponentProps) => {\r\n    \r\n    const [searchTerm, setSearchTerm] = React.useState('');\r\n    const [loading, setLoading] = React.useState(false);\r\n    const [results, setSearchResults] = React.useState<SearchResult[] | undefined>();\r\n\r\n    const { key, accessToken, ussBaseUrl } = props;\r\n\r\n    React.useEffect(() => {\r\n        Api.storeJWT(accessToken);\r\n        Api.storeBaseUrl(ussBaseUrl);\r\n    }, [accessToken, ussBaseUrl]);\r\n\r\n    const findIt = (event: React.FormEvent) => {\r\n        event.preventDefault();\r\n        setLoading(true);\r\n        Api.quickSearch(searchTerm)\r\n        .then((response) => {\r\n            setSearchResults(response);\r\n        })\r\n        .catch((error) => { })\r\n        .finally(() => {\r\n            setLoading(false);\r\n        });\r\n    };\r\n\r\n    return (\r\n        <Wrapper key={key}>\r\n        <SearchBar\r\n             id=\"unifiedSearchInputField\"\r\n             placeholder=\"Enter your search term\"\r\n             enterSearch={findIt}\r\n             setSearchTerm={setSearchTerm}\r\n             searchTerm={searchTerm}\r\n             removeSearch={() => {\r\n               setSearchTerm('');\r\n             }}\r\n             showDropdown={true}\r\n             dropdownButtonLoading={loading}\r\n             dropdownButtonAction={loading ? () => {} : undefined}\r\n             dropdownButtonLabel={loading ? 'Loading' : undefined}\r\n             dropdownButtonVariant='tertiary'\r\n             searchList={results?.map(x => ({\r\n                value: x.url ?? x.title ?? \"blank\",\r\n                noteLabel: x.description,\r\n                displayLabel: x.title,\r\n             }))}\r\n             size={Size.Medium}\r\n           />\r\n     </Wrapper>\r\n    );\r\n};\r\n\r\nexport default UnifiedSearchComponent;"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAG3C,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qFACzB;AAAC,IAQIC,YAAY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAalB,IAAMC,sBAA6D,GAAG,SAAhEA,sBAA6D,CAAIC,KAAkC,EAAK;EAE1G,sBAAoCC,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;IAAA;IAA/CC,UAAU;IAAEC,aAAa;EAChC,uBAA8BH,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CG,OAAO;IAAEC,UAAU;EAC1B,uBAAoCL,KAAK,CAACC,QAAQ,EAA8B;IAAA;IAAzEK,OAAO;IAAEC,gBAAgB;EAEhC,IAAQC,GAAG,GAA8BT,KAAK,CAAtCS,GAAG;IAAEC,WAAW,GAAiBV,KAAK,CAAjCU,WAAW;IAAEC,UAAU,GAAKX,KAAK,CAApBW,UAAU;EAEpCV,KAAK,CAACW,SAAS,CAAC,YAAM;IAClBC,+BAAG,CAACC,QAAQ,CAACJ,WAAW,CAAC;IACzBG,+BAAG,CAACE,YAAY,CAACJ,UAAU,CAAC;EAChC,CAAC,EAAE,CAACD,WAAW,EAAEC,UAAU,CAAC,CAAC;EAE7B,IAAMK,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAsB,EAAK;IACvCA,KAAK,CAACC,cAAc,EAAE;IACtBZ,UAAU,CAAC,IAAI,CAAC;IAChBO,+BAAG,CAACM,WAAW,CAAChB,UAAU,CAAC,CAC1BiB,IAAI,CAAC,UAACC,QAAQ,EAAK;MAChBb,gBAAgB,CAACa,QAAQ,CAAC;IAC9B,CAAC,CAAC,CACDC,KAAK,CAAC,UAACC,KAAK,EAAK,CAAE,CAAC,CAAC,CACrBC,OAAO,CAAC,YAAM;MACXlB,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC;EAED,oBACI,qBAAC,OAAO;IAAA,uBACR,qBAAC,sBAAS;MACL,EAAE,EAAC,yBAAyB;MAC5B,WAAW,EAAC,wBAAwB;MACpC,WAAW,EAAEU,MAAO;MACpB,aAAa,EAAEZ,aAAc;MAC7B,UAAU,EAAED,UAAW;MACvB,YAAY,EAAE,wBAAM;QAClBC,aAAa,CAAC,EAAE,CAAC;MACnB,CAAE;MACF,YAAY,EAAE,IAAK;MACnB,qBAAqB,EAAEC,OAAQ;MAC/B,oBAAoB,EAAEA,OAAO,GAAG,YAAM,CAAC,CAAC,GAAGoB,SAAU;MACrD,mBAAmB,EAAEpB,OAAO,GAAG,SAAS,GAAGoB,SAAU;MACrD,qBAAqB,EAAC,UAAU;MAChC,UAAU,EAAElB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEmB,GAAG,CAAC,UAAAC,CAAC;QAAA;QAAA,OAAK;UAC5BC,KAAK,oBAAED,CAAC,CAACE,GAAG,2CAAIF,CAAC,CAACG,KAAK,uCAAI,OAAO;UAClCC,SAAS,EAAEJ,CAAC,CAACK,WAAW;UACxBC,YAAY,EAAEN,CAAC,CAACG;QACnB,CAAC;MAAA,CAAC,CAAE;MACJ,IAAI,EAAEI,WAAI,CAACC;IAAO;EAClB,GArBS1B,GAAG,CAsBV;AAEf,CAAC;AAAC;EArEEA,GAAG;EACHC,WAAW;EACXC,UAAU;AAAA;AAAA,eAqECZ,sBAAsB;AAAA"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface UnifiedSearchComponentProps {
+    key: string;
+    accessToken?: string;
+    ussBaseUrl?: string;
+}
+declare const UnifiedSearchComponent: React.FC<UnifiedSearchComponentProps>;
+export default UnifiedSearchComponent;

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.js

@@ -0,0 +1,89 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
+var _templateObject;
+import * as React from 'react';
+import { SearchBar } from '../../InputFields';
+import { Size } from '../../types';
+import styled from 'styled-components';
+import Api from './UnifedSearchServiceApi';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+var SearchResult = /*#__PURE__*/_createClass(function SearchResult() {
+  _classCallCheck(this, SearchResult);
+  _defineProperty(this, "title", void 0);
+  _defineProperty(this, "description", void 0);
+  _defineProperty(this, "price", void 0);
+  _defineProperty(this, "url", void 0);
+  _defineProperty(this, "imageUrl", void 0);
+  _defineProperty(this, "isPublic", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "sku", void 0);
+  _defineProperty(this, "language", void 0);
+});
+var UnifiedSearchComponent = function UnifiedSearchComponent(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    loading = _React$useState4[0],
+    setLoading = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    results = _React$useState6[0],
+    setSearchResults = _React$useState6[1];
+  var key = props.key,
+    accessToken = props.accessToken,
+    ussBaseUrl = props.ussBaseUrl;
+  React.useEffect(function () {
+    Api.storeJWT(accessToken);
+    Api.storeBaseUrl(ussBaseUrl);
+  }, [accessToken, ussBaseUrl]);
+  var findIt = function findIt(event) {
+    event.preventDefault();
+    setLoading(true);
+    Api.quickSearch(searchTerm).then(function (response) {
+      setSearchResults(response);
+    }).catch(function (error) {}).finally(function () {
+      setLoading(false);
+    });
+  };
+  return /*#__PURE__*/_jsx(Wrapper, {
+    children: /*#__PURE__*/_jsx(SearchBar, {
+      id: "unifiedSearchInputField",
+      placeholder: "Enter your search term",
+      enterSearch: findIt,
+      setSearchTerm: setSearchTerm,
+      searchTerm: searchTerm,
+      removeSearch: function removeSearch() {
+        setSearchTerm('');
+      },
+      showDropdown: true,
+      dropdownButtonLoading: loading,
+      dropdownButtonAction: loading ? function () {} : undefined,
+      dropdownButtonLabel: loading ? 'Loading' : undefined,
+      dropdownButtonVariant: "tertiary",
+      searchList: results === null || results === void 0 ? void 0 : results.map(function (x) {
+        var _ref, _x$url;
+        return {
+          value: (_ref = (_x$url = x.url) !== null && _x$url !== void 0 ? _x$url : x.title) !== null && _ref !== void 0 ? _ref : "blank",
+          noteLabel: x.description,
+          displayLabel: x.title
+        };
+      }),
+      size: Size.Medium
+    })
+  }, key);
+};
+UnifiedSearchComponent.propTypes = {
+  key: _pt.string.isRequired,
+  accessToken: _pt.string,
+  ussBaseUrl: _pt.string
+};
+export default UnifiedSearchComponent;
+//# sourceMappingURL=UnifedSearchComponent.js.map