@hitachivantara/uikit-react-core 3.52.5

package/dist/Header/Navigation/MenuItem/MenuItem.js

@@ -0,0 +1,187 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+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 _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _KeyboardUtils = require("../../../utils/KeyboardUtils");
+
+var _Typography = _interopRequireDefault(require("../../../Typography"));
+
+var _SelectionContext = _interopRequireDefault(require("../utils/SelectionContext"));
+
+var _FocusContext = require("../utils/FocusContext");
+
+var _ConditionalWrapper = _interopRequireDefault(require("../../../utils/ConditionalWrapper"));
+
+var _MenuBar = _interopRequireDefault(require("../MenuBar"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _browser = _interopRequireDefault(require("../../../utils/browser"));
+
+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 MenuItem = function MenuItem(_ref) {
+  var classes = _ref.classes,
+      id = _ref.id,
+      item = _ref.item,
+      type = _ref.type,
+      onClick = _ref.onClick;
+  var selectionPath = (0, _react.useContext)(_SelectionContext.default);
+
+  var _useContext = (0, _react.useContext)(_FocusContext.FocusContext),
+      dispatch = _useContext.dispatch;
+
+  var data = item.data;
+  var isMenu = type === "menu";
+  var isSelected = selectionPath[isMenu ? 1 : 0] === item.id;
+  var hasSubLevel = data && data.length;
+
+  var actionHandler = function actionHandler(event) {
+    if (event.type === "click" || (0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.Enter) || (0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.SpaceBar)) {
+      if (event.type === "click") {
+        event.currentTarget.blur();
+      }
+
+      onClick === null || onClick === void 0 ? void 0 : onClick(event, item);
+    }
+  };
+
+  var handleFocus = function handleFocus(event) {
+    dispatch({
+      type: "setItemFocused",
+      itemFocused: event.currentTarget
+    });
+  };
+
+  var focusWrapper = function focusWrapper(childrenToWrap) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.externalReference
+    }, childrenToWrap);
+  };
+
+  var isIe = (0, _browser.default)(["ie", "edge"]);
+  return /*#__PURE__*/_react.default.createElement("li", {
+    id: id,
+    key: item.label,
+    className: (0, _clsx.default)(classes.root, classes["".concat(type, "Item")], !isMenu && (isSelected ? classes.selectedItem : classes.notSelectedItem))
+  }, /*#__PURE__*/_react.default.createElement(_ConditionalWrapper.default, {
+    condition: isIe,
+    wrapper: focusWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    className: (0, _clsx.default)(classes.button),
+    onClick: actionHandler,
+    onKeyDown: actionHandler,
+    tabIndex: 0,
+    onFocus: handleFocus
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: isSelected ? "selectedNavText" : "normalText"
+  }, item.label))), hasSubLevel && /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
+    data: data,
+    onClick: onClick,
+    type: "menu"
+  }));
+};
+
+MenuItem.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the first element in the hierarchy.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the li element when it is selected.
+     */
+    selectedItem: _propTypes.default.string,
+
+    /**
+     * Style applied to the li element when it isn't selected.
+     */
+    notSelectedItem: _propTypes.default.string,
+
+    /**
+     * Style applied to each item button.
+     */
+    button: _propTypes.default.string,
+
+    /**
+     * Style applied to the reference element used for ie focus.
+     */
+    externalReference: _propTypes.default.string,
+
+    /**
+     * Style applied to simulated a focus in ie.
+     */
+    falseFocus: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * An object containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  item: _propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    data: _propTypes.default.arrayOf(_propTypes.default.shape({
+      id: _propTypes.default.string.isRequired,
+      label: _propTypes.default.string.isRequired
+    }))
+  }).isRequired,
+
+  /**
+   * Callback triggered when item is clicked.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * The type of menu.
+   */
+  type: _propTypes.default.oneOf(["menubar", "menu"]).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvHeaderMenuItem"
+})(MenuItem);
+
+exports.default = _default;
+//# sourceMappingURL=MenuItem.js.map

package/dist/Header/Navigation/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"names":["MenuItem","classes","id","item","type","onClick","selectionPath","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","root","selectedItem","notSelectedItem","button","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,EAA8B,QAA9BA,EAA8B;AAAA,MAA1BC,IAA0B,QAA1BA,IAA0B;AAAA,MAApBC,IAAoB,QAApBA,IAAoB;AAAA,MAAdC,OAAc,QAAdA,OAAc;AACzD,MAAMC,aAAa,GAAG,uBAAWC,yBAAX,CAAtB;;AACA,oBAAqB,uBAAWC,0BAAX,CAArB;AAAA,MAAQC,QAAR,eAAQA,QAAR;;AAEA,MAAQC,IAAR,GAAiBP,IAAjB,CAAQO,IAAR;AACA,MAAMC,MAAM,GAAGP,IAAI,KAAK,MAAxB;AACA,MAAMQ,UAAU,GAAGN,aAAa,CAACK,MAAM,GAAG,CAAH,GAAO,CAAd,CAAb,KAAkCR,IAAI,CAACD,EAA1D;AACA,MAAMW,WAAW,GAAGH,IAAI,IAAIA,IAAI,CAACI,MAAjC;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,QACEA,KAAK,CAACZ,IAAN,KAAe,OAAf,IACA,+BAAWY,KAAX,EAAkBC,6BAAcC,KAAhC,CADA,IAEA,+BAAWF,KAAX,EAAkBC,6BAAcE,QAAhC,CAHF,EAIE;AACA,UAAIH,KAAK,CAACZ,IAAN,KAAe,OAAnB,EAA4B;AAC1BY,QAAAA,KAAK,CAACI,aAAN,CAAoBC,IAApB;AACD;;AAEDhB,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGW,KAAH,EAAUb,IAAV,CAAP;AACD;AACF,GAZD;;AAcA,MAAMmB,WAAW,GAAG,SAAdA,WAAc,CAACN,KAAD,EAAW;AAC7BP,IAAAA,QAAQ,CAAC;AAAEL,MAAAA,IAAI,EAAE,gBAAR;AAA0BmB,MAAAA,WAAW,EAAEP,KAAK,CAACI;AAA7C,KAAD,CAAR;AACD,GAFD;;AAIA,MAAMI,YAAY,GAAG,SAAfA,YAAe,CAACC,cAAD;AAAA,wBACnB;AAAK,MAAA,SAAS,EAAExB,OAAO,CAACyB;AAAxB,OAA4CD,cAA5C,CADmB;AAAA,GAArB;;AAGA,MAAME,IAAI,GAAG,sBAAU,CAAC,IAAD,EAAO,MAAP,CAAV,CAAb;AACA,sBACE;AACE,IAAA,EAAE,EAAEzB,EADN;AAEE,IAAA,GAAG,EAAEC,IAAI,CAACyB,KAFZ;AAGE,IAAA,SAAS,EAAE,mBAAK3B,OAAO,CAAC4B,IAAb,EAAmB5B,OAAO,WAAIG,IAAJ,UAA1B,EACe,CAACO,MADhB,KAC0BC,UAD1B,GACRX,OAAO,CAAC6B,YADA,GAER7B,OAAO,CAAC8B,eAFA;AAHb,kBAQE,6BAAC,2BAAD;AAAoB,IAAA,SAAS,EAAEJ,IAA/B;AAAqC,IAAA,OAAO,EAAEH;AAA9C,kBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,SAAS,EAAE,mBAAKvB,OAAO,CAAC+B,MAAb,CAFb;AAGE,IAAA,OAAO,EAAEjB,aAHX;AAIE,IAAA,SAAS,EAAEA,aAJb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,OAAO,EAAEO;AANX,kBAQE,6BAAC,mBAAD;AAAc,IAAA,OAAO,EAAEV,UAAU,GAAG,iBAAH,GAAuB;AAAxD,KACGT,IAAI,CAACyB,KADR,CARF,CADF,CARF,EAsBGf,WAAW,iBAAI,6BAAC,gBAAD;AAAS,IAAA,IAAI,EAAEH,IAAf;AAAqB,IAAA,OAAO,EAAEL,OAA9B;AAAuC,IAAA,IAAI,EAAC;AAA5C,IAtBlB,CADF;AA0BD,CAzDD;;AA2DAL,QAAQ,CAACiC,SAAT,GAAqB;AACnB;AACF;AACA;AACEhC,EAAAA,OAAO,EAAEiC,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEK,mBAAUE,MAJO;;AAKvB;AACJ;AACA;AACIN,IAAAA,YAAY,EAAEI,mBAAUE,MARD;;AASvB;AACJ;AACA;AACIL,IAAAA,eAAe,EAAEG,mBAAUE,MAZJ;;AAavB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEE,mBAAUE,MAhBK;;AAiBvB;AACJ;AACA;AACIV,IAAAA,iBAAiB,EAAEQ,mBAAUE,MApBN;;AAqBvB;AACJ;AACA;AACIC,IAAAA,UAAU,EAAEH,mBAAUE;AAxBC,GAAhB,EAyBNE,UA7BgB;;AA8BnB;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEgC,mBAAUE,MAjCK;;AAkCnB;AACF;AACA;AACA;AACA;AACA;AACEjC,EAAAA,IAAI,EAAE+B,mBAAUC,KAAV,CAAgB;AACpBjC,IAAAA,EAAE,EAAEgC,mBAAUE,MAAV,CAAiBE,UADD;AAEpBV,IAAAA,KAAK,EAAEM,mBAAUE,MAAV,CAAiBE,UAFJ;AAGpB5B,IAAAA,IAAI,EAAEwB,mBAAUK,OAAV,CACJL,mBAAUC,KAAV,CAAgB;AACdjC,MAAAA,EAAE,EAAEgC,mBAAUE,MAAV,CAAiBE,UADP;AAEdV,MAAAA,KAAK,EAAEM,mBAAUE,MAAV,CAAiBE;AAFV,KAAhB,CADI;AAHc,GAAhB,EASHA,UAjDgB;;AAkDnB;AACF;AACA;AACEjC,EAAAA,OAAO,EAAE6B,mBAAUM,IArDA;;AAsDnB;AACF;AACA;AACEpC,EAAAA,IAAI,EAAE8B,mBAAUO,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCH;AAzDxB,CAArB;;eA4De,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAiD3C,QAAjD,C","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>{childrenToWrap}</div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        <div\n          role=\"button\"\n          className={clsx(classes.button)}\n          onClick={actionHandler}\n          onKeyDown={actionHandler}\n          tabIndex={0}\n          onFocus={handleFocus}\n        >\n          <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n            {item.label}\n          </HvTypography>\n        </div>\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"file":"MenuItem.js"}

package/dist/Header/Navigation/MenuItem/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _MenuItem.default;
+  }
+});
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+//# sourceMappingURL=index.js.map

package/dist/Header/Navigation/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/MenuItem/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./MenuItem\";\n"],"file":"index.js"}

package/dist/Header/Navigation/MenuItem/styles.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("focus-within-polyfill");
+
+var _styles = _interopRequireWildcard(require("../../../Focus/styles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var externalReference = _styles.default.externalReference,
+    falseFocus = _styles.default.falseFocus;
+
+var styles = function styles(theme) {
+  var hoverColor = theme.hv.palette.atmosphere.atmo3;
+  return {
+    root: {
+      display: "inline",
+      "&:hover": {
+        "& > [role='button']": {
+          backgroundColor: hoverColor
+        },
+        "&:focus-within": {
+          "& > [role='button']": {
+            backgroundColor: hoverColor
+          }
+        }
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        "& > [role='button']": {
+          backgroundColor: hoverColor
+        }
+      }
+    },
+    selectedItem: {
+      borderTop: "2px solid ".concat(theme.hv.palette.accent.acce3),
+      paddingTop: "2px"
+    },
+    notSelectedItem: {
+      marginTop: "4px"
+    },
+    button: {
+      border: "none",
+      cursor: "pointer",
+      padding: theme.hvSpacing("8px", "sm"),
+      "&:active": {
+        outline: "none"
+      },
+      "&:focus": {
+        outline: "none",
+        backgroundColor: hoverColor
+      },
+      "&.focus-visible": _objectSpread({}, _styles.outlineStyles)
+    },
+    externalReference: _objectSpread({}, externalReference),
+    falseFocus: _objectSpread(_objectSpread({}, falseFocus), {}, {
+      top: "4px"
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Header/Navigation/MenuItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"names":["externalReference","focusStyles","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","outlineStyles","top"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAQA,iBAAR,GAA0CC,eAA1C,CAAQD,iBAAR;AAAA,IAA2BE,UAA3B,GAA0CD,eAA1C,CAA2BC,UAA3B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;AAEA,SAAO;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,QADL;AAEJ,iBAAW;AACT,+BAAuB;AACrBC,UAAAA,eAAe,EAAEP;AADI,SADd;AAIT,0BAAkB;AAChB,iCAAuB;AACrBO,YAAAA,eAAe,EAAEP;AADI;AADP;AAJT,OAFP;AAYJ;AACA,wBAAkB;AAChB,+BAAuB;AACrBO,UAAAA,eAAe,EAAEP;AADI;AADP;AAbd,KADD;AAoBLQ,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;AAEZC,MAAAA,UAAU,EAAE;AAFA,KApBT;AAwBLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,SAAS,EAAE;AADI,KAxBZ;AA2BLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,MAAM,EAAE,MADF;AAENC,MAAAA,MAAM,EAAE,SAFF;AAGNC,MAAAA,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;AAIN,kBAAY;AACVC,QAAAA,OAAO,EAAE;AADC,OAJN;AAON,iBAAW;AACTA,QAAAA,OAAO,EAAE,MADA;AAETb,QAAAA,eAAe,EAAEP;AAFR,OAPL;AAWN,2CACKqB,qBADL;AAXM,KA3BH;AA0CL1B,IAAAA,iBAAiB,oBACZA,iBADY,CA1CZ;AA6CLE,IAAAA,UAAU,kCACLA,UADK;AAERyB,MAAAA,GAAG,EAAE;AAFG;AA7CL,GAAP;AAkDD,CArDD;;eAuDexB,M","sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: theme.hvSpacing(\"8px\", \"sm\"),\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        outline: \"none\",\n        backgroundColor: hoverColor,\n      },\n      \"&.focus-visible\": {\n        ...outlineStyles,\n      },\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Header/Navigation/Navigation.d.ts

@@ -0,0 +1,35 @@
+import React, { MouseEvent } from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface NavigationItemProp {
+  id: string;
+  label: string;
+  path?: string;
+}
+
+export type HvHeaderNavigationClassKey = "root";
+
+export interface HvHeaderNavigationProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvHeaderNavigationClassKey,
+    "onClick"
+  > {
+  /**
+   * An array containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  data: NavigationItemProp[];
+  /**
+   * Menu item id selected.
+   */
+  selected?: string;
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: MouseEvent, selection: NavigationItemProp) => void;
+}
+
+export default function HvHeaderNavigation(props: HvHeaderNavigationProps): JSX.Element | null;

package/dist/Header/Navigation/Navigation.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _FocusContext = require("./utils/FocusContext");
+
+var _SelectionContext = _interopRequireDefault(require("./utils/SelectionContext"));
+
+var _useSelectionPath = _interopRequireDefault(require("./utils/useSelectionPath"));
+
+var _MenuBar = _interopRequireDefault(require("./MenuBar"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "data", "selected", "onClick"];
+
+var Navigation = function Navigation(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      data = _ref.data,
+      selected = _ref.selected,
+      onClick = _ref.onClick,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var selectionPath = (0, _useSelectionPath.default)(data, selected);
+
+  var handleClick = function handleClick(event, selection) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, selection);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_SelectionContext.default.Provider, {
+    value: selectionPath
+  }, /*#__PURE__*/_react.default.createElement(_FocusContext.FocusProvider, null, /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
+    data: data,
+    onClick: handleClick,
+    type: "menubar"
+  }))));
+};
+
+Navigation.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * An array containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired
+  })).isRequired,
+
+  /**
+   * Menu item id selected.
+   */
+  selected: _propTypes.default.string,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: _propTypes.default.func
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvHeaderNavigation"
+})(Navigation);
+
+exports.default = _default;
+//# sourceMappingURL=Navigation.js.map

package/dist/Header/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Header/Navigation/Navigation.js"],"names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","handleClick","event","selection","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","func","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;AAAA,MAA7DC,OAA6D,QAA7DA,OAA6D;AAAA,MAApDC,SAAoD,QAApDA,SAAoD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAbC,MAAa;AACjF,MAAMC,aAAa,GAAG,+BAAiBJ,IAAjB,EAAuBC,QAAvB,CAAtB;;AAEA,MAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;AACxCL,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUC,SAAV,CAAP;AACD,GAFD;;AAIA,sBACE,6BAAC,yBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAEH;AAAlC,kBACE,6BAAC,2BAAD,qBACE;AAAK,IAAA,SAAS,EAAE,mBAAKL,SAAL,EAAgBD,OAAO,CAACU,IAAxB;AAAhB,KAAmDL,MAAnD,gBACE,6BAAC,gBAAD;AAAS,IAAA,IAAI,EAAEH,IAAf;AAAqB,IAAA,OAAO,EAAEK,WAA9B;AAA2C,IAAA,IAAI,EAAC;AAAhD,IADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBAR,UAAU,CAACY,SAAX,GAAuB;AACrB;AACF;AACA;AACEX,EAAAA,OAAO,EAAEY,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEE,mBAAUE;AAJO,GAAhB,EAKNC,UATkB;;AAUrB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEW,mBAAUE,MAbA;;AAcrB;AACF;AACA;AACA;AACA;AACA;AACEZ,EAAAA,IAAI,EAAEU,mBAAUI,OAAV,CACJJ,mBAAUC,KAAV,CAAgB;AACdI,IAAAA,EAAE,EAAEL,mBAAUE,MAAV,CAAiBC,UADP;AAEdG,IAAAA,KAAK,EAAEN,mBAAUE,MAAV,CAAiBC;AAFV,GAAhB,CADI,EAKJA,UAzBmB;;AA0BrB;AACF;AACA;AACEZ,EAAAA,QAAQ,EAAES,mBAAUE,MA7BC;;AA8BrB;AACF;AACA;AACEV,EAAAA,OAAO,EAAEQ,mBAAUO;AAjCE,CAAvB;;eAoCe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAmDtB,UAAnD,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"file":"Navigation.js"}

package/dist/Header/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Navigation";
+export * from "./Navigation";

package/dist/Header/Navigation/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Navigation.default;
+  }
+});
+
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+//# sourceMappingURL=index.js.map

package/dist/Header/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Header/Navigation/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Navigation\";\n"],"file":"index.js"}

package/dist/Header/Navigation/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {
+    position: "absolute",
+    width: "100%",
+    zIndex: 1,
+    top: "0px",
+    left: "0px"
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Header/Navigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Header/Navigation/styles.js"],"names":["styles","root","position","width","zIndex","top","left"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJC,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,MAAM,EAAE,CAHJ;AAIJC,IAAAA,GAAG,EAAE,KAJD;AAKJC,IAAAA,IAAI,EAAE;AALF;AADO,CAAf;eAUeN,M","sourcesContent":["const styles = {\n  root: {\n    position: \"absolute\",\n    width: \"100%\",\n    zIndex: 1,\n    top: \"0px\",\n    left: \"0px\",\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Header/Navigation/utils/FocusContext.js

@@ -0,0 +1,89 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusProvider = exports.FocusContext = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case "setItemFocused":
+      return {
+        itemFocused: action.itemFocused
+      };
+
+    default:
+      return state;
+  }
+};
+
+var initialState = {
+  itemFocused: null
+};
+var FocusContext = /*#__PURE__*/(0, _react.createContext)(initialState);
+exports.FocusContext = FocusContext;
+
+var FocusProvider = function FocusProvider(props) {
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var contextValue = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      dispatch: dispatch
+    });
+  }, [state, dispatch]);
+  var children = props.children;
+  return /*#__PURE__*/_react.default.createElement(FocusContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+exports.FocusProvider = FocusProvider;
+FocusProvider.propTypes = {
+  children: _propTypes.default.node.isRequired
+};
+//# sourceMappingURL=FocusContext.js.map

package/dist/Header/Navigation/utils/FocusContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"names":["reducer","state","action","type","itemFocused","initialState","FocusContext","FocusProvider","props","dispatch","contextValue","children","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;AACjC,UAAQA,MAAM,CAACC,IAAf;AACE,SAAK,gBAAL;AACE,aAAO;AAAEC,QAAAA,WAAW,EAAEF,MAAM,CAACE;AAAtB,OAAP;;AACF;AACE,aAAOH,KAAP;AAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;AAAED,EAAAA,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,0BAAcD,YAAd,CAArB;;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,oBAA0B,uBAAWR,OAAX,EAAoBK,YAApB,CAA1B;AAAA;AAAA,MAAOJ,KAAP;AAAA,MAAcQ,QAAd;;AACA,MAAMC,YAAY,GAAG,oBAAQ;AAAA,2CAAYT,KAAZ;AAAmBQ,MAAAA,QAAQ,EAARA;AAAnB;AAAA,GAAR,EAAwC,CAACR,KAAD,EAAQQ,QAAR,CAAxC,CAArB;AACA,MAAQE,QAAR,GAAqBH,KAArB,CAAQG,QAAR;AAEA,sBAAO,6BAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAED;AAA9B,KAA6CC,QAA7C,CAAP;AACD,CAND;;;AAQAJ,aAAa,CAACK,SAAd,GAA0B;AACxBD,EAAAA,QAAQ,EAAEE,mBAAUC,IAAV,CAAeC;AADD,CAA1B","sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);\n  const { children } = props;\n\n  return <FocusContext.Provider value={contextValue}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"file":"FocusContext.js"}

package/dist/Header/Navigation/utils/SelectionContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var SelectionContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = SelectionContext;
+exports.default = _default;
+//# sourceMappingURL=SelectionContext.js.map

package/dist/Header/Navigation/utils/SelectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/utils/SelectionContext.js"],"names":["SelectionContext"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAG,0BAAc,IAAd,CAAzB;eAEeA,gB","sourcesContent":["import { createContext } from \"react\";\n\nconst SelectionContext = createContext(null);\n\nexport default SelectionContext;\n"],"file":"SelectionContext.js"}