@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/lib/ChartsConfig/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/ChartsConfig/InputProxy.js

@@ -16,7 +16,7 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
 var _Input = require('./Input');
 
@@ -50,7 +50,7 @@ var InputProxy = function InputProxy(_ref) {
   var prop = R.propOr({}, pkey, properties);
 
   return _react2.default.createElement(
-    _core.Grid,
+    _material.Grid,
     { item: true, xs: xs, sm: sm, lg: lg, style: { minWidth: minWidth } },
     _react2.default.createElement(_Input2.default, _extends({}, prop, {
       value: R.when(R.isNil, R.always(''))(prop.value),

package/lib/ChartsConfig/Title.js

@@ -15,15 +15,17 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _core = require('@material-ui/core');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+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 = exports.useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function () {
   return {
     title: {
       fontFamily: 'inherit'
@@ -38,11 +40,11 @@ var Title = function Title(_ref) {
   var classes = useStyles();
 
   return _react2.default.createElement(
-    _core.Grid,
+    _material.Grid,
     { container: true },
     !R.isNil(icon) && icon,
     _react2.default.createElement(
-      _core.Typography,
+      _material.Typography,
       { variant: 'h6', className: classes.title, inline: 'true' },
       label
     )

package/lib/Chips/CustomChip.js

@@ -18,13 +18,17 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _styles = require('@mui/material/styles');
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _Chip = require('@material-ui/core/Chip');
+var _Chip = require('@mui/material/Chip');
 
 var _Chip2 = _interopRequireDefault(_Chip);
 
@@ -52,7 +56,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)(_styles3.default);
+var useStyles = (0, _makeStyles2.default)(_styles3.default);
 
 var CustomChip = function CustomChip(_ref) {
   var _cx;
@@ -117,7 +121,6 @@ var CustomChip = function CustomChip(_ref) {
         tabIndex: 0,
         'aria-label': hasTooltip ? (0, _utils2.myTooltipRendererSrOnly)({ isRtl: isRtl, labelRenderer: labelRenderer, ariaLabelTooltip: ariaLabelTooltip })(items) : hasMultiLinedTooltip ? multiLinedTooltipRendererSrOnly(items) : null,
         'aria-hidden': false,
-        interactive: true,
         onOpen: function onOpen() {
           return setOpen(true);
         },
@@ -147,7 +150,8 @@ var CustomChip = function CustomChip(_ref) {
         className: iconClasses,
         'aria-label': ariaLabel + ' ' + label,
         component: 'span',
-        tabIndex: 0
+        tabIndex: 0,
+        size: 'small'
       },
       _react2.default.createElement(_Cross2.default, null)
     ),

package/lib/Chips/DeleteChip.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 _styles2 = require('./styles');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
-var _styles3 = _interopRequireDefault(_styles2);
+var _styles = require('./styles');
+
+var _styles2 = _interopRequireDefault(_styles);
 
 var _CustomChip = require('./CustomChip');
 
@@ -26,7 +28,7 @@ var _CustomChip2 = _interopRequireDefault(_CustomChip);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(_styles3.default);
+var useStyles = (0, _makeStyles2.default)(_styles2.default);
 
 var DeleteChip = function DeleteChip(_ref) {
   var onDeleteAll = _ref.onDeleteAll,

package/lib/Chips/GroupedChips.js

@@ -2,7 +2,11 @@
 
 exports.__esModule = true;
 
-var _styles = require('@material-ui/core/styles');
+var _styles = require('@mui/material/styles');
+
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
 var _propTypes = require('prop-types');
 
@@ -36,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)(_styles3.default);
+var useStyles = (0, _makeStyles2.default)(_styles3.default);
 
 var GroupedChips = function GroupedChips(_ref) {
   var _ref$itemProps = _ref.itemProps,

package/lib/Chips/styles.js

@@ -33,9 +33,9 @@ exports.default = function (theme) {
       color: theme.palette.primary.main
     },
     icon: {
-      color: theme.palette.primary.main,
+      color: theme.palette.primary.main + ' !important',
       cursor: 'pointer',
-      margin: 0,
+      margin: '0 !important',
       '&:hover': {
         color: 'inherit'
       },

package/lib/CollapseButtons/CollapseButtons.js

@@ -17,21 +17,23 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _useMediaQuery = require('@material-ui/core/useMediaQuery');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _useMediaQuery = require('@mui/material/useMediaQuery');
 
 var _useMediaQuery2 = _interopRequireDefault(_useMediaQuery);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
-var _Collapse = require('@material-ui/core/Collapse');
+var _Collapse = require('@mui/material/Collapse');
 
 var _Collapse2 = _interopRequireDefault(_Collapse);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
@@ -52,7 +54,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var MAX_COLUMNS = exports.MAX_COLUMNS = 12;
 var COLUMNS = exports.COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
 
-var useStyles = (0, _styles.makeStyles)(function () {
+var useStyles = (0, _makeStyles2.default)(function () {
   return {
     collapseContainer: {
       width: '100%'
@@ -74,7 +76,7 @@ var CollapseButtons = function CollapseButtons(props) {
       gridButtonsProps = _props$gridButtonsPro === undefined ? {} : _props$gridButtonsPro,
       _props$breakpoint = props.breakpoint,
       breakpoint = _props$breakpoint === undefined ? function (theme) {
-    return theme.breakpoints.down('sm');
+    return theme.breakpoints.down('md');
   } : _props$breakpoint,
       justify = props.justify,
       _props$textTransform = props.textTransform,

package/lib/CollapseButtons/Item.js

@@ -16,21 +16,23 @@ 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 _Button = require('@material-ui/core/Button');
+var _Button = require('@mui/material/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
-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 _SvgIcon = require('@material-ui/core/SvgIcon');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _SvgIcon = require('@mui/material/SvgIcon');
 
 var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
 
@@ -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 {
     paperItem: {
       alignItems: 'baseline'

package/lib/CollapseButtons/Paper.js

@@ -10,13 +10,15 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-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);
 
@@ -26,7 +28,7 @@ var _classnames2 = _interopRequireDefault(_classnames);
 
 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 {
     paper: {
       padding: theme.spacing(2.5),

package/lib/CollapsibleTree/Collapse.js

@@ -19,21 +19,25 @@ var _classnames2 = _interopRequireDefault(_classnames);
 
 var _ramda = require('ramda');
 
-var _styles = require('@material-ui/core/styles');
+var _styles = require('@mui/material/styles');
 
-var _Collapse = require('@material-ui/core/Collapse');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Collapse = require('@mui/material/Collapse');
 
 var _Collapse2 = _interopRequireDefault(_Collapse);
 
-var _Button = require('@material-ui/core/Button');
+var _Button = require('@mui/material/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
-var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
+var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown');
 
 var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 
-var _KeyboardArrowUp = require('@material-ui/icons/KeyboardArrowUp');
+var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp');
 
 var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
 
@@ -42,7 +46,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var VARIANT_ICON = 'icon';
 var VARIANT_BOLD = exports.VARIANT_BOLD = 'bold';
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   var _ref;
 
   return _ref = {

package/lib/CollapsibleTree/CollapsibleTree.js

@@ -16,41 +16,43 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _Container = require('@material-ui/core/Container');
+var _Container = require('@mui/material/Container');
 
 var _Container2 = _interopRequireDefault(_Container);
 
-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 _Divider = require('@material-ui/core/Divider');
+var _Divider = require('@mui/material/Divider');
 
 var _Divider2 = _interopRequireDefault(_Divider);
 
-var _Button = require('@material-ui/core/Button');
+var _Button = require('@mui/material/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
-var _IconButton = require('@material-ui/core/IconButton');
+var _IconButton = require('@mui/material/IconButton');
 
 var _IconButton2 = _interopRequireDefault(_IconButton);
 
-var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
+var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown');
 
 var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 
-var _KeyboardArrowUp = require('@material-ui/icons/KeyboardArrowUp');
+var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp');
 
 var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
 
-var _CircularProgress = require('@material-ui/core/CircularProgress');
+var _CircularProgress = require('@mui/material/CircularProgress');
 
 var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
 
-var _Grid = require('@material-ui/core/Grid');
+var _Grid = require('@mui/material/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
@@ -68,7 +70,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 {
     container: {
       display: 'flex',
@@ -171,7 +173,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
         children,
         _react2.default.createElement(
           _IconButton2.default,
-          { color: 'primary', onClick: onClick },
+          { color: 'primary', onClick: onClick, size: 'large' },
           icon
         )
       )

package/lib/Contact/Contact.js

@@ -18,9 +18,11 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _core = require('@material-ui/core');
+var _material = require('@mui/material');
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
 var _isemail = require('isemail');
 
@@ -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 {
     paper: {
       backgroundColor: theme.palette.background.paper,
@@ -158,13 +160,13 @@ var Contact = function Contact(_ref) {
   }, [emailHasError, detailsHasError, email, details, isSubmitDisable]);
 
   return _react2.default.createElement(
-    _core.Grid,
+    _material.Grid,
     { container: true, className: classes.paper, 'data-testid': 'contact-test-id' },
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true, xs: 12, sm: 12, md: 5 },
         _react2.default.createElement(_Mode2.default, {
           changeMode: setMode,
@@ -174,10 +176,10 @@ var Contact = function Contact(_ref) {
         })
       ),
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true, container: true, xs: 12, sm: 12, md: 6, 'flex-direction': 'column' },
         _react2.default.createElement(
-          _core.Grid,
+          _material.Grid,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -193,7 +195,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _core.Grid,
+          _material.Grid,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -209,7 +211,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _core.Grid,
+          _material.Grid,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -225,7 +227,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _core.Grid,
+          _material.Grid,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             inputProps: {
@@ -251,16 +253,16 @@ var Contact = function Contact(_ref) {
       )
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, xs: 12, md: 12 },
       _react2.default.createElement(
-        _core.Paper,
+        _material.Paper,
         { className: classes.emailReasonMessage },
         R.prop('message')(R.find(R.propEq('value', mode))(modes))
       )
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, xs: 12, md: 12 },
       _react2.default.createElement(_Input2.default, {
         variant: 'outlined',
@@ -276,9 +278,9 @@ var Contact = function Contact(_ref) {
       })
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, xs: 12, md: 12 },
-      _react2.default.createElement(_core.TextareaAutosize, {
+      _react2.default.createElement(_material.TextareaAutosize, {
         name: 'details',
         onChange: function onChange(e) {
           return setDetails(e.target.value);
@@ -294,15 +296,15 @@ var Contact = function Contact(_ref) {
       })
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, container: true, justifyContent: 'space-between' },
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true },
-        _react2.default.createElement(_core.FormControlLabel, {
-          control: _react2.default.createElement(_core.Checkbox, { name: 'checkedB', color: 'primary' }),
+        _react2.default.createElement(_material.FormControlLabel, {
+          control: _react2.default.createElement(_material.Checkbox, { name: 'checkedB', color: 'primary' }),
           label: _react2.default.createElement(
-            _core.Typography,
+            _material.Typography,
             { variant: 'h6' },
             R.prop('checkbox')(labels)
           ),
@@ -313,25 +315,25 @@ var Contact = function Contact(_ref) {
         })
       ),
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true },
         _react2.default.createElement(
-          _core.Typography,
+          _material.Typography,
           { variant: 'h6', className: classes.label, style: { paddingTop: 8 } },
           R.prop('organisationPrivacyPolicy')(labels)
         )
       )
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, container: true, justifyContent: 'space-between', alignItems: 'center' },
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true },
         children
       ),
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true },
         _react2.default.createElement(
           _.Button,

package/lib/Contact/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: 'small' },
     _react2.default.createElement(Icon, null)
   );
 };