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

package/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/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/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/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/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)

package/HiSelectableList/index.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "HiSelectableListHierarchic", {
   enumerable: true,
   get: function get() {
-    return _HiSelectableList.default;
+    return _HiSelectableListHierarchic.default;
   }
 });
 Object.defineProperty(exports, "HiSelectableListItem", {
@@ -17,10 +17,10 @@ Object.defineProperty(exports, "HiSelectableListItem", {
     return _HiSelectableListItem.default;
   }
 });
-Object.defineProperty(exports, "HiSelectableListHierarchic", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _HiSelectableListHierarchic.default;
+    return _HiSelectableList.default;
   }
 });
 

package/HiStepper/DefaultIndicator.js

@@ -9,14 +9,14 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
+var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 /**
  * Custom style for SvgIcon
  */
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       width: 20,

package/HiStepper/HiStep.js

@@ -17,21 +17,23 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/styles");
 
-var _Step = _interopRequireDefault(require("@material-ui/core/Step"));
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var _StepButton = _interopRequireDefault(require("@material-ui/core/StepButton"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
 
-var _StepContent = _interopRequireDefault(require("@material-ui/core/StepContent"));
+var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
 
-var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
+var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
 
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
 
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 
-var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
 
 var _DefaultIndicator = _interopRequireDefault(require("./DefaultIndicator"));
 
@@ -87,7 +89,7 @@ var HiStepIcon = function HiStepIcon(_ref) {
  */
 
 
-var useStepButtonStyle = (0, _styles.makeStyles)(function (theme) {
+var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       fontFamily: theme.typography.fontFamily
@@ -101,7 +103,7 @@ var useStepButtonStyle = (0, _styles.makeStyles)(function (theme) {
  * Custom style for StepContent
  */
 
-var useStepContentStyle = (0, _styles.makeStyles)(function (theme) {
+var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       marginLeft: 9,
@@ -118,7 +120,7 @@ var useStepContentStyle = (0, _styles.makeStyles)(function (theme) {
  * Custom style for StepLabel
  */
 
-var useStepLabelStyle = (0, _styles.makeStyles)(function (theme) {
+var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
   return {
     label: (0, _objectSpread2.default)({}, theme.typography.button, {
       fontWeight: '600 !important',

package/HiStepper/HiStepper.js

@@ -13,13 +13,15 @@ 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 _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
-var _StepConnector = _interopRequireDefault(require("@material-ui/core/StepConnector"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
 
-var HiStepConnector = (0, _styles.withStyles)(function (theme) {
+var _StepConnector = _interopRequireDefault(require("@mui/material/StepConnector"));
+
+var HiStepConnector = (0, _withStyles.default)(function (theme) {
   return {
     line: {
       border: 0,
@@ -31,7 +33,7 @@ var HiStepConnector = (0, _styles.withStyles)(function (theme) {
     }
   };
 })(_StepConnector.default);
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       padding: 0

package/HiStepper/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "HiStep", {
   enumerable: true,
   get: function get() {
-    return _HiStepper.default;
+    return _HiStep.default;
   }
 });
-Object.defineProperty(exports, "HiStep", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _HiStep.default;
+    return _HiStepper.default;
   }
 });
 

package/HiSwitch/HiSwitch.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"));
 
@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _SwitchBase = _interopRequireDefault(require("@material-ui/core/internal/SwitchBase"));
+var _SwitchBase = _interopRequireDefault(require("@mui/material/internal/SwitchBase"));
 
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
 var _helpers = require("../utils/helpers");
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var styles = function styles(theme) {
   return {
@@ -49,8 +49,8 @@ var styles = function styles(theme) {
       transition: theme.transitions.create(['opacity', 'background-color'], {
         duration: theme.transitions.duration.shortest
       }),
-      backgroundColor: theme.palette.type === 'light' ? theme.palette.neutral.main : '#fff',
-      opacity: theme.palette.type === 'light' ? 0.38 : 0.3
+      backgroundColor: theme.palette.mode === 'light' ? theme.palette.neutral.main : '#fff',
+      opacity: theme.palette.mode === 'light' ? 0.38 : 0.3
     },
     icon: {
       boxShadow: theme.shadows[1],
@@ -62,16 +62,16 @@ var styles = function styles(theme) {
       padding: 2
     },
     iconDisabled: {
-      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
+      backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
       '&:not($iconChecked)': {
-        color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]
+        color: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]
       }
     },
     // For SwitchBase
     switchBaseRoot: {
       zIndex: 1,
-      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
+      color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
       transition: theme.transitions.create('transform', {
         duration: theme.transitions.duration.shortest
       }),
@@ -79,10 +79,10 @@ var styles = function styles(theme) {
       width: 40
     },
     disabled: {
-      color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      color: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
       '& + $bar': {
-        backgroundColor: theme.palette.type === 'light' ? '#000' : '#fff',
-        opacity: theme.palette.type === 'light' ? 0.12 : 0.1
+        backgroundColor: theme.palette.mode === 'light' ? '#000' : '#fff',
+        opacity: theme.palette.mode === 'light' ? 0.12 : 0.1
       }
     },
     iconNotChecked: {
@@ -205,7 +205,7 @@ HiSwitch.defaultProps = {
   color: 'inherit'
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitch'
 })(HiSwitch);

package/HiSwitch/HiSwitchState.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"));
 
@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
-var _styles = require("@material-ui/core/styles");
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
 var _helpers = require("../utils/helpers");
 
@@ -93,8 +93,8 @@ var styles = function styles(theme) {
     },
     disabled: {
       '&$checked': {
-        backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-        color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+        color: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
       },
       boxShadow: 'none'
     }
@@ -155,7 +155,7 @@ HiSwitchState.defaultProps = {
   disabled: false
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
 })(HiSwitchState);

package/HiSwitch/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "HiSwitchState", {
   enumerable: true,
   get: function get() {
-    return _HiSwitch.default;
+    return _HiSwitchState.default;
   }
 });
-Object.defineProperty(exports, "HiSwitchState", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _HiSwitchState.default;
+    return _HiSwitch.default;
   }
 });
 

package/HiTable/HiCellBuilder.js

@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
 
 var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
 

package/HiTable/HiTable.js

@@ -15,11 +15,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _styles = require("@material-ui/core/styles");
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
-var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
+var _Table = _interopRequireDefault(require("@mui/material/Table"));
 
-var _Skeleton = _interopRequireDefault(require("@material-ui/lab/Skeleton"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
 
 var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
 
@@ -32,7 +32,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; }
 
 // @inheritedComponent Table
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
       backgroundColor: theme.palette.background3
@@ -138,61 +138,61 @@ var HiTable = function HiTable(props) {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   }), /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
     classes: {
       root: classes.skeletonRoot
     },
-    variant: "rect",
+    variant: "rectangular",
     height: 32
   })), pageCount > 1 && activatePagination && /*#__PURE__*/_react.default.createElement(_HiPagination.default, {
     classes: {