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

package/dist/modern/UserPreferences/Options/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["React","useContext","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","WithId","OptionsContext","Option","classes","id","className","label","icon","onClick","others","selected","onSelection","isSelected","handleClick","event","payload","li","action","propTypes","string","shape","noIcon","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Options/Option.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\nimport WithId from \"../../withId\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Option = ({ classes, id, className, label, icon, onClick, ...others }) => {\n  const { selected, onSelection } = useContext(OptionsContext);\n\n  const isSelected = id === selected;\n\n  const handleClick = (event) => {\n    if (isSelected) return;\n    const payload = { id, label };\n\n    onSelection?.(event, payload);\n    onClick?.(event, payload);\n  };\n\n  return (\n    <li className={classes.li}>\n      <HvButton\n        id={id}\n        category=\"ghost\"\n        className={clsx(className, classes.action, {\n          [classes.selected]: isSelected,\n        })}\n        onClick={handleClick}\n        startIcon={icon}\n        {...others}\n      >\n        <HvTypography>{label}</HvTypography>\n      </HvButton>\n    </li>\n  );\n};\n\nOption.propTypes = {\n  /**\n   * Id to be applied to the option.\n   */\n  id: PropTypes.string,\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    /**\n     * Style applied to the `li`.\n     */\n    li: PropTypes.string,\n    /**\n     * Style applied when selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\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: \"HvUserPreferencesOption\" })(WithId(Option));\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,OAAvC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;IAAEC,OAAF;IAAWC,EAAX;IAAeC,SAAf;IAA0BC,KAA1B;IAAiCC,IAAjC;IAAuCC;EAAvC,CAAgE;EAAA,IAAbC,MAAa;;EAC9E,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA4BlB,UAAU,CAACQ,cAAD,CAA5C;EAEA,MAAMW,UAAU,GAAGR,EAAE,KAAKM,QAA1B;;EAEA,MAAMG,WAAW,GAAIC,KAAD,IAAW;IAC7B,IAAIF,UAAJ,EAAgB;IAChB,MAAMG,OAAO,GAAG;MAAEX,EAAF;MAAME;IAAN,CAAhB;IAEAK,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAGG,KAAH,EAAUC,OAAV,CAAX;IACAP,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAND;;EAQA,oBACE;IAAI,SAAS,EAAEZ,OAAO,CAACa;EAAvB,gBACE,oBAAC,QAAD;IACE,EAAE,EAAEZ,EADN;IAEE,QAAQ,EAAC,OAFX;IAGE,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYF,OAAO,CAACc,MAApB,EACOL,UADP,IACZT,OAAO,CAACO,QADI,CAHjB;IAME,OAAO,EAAEG,WANX;IAOE,SAAS,EAAEN;EAPb,GAQME,MARN,gBAUE,oBAAC,YAAD,QAAeH,KAAf,CAVF,CADF,CADF;AAgBD,CA7BD;;AA+BA,wCAAAJ,MAAM,CAACgB,SAAP,GAAmB;EACjB;AACF;AACA;EACEd,EAAE,EAAEV,SAAS,CAACyB,MAJG;;EAKjB;AACF;AACA;EACEd,SAAS,EAAEX,SAAS,CAACyB,MARJ;;EASjB;AACF;AACA;EACEhB,OAAO,EAAET,SAAS,CAAC0B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAACyB,MAJK;;IAKvB;AACJ;AACA;IACIE,MAAM,EAAE3B,SAAS,CAACyB,MARK;;IASvB;AACJ;AACA;IACIH,EAAE,EAAEtB,SAAS,CAACyB,MAZS;;IAavB;AACJ;AACA;IACIT,QAAQ,EAAEhB,SAAS,CAACyB;EAhBG,CAAhB,EAiBNG,UA7Bc;;EA8BjB;AACF;AACA;EACEhB,KAAK,EAAEZ,SAAS,CAACyB,MAjCA;;EAkCjB;AACF;AACA;EACEZ,IAAI,EAAEb,SAAS,CAAC6B,IArCC;;EAsCjB;AACF;AACA;EACEf,OAAO,EAAEd,SAAS,CAAC8B;AAzCF,CAAnB;AA4CA,eAAe5B,UAAU,CAACC,MAAD,EAAS;EAAE4B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDzB,MAAM,CAACE,MAAD,CAA9D,CAAf"}
+{"version":3,"file":"Option.js","names":["React","useContext","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","WithId","OptionsContext","Option","classes","id","className","label","icon","onClick","others","selected","onSelection","isSelected","handleClick","event","payload","li","action","propTypes","string","shape","noIcon","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Options/Option.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\nimport WithId from \"../../withId\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Option = ({ classes, id, className, label, icon, onClick, ...others }) => {\n  const { selected, onSelection } = useContext(OptionsContext);\n\n  const isSelected = id === selected;\n\n  const handleClick = (event) => {\n    if (isSelected) return;\n    const payload = { id, label };\n\n    onSelection?.(event, payload);\n    onClick?.(event, payload);\n  };\n\n  return (\n    <li className={classes.li}>\n      <HvButton\n        id={id}\n        category=\"ghost\"\n        className={clsx(className, classes.action, {\n          [classes.selected]: isSelected,\n        })}\n        onClick={handleClick}\n        startIcon={icon}\n        {...others}\n      >\n        <HvTypography>{label}</HvTypography>\n      </HvButton>\n    </li>\n  );\n};\n\nOption.propTypes = {\n  /**\n   * Id to be applied to the option.\n   */\n  id: PropTypes.string,\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    /**\n     * Style applied to the `li`.\n     */\n    li: PropTypes.string,\n    /**\n     * Style applied when selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\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: \"HvUserPreferencesOption\" })(WithId(Option));\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,OAAvC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;;AAEA,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;IAAEC,OAAF;IAAWC,EAAX;IAAeC,SAAf;IAA0BC,KAA1B;IAAiCC,IAAjC;IAAuCC;EAAvC,CAAgE;EAAA,IAAbC,MAAa;;EAC9E,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA4BlB,UAAU,CAACQ,cAAD,CAA5C;EAEA,MAAMW,UAAU,GAAGR,EAAE,KAAKM,QAA1B;;EAEA,MAAMG,WAAW,GAAIC,KAAD,IAAW;IAC7B,IAAIF,UAAJ,EAAgB;IAChB,MAAMG,OAAO,GAAG;MAAEX,EAAF;MAAME;IAAN,CAAhB;IAEAK,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAGG,KAAH,EAAUC,OAAV,CAAX;IACAP,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAND;;EAQA,oBACE;IAAI,SAAS,EAAEZ,OAAO,CAACa,EAAvB;IAAA,uBACE,KAAC,QAAD;MACE,EAAE,EAAEZ,EADN;MAEE,QAAQ,EAAC,OAFX;MAGE,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYF,OAAO,CAACc,MAApB,EACOL,UADP,IACZT,OAAO,CAACO,QADI,CAHjB;MAME,OAAO,EAAEG,WANX;MAOE,SAAS,EAAEN;IAPb,GAQME,MARN;MAAA,uBAUE,KAAC,YAAD;QAAA,UAAeH;MAAf;IAVF;EADF,EADF;AAgBD,CA7BD;;AA+BA,wCAAAJ,MAAM,CAACgB,SAAP,GAAmB;EACjB;AACF;AACA;EACEd,EAAE,EAAEV,SAAS,CAACyB,MAJG;;EAKjB;AACF;AACA;EACEd,SAAS,EAAEX,SAAS,CAACyB,MARJ;;EASjB;AACF;AACA;EACEhB,OAAO,EAAET,SAAS,CAAC0B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAACyB,MAJK;;IAKvB;AACJ;AACA;IACIE,MAAM,EAAE3B,SAAS,CAACyB,MARK;;IASvB;AACJ;AACA;IACIH,EAAE,EAAEtB,SAAS,CAACyB,MAZS;;IAavB;AACJ;AACA;IACIT,QAAQ,EAAEhB,SAAS,CAACyB;EAhBG,CAAhB,EAiBNG,UA7Bc;;EA8BjB;AACF;AACA;EACEhB,KAAK,EAAEZ,SAAS,CAACyB,MAjCA;;EAkCjB;AACF;AACA;EACEZ,IAAI,EAAEb,SAAS,CAAC6B,IArCC;;EAsCjB;AACF;AACA;EACEf,OAAO,EAAEd,SAAS,CAAC8B;AAzCF,CAAnB;AA4CA,eAAe5B,UAAU,CAACC,MAAD,EAAS;EAAE4B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDzB,MAAM,CAACE,MAAD,CAA9D,CAAf"}

package/dist/modern/UserPreferences/Options/Options.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import * as React from "react";
 import { Payload } from "../Action";
 

package/dist/modern/UserPreferences/Options/Options.js

@@ -1,13 +1,19 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "onClick", "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 "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo, useState, useCallback } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import OptionsContext from "./OptionsContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Options = _ref => {
   let {
@@ -27,11 +33,14 @@ const Options = _ref => {
     selected,
     onSelection
   }), [selected, onSelection]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(OptionsContext.Provider, {
-    value: optionsStateContext
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(OptionsContext.Provider, {
+      value: optionsStateContext,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Options.propTypes = {

package/dist/modern/UserPreferences/Options/Options.js.map

@@ -1 +1 @@
-{"version":3,"file":"Options.js","names":["React","useMemo","useState","useCallback","clsx","PropTypes","withStyles","styles","OptionsContext","Options","classes","className","onClick","children","others","selected","setSelected","onSelection","event","payload","id","optionsStateContext","root","propTypes","string","shape","func","node","isRequired","name"],"sources":["../../../../src/UserPreferences/Options/Options.js"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Options = ({ classes, className, onClick, children, ...others }) => {\n  const [selected, setSelected] = useState();\n\n  const onSelection = useCallback(\n    (event, payload) => {\n      setSelected(payload.id);\n      onClick?.(event, payload);\n    },\n    [onClick]\n  );\n\n  const optionsStateContext = useMemo(\n    () => ({\n      selected,\n      onSelection,\n    }),\n    [selected, onSelection]\n  );\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <OptionsContext.Provider value={optionsStateContext}>{children}</OptionsContext.Provider>\n    </div>\n  );\n};\n\nOptions.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  /**\n   * Function call when a option is chosen.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOptions\" })(Options);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,EAAmCC,WAAnC,QAAsD,OAAtD;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,OAAO,GAAG,QAA0D;EAAA,IAAzD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,OAAtB;IAA+BC;EAA/B,CAAyD;EAAA,IAAbC,MAAa;;EACxE,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,EAAxC;EAEA,MAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAD,EAAQC,OAAR,KAAoB;IAClBH,WAAW,CAACG,OAAO,CAACC,EAAT,CAAX;IACAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAJ4B,EAK7B,CAACP,OAAD,CAL6B,CAA/B;EAQA,MAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;IACLc,QADK;IAELE;EAFK,CAAP,CADiC,EAKjC,CAACF,QAAD,EAAWE,WAAX,CALiC,CAAnC;EAQA,oBACE;IAAK,SAAS,EAAEb,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACY,IAApB;EAApB,GAAmDR,MAAnD,gBACE,oBAAC,cAAD,CAAgB,QAAhB;IAAyB,KAAK,EAAEO;EAAhC,GAAsDR,QAAtD,CADF,CADF;AAKD,CAxBD;;AA0BA,wCAAAJ,OAAO,CAACc,SAAR,GAAoB;EAClB;AACF;AACA;EACEZ,SAAS,EAAEN,SAAS,CAACmB,MAJH;;EAKlB;AACF;AACA;EACEd,OAAO,EAAEL,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAJO,CAAhB,CARS;;EAclB;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACqB,IAjBD;;EAkBlB;AACF;AACA;EACEb,QAAQ,EAAER,SAAS,CAACsB,IAAV,CAAeC;AArBP,CAApB;AAwBA,eAAetB,UAAU,CAACC,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDpB,OAAzD,CAAf"}
+{"version":3,"file":"Options.js","names":["React","useMemo","useState","useCallback","clsx","PropTypes","withStyles","styles","OptionsContext","Options","classes","className","onClick","children","others","selected","setSelected","onSelection","event","payload","id","optionsStateContext","root","propTypes","string","shape","func","node","isRequired","name"],"sources":["../../../../src/UserPreferences/Options/Options.js"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Options = ({ classes, className, onClick, children, ...others }) => {\n  const [selected, setSelected] = useState();\n\n  const onSelection = useCallback(\n    (event, payload) => {\n      setSelected(payload.id);\n      onClick?.(event, payload);\n    },\n    [onClick]\n  );\n\n  const optionsStateContext = useMemo(\n    () => ({\n      selected,\n      onSelection,\n    }),\n    [selected, onSelection]\n  );\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <OptionsContext.Provider value={optionsStateContext}>{children}</OptionsContext.Provider>\n    </div>\n  );\n};\n\nOptions.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  /**\n   * Function call when a option is chosen.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOptions\" })(Options);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,EAAmCC,WAAnC,QAAsD,OAAtD;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;;AAEA,MAAMC,OAAO,GAAG,QAA0D;EAAA,IAAzD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,OAAtB;IAA+BC;EAA/B,CAAyD;EAAA,IAAbC,MAAa;;EACxE,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,EAAxC;EAEA,MAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAD,EAAQC,OAAR,KAAoB;IAClBH,WAAW,CAACG,OAAO,CAACC,EAAT,CAAX;IACAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAJ4B,EAK7B,CAACP,OAAD,CAL6B,CAA/B;EAQA,MAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;IACLc,QADK;IAELE;EAFK,CAAP,CADiC,EAKjC,CAACF,QAAD,EAAWE,WAAX,CALiC,CAAnC;EAQA,oBACE;IAAK,SAAS,EAAEb,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACY,IAApB;EAApB,GAAmDR,MAAnD;IAAA,uBACE,KAAC,cAAD,CAAgB,QAAhB;MAAyB,KAAK,EAAEO,mBAAhC;MAAA,UAAsDR;IAAtD;EADF,GADF;AAKD,CAxBD;;AA0BA,wCAAAJ,OAAO,CAACc,SAAR,GAAoB;EAClB;AACF;AACA;EACEZ,SAAS,EAAEN,SAAS,CAACmB,MAJH;;EAKlB;AACF;AACA;EACEd,OAAO,EAAEL,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAJO,CAAhB,CARS;;EAclB;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACqB,IAjBD;;EAkBlB;AACF;AACA;EACEb,QAAQ,EAAER,SAAS,CAACsB,IAAV,CAAeC;AArBP,CAApB;AAwBA,eAAetB,UAAU,CAACC,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDpB,OAAzD,CAAf"}

package/dist/modern/UserPreferences/Options/index.js

@@ -1,4 +1,4 @@
-export { default } from "./Options";
+export { default as Options } from "./Options";
 export { default as Option } from "./Option";
 export { default as Group } from "./Group";
 export { default as Label } from "./Label";

package/dist/modern/UserPreferences/Options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Option","Group","Label"],"sources":["../../../../src/UserPreferences/Options/index.js"],"sourcesContent":["export { default } from \"./Options\";\n\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AAEA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC;AAEA,SAASF,OAAO,IAAIG,KAApB,QAAiC,SAAjC"}
+{"version":3,"file":"index.js","names":["default","Options","Option","Group","Label"],"sources":["../../../../src/UserPreferences/Options/index.js"],"sourcesContent":["export { default as Options } from \"./Options\";\n\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AAEA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AAEA,SAASF,OAAO,IAAIG,KAApB,QAAiC,SAAjC;AAEA,SAASH,OAAO,IAAII,KAApB,QAAiC,SAAjC"}

package/dist/modern/UserPreferences/UserPreferences.d.ts

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

package/dist/modern/UserPreferences/UserPreferences.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
+
+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/web.dom-collections.iterator.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import ClickAwayListener from "@material-ui/core/ClickAwayListener";
-import { withStyles } from "@material-ui/core";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
+import PropTypes from "prop-types";
+import ClickAwayListener from "@mui/material/ClickAwayListener";
+import { withStyles } from "@mui/styles";
 import { getFirstAndLastFocus, isKeypress, KeyboardCodes } from "../utils";
 import styles from "./styles";
 import Typography from "../Typography";
@@ -27,6 +32,9 @@ import Typography from "../Typography";
  *
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvUserPreferences = _ref => {
   let {
     className,
@@ -99,27 +107,36 @@ const HvUserPreferences = _ref => {
       toggleOpen(false);
     }
   }, [closeOnExit, toggleOpen]);
-  const renderedContainer = useMemo(() => /*#__PURE__*/React.createElement(ClickAwayListener, {
-    onClickAway: () => closeOnExit && toggleOpen(false)
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: classes.contentContainer,
-    onKeyDown: handlerKeyContainer
-  }, userInfo && /*#__PURE__*/React.createElement("div", {
-    className: classes.userInfo
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "highlightText"
-  }, userInfo.label1), /*#__PURE__*/React.createElement(Typography, null, userInfo.label2)), children)), [children, classes.userInfo, classes.contentContainer, handlerKeyContainer, userInfo, closeOnExit, toggleOpen]);
-  return /*#__PURE__*/React.createElement("div", {
+  const renderedContainer = useMemo(() => /*#__PURE__*/_jsx(ClickAwayListener, {
+    onClickAway: () => closeOnExit && toggleOpen(false),
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: containerRef,
+      className: classes.contentContainer,
+      onKeyDown: handlerKeyContainer,
+      children: [userInfo && /*#__PURE__*/_jsxs("div", {
+        className: classes.userInfo,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "highlightText",
+          children: userInfo.label1
+        }), /*#__PURE__*/_jsx(Typography, {
+          children: userInfo.label2
+        })]
+      }), children]
+    })
+  }), [children, classes.userInfo, classes.contentContainer, handlerKeyContainer, userInfo, closeOnExit, toggleOpen]);
+  return /*#__PURE__*/_jsx("div", {
     className: clsx(classes.root, className, {
       "static": classes.static,
       "relative": classes.relative,
       "fixed": classes.fixed,
       "absolute": classes.absolute
-    }[position])
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: classes.container
-  }, others), open && renderedContainer));
+    }[position]),
+    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      className: classes.container
+    }, others), {}, {
+      children: open && renderedContainer
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {

package/dist/modern/UserPreferences/UserPreferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPreferences.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","ClickAwayListener","withStyles","clsx","isNil","getFirstAndLastFocus","isKeypress","KeyboardCodes","styles","Typography","HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","focusableList","setTimeout","current","first","focus","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","shiftKey","id","last","Esc","renderedContainer","contentContainer","label1","label2","root","static","relative","fixed","absolute","container","propTypes","string","shape","isRequired","bool","oneOf","node","func","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":["React","useCallback","useEffect","useMemo","useRef","useState","clsx","isNil","PropTypes","ClickAwayListener","withStyles","getFirstAndLastFocus","isKeypress","KeyboardCodes","styles","Typography","HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","focusableList","setTimeout","current","first","focus","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","shiftKey","id","last","Esc","renderedContainer","contentContainer","label1","label2","root","static","relative","fixed","absolute","container","propTypes","string","shape","isRequired","bool","oneOf","node","func","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":"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"}

package/dist/modern/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/modern/UserPreferences/index.js

@@ -1,6 +1,5 @@
 export { default } from "./UserPreferences";
-export { default as Action } from "./Action";
-export { default as Actions } from "./Actions";
-export { default as Options } from "./Options";
-export * from "./Options";
+export { default as HvUserPreferencesAction } from "./Action";
+export { default as HvUserPreferencesActions } from "./Actions";
+export { Options as HvUserPreferencesOptions, Option as HvUserPreferencesOption, Group as HvUserPreferencesOptionsGroup, Label as HvUserPreferencesOptionsGroupLabel } from "./Options";
 //# sourceMappingURL=index.js.map

package/dist/modern/UserPreferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Action","Actions","Options"],"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,SAASA,OAAT,QAAwB,mBAAxB;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,WAAnC;AAEA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":["default","HvUserPreferencesAction","HvUserPreferencesActions","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel"],"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,SAASA,OAAT,QAAwB,mBAAxB;AAEA,SAASA,OAAO,IAAIC,uBAApB,QAAmD,UAAnD;AACA,SAASD,OAAO,IAAIE,wBAApB,QAAoD,WAApD;AAEA,SACEC,OAAO,IAAIC,wBADb,EAEEC,MAAM,IAAIC,uBAFZ,EAGEC,KAAK,IAAIC,6BAHX,EAIEC,KAAK,IAAIC,kCAJX,QAKO,WALP"}

package/dist/modern/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/modern/VerticalNavigation/Actions/Action.js

@@ -1,14 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "id", "label", "icon", "onClick"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _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, { useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { KeyboardCodes, isKeypress } from "../../utils/KeyboardUtils";
 import HvTypography from "../../Typography";
 import { setId } from "../../utils";
 import styles from "./styles";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const Action = _ref => {
   let {
@@ -28,7 +34,7 @@ const Action = _ref => {
 
     onClick(event);
   }, [onClick]);
-  return /*#__PURE__*/React.createElement(HvTypography, _extends({
+  return /*#__PURE__*/_jsxs(HvTypography, _objectSpread(_objectSpread({
     id: setId(id, "button"),
     component: "div",
     role: "button",
@@ -36,7 +42,9 @@ const Action = _ref => {
     tabIndex: 0,
     onKeyDown: handleKeyDown,
     onClick: onClick
-  }, others), icon, label);
+  }, others), {}, {
+    children: [icon, label]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Action.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["React","useCallback","PropTypes","clsx","withStyles","KeyboardCodes","isKeypress","HvTypography","setId","styles","Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","Enter","SpaceBar","action","noIcon","propTypes","string","shape","isRequired","node","func","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,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAG,QAAsE;EAAA,IAArE;IAAEC,SAAF;IAAaC,OAAb;IAAsBC,EAAtB;IAA0BC,KAAK,GAAG,EAAlC;IAAsCC,IAAtC;IAA4CC;EAA5C,CAAqE;EAAA,IAAbC,MAAa;;EACnF,MAAMC,aAAa,GAAGjB,WAAW,CAC9BkB,KAAD,IAAW;IACT,IACEH,OAAO,IAAI,IAAX,IACC,CAACV,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACe,KAAtB,CAAX,IAA2C,CAACd,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACgB,QAAtB,CAFzD,EAGE;MACA;IACD;;IAEDL,OAAO,CAACG,KAAD,CAAP;EACD,CAV8B,EAW/B,CAACH,OAAD,CAX+B,CAAjC;EAcA,oBACE,oBAAC,YAAD;IACE,EAAE,EAAER,KAAK,CAACK,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAEV,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACU,MAApB,EAAgD,CAACP,IAAjD,IAA+BH,OAAO,CAACW,MAAvC,CAJjB;IAKE,QAAQ,EAAE,CALZ;IAME,SAAS,EAAEL,aANb;IAOE,OAAO,EAAEF;EAPX,GAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACc,SAAP,GAAmB;EACjB;AACF;AACA;EACEb,SAAS,EAAET,SAAS,CAACuB,MAJJ;;EAKjB;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,MAAM,EAAEpB,SAAS,CAACuB,MAJK;;IAKvB;AACJ;AACA;IACIF,MAAM,EAAErB,SAAS,CAACuB;EARK,CAAhB,EASNE,UAjBc;;EAkBjB;AACF;AACA;EACEd,EAAE,EAAEX,SAAS,CAACuB,MArBG;;EAsBjB;AACF;AACA;EACEX,KAAK,EAAEZ,SAAS,CAACuB,MAzBA;;EA0BjB;AACF;AACA;EACEV,IAAI,EAAEb,SAAS,CAAC0B,IA7BC;;EA8BjB;AACF;AACA;EACEZ,OAAO,EAAEd,SAAS,CAAC2B;AAjCF,CAAnB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DpB,MAA3D,CAAf"}
+{"version":3,"file":"Action.js","names":["React","useCallback","PropTypes","clsx","withStyles","KeyboardCodes","isKeypress","HvTypography","setId","styles","Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","Enter","SpaceBar","action","noIcon","propTypes","string","shape","isRequired","node","func","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,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,MAAM,GAAG,QAAsE;EAAA,IAArE;IAAEC,SAAF;IAAaC,OAAb;IAAsBC,EAAtB;IAA0BC,KAAK,GAAG,EAAlC;IAAsCC,IAAtC;IAA4CC;EAA5C,CAAqE;EAAA,IAAbC,MAAa;;EACnF,MAAMC,aAAa,GAAGjB,WAAW,CAC9BkB,KAAD,IAAW;IACT,IACEH,OAAO,IAAI,IAAX,IACC,CAACV,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACe,KAAtB,CAAX,IAA2C,CAACd,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACgB,QAAtB,CAFzD,EAGE;MACA;IACD;;IAEDL,OAAO,CAACG,KAAD,CAAP;EACD,CAV8B,EAW/B,CAACH,OAAD,CAX+B,CAAjC;EAcA,oBACE,MAAC,YAAD;IACE,EAAE,EAAER,KAAK,CAACK,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAEV,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACU,MAApB,EAAgD,CAACP,IAAjD,IAA+BH,OAAO,CAACW,MAAvC,CAJjB;IAKE,QAAQ,EAAE,CALZ;IAME,SAAS,EAAEL,aANb;IAOE,OAAO,EAAEF;EAPX,GAQMC,MARN;IAAA,WAUGF,IAVH,EAWGD,KAXH;EAAA,GADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACc,SAAP,GAAmB;EACjB;AACF;AACA;EACEb,SAAS,EAAET,SAAS,CAACuB,MAJJ;;EAKjB;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,MAAM,EAAEpB,SAAS,CAACuB,MAJK;;IAKvB;AACJ;AACA;IACIF,MAAM,EAAErB,SAAS,CAACuB;EARK,CAAhB,EASNE,UAjBc;;EAkBjB;AACF;AACA;EACEd,EAAE,EAAEX,SAAS,CAACuB,MArBG;;EAsBjB;AACF;AACA;EACEX,KAAK,EAAEZ,SAAS,CAACuB,MAzBA;;EA0BjB;AACF;AACA;EACEV,IAAI,EAAEb,SAAS,CAAC0B,IA7BC;;EA8BjB;AACF;AACA;EACEZ,OAAO,EAAEd,SAAS,CAAC2B;AAjCF,CAAnB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DpB,MAA3D,CAAf"}

package/dist/modern/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/modern/VerticalNavigation/Actions/Actions.js

@@ -1,11 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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) { _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 { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import clsx from "clsx";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Actions = _ref => {
   let {
@@ -16,10 +22,12 @@ const Actions = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Actions.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,QAAqD;EAAA,IAApD;IAAEC,SAAF;IAAaC,OAAb;IAAsBC,EAAtB;IAA0BC;EAA1B,CAAoD;EAAA,IAAbC,MAAa;;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;EAA5B,GAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,SAAS,EAAEL,SAAS,CAACY,MAJH;;EAKlB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACEP,EAAE,EAAEP,SAAS,CAACY,MAjBI;;EAkBlB;AACF;AACA;EACEJ,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf"}
+{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,OAAO,GAAG,QAAqD;EAAA,IAApD;IAAEC,SAAF;IAAaC,OAAb;IAAsBC,EAAtB;IAA0BC;EAA1B,CAAoD;EAAA,IAAbC,MAAa;;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;EAA5B,GAA2DD,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,SAAS,EAAEL,SAAS,CAACY,MAJH;;EAKlB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACEP,EAAE,EAAEP,SAAS,CAACY,MAjBI;;EAkBlB;AACF;AACA;EACEJ,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf"}

package/dist/modern/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/modern/VerticalNavigation/Actions/index.js

@@ -1,3 +1,3 @@
-export { default } from "./Actions";
+export { default as Actions } from "./Actions";
 export { default as Action } from "./Action";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Action"],"sources":["../../../../src/VerticalNavigation/Actions/index.js"],"sourcesContent":["export { default } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
+{"version":3,"file":"index.js","names":["default","Actions","Action"],"sources":["../../../../src/VerticalNavigation/Actions/index.js"],"sourcesContent":["export { default as Actions } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AACA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC"}

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

package/dist/modern/VerticalNavigation/Navigation/Navigation.js

@@ -1,16 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "data", "mode", "collapsible", "expanded", "defaultExpanded", "onToggle", "selected", "defaultSelected", "onChange", "label", "onClick"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _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.array.unscopables.flat-map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useMemo } from "react";
 import PropTypes from "prop-types";
-import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { deprecatedPropType } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import clsx from "clsx";
-import TreeView, { TreeViewItem } from "../TreeView";
+import { TreeView, TreeViewItem } from "../TreeView";
 import { setId, useControlled } from "../../utils";
 import styles from "./styles";
 import { wrapperTooltip } from "../../List/utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const createListHierarchy = (items, id, classes) => items.map(item => {
   const {
@@ -24,19 +31,19 @@ const createListHierarchy = (items, id, classes) => items.map(item => {
     target
   } = item;
   const ItemText = wrapperTooltip(true, itemLabel, itemLabel);
-  return /*#__PURE__*/React.createElement(TreeViewItem, {
+  return /*#__PURE__*/_jsx(TreeViewItem, {
     id: setId(id, itemId),
     className: classes.listItem,
     href: href,
     target: target,
-    key: itemId,
     nodeId: itemId,
-    label: /*#__PURE__*/React.createElement(ItemText, null),
+    label: /*#__PURE__*/_jsx(ItemText, {}),
     icon: icon,
     payload: item,
     selectable: selectable,
-    disabled: disabled
-  }, children ? createListHierarchy(children, id, classes) : undefined);
+    disabled: disabled,
+    children: children ? createListHierarchy(children, id, classes) : undefined
+  }, itemId);
 });
 
 const getAllParents = items => {
@@ -140,21 +147,24 @@ const Navigation = _ref => {
     }
   }, [onClick, onToggle, setExpanded]);
   const children = useMemo(() => data && createListHierarchy(data, id, classes), [classes, data, id]);
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root),
     "aria-label": label
-  }, others), /*#__PURE__*/React.createElement(TreeView, {
-    id: setId(id, "tree"),
-    className: classes.list,
-    selectable: true,
-    mode: mode,
-    collapsible: collapsible,
-    selected: selected,
-    onChange: handleChange,
-    expanded: expanded,
-    onToggle: handleToggle
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(TreeView, {
+      id: setId(id, "tree"),
+      className: classes.list,
+      selectable: true,
+      mode: mode,
+      collapsible: collapsible,
+      selected: selected,
+      onChange: handleChange,
+      expanded: expanded,
+      onToggle: handleToggle,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {