@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/lib/InputNumber/InputNumber.js

@@ -20,17 +20,19 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _TextField = require('@material-ui/core/TextField');
+var _TextField = require('@mui/material/TextField');
 
 var _TextField2 = _interopRequireDefault(_TextField);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Typography = require('@material-ui/core/Typography');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Help = require('@material-ui/icons/Help');
+var _Help = require('@mui/icons-material/Help');
 
 var _Help2 = _interopRequireDefault(_Help);
 
@@ -44,7 +46,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     root: {
       display: 'flex',

package/lib/LabelDivider/LabelDivider.js

@@ -21,9 +21,11 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Typography = require('@material-ui/core/Typography');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
@@ -31,7 +33,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     hr: _extends({
       display: 'flex',

package/lib/Loading/Loading.js

@@ -18,9 +18,11 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Typography = require('@material-ui/core/Typography');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
@@ -28,7 +30,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     root: {
       display: 'flex',

package/lib/Logo/Logo.js

@@ -14,11 +14,13 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = (0, _makeStyles2.default)(function () {
   return {
     container: {
       display: 'block',

package/lib/Mode/Mode.js

@@ -16,17 +16,19 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _RadioGroup = require('@material-ui/core/RadioGroup');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _RadioGroup = require('@mui/material/RadioGroup');
 
 var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
 
-var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+var _FormControlLabel = require('@mui/material/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
 
-var _Radio = require('@material-ui/core/Radio');
+var _Radio = require('@mui/material/Radio');
 
 var _Radio2 = _interopRequireDefault(_Radio);
 
@@ -40,7 +42,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     title: _extends({
       padding: 0
@@ -73,7 +75,6 @@ var Warning = function Warning(_ref) {
       variant: 'light',
       'aria-label': title,
       'aria-hidden': false,
-      interactive: true,
       open: open,
       onOpen: function onOpen() {
         return setOpen(true);

package/lib/NoData/NoData.js

@@ -10,19 +10,21 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Typography = require('@material-ui/core/Typography');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Error = require('@material-ui/icons/Error');
+var _Error = require('@mui/icons-material/Error');
 
 var _Error2 = _interopRequireDefault(_Error);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = (0, _makeStyles2.default)(function () {
   return {
     root: {
       display: 'flex',

package/lib/Pagination/Pagination.js

@@ -14,43 +14,47 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _KeyboardArrowLeft = require('@material-ui/icons/KeyboardArrowLeft');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _KeyboardArrowLeft = require('@mui/icons-material/KeyboardArrowLeft');
 
 var _KeyboardArrowLeft2 = _interopRequireDefault(_KeyboardArrowLeft);
 
-var _KeyboardArrowRight = require('@material-ui/icons/KeyboardArrowRight');
+var _KeyboardArrowRight = require('@mui/icons-material/KeyboardArrowRight');
 
 var _KeyboardArrowRight2 = _interopRequireDefault(_KeyboardArrowRight);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _FirstPage = require('@material-ui/icons/FirstPage');
+var _FirstPage = require('@mui/icons-material/FirstPage');
 
 var _FirstPage2 = _interopRequireDefault(_FirstPage);
 
-var _LastPage = require('@material-ui/icons/LastPage');
+var _LastPage = require('@mui/icons-material/LastPage');
 
 var _LastPage2 = _interopRequireDefault(_LastPage);
 
-var _TextField = require('@material-ui/core/TextField');
+var _TextField = require('@mui/material/TextField');
 
 var _TextField2 = _interopRequireDefault(_TextField);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
+var _styles = require('@mui/material/styles');
+
 var _utils = require('../utils');
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       alignItems: 'center',

package/lib/PeriodPicker/PeriodPicker.js

@@ -18,7 +18,7 @@ var _dateFns = require('date-fns');
 
 var _dateFns2 = _interopRequireDefault(_dateFns);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 

package/lib/PeriodPicker/styles.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-exports.default = (0, _styles.makeStyles)(function (theme) {
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = (0, _makeStyles2.default)(function (theme) {
   return {
     headerContainer: {
       marginBottom: theme.spacing(0.5)

package/lib/ScopeList/Header.js

@@ -14,15 +14,15 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _NavigateBefore = require('@material-ui/icons/NavigateBefore');
+var _NavigateBefore = require('@mui/icons-material/NavigateBefore');
 
 var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
 
-var _NavigateNext = require('@material-ui/icons/NavigateNext');
+var _NavigateNext = require('@mui/icons-material/NavigateNext');
 
 var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
 

package/lib/ScopeList/Item.js

@@ -16,27 +16,27 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _ListItem = require('@material-ui/core/ListItem');
+var _ListItem = require('@mui/material/ListItem');
 
 var _ListItem2 = _interopRequireDefault(_ListItem);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _ListItemSecondaryAction = require('@material-ui/core/ListItemSecondaryAction');
+var _ListItemSecondaryAction = require('@mui/material/ListItemSecondaryAction');
 
 var _ListItemSecondaryAction2 = _interopRequireDefault(_ListItemSecondaryAction);
 
-var _ListItemText = require('@material-ui/core/ListItemText');
+var _ListItemText = require('@mui/material/ListItemText');
 
 var _ListItemText2 = _interopRequireDefault(_ListItemText);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/ScopeList/ScopeList.js

@@ -24,29 +24,29 @@ var _List = require('react-virtualized/dist/commonjs/List');
 
 var _List2 = _interopRequireDefault(_List);
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
-var _List3 = require('@material-ui/core/List');
+var _List3 = require('@mui/material/List');
 
 var _List4 = _interopRequireDefault(_List3);
 
-var _Container = require('@material-ui/core/Container');
+var _Container = require('@mui/material/Container');
 
 var _Container2 = _interopRequireDefault(_Container);
 
-var _NavigateBefore = require('@material-ui/icons/NavigateBefore');
+var _NavigateBefore = require('@mui/icons-material/NavigateBefore');
 
 var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
 
-var _NavigateNext = require('@material-ui/icons/NavigateNext');
+var _NavigateNext = require('@mui/icons-material/NavigateNext');
 
 var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
 
-var _HourglassEmpty = require('@material-ui/icons/HourglassEmpty');
+var _HourglassEmpty = require('@mui/icons-material/HourglassEmpty');
 
 var _HourglassEmpty2 = _interopRequireDefault(_HourglassEmpty);
 
-var _PlaylistAddCheck = require('@material-ui/icons/PlaylistAddCheck');
+var _PlaylistAddCheck = require('@mui/icons-material/PlaylistAddCheck');
 
 var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
 
@@ -118,7 +118,7 @@ var ScopeList = function ScopeList(props) {
 
   var ref = (0, _react.useRef)();
   var classes = (0, _styles.useStyles)();
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _material.useTheme)();
 
   var _useState3 = (0, _react.useState)(false),
       isLoading = _useState3[0],

package/lib/ScopeList/Selection.js

@@ -14,31 +14,31 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _List = require('@material-ui/core/List');
+var _List = require('@mui/material/List');
 
 var _List2 = _interopRequireDefault(_List);
 
-var _ListItem = require('@material-ui/core/ListItem');
+var _ListItem = require('@mui/material/ListItem');
 
 var _ListItem2 = _interopRequireDefault(_ListItem);
 
-var _ListItemText = require('@material-ui/core/ListItemText');
+var _ListItemText = require('@mui/material/ListItemText');
 
 var _ListItemText2 = _interopRequireDefault(_ListItemText);
 
-var _Collapse = require('@material-ui/core/Collapse');
+var _Collapse = require('@mui/material/Collapse');
 
 var _Collapse2 = _interopRequireDefault(_Collapse);
 
-var _Paper = require('@material-ui/core/Paper');
+var _Paper = require('@mui/material/Paper');
 
 var _Paper2 = _interopRequireDefault(_Paper);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Divider = require('@material-ui/core/Divider');
+var _Divider = require('@mui/material/Divider');
 
 var _Divider2 = _interopRequireDefault(_Divider);
 

package/lib/ScopeList/styles.js

@@ -3,11 +3,15 @@
 exports.__esModule = true;
 exports.useStyles = exports.height = undefined;
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var height = exports.height = 30;
 
-var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     middle: {
       margin: 'auto 0'

package/lib/Select/Select.js

@@ -16,17 +16,19 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _TextField = require('@material-ui/core/TextField');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _TextField = require('@mui/material/TextField');
 
 var _TextField2 = _interopRequireDefault(_TextField);
 
-var _MenuItem = require('@material-ui/core/MenuItem');
+var _MenuItem = require('@mui/material/MenuItem');
 
 var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
 var _classnames = require('classnames');
 
@@ -36,7 +38,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     root: _extends({}, theme.typography.body2),
     paper: {
@@ -132,7 +134,7 @@ var Select = function Select(_ref) {
         classes: { root: classes.root },
         renderValue: function renderValue() {
           return _react2.default.createElement(
-            _core.Typography,
+            _material.Typography,
             { variant: 'inherit', className: classes.typo },
             R.join(', ', labels)
           );
@@ -166,7 +168,7 @@ var Select = function Select(_ref) {
           disabled: R.propOr(false, 'disabled')(item)
         },
         _react2.default.createElement(
-          _core.Typography,
+          _material.Typography,
           {
             variant: 'inherit',
             className: (0, _classnames2.default)(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))

package/lib/Share/Form.js

@@ -14,17 +14,19 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Typography = require('@material-ui/core/Typography');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
-var _CircularProgress = require('@material-ui/core/CircularProgress');
+var _CircularProgress = require('@mui/material/CircularProgress');
 
 var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
 
@@ -44,7 +46,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       padding: theme.spacing(0, 1),

package/lib/Share/Mode.js

@@ -16,29 +16,33 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Card = require('@material-ui/core/Card');
+var _Card = require('@mui/material/Card');
 
 var _Card2 = _interopRequireDefault(_Card);
 
-var _styles = require('@material-ui/core/styles');
+var _styles = require('@mui/material/styles');
 
-var _CardContent = require('@material-ui/core/CardContent');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _CardContent = require('@mui/material/CardContent');
 
 var _CardContent2 = _interopRequireDefault(_CardContent);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _RadioGroup = require('@material-ui/core/RadioGroup');
+var _RadioGroup = require('@mui/material/RadioGroup');
 
 var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
 
-var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+var _FormControlLabel = require('@mui/material/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
 
-var _Radio = require('@material-ui/core/Radio');
+var _Radio = require('@mui/material/Radio');
 
 var _Radio2 = _interopRequireDefault(_Radio);
 
@@ -48,7 +52,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       backgroundColor: theme.palette.secondary.dark,

package/lib/Share/Share.js

@@ -14,13 +14,15 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Paper = require('@material-ui/core/Paper');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Paper = require('@mui/material/Paper');
 
 var _Paper2 = _interopRequireDefault(_Paper);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
@@ -38,7 +40,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       width: '100%',

package/lib/ShortUrls/ShortUrls.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
@@ -20,41 +20,43 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _TextareaAutosize = require('@material-ui/core/TextareaAutosize');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _TextareaAutosize = require('@mui/material/TextareaAutosize');
 
 var _TextareaAutosize2 = _interopRequireDefault(_TextareaAutosize);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _useMediaQuery = require('@material-ui/core/useMediaQuery');
+var _useMediaQuery = require('@mui/material/useMediaQuery');
 
 var _useMediaQuery2 = _interopRequireDefault(_useMediaQuery);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _Collapse = require('@material-ui/core/Collapse');
+var _Collapse = require('@mui/material/Collapse');
 
 var _Collapse2 = _interopRequireDefault(_Collapse);
 
-var _Close = require('@material-ui/icons/Close');
+var _Close = require('@mui/icons-material/Close');
 
 var _Close2 = _interopRequireDefault(_Close);
 
 var _ = require('../');
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       boxShadow: 'none',
@@ -85,7 +87,7 @@ var ShortUrls = function ShortUrls(_ref) {
       setIsNotifOpen = _ref.setIsNotifOpen;
 
   var isNarrow = (0, _useMediaQuery2.default)(function (theme) {
-    return theme.breakpoints.down('sm');
+    return theme.breakpoints.down('md');
   });
   var classes = useStyles();
 
@@ -120,7 +122,7 @@ var ShortUrls = function ShortUrls(_ref) {
             onClick: onClick,
             className: classes.submitButton
           },
-          isLoading ? _react2.default.createElement(_core.CircularProgress, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
+          isLoading ? _react2.default.createElement(_material.CircularProgress, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
         )
       ),
       _react2.default.createElement(