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

package/dist/UserPreferences/UserPreferences.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");
@@ -23,7 +33,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.string.fixed.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -31,28 +41,34 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
 
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
 
-var _core = require("@material-ui/core");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
 
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
 
 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; }
+
 /**
  * User preferences are a group of configurable settings that can be customized for a particular user.
  *
@@ -154,30 +170,39 @@ var HvUserPreferences = function HvUserPreferences(_ref) {
     }
   }, [closeOnExit, toggleOpen]);
   var renderedContainer = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, {
       onClickAway: function onClickAway() {
         return closeOnExit && toggleOpen(false);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: containerRef,
-      className: classes.contentContainer,
-      onKeyDown: handlerKeyContainer
-    }, userInfo && /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.userInfo
-    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "highlightText"
-    }, userInfo.label1), /*#__PURE__*/_react.default.createElement(_Typography.default, null, userInfo.label2)), children));
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ref: containerRef,
+        className: classes.contentContainer,
+        onKeyDown: handlerKeyContainer,
+        children: [userInfo && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: classes.userInfo,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            variant: "highlightText",
+            children: userInfo.label1
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            children: userInfo.label2
+          })]
+        }), children]
+      })
+    });
   }, [children, classes.userInfo, classes.contentContainer, handlerKeyContainer, userInfo, closeOnExit, toggleOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.default)(classes.root, className, {
       "static": classes.static,
       "relative": classes.relative,
       "fixed": classes.fixed,
       "absolute": classes.absolute
-    }[position])
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: classes.container
-  }, others), open && renderedContainer));
+    }[position]),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      className: classes.container
+    }, others), {}, {
+      children: open && renderedContainer
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
@@ -265,7 +290,7 @@ process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
   })
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvUserPreferences"
 })(HvUserPreferences);
 

package/dist/UserPreferences/UserPreferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPreferences.js","names":["HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","first","focus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","shiftKey","id","last","Esc","renderedContainer","useMemo","contentContainer","label1","label2","clsx","root","static","relative","fixed","absolute","container","propTypes","PropTypes","string","shape","isRequired","bool","oneOf","node","func","withStyles","styles","name"],"sources":["../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { getFirstAndLastFocus, isKeypress, KeyboardCodes } from \"../utils\";\nimport styles from \"./styles\";\nimport Typography from \"../Typography\";\n\n/**\n * User preferences are a group of configurable settings that can be customized for a particular user.\n *\n * Our implementation of the User Preferences component is divided in:\n * <ul>\n * <li>Actions - container for actions</li>\n * <li>Action - action button</li>\n * <li>Options - container for options</li>\n * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>\n * <li>Label - Label typography.</li>\n * <li>Option - Option button</li>\n * </ul>\n * To build the User Preferences component, a composition of these elements should be used.\n *\n */\nconst HvUserPreferences = ({\n  className,\n  classes,\n  isOpen = false,\n  toggleOpenCallback,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  userInfo,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n        if (focusableList.current.first) focusableList.current.first.focus();\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received parameter.\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(newState);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {userInfo && (\n            <div className={classes.userInfo}>\n              <Typography variant=\"highlightText\">{userInfo.label1}</Typography>\n              <Typography>{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"mappings":"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"}
+{"version":3,"file":"UserPreferences.js","names":["HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","first","focus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","shiftKey","id","last","Esc","renderedContainer","useMemo","contentContainer","label1","label2","clsx","root","static","relative","fixed","absolute","container","propTypes","PropTypes","string","shape","isRequired","bool","oneOf","node","func","withStyles","styles","name"],"sources":["../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@mui/material/ClickAwayListener\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { getFirstAndLastFocus, isKeypress, KeyboardCodes } from \"../utils\";\nimport styles from \"./styles\";\nimport Typography from \"../Typography\";\n\n/**\n * User preferences are a group of configurable settings that can be customized for a particular user.\n *\n * Our implementation of the User Preferences component is divided in:\n * <ul>\n * <li>Actions - container for actions</li>\n * <li>Action - action button</li>\n * <li>Options - container for options</li>\n * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>\n * <li>Label - Label typography.</li>\n * <li>Option - Option button</li>\n * </ul>\n * To build the User Preferences component, a composition of these elements should be used.\n *\n */\nconst HvUserPreferences = ({\n  className,\n  classes,\n  isOpen = false,\n  toggleOpenCallback,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  userInfo,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n        if (focusableList.current.first) focusableList.current.first.focus();\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received parameter.\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(newState);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {userInfo && (\n            <div className={classes.userInfo}>\n              <Typography variant=\"highlightText\">{userInfo.label1}</Typography>\n              <Typography>{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAUpB;EAAA,IATJC,SASI,QATJA,SASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,uBAPJC,MAOI;EAAA,IAPJA,MAOI,4BAPK,KAOL;EAAA,IANJC,kBAMI,QANJA,kBAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,yBAJJC,QAII;EAAA,IAJJA,QAII,8BAJO,QAIP;EAAA,4BAHJC,WAGI;EAAA,IAHJA,WAGI,iCAHU,KAGV;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,MACC;;EACJ,gBAAwB,IAAAC,eAAA,EAASP,MAAT,CAAxB;EAAA;EAAA,IAAOQ,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAAwC,IAAAF,eAAA,EAAS,IAAT,CAAxC;EAAA;EAAA,IAAOG,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,YAAY,GAAG,IAAAC,aAAA,EAAO,IAAP,CAArB;EACA,IAAMC,aAAa,GAAG,IAAAD,aAAA,EAAO,IAAP,CAAtB;;EAEA,IAAIb,MAAM,KAAKU,YAAf,EAA6B;IAC3BD,OAAO,CAACT,MAAD,CAAP;IACAW,eAAe,CAACX,MAAD,CAAf;EACD;EAED;AACF;AACA;AACA;;;EACE,IAAAe,gBAAA,EAAU,YAAM;IACdC,UAAU,CAAC,YAAM;MACf,IAAIR,IAAJ,EAAU;QACRM,aAAa,CAACG,OAAd,GAAwB,IAAAC,2BAAA,EAAqBN,YAAY,CAACK,OAAlC,CAAxB;QACA,IAAIH,aAAa,CAACG,OAAd,CAAsBE,KAA1B,EAAiCL,aAAa,CAACG,OAAd,CAAsBE,KAAtB,CAA4BC,KAA5B;MAClC;IACF,CALS,CAAV;EAMD,CAPD,EAOG,CAACZ,IAAD,CAPH;EASA;AACF;AACA;;EACE,IAAMa,UAAU,GAAG,IAAAC,kBAAA,EACjB,YAAqB;IAAA,IAApBC,QAAoB,uEAAT,IAAS;;IACnB,IAAIA,QAAQ,KAAK,IAAjB,EAAuB;MACrB,IAAIA,QAAQ,KAAKf,IAAjB,EAAuB;QACrBC,OAAO,CAACc,QAAD,CAAP;MACD,CAFD,MAEO;QACL;MACD;IACF,CAND,MAMO;MACLd,OAAO,CAAC,UAACe,SAAD;QAAA,OAAe,CAACA,SAAhB;MAAA,CAAD,CAAP;IACD;;IACDvB,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,YAAAA,kBAAkB,CAAGsB,QAAH,CAAlB;EACD,CAZgB,EAajB,CAACtB,kBAAD,EAAqBO,IAArB,CAbiB,CAAnB;EAgBA;AACF;AACA;;EACE,IAAMiB,mBAAmB,GAAG,IAAAH,kBAAA,EAC1B,UAACI,KAAD,EAAW;IACT,IAAItB,WAAJ,EAAiB;MACf,IACE,IAAAuB,iBAAA,EAAWD,KAAX,EAAkBE,oBAAA,CAAcC,GAAhC,KACA,CAAC,IAAAC,cAAA,EAAMJ,KAAK,CAACK,MAAZ,CADD,IAEA,CAAC,IAAAD,cAAA,EAAMhB,aAAa,CAACG,OAApB,CAFD,IAGA,CAAC,IAAAa,cAAA,EAAMhB,aAAa,CAACG,OAAd,CAAsBE,KAA5B,CAJH,EAKE;QACA,IACGO,KAAK,CAACM,QAAN,IAAkBN,KAAK,CAACK,MAAN,CAAaE,EAAb,KAAoBnB,aAAa,CAACG,OAAd,CAAsBE,KAAtB,CAA4Bc,EAAnE,IACC,CAACP,KAAK,CAACM,QAAP,IAAmBN,KAAK,CAACK,MAAN,CAAaE,EAAb,KAAoBnB,aAAa,CAACG,OAAd,CAAsBiB,IAAtB,CAA2BD,EAFrE,EAGE;UACAZ,UAAU,CAAC,KAAD,CAAV;QACD;MACF;;MACD,IAAI,IAAAM,iBAAA,EAAWD,KAAX,EAAkBE,oBAAA,CAAcO,GAAhC,MAAyC,KAA7C,EAAoD;QAClD;MACD;;MACDd,UAAU,CAAC,KAAD,CAAV;IACD;EACF,CArByB,EAsB1B,CAACjB,WAAD,EAAciB,UAAd,CAtB0B,CAA5B;EAyBA,IAAMe,iBAAiB,GAAG,IAAAC,cAAA,EACxB;IAAA,oBACE,qBAAC,0BAAD;MAAmB,WAAW,EAAE;QAAA,OAAMjC,WAAW,IAAIiB,UAAU,CAAC,KAAD,CAA/B;MAAA,CAAhC;MAAA,uBAEE;QACE,GAAG,EAAET,YADP;QAEE,SAAS,EAAEb,OAAO,CAACuC,gBAFrB;QAGE,SAAS,EAAEb,mBAHb;QAAA,WAKGpB,QAAQ,iBACP;UAAK,SAAS,EAAEN,OAAO,CAACM,QAAxB;UAAA,wBACE,qBAAC,mBAAD;YAAY,OAAO,EAAC,eAApB;YAAA,UAAqCA,QAAQ,CAACkC;UAA9C,EADF,eAEE,qBAAC,mBAAD;YAAA,UAAalC,QAAQ,CAACmC;UAAtB,EAFF;QAAA,EANJ,EAWGtC,QAXH;MAAA;IAFF,EADF;EAAA,CADwB,EAmBxB,CACEA,QADF,EAEEH,OAAO,CAACM,QAFV,EAGEN,OAAO,CAACuC,gBAHV,EAIEb,mBAJF,EAKEpB,QALF,EAMED,WANF,EAOEiB,UAPF,CAnBwB,CAA1B;EA8BA,oBACE;IACE,SAAS,EAAE,IAAAoB,aAAA,EACT1C,OAAO,CAAC2C,IADC,EAQT5C,SARS;MAGwB,QAHxB,EAGNC,OAAO,CAAC4C,MAHF;MAI0B,UAJ1B,EAIN5C,OAAO,CAAC6C,QAJF;MAKuB,OALvB,EAKN7C,OAAO,CAAC8C,KALF;MAM0B,UAN1B,EAMN9C,OAAO,CAAC+C;IANF,EAGW3C,QAHX,EADb;IAAA,uBAYE;MAAK,SAAS,EAAEJ,OAAO,CAACgD;IAAxB,GAAuCzC,MAAvC;MAAA,UACGE,IAAI,IAAI4B;IADX;EAZF,EADF;AAkBD,CAjID;;AAmIA,wCAAAvC,iBAAiB,CAACmD,SAAlB,GAA8B;EAC5B;AACF;AACA;EACElD,SAAS,EAAEmD,kBAAA,CAAUC,MAJO;;EAK5B;AACF;AACA;EACEnD,OAAO,EAAEkD,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEO,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIL,KAAK,EAAEI,kBAAA,CAAUC,MARM;;IASvB;AACJ;AACA;IACIN,QAAQ,EAAEK,kBAAA,CAAUC,MAZG;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEG,kBAAA,CAAUC,MAhBG;;IAiBvB;AACJ;AACA;IACIP,MAAM,EAAEM,kBAAA,CAAUC,MApBK;;IAqBvB;AACJ;AACA;IACIH,SAAS,EAAEE,kBAAA,CAAUC,MAxBE;;IAyBvB;AACJ;AACA;IACIZ,gBAAgB,EAAEW,kBAAA,CAAUC,MA5BL;;IA6BvB;AACJ;AACA;IACI7C,QAAQ,EAAE4C,kBAAA,CAAUC;EAhCG,CAAhB,EAiCNE,UAzCyB;;EA0C5B;AACF;AACA;EACEpD,MAAM,EAAEiD,kBAAA,CAAUI,IA7CU;;EA8C5B;AACF;AACA;EACElD,QAAQ,EAAE8C,kBAAA,CAAUK,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,CAAhB,CAjDkB;;EAkD5B;AACF;AACA;EACEpD,QAAQ,EAAE+C,kBAAA,CAAUM,IAAV,CAAeH,UArDG;;EAsD5B;AACF;AACA;EACEnD,kBAAkB,EAAEgD,kBAAA,CAAUO,IAzDF;;EA0D5B;AACF;AACA;EACEpD,WAAW,EAAE6C,kBAAA,CAAUI,IA7DK;;EA8D5B;AACF;AACA;EACEhD,QAAQ,EAAE4C,kBAAA,CAAUE,KAAV,CAAgB;IACxBZ,MAAM,EAAEU,kBAAA,CAAUC,MADM;IAExBV,MAAM,EAAES,kBAAA,CAAUC;EAFM,CAAhB;AAjEkB,CAA9B;;eAuEe,IAAAO,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD9D,iBAAlD,C"}

package/dist/UserPreferences/index.d.ts

@@ -1,10 +1,10 @@
 export { default } from "./UserPreferences";
 export * from "./UserPreferences";
 
-export { default as Action } from "./Action";
+export { default as UserPreferencesAction } from "./Action";
 export * from "./Action";
 
-export { default as Actions } from "./Actions";
+export { default as UserPreferencesActions } from "./Actions";
 export * from "./Actions";
 
 export * from "./Options";

package/dist/UserPreferences/index.js

@@ -1,49 +1,44 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Action: true,
-  Actions: true,
-  Options: true
-};
-Object.defineProperty(exports, "Action", {
+Object.defineProperty(exports, "HvUserPreferencesAction", {
   enumerable: true,
   get: function get() {
     return _Action.default;
   }
 });
-Object.defineProperty(exports, "Actions", {
+Object.defineProperty(exports, "HvUserPreferencesActions", {
   enumerable: true,
   get: function get() {
     return _Actions.default;
   }
 });
-Object.defineProperty(exports, "Options", {
+Object.defineProperty(exports, "HvUserPreferencesOption", {
+  enumerable: true,
+  get: function get() {
+    return _Options.Option;
+  }
+});
+Object.defineProperty(exports, "HvUserPreferencesOptions", {
   enumerable: true,
   get: function get() {
-    return _Options.default;
+    return _Options.Options;
+  }
+});
+Object.defineProperty(exports, "HvUserPreferencesOptionsGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Options.Group;
+  }
+});
+Object.defineProperty(exports, "HvUserPreferencesOptionsGroupLabel", {
+  enumerable: true,
+  get: function get() {
+    return _Options.Label;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -59,21 +54,5 @@ var _Action = _interopRequireDefault(require("./Action"));
 
 var _Actions = _interopRequireDefault(require("./Actions"));
 
-var _Options = _interopRequireWildcard(require("./Options"));
-
-Object.keys(_Options).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Options[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Options[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Options = require("./Options");
 //# sourceMappingURL=index.js.map

package/dist/UserPreferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/UserPreferences/index.js"],"sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as Action } from \"./Action\";\nexport { default as Actions } from \"./Actions\";\n\nexport { default as Options } from \"./Options\";\nexport * from \"./Options\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/UserPreferences/index.js"],"sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as HvUserPreferencesAction } from \"./Action\";\nexport { default as HvUserPreferencesActions } from \"./Actions\";\n\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./Options\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA"}

package/dist/VerticalNavigation/Actions/Action.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { NavigationData } from "../Navigation";
 import { HvTypographyProps } from "../../Typography";
 

package/dist/VerticalNavigation/Actions/Action.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"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -31,7 +41,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _KeyboardUtils = require("../../utils/KeyboardUtils");
 
@@ -39,7 +49,9 @@ var _Typography = _interopRequireDefault(require("../../Typography"));
 
 var _utils = require("../../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "id", "label", "icon", "onClick"];
 
@@ -47,6 +59,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Action = function Action(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
@@ -63,7 +79,7 @@ var Action = function Action(_ref) {
 
     onClick(event);
   }, [onClick]);
-  return /*#__PURE__*/_react.default.createElement(_Typography.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, _objectSpread(_objectSpread({
     id: (0, _utils.setId)(id, "button"),
     component: "div",
     role: "button",
@@ -71,7 +87,9 @@ var Action = function Action(_ref) {
     tabIndex: 0,
     onKeyDown: handleKeyDown,
     onClick: onClick
-  }, others), icon, label);
+  }, others), {}, {
+    children: [icon, label]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Action.propTypes = {
@@ -116,7 +134,7 @@ process.env.NODE_ENV !== "production" ? Action.propTypes = {
   onClick: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvVerticalNavigationAction"
 })(Action);
 

package/dist/VerticalNavigation/Actions/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","setId","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationAction\" })(Action);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsE;EAAA,IAAnEC,SAAmE,QAAnEA,SAAmE;EAAA,IAAxDC,OAAwD,QAAxDA,OAAwD;EAAA,IAA/CC,EAA+C,QAA/CA,EAA+C;EAAA,sBAA3CC,KAA2C;EAAA,IAA3CA,KAA2C,2BAAnC,EAAmC;EAAA,IAA/BC,IAA+B,QAA/BA,IAA+B;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACnF,IAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,KAAD,EAAW;IACT,IACEJ,OAAO,IAAI,IAAX,IACC,CAAC,IAAAK,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcC,KAAhC,CAAD,IAA2C,CAAC,IAAAF,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcE,QAAhC,CAF/C,EAGE;MACA;IACD;;IAEDR,OAAO,CAACI,KAAD,CAAP;EACD,CAVmB,EAWpB,CAACJ,OAAD,CAXoB,CAAtB;EAcA,oBACE,6BAAC,mBAAD;IACE,EAAE,EAAE,IAAAS,YAAA,EAAMZ,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAE,IAAAa,aAAA,EAAKf,SAAL,EAAgBC,OAAO,CAACe,MAAxB,EAAoD,CAACZ,IAArD,IAAmCH,OAAO,CAACgB,MAA3C,CAJb;IAKE,QAAQ,EAAE,CALZ;IAME,SAAS,EAAEV,aANb;IAOE,OAAO,EAAEF;EAPX,GAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACmB,SAAP,GAAmB;EACjB;AACF;AACA;EACElB,SAAS,EAAEmB,kBAAA,CAAUC,MAJJ;;EAKjB;AACF;AACA;EACEnB,OAAO,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,MAAM,EAAEG,kBAAA,CAAUC,MAJK;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC;EARK,CAAhB,EASNE,UAjBc;;EAkBjB;AACF;AACA;EACEpB,EAAE,EAAEiB,kBAAA,CAAUC,MArBG;;EAsBjB;AACF;AACA;EACEjB,KAAK,EAAEgB,kBAAA,CAAUC,MAzBA;;EA0BjB;AACF;AACA;EACEhB,IAAI,EAAEe,kBAAA,CAAUI,IA7BC;;EA8BjB;AACF;AACA;EACElB,OAAO,EAAEc,kBAAA,CAAUK;AAjCF,CAAnB;;eAoCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2D5B,MAA3D,C"}
+{"version":3,"file":"Action.js","names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","setId","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationAction\" })(Action);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsE;EAAA,IAAnEC,SAAmE,QAAnEA,SAAmE;EAAA,IAAxDC,OAAwD,QAAxDA,OAAwD;EAAA,IAA/CC,EAA+C,QAA/CA,EAA+C;EAAA,sBAA3CC,KAA2C;EAAA,IAA3CA,KAA2C,2BAAnC,EAAmC;EAAA,IAA/BC,IAA+B,QAA/BA,IAA+B;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACnF,IAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,KAAD,EAAW;IACT,IACEJ,OAAO,IAAI,IAAX,IACC,CAAC,IAAAK,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcC,KAAhC,CAAD,IAA2C,CAAC,IAAAF,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcE,QAAhC,CAF/C,EAGE;MACA;IACD;;IAEDR,OAAO,CAACI,KAAD,CAAP;EACD,CAVmB,EAWpB,CAACJ,OAAD,CAXoB,CAAtB;EAcA,oBACE,sBAAC,mBAAD;IACE,EAAE,EAAE,IAAAS,YAAA,EAAMZ,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAE,IAAAa,aAAA,EAAKf,SAAL,EAAgBC,OAAO,CAACe,MAAxB,EAAoD,CAACZ,IAArD,IAAmCH,OAAO,CAACgB,MAA3C,CAJb;IAKE,QAAQ,EAAE,CALZ;IAME,SAAS,EAAEV,aANb;IAOE,OAAO,EAAEF;EAPX,GAQMC,MARN;IAAA,WAUGF,IAVH,EAWGD,KAXH;EAAA,GADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACmB,SAAP,GAAmB;EACjB;AACF;AACA;EACElB,SAAS,EAAEmB,kBAAA,CAAUC,MAJJ;;EAKjB;AACF;AACA;EACEnB,OAAO,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,MAAM,EAAEG,kBAAA,CAAUC,MAJK;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC;EARK,CAAhB,EASNE,UAjBc;;EAkBjB;AACF;AACA;EACEpB,EAAE,EAAEiB,kBAAA,CAAUC,MArBG;;EAsBjB;AACF;AACA;EACEjB,KAAK,EAAEgB,kBAAA,CAAUC,MAzBA;;EA0BjB;AACF;AACA;EACEhB,IAAI,EAAEe,kBAAA,CAAUI,IA7BC;;EA8BjB;AACF;AACA;EACElB,OAAO,EAAEc,kBAAA,CAAUK;AAjCF,CAAnB;;eAoCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2D5B,MAA3D,C"}

package/dist/VerticalNavigation/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 HvActionsClassKey = "root";
 

package/dist/VerticalNavigation/Actions/Actions.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,24 +29,32 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "id", "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; }
+
 var Actions = function Actions(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
       id = _ref.id,
       children = _ref.children,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Actions.propTypes = {
@@ -62,7 +84,7 @@ process.env.NODE_ENV !== "production" ? Actions.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvVerticalNavigationActions"
 })(Actions);
 

package/dist/VerticalNavigation/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","names":["Actions","className","classes","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,IAAvCC,OAAuC,QAAvCA,OAAuC;EAAA,IAA9BC,EAA8B,QAA9BA,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB;EAAxB,GAA2DF,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJH;;EAKlB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACET,EAAE,EAAEM,kBAAA,CAAUC,MAjBI;;EAkBlB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAA,CAAUI;AArBF,CAApB;;eAwBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4DhB,OAA5D,C"}
+{"version":3,"file":"Actions.js","names":["Actions","className","classes","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,IAAvCC,OAAuC,QAAvCA,OAAuC;EAAA,IAA9BC,EAA8B,QAA9BA,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB;EAAxB,GAA2DF,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJH;;EAKlB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACET,EAAE,EAAEM,kBAAA,CAAUC,MAjBI;;EAkBlB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAA,CAAUI;AArBF,CAApB;;eAwBe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4DhB,OAA5D,C"}

package/dist/VerticalNavigation/Actions/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from "./Actions";
+export { default as Actions } from "./Actions";
 export * from "./Actions";
 
 export { default as Action } from "./Action";

package/dist/VerticalNavigation/Actions/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "Action", {
     return _Action.default;
   }
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Actions", {
   enumerable: true,
   get: function get() {
     return _Actions.default;

package/dist/VerticalNavigation/Actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/VerticalNavigation/Actions/index.js"],"sourcesContent":["export { default } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/VerticalNavigation/Actions/index.js"],"sourcesContent":["export { default as Actions } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/dist/VerticalNavigation/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 NavigationData {
   /**