@hipay/hipay-material-ui 3.10.0 → 3.11.0-beta.0

package/es/HiForm/HiUploadInput.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,13 +25,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
 
-var _RemoveRedEye = _interopRequireDefault(require("@material-ui/icons/RemoveRedEye"));
+var _RemoveRedEye = _interopRequireDefault(require("@mui/icons-material/RemoveRedEye"));
 
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 
 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); }; }
 
@@ -137,7 +137,7 @@ var styles = function styles(theme) {
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
-      padding: "".concat(theme.spacing(2) - 2, "px 0 ").concat(theme.spacing(2) - 1, "px"),
+      padding: "calc(".concat(theme.spacing(2) - 2, "px 0 ").concat(theme.spacing(2), " - 1px)"),
       height: 39,
       display: 'inline-flex',
       width: '100%',
@@ -393,7 +393,7 @@ HiUploadInput.defaultProps = {
   }
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiUploadInput'
 })(HiUploadInput);

package/es/HiIcon/HiIcon.js

@@ -7,7 +7,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStyles = void 0;
+exports.useStyles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -21,9 +21,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 var _helpers = require("../utils/helpers");
 
@@ -33,7 +33,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     /* Styles applied to the root element. */
     root: {
@@ -62,46 +62,46 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
   var classes = useStyles(props);
   var iconName = icon !== null ? icon : children;
 
-  if (iconName && (0, _typeof2.default)(iconName) === "object") {
+  if (iconName && (0, _typeof2.default)(iconName) === 'object') {
     return iconName;
   }
 
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
-      return "line_awesome";
+      return 'line_awesome';
     } else if (iconName && iconName.indexOf('hi_') === 0) {
-      return "hipay";
+      return 'hipay';
     } else {
-      return "mui";
+      return 'mui';
     }
   }, [iconName]);
 
   switch (iconType) {
-    case "line_awesome":
+    case 'line_awesome':
       return /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
         ref: ref,
-        className: (0, _classnames.default)('fa', iconName, className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
+        className: (0, _classnames.default)('fa', iconName, className, (0, _defineProperty2.default)({}, classes.root, color !== 'inherit')),
         style: {
           fontSize: size
         }
       }, other));
 
-    case "hipay":
+    case 'hipay':
       var HipayIconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
       return /*#__PURE__*/_react.default.createElement(HipayIconName, (0, _extends2.default)({
         ref: ref,
-        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
-        color: "currentColor",
+        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== 'inherit')),
+        color: 'currentColor',
         size: size
       }, other));
 
-    case "mui":
+    case 'mui':
     default:
       // console.log({ ...props });
       return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
         ref: ref,
-        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
-        color: "inherit",
+        className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== 'inherit')),
+        color: 'inherit',
         style: {
           fontSize: size
         }

package/es/HiIconButton/HiIconButton.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStyles = void 0;
+exports.useStyles = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -17,14 +17,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
 // @inheritedComponent IconButton
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {},
     rootCustomColor: function rootCustomColor(props) {
@@ -32,7 +32,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 
       if (theme.palette[props.color]) {
         color = theme.palette[props.color].main;
-      } else if (props.color.charAt(0) === "#") {
+      } else if (props.color.charAt(0) === '#') {
         color = props.color;
       }
 
@@ -40,7 +40,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       return {
         color: color,
         '&:hover': {
-          backgroundColor: (0, _colorManipulator.alpha)(color, theme.palette.action.hoverOpacity),
+          backgroundColor: (0, _styles.alpha)(color, theme.palette.action.hoverOpacity),
           // Reset on touch devices, it doesn't add specificity
           '@media (hover: none)': {
             backgroundColor: 'transparent'
@@ -58,7 +58,7 @@ function HiIconButton(props) {
       color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color"]);
   var classes = useStyles(props);
-  var isHexColor = color.charAt(0) === "#";
+  var isHexColor = color.charAt(0) === '#';
   var isExtendedColor = ['positive', 'negative', 'middle', 'neutral'].includes(color);
   var isCustomColor = isHexColor || isExtendedColor;
   var rootClassNames = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.rootCustomColor, isCustomColor));
@@ -68,7 +68,8 @@ function HiIconButton(props) {
       root: rootClassNames,
       label: classes.label
     },
-    color: isCustomColor ? 'inherit' : color
+    color: isCustomColor ? 'inherit' : color,
+    size: "large"
   }, other), children);
 }
 

package/es/HiListItemLink/HiListItemLink.js

@@ -13,13 +13,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-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 _ArrowRight = _interopRequireDefault(require("@material-ui/icons/ArrowRight"));
+var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: function root(props) {
       return {

package/es/HiLoader/HiLoader.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _PropagateLoader = _interopRequireDefault(require("react-spinners/PropagateLoader"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 function HiLoader(props) {
   var className = props.className,
@@ -40,7 +40,7 @@ HiLoader.defaultProps = {
   color: 'primary'
 };
 
-var _default = (0, _styles.withStyles)({}, {
+var _default = (0, _withStyles.default)({}, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiLoader'

package/es/HiNotice/HiKPI.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,11 +25,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
+var _ButtonBase = _interopRequireDefault(require("@mui/material/ButtonBase"));
 
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 
 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); }; }
 
@@ -185,7 +185,7 @@ HiKPI.defaultProps = {
   color: 'inherit'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPI'
 })(HiKPI);

package/es/HiNotice/HiKPINotice.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _HiKPI = _interopRequireDefault(require("./HiKPI"));
 
@@ -61,7 +61,7 @@ HiKPINotice.defaultProps = {
   minify: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiKPINotice'
 })(HiKPINotice);

package/es/HiPagination/HiPagination.js

@@ -11,13 +11,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
 
 var _react = _interopRequireDefault(require("react"));
 
-var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
+var _PaginationItem = _interopRequireDefault(require("@mui/lab/PaginationItem"));
 
-var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
+var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     paginationItem: {
       backgroundColor: "transparent",

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStyles = exports.formatReferenceNumber = exports.formatIBANNumber = void 0;
+exports.useStyles = exports.formatReferenceNumber = exports.formatIBANNumber = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -19,7 +19,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
+
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 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); }
 
@@ -70,7 +72,7 @@ var formatReferenceNumber = function formatReferenceNumber(value) {
 };
 
 exports.formatReferenceNumber = formatReferenceNumber;
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     bankCard: {
       position: "relative",

package/es/HiPdfReader/HiPdfReader.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"));
 
@@ -27,9 +27,9 @@ var _HiButton = _interopRequireDefault(require("../HiButton"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress/"));
 
-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); }; }
 
@@ -238,7 +238,7 @@ HiPdfReader.defaultProps = {
   displayNavigationButtons: true
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiHiPdfReader',
   index: 51
 })(HiPdfReader);

package/es/HiPin/HiPin.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStyles = void 0;
+exports.useStyles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
@@ -13,9 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       display: 'inline-block',

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);