@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/lib/Contact/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/DataEdit/DataEdit.js

@@ -16,19 +16,19 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Checkbox = require('@material-ui/core/Checkbox');
+var _Checkbox = require('@mui/material/Checkbox');
 
 var _Checkbox2 = _interopRequireDefault(_Checkbox);
 
-var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+var _FormControlLabel = require('@mui/material/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
 

package/lib/DataEdit/Input.js

@@ -17,25 +17,27 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-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 _InputAdornment = require('@material-ui/core/InputAdornment');
+var _InputAdornment = require('@mui/material/InputAdornment');
 
 var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _Done = require('@material-ui/icons/Done');
+var _Done = require('@mui/icons-material/Done');
 
 var _Done2 = _interopRequireDefault(_Done);
 
-var _RotateLeft = require('@material-ui/icons/RotateLeft');
+var _RotateLeft = require('@mui/icons-material/RotateLeft');
 
 var _RotateLeft2 = _interopRequireDefault(_RotateLeft);
 
@@ -45,7 +47,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = (0, _makeStyles2.default)(function () {
   return {
     visibility: {
       visibility: 'hidden'
@@ -79,7 +81,7 @@ var RightIcon = function RightIcon(_ref2) {
     _IconButton2.default,
     { color: 'primary', onClick: function onClick() {
         return onSubmit();
-      } },
+      }, size: 'large' },
     _react2.default.createElement(Icon, null)
   );
 };
@@ -146,7 +148,8 @@ var MyInput = function MyInput(_ref3) {
         id: resetId,
         'aria-label': resetLabel,
         onKeyPress: onEnterLabel,
-        onClick: handleReset
+        onClick: handleReset,
+        size: 'large'
       },
       _react2.default.createElement(_RotateLeft2.default, { fontSize: 'small' })
     )

package/lib/DataFooter/DataFooter.js

@@ -22,19 +22,23 @@ var _size = require('@react-hook/size');
 
 var _size2 = _interopRequireDefault(_size);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Link = require('@material-ui/core/Link');
+var _Link = require('@mui/material/Link');
 
 var _Link2 = _interopRequireDefault(_Link);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _utils = require('@mui/utils');
 
 var _ = require('../');
 
@@ -50,7 +54,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var HEIGHT = 42;
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     footer: {
       minHeight: HEIGHT
@@ -152,7 +156,6 @@ var DataFooter = function DataFooter(_ref) {
                 'aria-hidden': false,
                 placement: 'top',
                 enterNextDelay: 100,
-                interactive: true,
                 arrow: true,
                 open: open,
                 onOpen: function onOpen() {
@@ -170,7 +173,7 @@ var DataFooter = function DataFooter(_ref) {
             ),
             _react2.default.createElement(
               _Typography2.default,
-              { variant: 'srOnly' },
+              { sx: _utils.visuallyHidden },
               copyright.content
             )
           )

package/lib/DataHeader/DataHeader.js

@@ -24,13 +24,17 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Info = require('@material-ui/icons/Info');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _styles = require('@mui/material/styles');
+
+var _Info = require('@mui/icons-material/Info');
 
 var _Info2 = _interopRequireDefault(_Info);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
@@ -54,7 +58,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 {
     header: {
       alignItems: 'center',
@@ -81,6 +85,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       lineHeight: 1.3
     },
     subtitle: _extends({
+      display: 'flex',
+      alignItems: 'center',
       lineHeight: 1.6,
       color: theme.palette.grey[600]
     }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),

package/lib/Dataflow/Dataflow.js

@@ -24,49 +24,51 @@ var _size = require('@react-hook/size');
 
 var _size2 = _interopRequireDefault(_size);
 
-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 _Collapse = require('@material-ui/core/Collapse');
+var _Collapse = require('@mui/material/Collapse');
 
 var _Collapse2 = _interopRequireDefault(_Collapse);
 
-var _Card = require('@material-ui/core/Card');
+var _Card = require('@mui/material/Card');
 
 var _Card2 = _interopRequireDefault(_Card);
 
-var _CardHeader = require('@material-ui/core/CardHeader');
+var _CardHeader = require('@mui/material/CardHeader');
 
 var _CardHeader2 = _interopRequireDefault(_CardHeader);
 
-var _CardContent = require('@material-ui/core/CardContent');
+var _CardContent = require('@mui/material/CardContent');
 
 var _CardContent2 = _interopRequireDefault(_CardContent);
 
-var _CardActions = require('@material-ui/core/CardActions');
+var _CardActions = require('@mui/material/CardActions');
 
 var _CardActions2 = _interopRequireDefault(_CardActions);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _ExpandMore = require('@material-ui/icons/ExpandMore');
+var _ExpandMore = require('@mui/icons-material/ExpandMore');
 
 var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
 
-var _ExpandLess = require('@material-ui/icons/ExpandLess');
+var _ExpandLess = require('@mui/icons-material/ExpandLess');
 
 var _ExpandLess2 = _interopRequireDefault(_ExpandLess);
 
-var _Link = require('@material-ui/core/Link');
+var _Link = require('@mui/material/Link');
 
 var _Link2 = _interopRequireDefault(_Link);
 
-var _Divider = require('@material-ui/core/Divider');
+var _Divider = require('@mui/material/Divider');
 
 var _Divider2 = _interopRequireDefault(_Divider);
 
@@ -84,7 +86,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     card: {
       borderBottom: '1px solid ' + theme.palette.grey[700],

package/lib/ExpansionPanel/ExpansionPanel.js

@@ -18,37 +18,39 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _Accordion = require('@material-ui/core/Accordion');
+var _Accordion = require('@mui/material/Accordion');
 
 var _Accordion2 = _interopRequireDefault(_Accordion);
 
-var _AccordionSummary = require('@material-ui/core/AccordionSummary');
+var _AccordionSummary = require('@mui/material/AccordionSummary');
 
 var _AccordionSummary2 = _interopRequireDefault(_AccordionSummary);
 
-var _AccordionDetails = require('@material-ui/core/AccordionDetails');
+var _AccordionDetails = require('@mui/material/AccordionDetails');
 
 var _AccordionDetails2 = _interopRequireDefault(_AccordionDetails);
 
-var _Typography = require('@material-ui/core/Typography');
+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 _ExpandMore = require('@material-ui/icons/ExpandMore');
+var _ExpandMore = require('@mui/icons-material/ExpandMore');
 
 var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
 
-var _EmojiObjects = require('@material-ui/icons/EmojiObjects');
+var _EmojiObjects = require('@mui/icons-material/EmojiObjects');
 
 var _EmojiObjects2 = _interopRequireDefault(_EmojiObjects);
 
+var _utils = require('@mui/utils');
+
 var _styles = require('./styles');
 
-var _utils = require('../utils');
+var _utils2 = require('../utils');
 
 var _Tooltip = require('../Tooltip');
 
@@ -107,7 +109,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
         className: (0, _classnames2.default)(classes.container, (_cx2 = {}, _cx2[classes.moreFiltersContainer] = moreFilters, _cx2)),
         classes: {
           content: (0, _classnames2.default)(classes.content, classes.ellipsis, (_cx3 = {}, _cx3[classes.moreFiltersContent] = moreFilters, _cx3)),
-          expandIcon: (0, _classnames2.default)(classes.iconSummaryPanel, (_cx4 = {}, _cx4[classes.moreFiltersExpandIcon] = moreFilters, _cx4))
+          expandIconWrapper: (0, _classnames2.default)(classes.iconSummaryPanel, (_cx4 = {}, _cx4[classes.moreFiltersExpandIcon] = moreFilters, _cx4))
         },
         expandIcon: _react2.default.createElement(_ExpandMore2.default, null),
         'aria-controls': id,
@@ -119,7 +121,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
         { container: true, item: true, className: classes.ellipsis },
         isPinned && _react2.default.createElement(
           _Typography2.default,
-          { variant: 'srOnly' },
+          { style: _utils.visuallyHidden },
           pinnedLabel
         ),
         _react2.default.createElement(
@@ -189,7 +191,7 @@ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   })
 } : {};
 
-exports.default = (0, _utils.withBlank)(function (_ref2) {
+exports.default = (0, _utils2.withBlank)(function (_ref2) {
   var isBlank = _ref2.isBlank;
   return { isBlank: isBlank };
 })(CustomExpansionPanel);

package/lib/ExpansionPanel/styles.js

@@ -9,11 +9,15 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-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 }; }
 
 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; } }
 
-var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     container: {
       minHeight: '40px !important',

package/lib/HierarchicalFilter/HierarchicalFilter.js

@@ -16,11 +16,11 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Container = require('@material-ui/core/Container');
+var _Container = require('@mui/material/Container');
 
 var _Container2 = _interopRequireDefault(_Container);
 
-var _ZoomOutMap = require('@material-ui/icons/ZoomOutMap');
+var _ZoomOutMap = require('@mui/icons-material/ZoomOutMap');
 
 var _ZoomOutMap2 = _interopRequireDefault(_ZoomOutMap);
 
@@ -34,7 +34,7 @@ var _utils = require('../VirtualizedTree/utils');
 
 var _styles = require('../ScopeList/styles');
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
 var _utils2 = require('../utils');
 
@@ -93,7 +93,7 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
   var classes = (0, _styles.useStyles)();
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _material.useTheme)();
   var isRtl = (0, _utils2.getIsRtl)(theme);
   var Chip = R.isNil(Tag) ? _.Tag : Tag;
   var _allGroupedItems = R.groupBy(R.propOr('#ROOT', 'parentId'), allItems);

package/lib/Icons/AccessibilityFilled.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/AccessibilityOutlined.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/AccountFilled.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/AccountOutlined.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Api.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Asterisk.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Bar.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/CopyContent.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Cross.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/HSymbol.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Row.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Scatter.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/StackedBar.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/StackedRow.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Timeline.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/VSymbol.js

@@ -8,7 +8,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Icons/Warning.js

@@ -16,7 +16,7 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _SvgIcon = require('@material-ui/core/SvgIcon');
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 

package/lib/Input/Input.js

@@ -21,21 +21,23 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-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 _InputAdornment = require('@material-ui/core/InputAdornment');
+var _InputAdornment = require('@mui/material/InputAdornment');
 
 var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _Done = require('@material-ui/icons/Done');
+var _Done = require('@mui/icons-material/Done');
 
 var _Done2 = _interopRequireDefault(_Done);
 
@@ -45,7 +47,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 () {
+var useStyles = (0, _makeStyles2.default)(function () {
   return {
     visibility: {
       visibility: 'hidden'
@@ -70,7 +72,7 @@ var RightIcon = function RightIcon(_ref2) {
     _IconButton2.default,
     { color: 'primary', onClick: function onClick() {
         return onSubmit();
-      } },
+      }, size: 'large' },
     _react2.default.createElement(Icon, null)
   );
 };