@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

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

@@ -1,114 +1,74 @@
 "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("core-js/modules/es.string.link.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@mui/styles");
-
 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 _styles2 = _interopRequireDefault(require("./styles"));
-
 var _browser = _interopRequireDefault(require("../../../utils/browser"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var MenuItem = function MenuItem(_ref) {
   var classes = _ref.classes,
-      id = _ref.id,
-      item = _ref.item,
-      type = _ref.type,
-      onClick = _ref.onClick;
+    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;
-
+    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__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.externalReference,
       children: childrenToWrap
     });
   };
-
   var isIe = (0, _browser.default)(["ie", "edge"]);
   var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
     variant: isSelected ? "selectedNavText" : "normalText",
@@ -145,7 +105,6 @@ var MenuItem = function MenuItem(_ref) {
     })]
   }, item.label);
 };
-
 process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -155,43 +114,35 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
      * 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 each item button when it is behaving as a.
      */
     link: _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.
    *
@@ -208,21 +159,17 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
       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
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderMenuItem"
 })(MenuItem);
-
 exports.default = _default;
 //# sourceMappingURL=MenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","useContext","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","isKeypress","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","isBrowser","label","itemProps","onKeyDown","tabIndex","onFocus","clsx","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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  const label = (\n    <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n      {item.label}\n    </HvTypography>\n  );\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\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        {item?.href ? (\n          <a\n            className={clsx(classes.button, classes.link)}\n            href={item?.href}\n            target={item?.target}\n            {...itemProps}\n          >\n            {label}\n          </a>\n        ) : (\n          <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n            {label}\n          </div>\n        )}\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 each item button when it is behaving as a.\n     */\n    link: 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    href: PropTypes.string,\n    target: PropTypes.string,\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"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","useContext","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","isKeypress","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","isBrowser","label","itemProps","onKeyDown","tabIndex","onFocus","clsx","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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  const label = (\n    <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n      {item.label}\n    </HvTypography>\n  );\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\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        {item?.href ? (\n          <a\n            className={clsx(classes.button, classes.link)}\n            href={item?.href}\n            target={item?.target}\n            {...itemProps}\n          >\n            {label}\n          </a>\n        ) : (\n          <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n            {label}\n          </div>\n        )}\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 each item button when it is behaving as a.\n     */\n    link: 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    href: PropTypes.string,\n    target: PropTypes.string,\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"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _MenuItem.default;
   }
 });
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,53 +1,31 @@
 "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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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;
-
+  falseFocus = _styles.default.falseFocus;
 var styles = function styles(theme) {
   var hoverColor = theme.hv.palette.atmosphere.atmo3;
   return {
@@ -100,7 +78,6 @@ var styles = function styles(theme) {
     })
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"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","link","textDecoration","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"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    link: {\n      display: \"block\",\n      textDecoration: \"none\",\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"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;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKqB,qBADL;IAXM,CA3BH;IA0CLC,IAAI,EAAE;MACJhB,OAAO,EAAE,OADL;MAEJiB,cAAc,EAAE;IAFZ,CA1CD;IA8CL5B,iBAAiB,oBACZA,iBADY,CA9CZ;IAiDLE,UAAU,kCACLA,UADK;MAER2B,GAAG,EAAE;IAFG;EAjDL,CAAP;AAsDD,CAzDD;;eA2De1B,M"}
+{"version":3,"file":"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","link","textDecoration","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"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    link: {\n      display: \"block\",\n      textDecoration: \"none\",\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAmE;AAAA;AAAA;AAAA;AAEnE,IAAQA,iBAAiB,GAAiBC,eAAW,CAA7CD,iBAAiB;EAAEE,UAAU,GAAKD,eAAW,CAA1BC,UAAU;AAErC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK,EAAK;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;EAEpD,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE;QACT,qBAAqB,EAAE;UACrBC,eAAe,EAAEP;QACnB,CAAC;QACD,gBAAgB,EAAE;UAChB,qBAAqB,EAAE;YACrBO,eAAe,EAAEP;UACnB;QACF;MACF,CAAC;MACD;MACA,gBAAgB,EAAE;QAChB,qBAAqB,EAAE;UACrBO,eAAe,EAAEP;QACnB;MACF;IACF,CAAC;IACDQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAE,CAACC,OAAO,CAACQ,MAAM,CAACC,KAAK,CAAE;MACvDC,UAAU,EAAE;IACd,CAAC;IACDC,eAAe,EAAE;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACNC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,SAAS;MACjBC,OAAO,EAAEnB,KAAK,CAACoB,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC;MACrC,UAAU,EAAE;QACVC,OAAO,EAAE;MACX,CAAC;MACD,SAAS,EAAE;QACTA,OAAO,EAAE,MAAM;QACfb,eAAe,EAAEP;MACnB,CAAC;MACD,iBAAiB,oBACZqB,qBAAa;IAEpB,CAAC;IACDC,IAAI,EAAE;MACJhB,OAAO,EAAE,OAAO;MAChBiB,cAAc,EAAE;IAClB,CAAC;IACD5B,iBAAiB,oBACZA,iBAAiB,CACrB;IACDE,UAAU,kCACLA,UAAU;MACb2B,GAAG,EAAE;IAAK;EAEd,CAAC;AACH,CAAC;AAAC,eAEa1B,MAAM;AAAA"}

package/dist/Header/Navigation/Navigation.js

@@ -1,69 +1,43 @@
 "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");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _styles = require("@mui/styles");
-
 var _FocusContext = require("./utils/FocusContext");
-
 var _SelectionContext = _interopRequireDefault(require("./utils/SelectionContext"));
-
 var _useSelectionPath = _interopRequireDefault(require("./utils/useSelectionPath"));
-
 var _MenuBar = _interopRequireDefault(require("./MenuBar"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "data", "selected", "onClick"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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);
+    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__*/(0, _jsxRuntime.jsx)(_SelectionContext.default.Provider, {
     value: selectionPath,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusContext.FocusProvider, {
@@ -79,7 +53,6 @@ var Navigation = function Navigation(_ref) {
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -90,12 +63,10 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
      */
     root: _propTypes.default.string
   }).isRequired,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * An array containing the data for each menu item.
    *
@@ -110,21 +81,17 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
     href: _propTypes.default.string,
     target: _propTypes.default.string
   })).isRequired,
-
   /**
    * Menu item id selected.
    */
   selected: _propTypes.default.string,
-
   /**
    * Callback triggered when any item is clicked.
    */
   onClick: _propTypes.default.func
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderNavigation"
 })(Navigation);
-
 exports.default = _default;
 //# sourceMappingURL=Navigation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,qBAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ,aAAlC;IAAA,uBACE,qBAAC,2BAAD;MAAA,uBACE;QAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;MAAhB,GAAmDP,MAAnD;QAAA,uBACE,qBAAC,gBAAD;UAAS,IAAI,EAAEH,IAAf;UAAqB,OAAO,EAAEM,WAA9B;UAA2C,IAAI,EAAC;QAAhD;MADF;IADF;EADF,EADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAEP,kBAAA,CAAUE,MAHF;IAIdM,MAAM,EAAER,kBAAA,CAAUE;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MAjCC;;EAkCrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUS;AArCE,CAAvB;;eAwCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD3B,UAAnD,C"}
+{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\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"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAmE;EAAA,IAA7DC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAC1E,IAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAACL,IAAI,EAAEC,QAAQ,CAAC;EAEtD,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAEC,SAAS,EAAK;IACxCN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGK,KAAK,EAAEC,SAAS,CAAC;EAC7B,CAAC;EAED,oBACE,qBAAC,yBAAgB,CAAC,QAAQ;IAAC,KAAK,EAAEJ,aAAc;IAAA,uBAC9C,qBAAC,2BAAa;MAAA,uBACZ;QAAK,SAAS,EAAE,IAAAK,aAAI,EAACV,SAAS,EAAED,OAAO,CAACY,IAAI;MAAE,GAAKP,MAAM;QAAA,uBACvD,qBAAC,gBAAO;UAAC,IAAI,EAAEH,IAAK;UAAC,OAAO,EAAEM,WAAY;UAAC,IAAI,EAAC;QAAS;MAAG;IACxD;EACQ,EACU;AAEhC,CAAC;AAED,wCAAAT,UAAU,CAACc,SAAS,GAAG;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAS,CAACE;EAClB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAS,CAACE,MAAM;EAC3B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAS,CAACI,OAAO,CACrBJ,kBAAS,CAACC,KAAK,CAAC;IACdI,EAAE,EAAEL,kBAAS,CAACE,MAAM,CAACC,UAAU;IAC/BG,KAAK,EAAEN,kBAAS,CAACE,MAAM,CAACC,UAAU;IAClCI,IAAI,EAAEP,kBAAS,CAACE,MAAM;IACtBM,MAAM,EAAER,kBAAS,CAACE;EACpB,CAAC,CAAC,CACH,CAACC,UAAU;EACZ;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAS,CAACE,MAAM;EAC1B;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAS,CAACS;AACrB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAqB,CAAC,CAAC,CAAC3B,UAAU,CAAC;AAAA"}

package/dist/Header/Navigation/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Navigation.default;
   }
 });
-
 var _Navigation = _interopRequireDefault(require("./Navigation"));
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","position","width","zIndex","top","left"],"sources":["../../../src/Header/Navigation/styles.js"],"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"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,UADN;IAEJC,KAAK,EAAE,MAFH;IAGJC,MAAM,EAAE,CAHJ;IAIJC,GAAG,EAAE,KAJD;IAKJC,IAAI,EAAE;EALF;AADO,CAAf;eAUeN,M"}
+{"version":3,"file":"styles.js","names":["styles","root","position","width","zIndex","top","left"],"sources":["../../../src/Header/Navigation/styles.js"],"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"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE;EACR;AACF,CAAC;AAAC,eAEaN,MAAM;AAAA"}

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

@@ -1,78 +1,51 @@
 "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"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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];
-
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var contextValue = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, state), {}, {
       dispatch: dispatch
@@ -84,7 +57,6 @@ var FocusProvider = function FocusProvider(props) {
     children: children
   });
 };
-
 exports.FocusProvider = FocusProvider;
 process.env.NODE_ENV !== "production" ? FocusProvider.propTypes = {
   children: _propTypes.default.node.isRequired