@hipay/hipay-material-ui 3.10.0 → 3.11.0

package/es/HiRadio/HiRadio.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 
 // @inheritedComponent Radio
 var styles = function styles(theme) {
@@ -59,7 +59,7 @@ var HiRadio = function HiRadio(_ref) {
 
 HiRadio.defaultProps = {};
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiRadio'
 })(HiRadio);

package/es/HiScrollStepper/HiScrollStepper.js

@@ -23,7 +23,7 @@ var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _core = require("@material-ui/core");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -31,7 +31,7 @@ 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; }
 
-var useStyles = (0, _core.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       display: 'flex'

package/es/HiSelect/HiDynamicSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -29,7 +29,7 @@ var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -109,6 +109,6 @@ var HiDynamicSelectField = /*#__PURE__*/function (_React$PureComponent) {
   return HiDynamicSelectField;
 }(_react.default.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles)(HiDynamicSelectField);
+var _default = (0, _withStyles.default)(styles)(HiDynamicSelectField);
 
 exports.default = _default;

package/es/HiSelect/HiNestedSelect.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = exports.filterValue = void 0;
+exports.styles = exports.filterValue = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -33,7 +33,7 @@ var _HiSelect = _interopRequireDefault(require("./HiSelect"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _helpers = require("../utils/helpers");
 
@@ -439,7 +439,7 @@ HiNestedSelect.defaultProps = {
   filterFunc: filterValue
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiNestedSelect'
 })(HiNestedSelect);

package/es/HiSelect/HiNestedSelectContent.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRecursiveFinalItemIdList = getRecursiveFinalItemIdList;
+exports.filterValue = exports.default = void 0;
 exports.findFinalItemRecursively = findFinalItemRecursively;
-exports.default = exports.filterValue = void 0;
+exports.getRecursiveFinalItemIdList = getRecursiveFinalItemIdList;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 

package/es/HiSelect/HiNestedSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -29,7 +29,7 @@ var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -109,6 +109,6 @@ var HiNestedSelectField = /*#__PURE__*/function (_React$PureComponent) {
   return HiNestedSelectField;
 }(_react.default.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles)(HiNestedSelectField);
+var _default = (0, _withStyles.default)(styles)(HiNestedSelectField);
 
 exports.default = _default;

package/es/HiSelect/HiSelect.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -33,13 +33,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactCustomScrollbars = _interopRequireDefault(require("react-custom-scrollbars"));
 
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
 
 var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
 
@@ -47,7 +47,7 @@ var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
 var _HiSelectInput = _interopRequireDefault(require("./HiSelectInput"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _helpers = require("../utils/helpers");
 
@@ -434,26 +434,26 @@ var HiSelect = /*#__PURE__*/function (_React$PureComponent) {
           event.stopPropagation();
 
           _this.handleClose();
-        } else if (key === "down" && event.target.id.includes("_subheader")) {
+        } else if (key === 'down' && event.target.id.includes('_subheader')) {
           // Focus on parent, next item is child
           if (document.querySelector("#group-".concat(event.target.id, " li:nth-child(1)"))) {
             document.querySelector("#group-".concat(event.target.id, " li:nth-child(1)")).focus();
           }
-        } else if (key === "down" && !event.target.nextSibling) {
+        } else if (key === 'down' && !event.target.nextSibling) {
           var _document$getElementB, _document$getElementB2;
 
           // Focus on parent, next item is child
           if ((_document$getElementB = document.getElementById(event.target.dataset.group)) === null || _document$getElementB === void 0 ? void 0 : (_document$getElementB2 = _document$getElementB.nextSibling) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.nextSibling) {
             document.getElementById(event.target.dataset.group).nextSibling.nextSibling.focus();
           }
-        } else if (key === "up") {
+        } else if (key === 'up') {
           if (event.target.previousSibling === null && !!event.target.dataset.group) {
             // Previous item is parent item
             document.getElementById(event.target.dataset.group).focus();
           } else if (!!event.target.previousSibling && !event.target.dataset.group) {
             // On parent, go to previous (last) child
-            if (event.target.previousSibling.querySelector("li:last-child")) {
-              event.target.previousSibling.querySelector("li:last-child").focus();
+            if (event.target.previousSibling.querySelector('li:last-child')) {
+              event.target.previousSibling.querySelector('li:last-child').focus();
             }
           }
         }
@@ -922,7 +922,7 @@ HiSelect.defaultProps = {
   maxOptionsDisplayed: 12
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelect'
 })(HiSelect);

package/es/HiSelect/HiSelectContent.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.filterValue = exports.styles = void 0;
+exports.styles = exports.filterValue = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -33,7 +33,7 @@ var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _helpers = require("../utils/helpers");
 
@@ -409,7 +409,7 @@ HiSelectContent.defaultProps = {
   filterFunc: filterValue
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectContent'
 })(HiSelectContent);

package/es/HiSelect/HiSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -29,7 +29,7 @@ var _HiSelect = _interopRequireDefault(require("./HiSelect"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _index = require("@material-ui/core/styles/index");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -111,6 +111,6 @@ var HiSelectField = /*#__PURE__*/function (_React$PureComponent) {
   return HiSelectField;
 }(_react.default.PureComponent);
 
-var _default = (0, _index.withStyles)(styles)(HiSelectField);
+var _default = (0, _withStyles.default)(styles)(HiSelectField);
 
 exports.default = _default;

package/es/HiSelect/HiSelectInput.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -25,15 +25,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
 
-var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
+var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _keycode = _interopRequireDefault(require("keycode"));
 
@@ -222,7 +222,7 @@ var HiSelectInput = /*#__PURE__*/function (_React$PureComponent) {
         _this.props.onBlur(event);
       }
       /* else if (this.input && (!this.resetIcon || !this.resetIcon.contains(event.relatedTarget))) {
-         this.input.focus();
+        this.input.focus();
       }*/
 
     };
@@ -319,7 +319,7 @@ HiSelectInput.defaultProps = {
   error: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectInput'
 })(HiSelectInput);

package/es/HiSelect/HiSelectMobile.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -25,7 +25,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -164,6 +164,6 @@ HiSelectMobile.defaultProps = {
   itemList: []
 };
 
-var _default = (0, _styles.withStyles)(styles)(HiSelectMobile);
+var _default = (0, _withStyles.default)(styles)(HiSelectMobile);
 
 exports.default = _default;

package/es/HiSelect/HiSuggestSelect.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -27,9 +27,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -37,9 +37,9 @@ var _HiSelectableList = _interopRequireDefault(require("../HiSelectableList"));
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 
 var _helpers = require("../utils/helpers");
 
@@ -338,7 +338,7 @@ HiSuggestSelect.defaultProps = {
   options: []
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSuggestSelect'
 })(HiSuggestSelect);

package/es/HiSelect/HiSuggestSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -29,7 +29,7 @@ var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -98,6 +98,6 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
   return HiSuggestSelectField;
 }(_react.default.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles)(HiSuggestSelectField);
+var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
 
 exports.default = _default;

package/es/HiSelect/index.js

@@ -7,64 +7,64 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "HiNestedSelect", {
   enumerable: true,
   get: function get() {
-    return _HiSelect.default;
+    return _HiNestedSelect.default;
   }
 });
-Object.defineProperty(exports, "HiNestedSelect", {
+Object.defineProperty(exports, "HiNestedSelectContent", {
   enumerable: true,
   get: function get() {
-    return _HiNestedSelect.default;
+    return _HiNestedSelectContent.default;
   }
 });
-Object.defineProperty(exports, "HiSelectField", {
+Object.defineProperty(exports, "HiSelectContent", {
   enumerable: true,
   get: function get() {
-    return _HiSelectField.default;
+    return _HiSelectContent.default;
   }
 });
-Object.defineProperty(exports, "HiSelectInput", {
+Object.defineProperty(exports, "HiSelectField", {
   enumerable: true,
   get: function get() {
-    return _HiSelectInput.default;
+    return _HiSelectField.default;
   }
 });
-Object.defineProperty(exports, "HiSelectContent", {
+Object.defineProperty(exports, "HiSelectInput", {
   enumerable: true,
   get: function get() {
-    return _HiSelectContent.default;
+    return _HiSelectInput.default;
   }
 });
-Object.defineProperty(exports, "HiNestedSelectContent", {
+Object.defineProperty(exports, "HiSuggestSelect", {
   enumerable: true,
   get: function get() {
-    return _HiNestedSelectContent.default;
+    return _HiSuggestSelect.default;
   }
 });
-Object.defineProperty(exports, "findFinalItemRecursively", {
+Object.defineProperty(exports, "HiSuggestSelectField", {
   enumerable: true,
   get: function get() {
-    return _HiNestedSelectContent.findFinalItemRecursively;
+    return _HiSuggestSelectField.default;
   }
 });
-Object.defineProperty(exports, "getRecursiveFinalItemIdList", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _HiNestedSelectContent.getRecursiveFinalItemIdList;
+    return _HiSelect.default;
   }
 });
-Object.defineProperty(exports, "HiSuggestSelect", {
+Object.defineProperty(exports, "findFinalItemRecursively", {
   enumerable: true,
   get: function get() {
-    return _HiSuggestSelect.default;
+    return _HiNestedSelectContent.findFinalItemRecursively;
   }
 });
-Object.defineProperty(exports, "HiSuggestSelectField", {
+Object.defineProperty(exports, "getRecursiveFinalItemIdList", {
   enumerable: true,
   get: function get() {
-    return _HiSuggestSelectField.default;
+    return _HiNestedSelectContent.getRecursiveFinalItemIdList;
   }
 });
 

package/es/HiSelectableList/HiSelectableList.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
 
@@ -62,7 +62,7 @@ var styles = function styles(theme) {
       fontWeight: theme.typography.fontWeightMedium
     },
     parentRoot: {
-      "&:focus": {
+      '&:focus': {
         backgroundColor: theme.palette.action.hover,
         fontWeight: theme.typography.fontWeightMedium
       }
@@ -330,7 +330,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: this.handleKeyDown,
-        innerRef: function innerRef(el) {
+        ref: function ref(el) {
           _this3.el = el;
         }
       }, itemList.filter(function (item) {
@@ -356,7 +356,7 @@ HiSelectableList.defaultProps = {
   collapseParent: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableList',
   index: 51

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.styles = void 0;
+exports.styles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -23,9 +23,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
 
@@ -166,7 +166,7 @@ HiSelectableListHierarchic.defaultProps = {
   selectedItemIdList: []
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListHierarchic'
 })(HiSelectableListHierarchic);

package/es/HiSelectableList/HiSelectableListItem.js

@@ -7,7 +7,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStyles = exports.useItemLabelStyles = void 0;
+exports.useStyles = exports.useItemLabelStyles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -23,11 +23,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactUse = require("react-use");
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 
-var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
+var _ListSubheader = _interopRequireDefault(require("@mui/material/ListSubheader"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -39,15 +39,15 @@ var _HiLoader = _interopRequireDefault(require("../HiLoader"));
 
 var _helpers = require("../utils/helpers");
 
-var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
 
-var _ArrowRight = _interopRequireDefault(require("@material-ui/icons/ArrowRight"));
+var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
 
 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 || _typeof3(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 useItemLabelStyles = (0, _styles.makeStyles)(function (theme) {
+var useItemLabelStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {
       maxWidth: '100%',
@@ -103,7 +103,7 @@ function ItemLabel(props) {
   }, label);
 }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       paddingLeft: theme.spacing(1)