@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/legacy/Grid/Grid.js

@@ -1,13 +1,27 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["container", "spacing"];
 import "core-js/modules/es.array.concat.js";
+
+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) { _defineProperty(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; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import isString from "lodash/isString";
-import { withStyles, Grid } from "@material-ui/core";
+import { Grid } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import useWidth from "../utils/useWidth";
+import { jsx as _jsx } from "react/jsx-runtime";
 var BREAKPOINT_GUTTERS = {
   xs: 2,
   sm: 2,
@@ -51,12 +65,12 @@ var HvGrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(Grid, _extends({
+  return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({
     ref: ref
   }, container && {
     container: container,
     spacing: gridSpacing
-  }, others));
+  }), others));
 });
 /*
  * copied from Material-UI Grid.js since we simply override the styles of the component

package/dist/legacy/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","PropTypes","isString","withStyles","Grid","useWidth","BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","SPACINGS","HvGrid","forwardRef","ref","container","spacing","others","width","gridSpacing","propTypes","alignContent","oneOf","alignItems","children","node","classes","shape","root","string","item","zeroMinWidth","isRequired","className","component","elementType","bool","direction","justify","wrap","name"],"sources":["../../../src/Grid/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isString from \"lodash/isString\";\nimport { withStyles, Grid } from \"@material-ui/core\";\nimport useWidth from \"../utils/useWidth\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nconst SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://material-ui.com/components/grid/#grid).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-600[       | 15              | 4                 |\n * | sm         | [600-960[     | 15              | 8                 |\n * | md         | [960-1270[    | 30              | 12                |\n * | lg         | [1270-1920[   | 30              | 12                |\n * | xl         | [1920-...[    | 30              | 12                |\n *\n */\nconst HvGrid = React.forwardRef(({ container, spacing = \"auto\", ...others }, ref) => {\n  const width = useWidth();\n  let gridSpacing = spacing;\n\n  if (isString(spacing)) {\n    if (spacing === \"auto\") {\n      gridSpacing = BREAKPOINT_GUTTERS[width];\n    } else {\n      gridSpacing = BREAKPOINT_GUTTERS[spacing];\n    }\n  }\n\n  return <Grid ref={ref} {...(container && { container, spacing: gridSpacing })} {...others} />;\n});\n\n/*\n * copied from Material-UI Grid.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvGrid.propTypes = {\n  /**\n   * Defines the `align-content` style property.\n   * It's applied for all screen sizes.\n   */\n  alignContent: PropTypes.oneOf([\n    \"stretch\",\n    \"center\",\n    \"flex-start\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n  ]),\n  /**\n   * Defines the `align-items` style property.\n   * It's applied for all screen sizes.\n   */\n  alignItems: PropTypes.oneOf([\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"]),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if container={true}.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the root element if item={true}.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the root element if zeroMinWidth={true}.\n     */\n    zeroMinWidth: PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-column\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-reverse\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-row-reverse\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-nowrap\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-wrap-reverse\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-baseline\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-center\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-evenly\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-1\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-2\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-3\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-4\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-5\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-6\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-7\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-8\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-9\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-auto\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-true\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-1\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-2\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-3\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-4\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-5\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-6\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-7\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-8\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-9\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-11\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-12\": PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container: PropTypes.bool,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction: PropTypes.oneOf([\"row\", \"row-reverse\", \"column\", \"column-reverse\"]),\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item: PropTypes.bool,\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify: PropTypes.oneOf([\n    \"flex-start\",\n    \"center\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n    \"space-evenly\",\n  ]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 7.5px factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"auto\", ...SPACINGS]),\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap: PropTypes.oneOf([\"nowrap\", \"wrap\", \"wrap-reverse\"]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth: PropTypes.bool,\n};\n\nexport default withStyles({}, { name: \"HvGrid\" })(HvGrid);\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,mBAAjC;AACA,OAAOC,QAAP,MAAqB,mBAArB;AAEA,IAAMC,kBAAkB,GAAG;EACzBC,EAAE,EAAE,CADqB;EAEzBC,EAAE,EAAE,CAFqB;EAGzBC,EAAE,EAAE,CAHqB;EAIzBC,EAAE,EAAE,CAJqB;EAKzBC,EAAE,EAAE;AALqB,CAA3B;AAQA,IAAMC,QAAN,2CAAiB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,CAAjB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,MAAM,gBAAGb,KAAK,CAACc,UAAN,CAAiB,gBAA6CC,GAA7C,EAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,wBAAvCC,OAAuC;EAAA,IAAvCA,OAAuC,6BAA7B,MAA6B;EAAA,IAAlBC,MAAkB;;EACnF,IAAMC,KAAK,GAAGd,QAAQ,EAAtB;EACA,IAAIe,WAAW,GAAGH,OAAlB;;EAEA,IAAIf,QAAQ,CAACe,OAAD,CAAZ,EAAuB;IACrB,IAAIA,OAAO,KAAK,MAAhB,EAAwB;MACtBG,WAAW,GAAGd,kBAAkB,CAACa,KAAD,CAAhC;IACD,CAFD,MAEO;MACLC,WAAW,GAAGd,kBAAkB,CAACW,OAAD,CAAhC;IACD;EACF;;EAED,oBAAO,oBAAC,IAAD;IAAM,GAAG,EAAEF;EAAX,GAAqBC,SAAS,IAAI;IAAEA,SAAS,EAATA,SAAF;IAAaC,OAAO,EAAEG;EAAtB,CAAlC,EAA4EF,MAA5E,EAAP;AACD,CAbc,CAAf;AAeA;AACA;AACA;AACA;;AACA,wCAAAL,MAAM,CAACQ,SAAP,GAAmB;EACjB;AACF;AACA;AACA;EACEC,YAAY,EAAErB,SAAS,CAACsB,KAAV,CAAgB,CAC5B,SAD4B,EAE5B,QAF4B,EAG5B,YAH4B,EAI5B,UAJ4B,EAK5B,eAL4B,EAM5B,cAN4B,CAAhB,CALG;;EAajB;AACF;AACA;AACA;EACEC,UAAU,EAAEvB,SAAS,CAACsB,KAAV,CAAgB,CAAC,YAAD,EAAe,QAAf,EAAyB,UAAzB,EAAqC,SAArC,EAAgD,UAAhD,CAAhB,CAjBK;;EAkBjB;AACF;AACA;EACEE,QAAQ,EAAExB,SAAS,CAACyB,IArBH;;EAsBjB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAE1B,SAAS,CAAC2B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAE5B,SAAS,CAAC6B,MAJO;;IAKvB;AACJ;AACA;IACId,SAAS,EAAEf,SAAS,CAAC6B,MARE;;IASvB;AACJ;AACA;IACIC,IAAI,EAAE9B,SAAS,CAAC6B,MAZO;;IAavB;AACJ;AACA;IACIE,YAAY,EAAE/B,SAAS,CAAC6B,MAhBD;;IAiBvB;AACJ;AACA;IACI,uBAAuB7B,SAAS,CAAC6B,MApBV;;IAqBvB;AACJ;AACA;IACI,wBAAwB7B,SAAS,CAAC6B,MAxBX;;IAyBvB;AACJ;AACA;IACI,4BAA4B7B,SAAS,CAAC6B,MA5Bf;;IA6BvB;AACJ;AACA;IACI,kBAAkB7B,SAAS,CAAC6B,MAhCL;;IAiCvB;AACJ;AACA;IACI,wBAAwB7B,SAAS,CAAC6B,MApCX;;IAqCvB;AACJ;AACA;IACI,yBAAyB7B,SAAS,CAAC6B,MAxCZ;;IAyCvB;AACJ;AACA;IACI,6BAA6B7B,SAAS,CAAC6B,MA5ChB;;IA6CvB;AACJ;AACA;IACI,2BAA2B7B,SAAS,CAAC6B,MAhDd;;IAiDvB;AACJ;AACA;IACI,2BAA2B7B,SAAS,CAAC6B,MApDd;;IAqDvB;AACJ;AACA;IACI,2BAA2B7B,SAAS,CAAC6B,MAxDd;;IAyDvB;AACJ;AACA;IACI,+BAA+B7B,SAAS,CAAC6B,MA5DlB;;IA6DvB;AACJ;AACA;IACI,6BAA6B7B,SAAS,CAAC6B,MAhEhB;;IAiEvB;AACJ;AACA;IACI,kCAAkC7B,SAAS,CAAC6B,MApErB;;IAqEvB;AACJ;AACA;IACI,iCAAiC7B,SAAS,CAAC6B,MAxEpB;;IAyEvB;AACJ;AACA;IACI,qBAAqB7B,SAAS,CAAC6B,MA5ER;;IA6EvB;AACJ;AACA;IACI,uBAAuB7B,SAAS,CAAC6B,MAhFV;;IAiFvB;AACJ;AACA;IACI,4BAA4B7B,SAAS,CAAC6B,MApFf;;IAqFvB;AACJ;AACA;IACI,2BAA2B7B,SAAS,CAAC6B,MAxFd;;IAyFvB;AACJ;AACA;IACI,2BAA2B7B,SAAS,CAAC6B,MA5Fd;;IA6FvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAhGH;;IAiGvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MApGH;;IAqGvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAxGH;;IAyGvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MA5GH;;IA6GvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAhHH;;IAiHvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MApHH;;IAqHvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAxHH;;IAyHvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MA5HH;;IA6HvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAhIH;;IAiIvB;AACJ;AACA;IACI,iBAAiB7B,SAAS,CAAC6B,MApIJ;;IAqIvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MAxIH;;IAyIvB;AACJ;AACA;IACI,gBAAgB7B,SAAS,CAAC6B,MA5IH;;IA6IvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MAhJA;;IAiJvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MApJA;;IAqJvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MAxJA;;IAyJvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MA5JA;;IA6JvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MAhKA;;IAiKvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MApKA;;IAqKvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MAxKA;;IAyKvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MA5KA;;IA6KvB;AACJ;AACA;IACI,aAAa7B,SAAS,CAAC6B,MAhLA;;IAiLvB;AACJ;AACA;IACI,cAAc7B,SAAS,CAAC6B,MApLD;;IAqLvB;AACJ;AACA;IACI,cAAc7B,SAAS,CAAC6B,MAxLD;;IAyLvB;AACJ;AACA;IACI,cAAc7B,SAAS,CAAC6B;EA5LD,CAAhB,EA6LNG,UAxNc;;EAyNjB;AACF;AACA;EACEC,SAAS,EAAEjC,SAAS,CAAC6B,MA5NJ;;EA6NjB;AACF;AACA;AACA;EACEK,SAAS,EAAElC,SAAS,CAACmC,WAjOJ;;EAkOjB;AACF;AACA;AACA;EACEpB,SAAS,EAAEf,SAAS,CAACoC,IAtOJ;;EAuOjB;AACF;AACA;AACA;EACEC,SAAS,EAAErC,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,aAAR,EAAuB,QAAvB,EAAiC,gBAAjC,CAAhB,CA3OM;;EA4OjB;AACF;AACA;AACA;EACEQ,IAAI,EAAE9B,SAAS,CAACoC,IAhPC;;EAiPjB;AACF;AACA;AACA;EACEE,OAAO,EAAEtC,SAAS,CAACsB,KAAV,CAAgB,CACvB,YADuB,EAEvB,QAFuB,EAGvB,UAHuB,EAIvB,eAJuB,EAKvB,cALuB,EAMvB,cANuB,CAAhB,CArPQ;;EA6PjB;AACF;AACA;AACA;EACEb,EAAE,EAAET,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAjQa;;EAkQjB;AACF;AACA;AACA;EACEd,EAAE,EAAER,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAtQa;;EAuQjB;AACF;AACA;AACA;EACEf,EAAE,EAAEP,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA3Qa;;EA4QjB;AACF;AACA;AACA;AACA;EACEN,OAAO,EAAEhB,SAAS,CAACsB,KAAV,EAAiB,IAAjB,EAAuB,IAAvB,EAA6B,IAA7B,EAAmC,IAAnC,EAAyC,IAAzC,EAA+C,MAA/C,4BAA0DX,QAA1D,GAjRQ;;EAkRjB;AACF;AACA;AACA;EACE4B,IAAI,EAAEvC,SAAS,CAACsB,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,cAAnB,CAAhB,CAtRW;;EAuRjB;AACF;AACA;AACA;EACEZ,EAAE,EAAEV,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA3Ra;;EA4RjB;AACF;AACA;AACA;EACEhB,EAAE,EAAEN,SAAS,CAACsB,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAhSa;;EAiSjB;AACF;AACA;AACA;EACES,YAAY,EAAE/B,SAAS,CAACoC;AArSP,CAAnB;AAwSA,eAAelC,UAAU,CAAC,EAAD,EAAK;EAAEsC,IAAI,EAAE;AAAR,CAAL,CAAV,CAAmC5B,MAAnC,CAAf"}
+{"version":3,"file":"Grid.js","names":["React","PropTypes","isString","Grid","withStyles","useWidth","BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","SPACINGS","HvGrid","forwardRef","ref","container","spacing","others","width","gridSpacing","propTypes","alignContent","oneOf","alignItems","children","node","classes","shape","root","string","item","zeroMinWidth","isRequired","className","component","elementType","bool","direction","justify","wrap","name"],"sources":["../../../src/Grid/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isString from \"lodash/isString\";\nimport { Grid } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport useWidth from \"../utils/useWidth\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nconst SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://material-ui.com/components/grid/#grid).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-600[       | 15              | 4                 |\n * | sm         | [600-960[     | 15              | 8                 |\n * | md         | [960-1270[    | 30              | 12                |\n * | lg         | [1270-1920[   | 30              | 12                |\n * | xl         | [1920-...[    | 30              | 12                |\n *\n */\nconst HvGrid = React.forwardRef(({ container, spacing = \"auto\", ...others }, ref) => {\n  const width = useWidth();\n  let gridSpacing = spacing;\n\n  if (isString(spacing)) {\n    if (spacing === \"auto\") {\n      gridSpacing = BREAKPOINT_GUTTERS[width];\n    } else {\n      gridSpacing = BREAKPOINT_GUTTERS[spacing];\n    }\n  }\n\n  return <Grid ref={ref} {...(container && { container, spacing: gridSpacing })} {...others} />;\n});\n\n/*\n * copied from Material-UI Grid.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvGrid.propTypes = {\n  /**\n   * Defines the `align-content` style property.\n   * It's applied for all screen sizes.\n   */\n  alignContent: PropTypes.oneOf([\n    \"stretch\",\n    \"center\",\n    \"flex-start\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n  ]),\n  /**\n   * Defines the `align-items` style property.\n   * It's applied for all screen sizes.\n   */\n  alignItems: PropTypes.oneOf([\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"]),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if container={true}.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the root element if item={true}.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the root element if zeroMinWidth={true}.\n     */\n    zeroMinWidth: PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-column\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-reverse\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-row-reverse\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-nowrap\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-wrap-reverse\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-baseline\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-center\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-evenly\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-1\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-2\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-3\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-4\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-5\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-6\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-7\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-8\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-9\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-auto\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-true\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-1\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-2\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-3\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-4\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-5\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-6\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-7\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-8\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-9\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-11\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-12\": PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container: PropTypes.bool,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction: PropTypes.oneOf([\"row\", \"row-reverse\", \"column\", \"column-reverse\"]),\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item: PropTypes.bool,\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify: PropTypes.oneOf([\n    \"flex-start\",\n    \"center\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n    \"space-evenly\",\n  ]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 7.5px factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"auto\", ...SPACINGS]),\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap: PropTypes.oneOf([\"nowrap\", \"wrap\", \"wrap-reverse\"]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth: PropTypes.bool,\n};\n\nexport default withStyles({}, { name: \"HvGrid\" })(HvGrid);\n"],"mappings":"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"}

package/dist/legacy/Header/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvHeaderActionsClassKey = "root";
 

package/dist/legacy/Header/Actions/Actions.js

@@ -1,11 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "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) { _defineProperty(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; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var Actions = function Actions(props) {
   var classes = props.classes,
@@ -13,9 +26,11 @@ var Actions = function Actions(props) {
       children = props.children,
       others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Actions.propTypes = {

package/dist/legacy/Header/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","names":["React","PropTypes","clsx","withStyles","styles","Actions","props","classes","className","children","others","root","propTypes","shape","string","isRequired","node","name"],"sources":["../../../../src/Header/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst Actions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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   * Node to be rendered.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderActions\" })(Actions);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;EAAA,IAAyCC,MAAzC,4BAAoDJ,KAApD;;EACA,oBACE;IAAK,SAAS,EAAEJ,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACI,IAApB;EAApB,GAAmDD,MAAnD,GACGD,QADH,CADF;AAKD,CAPD;;AASA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEL,OAAO,EAAEN,SAAS,CAACY,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEV,SAAS,CAACa;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACEP,SAAS,EAAEP,SAAS,CAACa,MAbH;;EAclB;AACF;AACA;EACEL,QAAQ,EAAER,SAAS,CAACe;AAjBF,CAApB;AAoBA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDZ,OAAhD,CAAf"}
+{"version":3,"file":"Actions.js","names":["React","PropTypes","clsx","withStyles","styles","Actions","props","classes","className","children","others","root","propTypes","shape","string","isRequired","node","name"],"sources":["../../../../src/Header/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst Actions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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   * Node to be rendered.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;EAAA,IAAyCC,MAAzC,4BAAoDJ,KAApD;;EACA,oBACE;IAAK,SAAS,EAAEJ,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACI,IAApB;EAApB,GAAmDD,MAAnD;IAAA,UACGD;EADH,GADF;AAKD,CAPD;;AASA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEL,OAAO,EAAEN,SAAS,CAACY,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEV,SAAS,CAACa;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACEP,SAAS,EAAEP,SAAS,CAACa,MAbH;;EAclB;AACF;AACA;EACEL,QAAQ,EAAER,SAAS,CAACe;AAjBF,CAApB;AAoBA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDZ,OAAhD,CAAf"}

package/dist/legacy/Header/Brand/Brand.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvHeaderBrandClassKey = "root" | "separator";
 

package/dist/legacy/Header/Brand/Brand.js

@@ -1,13 +1,27 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "logo", "name"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import HvTypography from "../../Typography";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var Brand = function Brand(_ref) {
   var classes = _ref.classes,
@@ -16,13 +30,16 @@ var Brand = function Brand(_ref) {
       name = _ref.name,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), logo, logo && name && /*#__PURE__*/React.createElement("div", {
-    className: classes.separator
-  }), name && /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText"
-  }, name));
+  }, others), {}, {
+    children: [logo, logo && name && /*#__PURE__*/_jsx("div", {
+      className: classes.separator
+    }), name && /*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      children: name
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Brand.propTypes = {

package/dist/legacy/Header/Brand/Brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Brand","classes","className","logo","name","others","root","separator","propTypes","shape","string","isRequired","node"],"sources":["../../../../src/Header/Brand/Brand.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst Brand = ({ classes, className, logo, name, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && <HvTypography variant=\"highlightText\">{name}</HvTypography>}\n    </div>\n  );\n};\n\nBrand.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 separator component class.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The brand image node.\n   */\n  logo: PropTypes.node,\n  /**\n   * The brand name string.\n   */\n  name: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderBrand\" })(Brand);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,IAA4B,QAA5BA,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAET,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACK,IAApB;EAApB,GAAmDD,MAAnD,GACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;IAAK,SAAS,EAAEH,OAAO,CAACM;EAAxB,EAFnB,EAGGH,IAAI,iBAAI,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCA,IAAvC,CAHX,CADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,SAAS,EAAEZ,SAAS,CAACe;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACET,SAAS,EAAEP,SAAS,CAACe,MAjBL;;EAkBhB;AACF;AACA;EACEP,IAAI,EAAER,SAAS,CAACiB,IArBA;;EAsBhB;AACF;AACA;EACER,IAAI,EAAET,SAAS,CAACe;AAzBA,CAAlB;AA4BA,eAAeb,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CJ,KAA9C,CAAf"}
+{"version":3,"file":"Brand.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Brand","classes","className","logo","name","others","root","separator","propTypes","shape","string","isRequired","node"],"sources":["../../../../src/Header/Brand/Brand.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst Brand = ({ classes, className, logo, name, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && <HvTypography variant=\"highlightText\">{name}</HvTypography>}\n    </div>\n  );\n};\n\nBrand.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 separator component class.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The brand image node.\n   */\n  logo: PropTypes.node,\n  /**\n   * The brand name string.\n   */\n  name: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderBrand\" })(Brand);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,IAA4B,QAA5BA,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAET,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACK,IAApB;EAApB,GAAmDD,MAAnD;IAAA,WACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;MAAK,SAAS,EAAEH,OAAO,CAACM;IAAxB,EAFnB,EAGGH,IAAI,iBAAI,KAAC,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAA,UAAuCA;IAAvC,EAHX;EAAA,GADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,SAAS,EAAEZ,SAAS,CAACe;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACET,SAAS,EAAEP,SAAS,CAACe,MAjBL;;EAkBhB;AACF;AACA;EACEP,IAAI,EAAER,SAAS,CAACiB,IArBA;;EAsBhB;AACF;AACA;EACER,IAAI,EAAET,SAAS,CAACe;AAzBA,CAAlB;AA4BA,eAAeb,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CJ,KAA9C,CAAf"}

package/dist/legacy/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, AppBarProps } from "@material-ui/core";
+import { StandardProps, AppBarProps } from "@mui/material";
 
 export type HvHeaderClassKey = "root" | "header" | "backgroundColor";
 

package/dist/legacy/Header/Header.js

@@ -1,9 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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) { _defineProperty(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; }
+
 import React from "react";
 import PropTypes from "prop-types";
-import { AppBar, withStyles } from "@material-ui/core";
+import { AppBar } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 /**
  * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.
@@ -16,6 +29,8 @@ import styles from "./styles";
  * </ul>
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 var HvHeader = function HvHeader(_ref) {
   var classes = _ref.classes,
       _ref$position = _ref.position,
@@ -23,15 +38,18 @@ var HvHeader = function HvHeader(_ref) {
       children = _ref.children,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(AppBar, _extends({
+  return /*#__PURE__*/_jsx(AppBar, _objectSpread(_objectSpread({
     classes: {
       root: classes.root,
       colorPrimary: classes.backgroundColor
     },
     position: position
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.header
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.header,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {

package/dist/legacy/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","PropTypes","AppBar","withStyles","styles","HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","shape","string","isRequired","oneOf","node","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,mBAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,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,oBAAC,MAAD;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,EAAEL,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEZ,SAAS,CAACe,MARK;;IASvB;AACJ;AACA;IACIJ,eAAe,EAAEX,SAAS,CAACe;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEV,QAAQ,EAAEN,SAAS,CAACiB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,IAAV,CAAeF;AAzBN,CAArB;AA4BA,eAAed,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCf,QAAzC,CAAf"}
+{"version":3,"file":"Header.js","names":["React","PropTypes","AppBar","withStyles","styles","HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","shape","string","isRequired","oneOf","node","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACA,IAAMC,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,KAAC,MAAD;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,EAAEL,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEZ,SAAS,CAACe,MARK;;IASvB;AACJ;AACA;IACIJ,eAAe,EAAEX,SAAS,CAACe;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEV,QAAQ,EAAEN,SAAS,CAACiB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,IAAV,CAAeF;AAzBN,CAArB;AA4BA,eAAed,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCf,QAAzC,CAAf"}

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

@@ -4,10 +4,11 @@ import "core-js/modules/es.array.map.js";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import SelectionContext from "../utils/SelectionContext";
 import MenuItem from "../MenuItem";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var MenuBar = function MenuBar(_ref) {
   var classes = _ref.classes,
@@ -21,20 +22,21 @@ var MenuBar = function MenuBar(_ref) {
   var isActive = isMenu && data.filter(function (item) {
     return item.id === selectionPath[1];
   }).length > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active)
-  }, /*#__PURE__*/React.createElement("ul", {
-    id: id,
-    className: classes.list,
-    onFocus: function onFocus() {}
-  }, data.map(function (item) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: item.id,
-      item: item,
-      type: type,
-      onClick: onClick
-    });
-  })));
+  return /*#__PURE__*/_jsx("div", {
+    className: clsx(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active),
+    children: /*#__PURE__*/_jsx("ul", {
+      id: id,
+      className: classes.list,
+      onFocus: function onFocus() {},
+      children: data.map(function (item) {
+        return /*#__PURE__*/_jsx(MenuItem, {
+          item: item,
+          type: type,
+          onClick: onClick
+        }, item.id);
+      })
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","names":["React","useContext","clsx","PropTypes","withStyles","SelectionContext","MenuItem","styles","MenuBar","classes","id","data","onClick","type","selectionPath","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","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":"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"}
+{"version":3,"file":"MenuBar.js","names":["React","useContext","clsx","PropTypes","withStyles","SelectionContext","MenuItem","styles","MenuBar","classes","id","data","onClick","type","selectionPath","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","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":"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"}

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

@@ -1,9 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/es.string.link.js";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { KeyboardCodes, isKeypress } from "../../../utils/KeyboardUtils";
 import HvTypography from "../../../Typography";
 import SelectionContext from "../utils/SelectionContext";
@@ -12,6 +24,8 @@ import ConditionalWrapper from "../../../utils/ConditionalWrapper";
 import MenuBar from "../MenuBar";
 import styles from "./styles";
 import isBrowser from "../../../utils/browser";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var MenuItem = function MenuItem(_ref) {
   var classes = _ref.classes,
@@ -47,40 +61,49 @@ var MenuItem = function MenuItem(_ref) {
   };
 
   var focusWrapper = function focusWrapper(childrenToWrap) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.externalReference
-    }, childrenToWrap);
+    return /*#__PURE__*/_jsx("div", {
+      className: classes.externalReference,
+      children: childrenToWrap
+    });
   };
 
   var isIe = isBrowser(["ie", "edge"]);
-  var label = /*#__PURE__*/React.createElement(HvTypography, {
-    variant: isSelected ? "selectedNavText" : "normalText"
-  }, item.label);
+
+  var label = /*#__PURE__*/_jsx(HvTypography, {
+    variant: isSelected ? "selectedNavText" : "normalText",
+    children: item.label
+  });
+
   var itemProps = {
     onClick: actionHandler,
     onKeyDown: actionHandler,
     tabIndex: 0,
     onFocus: handleFocus
   };
-  return /*#__PURE__*/React.createElement("li", {
+  return /*#__PURE__*/_jsxs("li", {
     id: id,
-    key: item.label,
-    className: clsx(classes.root, classes["".concat(type, "Item")], !isMenu && (isSelected ? classes.selectedItem : classes.notSelectedItem))
-  }, /*#__PURE__*/React.createElement(ConditionalWrapper, {
-    condition: isIe,
-    wrapper: focusWrapper
-  }, item !== null && item !== void 0 && item.href ? /*#__PURE__*/React.createElement("a", _extends({
-    className: clsx(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.createElement("div", _extends({
-    className: clsx(classes.button),
-    role: "button"
-  }, itemProps), label)), hasSubLevel && /*#__PURE__*/React.createElement(MenuBar, {
-    data: data,
-    onClick: onClick,
-    type: "menu"
-  }));
+    className: clsx(classes.root, classes["".concat(type, "Item")], !isMenu && (isSelected ? classes.selectedItem : classes.notSelectedItem)),
+    children: [/*#__PURE__*/_jsx(ConditionalWrapper, {
+      condition: isIe,
+      wrapper: focusWrapper,
+      children: item !== null && item !== void 0 && item.href ? /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
+        className: clsx(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__*/_jsx("div", _objectSpread(_objectSpread({
+        className: clsx(classes.button),
+        role: "button"
+      }, itemProps), {}, {
+        children: label
+      }))
+    }), hasSubLevel && /*#__PURE__*/_jsx(MenuBar, {
+      data: data,
+      onClick: onClick,
+      type: "menu"
+    })]
+  }, item.label);
 };
 
 process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useContext","clsx","PropTypes","withStyles","KeyboardCodes","isKeypress","HvTypography","SelectionContext","FocusContext","ConditionalWrapper","MenuBar","styles","isBrowser","MenuItem","classes","id","item","type","onClick","selectionPath","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","itemProps","onKeyDown","tabIndex","onFocus","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","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":["React","useContext","clsx","PropTypes","withStyles","KeyboardCodes","isKeypress","HvTypography","SelectionContext","FocusContext","ConditionalWrapper","MenuBar","styles","isBrowser","MenuItem","classes","id","item","type","onClick","selectionPath","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","itemProps","onKeyDown","tabIndex","onFocus","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","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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"}