@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/es/Logo/index.js

@@ -1,18 +1,18 @@
-/**
- * Logo is basic component for show your logo, you can add children if you want to add subtitle
- *
- * @memberOf VISIONS
- * @name Logo
- * @tag component
- * @api public
- * @props
- * Logo.propTypes = {
- *   logo: PropTypes.string,
- *   maxHeight: PropTypes.number,
- *   children: PropTypes.object,
- * };
- * @theme
- * // no custom theme there
+/**
+ * Logo is basic component for show your logo, you can add children if you want to add subtitle
+ *
+ * @memberOf VISIONS
+ * @name Logo
+ * @tag component
+ * @api public
+ * @props
+ * Logo.propTypes = {
+ *   logo: PropTypes.string,
+ *   maxHeight: PropTypes.number,
+ *   children: PropTypes.object,
+ * };
+ * @theme
+ * // no custom theme there
  */
 
 export { default } from './Logo';

package/es/Mode/Mode.js

@@ -3,10 +3,10 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Radio from '@material-ui/core/Radio';
+import makeStyles from '@mui/styles/makeStyles';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Radio from '@mui/material/Radio';
 import { Tooltip } from '../';
 import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
 
@@ -43,7 +43,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/es/NoData/NoData.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import Error from '@material-ui/icons/Error';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import Error from '@mui/icons-material/Error';
 
 var useStyles = makeStyles(function () {
   return {

package/es/Pagination/Pagination.js

@@ -1,15 +1,15 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
-import IconButton from '@material-ui/core/IconButton';
-import FirstPageIcon from '@material-ui/icons/FirstPage';
-import LastPageIcon from '@material-ui/icons/LastPage';
-import TextField from '@material-ui/core/TextField';
-import Typography from '@material-ui/core/Typography';
-import { useTheme } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
+import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
+import IconButton from '@mui/material/IconButton';
+import FirstPageIcon from '@mui/icons-material/FirstPage';
+import LastPageIcon from '@mui/icons-material/LastPage';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
 import { withBlank } from '../utils';
 
 var useStyles = makeStyles(function (theme) {

package/es/Pagination/index.js

@@ -1,31 +1,31 @@
-/**
- * Pagination
- *
- * @memberOf VISIONS
- * @name Pagination
- * @tag component
- * @api public
- * @props
- * Pagination.propTypes = {
- *   page: PropTypes.number,
- *   pages: PropTypes.number,
- *   onChange: PropTypes.func,
- *   onSubmit: PropTypes.func,
- *   labels: PropTypes.shape({
- *     page: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     of: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     startPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     previousPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     nextPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     endPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- * };
- * @theme
- * {
- *   typography: {
- *     fontSize: // input font size
- *   }
- * }
+/**
+ * Pagination
+ *
+ * @memberOf VISIONS
+ * @name Pagination
+ * @tag component
+ * @api public
+ * @props
+ * Pagination.propTypes = {
+ *   page: PropTypes.number,
+ *   pages: PropTypes.number,
+ *   onChange: PropTypes.func,
+ *   onSubmit: PropTypes.func,
+ *   labels: PropTypes.shape({
+ *     page: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     of: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     startPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     previousPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     nextPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     endPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *   }),
+ * };
+ * @theme
+ * {
+ *   typography: {
+ *     fontSize: // input font size
+ *   }
+ * }
  **/
 
 export { default } from './Pagination';

package/es/PeriodPicker/PeriodPicker.js

@@ -2,7 +2,7 @@ import React from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import dateFns from 'date-fns';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import { numeralFormat } from './lib';
 import { Select } from '../';
 import useStyles from './styles';

package/es/PeriodPicker/index.js

@@ -1,26 +1,26 @@
-/**
- * PeriodPicker allow to choice a period regarding a frequency
- *
- * @memberOf VISIONS
- * @name PeriodPicker
- * @tag component
- * @api public
- * @props
- * Period.propTypes = {
- *   defaultFrequency: PropTypes.string,
- *   availableFrequencies: PropTypes.array,
- *   boundaries: PropTypes.array,
- *   changePeriod: PropTypes.func,
- *   changeFrequency: PropTypes.func,
- *   period: PropTypes.array,
- *   labels: PropTypes.object,
- *   periodDisabled: PropTypes.bool,
- *   frequencyDisabled: PropTypes.bool,
- * };
- * @theme
- * // Select (drop down list, See Select Component)
- * // no custom theme there
- * @demoReady
+/**
+ * PeriodPicker allow to choice a period regarding a frequency
+ *
+ * @memberOf VISIONS
+ * @name PeriodPicker
+ * @tag component
+ * @api public
+ * @props
+ * Period.propTypes = {
+ *   defaultFrequency: PropTypes.string,
+ *   availableFrequencies: PropTypes.array,
+ *   boundaries: PropTypes.array,
+ *   changePeriod: PropTypes.func,
+ *   changeFrequency: PropTypes.func,
+ *   period: PropTypes.array,
+ *   labels: PropTypes.object,
+ *   periodDisabled: PropTypes.bool,
+ *   frequencyDisabled: PropTypes.bool,
+ * };
+ * @theme
+ * // Select (drop down list, See Select Component)
+ * // no custom theme there
+ * @demoReady
  */
 
 export { default } from './PeriodPicker';

package/es/PeriodPicker/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 
 export default makeStyles(function (theme) {
   return {

package/es/ScopeList/Header.js

@@ -1,9 +1,9 @@
 import React, { Fragment } from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
-import Typography from '@material-ui/core/Typography';
-import NavigateBefore from '@material-ui/icons/NavigateBefore';
-import NavigateNext from '@material-ui/icons/NavigateNext';
+import Typography from '@mui/material/Typography';
+import NavigateBefore from '@mui/icons-material/NavigateBefore';
+import NavigateNext from '@mui/icons-material/NavigateNext';
 import cx from 'classnames';
 import { Tooltip } from '../';
 

package/es/ScopeList/Item.js

@@ -3,12 +3,12 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 import React from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
-import ListItem from '@material-ui/core/ListItem';
-import Typography from '@material-ui/core/Typography';
-import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
-import ListItemText from '@material-ui/core/ListItemText';
-import IconButton from '@material-ui/core/IconButton';
-import SvgIcon from '@material-ui/core/SvgIcon';
+import ListItem from '@mui/material/ListItem';
+import Typography from '@mui/material/Typography';
+import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
+import ListItemText from '@mui/material/ListItemText';
+import IconButton from '@mui/material/IconButton';
+import SvgIcon from '@mui/material/SvgIcon';
 import cx from 'classnames';
 import { Tooltip } from '../';
 

package/es/ScopeList/ScopeList.js

@@ -5,13 +5,13 @@ import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import VirtualizedList from 'react-virtualized/dist/commonjs/List';
-import { useTheme } from '@material-ui/core';
-import List from '@material-ui/core/List';
-import Container from '@material-ui/core/Container';
-import NavigateBefore from '@material-ui/icons/NavigateBefore';
-import NavigateNext from '@material-ui/icons/NavigateNext';
-import HourglassEmptyIcon from '@material-ui/icons/HourglassEmpty';
-import PlaylistAddCheckIcon from '@material-ui/icons/PlaylistAddCheck';
+import { useTheme } from '@mui/material';
+import List from '@mui/material/List';
+import Container from '@mui/material/Container';
+import NavigateBefore from '@mui/icons-material/NavigateBefore';
+import NavigateNext from '@mui/icons-material/NavigateNext';
+import HourglassEmptyIcon from '@mui/icons-material/HourglassEmpty';
+import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import Selection from './Selection';
 import { withScopeList } from './with-scope-list';
 import Header from './Header';

package/es/ScopeList/Selection.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
-import Collapse from '@material-ui/core/Collapse';
-import Paper from '@material-ui/core/Paper';
-import Typography from '@material-ui/core/Typography';
-import Divider from '@material-ui/core/Divider';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+import Collapse from '@mui/material/Collapse';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
 import cx from 'classnames';
 
 var CustomListItem = function CustomListItem(_ref) {

package/es/ScopeList/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 export var height = 30;
 
 export var useStyles = makeStyles(function (theme) {

package/es/Select/Select.js

@@ -3,10 +3,10 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 import React, { useEffect } from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import MenuItem from '@material-ui/core/MenuItem';
-import { Typography } from '@material-ui/core';
+import makeStyles from '@mui/styles/makeStyles';
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import { Typography } from '@mui/material';
 import cx from 'classnames';
 
 var useStyles = makeStyles(function (theme) {

package/es/Select/index.js

@@ -1,33 +1,33 @@
-/**
- * Select boilerplate based on MUI components
- *
- * @memberOf VISIONS
- * @name Select
- * @tag component
- * @api public
- * @props
- * Select.propTypes = {
- *   id: PropTypes.string,
- *   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *   label: PropTypes.oneOfType([
- *     PropTypes.string,
- *     PropTypes.number,
- *     PropTypes.element,
- *   ]),
- *   items: PropTypes.array,
- *   onChange: PropTypes.func,
- *   textFieldProps: PropTypes.object,
- *   valueAccessor: PropTypes.func,
- *   labelAccessor: PropTypes.func,
- *   isMultiple: PropTypes.bool,
- * };
- * @theme
- * {
- *   typography: {
- *     body2: // font, color
- *   }
- * }
- * @demoReady
+/**
+ * Select boilerplate based on MUI components
+ *
+ * @memberOf VISIONS
+ * @name Select
+ * @tag component
+ * @api public
+ * @props
+ * Select.propTypes = {
+ *   id: PropTypes.string,
+ *   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+ *   label: PropTypes.oneOfType([
+ *     PropTypes.string,
+ *     PropTypes.number,
+ *     PropTypes.element,
+ *   ]),
+ *   items: PropTypes.array,
+ *   onChange: PropTypes.func,
+ *   textFieldProps: PropTypes.object,
+ *   valueAccessor: PropTypes.func,
+ *   labelAccessor: PropTypes.func,
+ *   isMultiple: PropTypes.bool,
+ * };
+ * @theme
+ * {
+ *   typography: {
+ *     body2: // font, color
+ *   }
+ * }
+ * @demoReady
  **/
 
 export { default } from './Select';

package/es/Share/Form.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import Grid from '@material-ui/core/Grid';
-import CircularProgress from '@material-ui/core/CircularProgress';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import CircularProgress from '@mui/material/CircularProgress';
 import { validate as getIsValidEmail } from 'isemail';
 import Input from '../Input';
 import Alert from '../Alert';

package/es/Share/Mode.js

@@ -3,13 +3,14 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import Card from '@material-ui/core/Card';
-import { makeStyles, useTheme } from '@material-ui/core/styles';
-import CardContent from '@material-ui/core/CardContent';
-import Typography from '@material-ui/core/Typography';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Radio from '@material-ui/core/Radio';
+import Card from '@mui/material/Card';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Radio from '@mui/material/Radio';
 import { Tooltip, Warning as WarningIcon } from '../';
 
 var useStyles = makeStyles(function (theme) {

package/es/Share/Share.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import Paper from '@material-ui/core/Paper';
-import Grid from '@material-ui/core/Grid';
+import makeStyles from '@mui/styles/makeStyles';
+import Paper from '@mui/material/Paper';
+import Grid from '@mui/material/Grid';
 import Form from './Form';
 import Mode from './Mode';
 import { withBlank } from '../utils';

package/es/Share/index.js

@@ -1,64 +1,64 @@
-/**
- * Share, it's a component to prepare your type of share
- *
- * @memberOf VISIONS
- * @name Share
- * @tag component
- * @api public
- * @props
- * Share.propTypes = {
- *   changeIsMessageOpen: PropTypes.func,
- *   changeMode: PropTypes.func,
- *   changeMail: PropTypes.func,
- *   share: PropTypes.func,
- *   hasError: PropTypes.bool,
- *   isMessageOpen: PropTypes.bool,
- *   isSharing: PropTypes.bool,
- *   mail: PropTypes.string,
- *   mode: PropTypes.string,
- *   modes: PropTypes.arrayOf(
- *     PropTypes.shape({
- *       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       value: PropTypes.string,
- *       warningMessage: PropTypes.string,
- *     }),
- *   ),
- *   labels: PropTypes.shape({
- *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- * };
- * @theme
- * {
- *   palette: {
- *     secondary: {
- *       dark: // background color of share mode
- *     },
- *     tertiary: {
- *       dark: // background color of disclaimer
- *     },
- *     grey: {
- *       100: // used if tertiary is null
- *     }
- *     divider: // divider color
- *   },
- *   typography: {
- *     body2: // font, color of mode's label
- *   },
- *   mixins: {
- *     share: {
- *       tile: // font, color...
- *       warning: // font, color, height...
- *     }
- *   }
- * }
- * @demoReady
+/**
+ * Share, it's a component to prepare your type of share
+ *
+ * @memberOf VISIONS
+ * @name Share
+ * @tag component
+ * @api public
+ * @props
+ * Share.propTypes = {
+ *   changeIsMessageOpen: PropTypes.func,
+ *   changeMode: PropTypes.func,
+ *   changeMail: PropTypes.func,
+ *   share: PropTypes.func,
+ *   hasError: PropTypes.bool,
+ *   isMessageOpen: PropTypes.bool,
+ *   isSharing: PropTypes.bool,
+ *   mail: PropTypes.string,
+ *   mode: PropTypes.string,
+ *   modes: PropTypes.arrayOf(
+ *     PropTypes.shape({
+ *       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *       value: PropTypes.string,
+ *       warningMessage: PropTypes.string,
+ *     }),
+ *   ),
+ *   labels: PropTypes.shape({
+ *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *     errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *   }),
+ * };
+ * @theme
+ * {
+ *   palette: {
+ *     secondary: {
+ *       dark: // background color of share mode
+ *     },
+ *     tertiary: {
+ *       dark: // background color of disclaimer
+ *     },
+ *     grey: {
+ *       100: // used if tertiary is null
+ *     }
+ *     divider: // divider color
+ *   },
+ *   typography: {
+ *     body2: // font, color of mode's label
+ *   },
+ *   mixins: {
+ *     share: {
+ *       tile: // font, color...
+ *       warning: // font, color, height...
+ *     }
+ *   }
+ * }
+ * @demoReady
  */
 
 export { default } from './Share';

package/es/ShortUrls/ShortUrls.js

@@ -1,18 +1,18 @@
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 import React from 'react';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import TextareaAutosize from '@material-ui/core/TextareaAutosize';
-import Typography from '@material-ui/core/Typography';
-import useMediaQuery from '@material-ui/core/useMediaQuery';
-import IconButton from '@material-ui/core/IconButton';
-import Collapse from '@material-ui/core/Collapse';
-import CloseIcon from '@material-ui/icons/Close';
+import makeStyles from '@mui/styles/makeStyles';
+import TextareaAutosize from '@mui/material/TextareaAutosize';
+import Typography from '@mui/material/Typography';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import IconButton from '@mui/material/IconButton';
+import Collapse from '@mui/material/Collapse';
+import CloseIcon from '@mui/icons-material/Close';
 import { Alert, Button } from '../';
-import { CircularProgress } from '@material-ui/core';
+import { CircularProgress } from '@mui/material';
 
 var useStyles = makeStyles(function (theme) {
   return {
@@ -45,7 +45,7 @@ var ShortUrls = function ShortUrls(_ref) {
       setIsNotifOpen = _ref.setIsNotifOpen;
 
   var isNarrow = useMediaQuery(function (theme) {
-    return theme.breakpoints.down('sm');
+    return theme.breakpoints.down('md');
   });
   var classes = useStyles();
 

package/es/SisccFooter/SisccFooter.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { makeStyles, useTheme } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import Toolbar from '@material-ui/core/Toolbar';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
 import { getIsRtl } from '../utils';
 
 var useStyles = makeStyles(function (theme) {

package/es/Spotlight/Fields.js

@@ -2,10 +2,10 @@ import React, { Fragment } from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Popover from '@material-ui/core/Popover';
-import Button from '@material-ui/core/Button';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
-import Check from '@material-ui/icons/Check';
+import Popover from '@mui/material/Popover';
+import Button from '@mui/material/Button';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import Check from '@mui/icons-material/Check';
 
 export var Field = function Field(_ref) {
   var _ref$spotlight = _ref.spotlight,