@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/Header/Header.js

@@ -1,5 +1,19 @@
 "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", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -15,12 +29,20 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "position", "children"];
 
+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; }
+
 /**
  * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.
  *
@@ -37,15 +59,18 @@ var HvHeader = function HvHeader(_ref) {
       position = _ref$position === void 0 ? "fixed" : _ref$position,
       children = _ref.children,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.AppBar, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.AppBar, _objectSpread(_objectSpread({
     classes: {
       root: classes.root,
       colorPrimary: classes.backgroundColor
     },
     position: position
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.header
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.header,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {
@@ -80,7 +105,7 @@ process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {
   children: _propTypes.default.node.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeader"
 })(HvHeader);
 

package/dist/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","PropTypes","shape","string","isRequired","oneOf","node","withStyles","styles","name"],"sources":["../../src/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { AppBar, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.\n *\n * Our implementation of the Header is divided in:\n * <ul>\n * <li>Brand</li>\n * <li>Navigation</li>\n * <li>Actions</li>\n * </ul>\n */\nconst HvHeader = ({ classes, position = \"fixed\", children, ...others }) => {\n  return (\n    <AppBar\n      classes={{ root: classes.root, colorPrimary: classes.backgroundColor }}\n      position={position}\n      {...others}\n    >\n      <div className={classes.header}>{children}</div>\n    </AppBar>\n  );\n};\n\nHvHeader.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    /**\n     * Styles applied to the component header class.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component background color.\n     */\n    backgroundColor: PropTypes.string,\n  }).isRequired,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n  /**\n   * Children to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeader\" })(HvHeader);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA0D;EAAA,IAAvDC,OAAuD,QAAvDA,OAAuD;EAAA,yBAA9CC,QAA8C;EAAA,IAA9CA,QAA8C,8BAAnC,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EACzE,oBACE,6BAAC,YAAD;IACE,OAAO,EAAE;MAAEC,IAAI,EAAEJ,OAAO,CAACI,IAAhB;MAAsBC,YAAY,EAAEL,OAAO,CAACM;IAA5C,CADX;IAEE,QAAQ,EAAEL;EAFZ,GAGME,MAHN,gBAKE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,GAAiCL,QAAjC,CALF,CADF;AASD,CAVD;;AAYA,wCAAAH,QAAQ,CAACS,SAAT,GAAqB;EACnB;AACF;AACA;EACER,OAAO,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEK,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,MAAM,EAAEE,kBAAA,CAAUE,MARK;;IASvB;AACJ;AACA;IACIL,eAAe,EAAEG,kBAAA,CAAUE;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEX,QAAQ,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEX,QAAQ,EAAEO,kBAAA,CAAUK,IAAV,CAAeF;AAzBN,CAArB;;eA4Be,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyClB,QAAzC,C"}
+{"version":3,"file":"Header.js","names":["HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","PropTypes","shape","string","isRequired","oneOf","node","withStyles","styles","name"],"sources":["../../src/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { AppBar } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.\n *\n * Our implementation of the Header is divided in:\n * <ul>\n * <li>Brand</li>\n * <li>Navigation</li>\n * <li>Actions</li>\n * </ul>\n */\nconst HvHeader = ({ classes, position = \"fixed\", children, ...others }) => {\n  return (\n    <AppBar\n      classes={{ root: classes.root, colorPrimary: classes.backgroundColor }}\n      position={position}\n      {...others}\n    >\n      <div className={classes.header}>{children}</div>\n    </AppBar>\n  );\n};\n\nHvHeader.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    /**\n     * Styles applied to the component header class.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component background color.\n     */\n    backgroundColor: PropTypes.string,\n  }).isRequired,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n  /**\n   * Children to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeader\" })(HvHeader);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA0D;EAAA,IAAvDC,OAAuD,QAAvDA,OAAuD;EAAA,yBAA9CC,QAA8C;EAAA,IAA9CA,QAA8C,8BAAnC,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EACzE,oBACE,qBAAC,gBAAD;IACE,OAAO,EAAE;MAAEC,IAAI,EAAEJ,OAAO,CAACI,IAAhB;MAAsBC,YAAY,EAAEL,OAAO,CAACM;IAA5C,CADX;IAEE,QAAQ,EAAEL;EAFZ,GAGME,MAHN;IAAA,uBAKE;MAAK,SAAS,EAAEH,OAAO,CAACO,MAAxB;MAAA,UAAiCL;IAAjC;EALF,GADF;AASD,CAVD;;AAYA,wCAAAH,QAAQ,CAACS,SAAT,GAAqB;EACnB;AACF;AACA;EACER,OAAO,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEK,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,MAAM,EAAEE,kBAAA,CAAUE,MARK;;IASvB;AACJ;AACA;IACIL,eAAe,EAAEG,kBAAA,CAAUE;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEX,QAAQ,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEX,QAAQ,EAAEO,kBAAA,CAAUK,IAAV,CAAeF;AAzBN,CAArB;;eA4Be,IAAAG,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyClB,QAAzC,C"}

package/dist/Header/Navigation/MenuBar/MenuBar.js

@@ -31,13 +31,15 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _SelectionContext = _interopRequireDefault(require("../utils/SelectionContext"));
 
 var _MenuItem = _interopRequireDefault(require("../MenuItem"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+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); }
 
@@ -55,20 +57,21 @@ var MenuBar = function MenuBar(_ref) {
   var isActive = isMenu && data.filter(function (item) {
     return item.id === selectionPath[1];
   }).length > 0;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active)
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    id: id,
-    className: classes.list,
-    onFocus: function onFocus() {}
-  }, data.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      key: item.id,
-      item: item,
-      type: type,
-      onClick: onClick
-    });
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.default)(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      id: id,
+      className: classes.list,
+      onFocus: function onFocus() {},
+      children: data.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+          item: item,
+          type: type,
+          onClick: onClick
+        }, item.id);
+      })
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
@@ -138,7 +141,7 @@ process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
   type: _propTypes.default.oneOf(["menubar", "menu"]).isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderMenuBar"
 })(MenuBar);
 

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","names":["MenuBar","classes","id","data","onClick","type","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","clsx","root","hidden","active","list","map","propTypes","PropTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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  ),\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: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA+C;EAAA,IAA5CC,OAA4C,QAA5CA,OAA4C;EAAA,IAAnCC,EAAmC,QAAnCA,EAAmC;EAAA,qBAA/BC,IAA+B;EAAA,IAA/BA,IAA+B,0BAAxB,EAAwB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC7D,IAAMC,aAAa,GAAG,IAAAC,iBAAA,EAAWC,yBAAX,CAAtB;EAEA,IAAMC,MAAM,GAAGJ,IAAI,KAAK,MAAxB;EACA,IAAMK,QAAQ,GAAGD,MAAM,IAAIN,IAAI,CAACQ,MAAL,CAAY,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACV,EAAL,KAAYI,aAAa,CAAC,CAAD,CAAnC;EAAA,CAAZ,EAAoDO,MAApD,GAA6D,CAAxF;EAEA,oBACE;IACE,SAAS,EAAE,IAAAC,aAAA,EAAKb,OAAO,CAACc,IAAb,EAAmBd,OAAO,WAAII,IAAJ,EAA1B,EACSI,MADT,IACRR,OAAO,CAACe,MADA,EAESN,QAFT,IAERT,OAAO,CAACgB,MAFA;EADb,gBAME;IAAI,EAAE,EAAEf,EAAR;IAAY,SAAS,EAAED,OAAO,CAACiB,IAA/B;IAAqC,OAAO,EAAE,mBAAM,CAAE;EAAtD,GACGf,IAAI,CAACgB,GAAL,CAAS,UAACP,IAAD;IAAA,oBACR,6BAAC,iBAAD;MAAU,GAAG,EAAEA,IAAI,CAACV,EAApB;MAAwB,IAAI,EAAEU,IAA9B;MAAoC,IAAI,EAAEP,IAA1C;MAAgD,OAAO,EAAED;IAAzD,EADQ;EAAA,CAAT,CADH,CANF,CADF;AAcD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACoB,SAAR,GAAoB;EAClB;AACF;AACA;EACEnB,OAAO,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEM,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIC,OAAO,EAAEH,kBAAA,CAAUE,MARI;;IASvB;AACJ;AACA;IACIE,IAAI,EAAEJ,kBAAA,CAAUE,MAZO;;IAavB;AACJ;AACA;IACIP,MAAM,EAAEK,kBAAA,CAAUE,MAhBK;;IAiBvB;AACJ;AACA;IACIN,MAAM,EAAEI,kBAAA,CAAUE,MApBK;;IAqBvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUE;EAxBO,CAAhB,EAyBNG,UA7Be;;EA8BlB;AACF;AACA;EACExB,EAAE,EAAEmB,kBAAA,CAAUE,MAjCI;;EAkClB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,IAAI,EAAEkB,kBAAA,CAAUM,OAAV,CACJN,kBAAA,CAAUC,KAAV,CAAgB;IACdpB,EAAE,EAAEmB,kBAAA,CAAUE,MAAV,CAAiBG,UADP;IAEdE,KAAK,EAAEP,kBAAA,CAAUE,MAAV,CAAiBG,UAFV;IAGdG,IAAI,EAAER,kBAAA,CAAUE,MAHF;IAIdO,MAAM,EAAET,kBAAA,CAAUE;EAJJ,CAAhB,CADI,CA1CY;;EAkDlB;AACF;AACA;EACEnB,OAAO,EAAEiB,kBAAA,CAAUU,IArDD;;EAsDlB;AACF;AACA;EACE1B,IAAI,EAAEgB,kBAAA,CAAUW,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCN;AAzDzB,CAApB;;eA4De,IAAAO,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDnC,OAAhD,C"}
+{"version":3,"file":"MenuBar.js","names":["MenuBar","classes","id","data","onClick","type","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","clsx","root","hidden","active","list","map","propTypes","PropTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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  ),\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: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA+C;EAAA,IAA5CC,OAA4C,QAA5CA,OAA4C;EAAA,IAAnCC,EAAmC,QAAnCA,EAAmC;EAAA,qBAA/BC,IAA+B;EAAA,IAA/BA,IAA+B,0BAAxB,EAAwB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC7D,IAAMC,aAAa,GAAG,IAAAC,iBAAA,EAAWC,yBAAX,CAAtB;EAEA,IAAMC,MAAM,GAAGJ,IAAI,KAAK,MAAxB;EACA,IAAMK,QAAQ,GAAGD,MAAM,IAAIN,IAAI,CAACQ,MAAL,CAAY,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACV,EAAL,KAAYI,aAAa,CAAC,CAAD,CAAnC;EAAA,CAAZ,EAAoDO,MAApD,GAA6D,CAAxF;EAEA,oBACE;IACE,SAAS,EAAE,IAAAC,aAAA,EAAKb,OAAO,CAACc,IAAb,EAAmBd,OAAO,WAAII,IAAJ,EAA1B,EACSI,MADT,IACRR,OAAO,CAACe,MADA,EAESN,QAFT,IAERT,OAAO,CAACgB,MAFA,CADb;IAAA,uBAME;MAAI,EAAE,EAAEf,EAAR;MAAY,SAAS,EAAED,OAAO,CAACiB,IAA/B;MAAqC,OAAO,EAAE,mBAAM,CAAE,CAAtD;MAAA,UACGf,IAAI,CAACgB,GAAL,CAAS,UAACP,IAAD;QAAA,oBACR,qBAAC,iBAAD;UAAwB,IAAI,EAAEA,IAA9B;UAAoC,IAAI,EAAEP,IAA1C;UAAgD,OAAO,EAAED;QAAzD,GAAeQ,IAAI,CAACV,EAApB,CADQ;MAAA,CAAT;IADH;EANF,EADF;AAcD,CApBD;;AAsBA,wCAAAF,OAAO,CAACoB,SAAR,GAAoB;EAClB;AACF;AACA;EACEnB,OAAO,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEM,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIC,OAAO,EAAEH,kBAAA,CAAUE,MARI;;IASvB;AACJ;AACA;IACIE,IAAI,EAAEJ,kBAAA,CAAUE,MAZO;;IAavB;AACJ;AACA;IACIP,MAAM,EAAEK,kBAAA,CAAUE,MAhBK;;IAiBvB;AACJ;AACA;IACIN,MAAM,EAAEI,kBAAA,CAAUE,MApBK;;IAqBvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUE;EAxBO,CAAhB,EAyBNG,UA7Be;;EA8BlB;AACF;AACA;EACExB,EAAE,EAAEmB,kBAAA,CAAUE,MAjCI;;EAkClB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,IAAI,EAAEkB,kBAAA,CAAUM,OAAV,CACJN,kBAAA,CAAUC,KAAV,CAAgB;IACdpB,EAAE,EAAEmB,kBAAA,CAAUE,MAAV,CAAiBG,UADP;IAEdE,KAAK,EAAEP,kBAAA,CAAUE,MAAV,CAAiBG,UAFV;IAGdG,IAAI,EAAER,kBAAA,CAAUE,MAHF;IAIdO,MAAM,EAAET,kBAAA,CAAUE;EAJJ,CAAhB,CADI,CA1CY;;EAkDlB;AACF;AACA;EACEnB,OAAO,EAAEiB,kBAAA,CAAUU,IArDD;;EAsDlB;AACF;AACA;EACE1B,IAAI,EAAEgB,kBAAA,CAAUW,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCN;AAzDzB,CAApB;;eA4De,IAAAO,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDnC,OAAhD,C"}

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

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 require("core-js/modules/es.string.link.js");
 
@@ -31,7 +41,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _KeyboardUtils = require("../../../utils/KeyboardUtils");
 
@@ -45,14 +55,20 @@ var _ConditionalWrapper = _interopRequireDefault(require("../../../utils/Conditi
 
 var _MenuBar = _interopRequireDefault(require("../MenuBar"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+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,
@@ -87,42 +103,47 @@ var MenuItem = function MenuItem(_ref) {
   };
 
   var focusWrapper = function focusWrapper(childrenToWrap) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.externalReference
-    }, childrenToWrap);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.externalReference,
+      children: childrenToWrap
+    });
   };
 
   var isIe = (0, _browser.default)(["ie", "edge"]);
-
-  var label = /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: isSelected ? "selectedNavText" : "normalText"
-  }, item.label);
-
+  var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    variant: isSelected ? "selectedNavText" : "normalText",
+    children: item.label
+  });
   var itemProps = {
     onClick: actionHandler,
     onKeyDown: actionHandler,
     tabIndex: 0,
     onFocus: handleFocus
   };
-  return /*#__PURE__*/_react.default.createElement("li", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("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
-  }, item !== null && item !== void 0 && item.href ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.button, classes.link),
-    href: item === null || item === void 0 ? void 0 : item.href,
-    target: item === null || item === void 0 ? void 0 : item.target
-  }, itemProps), label) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.button),
-    role: "button"
-  }, itemProps), label)), hasSubLevel && /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
-    data: data,
-    onClick: onClick,
-    type: "menu"
-  }));
+    className: (0, _clsx.default)(classes.root, classes["".concat(type, "Item")], !isMenu && (isSelected ? classes.selectedItem : classes.notSelectedItem)),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.default, {
+      condition: isIe,
+      wrapper: focusWrapper,
+      children: item !== null && item !== void 0 && item.href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+        className: (0, _clsx.default)(classes.button, classes.link),
+        href: item === null || item === void 0 ? void 0 : item.href,
+        target: item === null || item === void 0 ? void 0 : item.target
+      }, itemProps), {}, {
+        children: label
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        className: (0, _clsx.default)(classes.button),
+        role: "button"
+      }, itemProps), {}, {
+        children: label
+      }))
+    }), hasSubLevel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuBar.default, {
+      data: data,
+      onClick: onClick,
+      type: "menu"
+    })]
+  }, item.label);
 };
 
 process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
@@ -199,7 +220,7 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
   type: _propTypes.default.oneOf(["menubar", "menu"]).isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderMenuItem"
 })(MenuItem);
 

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 \"@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  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/Navigation.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface NavigationItemProp {
   id: string;

package/dist/Header/Navigation/Navigation.js

@@ -1,5 +1,19 @@
 "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", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,7 +31,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _FocusContext = require("./utils/FocusContext");
 
@@ -27,10 +41,16 @@ var _useSelectionPath = _interopRequireDefault(require("./utils/useSelectionPath
 
 var _MenuBar = _interopRequireDefault(require("./MenuBar"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+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,
@@ -44,15 +64,20 @@ var Navigation = function Navigation(_ref) {
     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"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionContext.default.Provider, {
+    value: selectionPath,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusContext.FocusProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
+        className: (0, _clsx.default)(className, classes.root)
+      }, others), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuBar.default, {
+          data: data,
+          onClick: handleClick,
+          type: "menubar"
+        })
+      }))
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
@@ -97,7 +122,7 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   onClick: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderNavigation"
 })(Navigation);
 

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 \"@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   * 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,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;EAAhB,GAAmDP,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEM,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;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,gBAAA,EAAWC,eAAX,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;;;;;;;;;;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"}

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

@@ -39,6 +39,8 @@ 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; }
@@ -77,9 +79,10 @@ var FocusProvider = function FocusProvider(props) {
     });
   }, [state, dispatch]);
   var children = props.children;
-  return /*#__PURE__*/_react.default.createElement(FocusContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FocusContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 };
 
 exports.FocusProvider = FocusProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","contextValue","useMemo","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ;IAAA,uCAAYZ,KAAZ;MAAmBU,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACV,KAAD,EAAQU,QAAR,CAAxC,CAArB;EACA,IAAQG,QAAR,GAAqBL,KAArB,CAAQK,QAAR;EAEA,oBAAO,6BAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEF;EAA9B,GAA6CE,QAA7C,CAAP;AACD,CAND;;;AAQA,wCAAAN,aAAa,CAACO,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}
+{"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","contextValue","useMemo","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ;IAAA,uCAAYZ,KAAZ;MAAmBU,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACV,KAAD,EAAQU,QAAR,CAAxC,CAArB;EACA,IAAQG,QAAR,GAAqBL,KAArB,CAAQK,QAAR;EAEA,oBAAO,qBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEF,YAA9B;IAAA,UAA6CE;EAA7C,EAAP;AACD,CAND;;;AAQA,wCAAAN,aAAa,CAACO,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}

package/dist/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 import { HvBaseInputProps, HvBaseInputValidationMessagesProps } from "../BaseInput";