@sis-cc/dotstatsuite-visions 11.4.1 → 12.0.0

package/es/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -7,26 +7,26 @@ import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
 import { getEvolvedDisableAccessor, getHierarchicalId, getScopeGetters } from '../VirtualizedTree/utils';
-import IconButton from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogActions from '@material-ui/core/DialogActions';
-import Paper from '@material-ui/core/Paper';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import CloseIcon from '@material-ui/icons/Close';
+import IconButton from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import Paper from '@mui/material/Paper';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import CloseIcon from '@mui/icons-material/Close';
 import Draggable from 'react-draggable';
 import { Button, Spotlight, Tooltip, VirtualizedTree } from '..';
 import { withExpansionTree } from '../VirtualizedTree/withExpansionTree';
 import { withSpotlight } from '../VirtualizedTree/withSpotlight';
-import { makeStyles } from '@material-ui/core/styles';
-import HintIcon from '@material-ui/icons/EmojiObjects';
+import makeStyles from '@mui/styles/makeStyles';
+import HintIcon from '@mui/icons-material/EmojiObjects';
 import singleImg from './images/single-selection.png';
 import childrenImg from './images/children-selection.png';
 import branchImg from './images/branch-selection.png';
 import levelImg from './images/level-selection.png';
-import { Divider } from '@material-ui/core';
+import { Divider } from '@mui/material';
 
 var PaperComponent = function PaperComponent(props) {
   return React.createElement(
@@ -113,7 +113,7 @@ var useStyles = makeStyles(function (theme) {
     selectModeItem: {
       boxShadow: 'none',
       display: 'flex',
-      backgroundColor: 'inherit',
+      backgroundColor: 'transparent',
       flexDirection: 'row-reverse',
       alignItems: 'center',
       '& p': {
@@ -400,7 +400,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
                         },
                         React.createElement(
                           Paper,
-                          { className: classes.selectModeItem, key: value },
+                          { elevation: 0, className: classes.selectModeItem, key: value },
                           React.createElement(
                             Typography,
                             null,
@@ -424,7 +424,8 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
             {
               className: classes.closeButton,
               onClick: onClose,
-              'aria-label': R.prop('cancel', labels)
+              'aria-label': R.prop('cancel', labels),
+              size: 'large'
             },
             React.createElement(CloseIcon, null)
           )
@@ -526,6 +527,7 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
           Button,
           {
             disabled: R.isEmpty(selection),
+            'aria-label': R.prop('apply', labels),
             onClick: handleSubmit,
             color: 'primary',
             variant: 'contained',

package/es/AdvancedFilterDialog/SelectionModeMenu.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import Card from '@material-ui/core/Card';
-import CardContent from '@material-ui/core/CardContent';
-import Paper from '@material-ui/core/Paper';
-import Typography from '@material-ui/core/Typography';
-import HintIcon from '@material-ui/icons/EmojiObjects';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+import HintIcon from '@mui/icons-material/EmojiObjects';
 import { Button } from '..';
 
 var SelectionModeMenu = function SelectionModeMenu(_ref) {

package/es/Alert/Alert.js

@@ -5,19 +5,20 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 import React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { withStyles, lighten, darken } from '@material-ui/core/styles';
-import Paper from '@material-ui/core/Paper';
-import SuccessOutlinedIcon from '@material-ui/icons/CheckCircleOutlineOutlined';
-import ReportProblemOutlinedIcon from '@material-ui/icons/ReportProblemOutlined';
-import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
-import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
-import CloseIcon from '@material-ui/icons/Close';
-import IconButton from '@material-ui/core/IconButton';
-import { capitalize } from '@material-ui/core/utils';
+import { lighten, darken } from '@mui/material/styles';
+import withStyles from '@mui/styles/withStyles';
+import Paper from '@mui/material/Paper';
+import SuccessOutlinedIcon from '@mui/icons-material/CheckCircleOutlineOutlined';
+import ReportProblemOutlinedIcon from '@mui/icons-material/ReportProblemOutlined';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import CloseIcon from '@mui/icons-material/Close';
+import IconButton from '@mui/material/IconButton';
+import { capitalize } from '@mui/material/utils';
 
 export var styles = function styles(theme) {
-  var getColor = theme.palette.type === 'light' ? darken : lighten;
-  var getBackgroundColor = theme.palette.type === 'light' ? lighten : darken;
+  var getColor = theme.palette.mode === 'light' ? darken : lighten;
+  var getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
 
   return {
     /* Styles applied to the root element. */
@@ -215,43 +216,43 @@ Alert.propTypes = process.env.NODE_ENV !== "production" ? {
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-  /**
-   * The action to display. It renders after the message, at the end of the alert.
+  /**
+   * The action to display. It renders after the message, at the end of the alert.
    */
   action: PropTypes.node,
-  /**
-   * The content of the component.
+  /**
+   * The content of the component.
    */
   children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
-  /**
-   * Override the default label for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Override the default label for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   closeText: PropTypes.string,
-  /**
-   * The main color for the alert. Unless provided, the value is taken from the `severity` prop.
+  /**
+   * The main color for the alert. Unless provided, the value is taken from the `severity` prop.
    */
   color: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
-  /**
-   * Override the icon displayed before the children.
-   * Unless provided, the icon is mapped to the value of the `severity` prop.
+  /**
+   * Override the icon displayed before the children.
+   * Unless provided, the icon is mapped to the value of the `severity` prop.
    */
   icon: PropTypes.node,
-  /**
-   * The component maps the `severity` prop to a range of different icons,
-   * for instance success to `<SuccessOutlined>`.
-   * If you wish to change this mapping, you can provide your own.
-   * Alternatively, you can use the `icon` prop to override the icon displayed.
+  /**
+   * The component maps the `severity` prop to a range of different icons,
+   * for instance success to `<SuccessOutlined>`.
+   * If you wish to change this mapping, you can provide your own.
+   * Alternatively, you can use the `icon` prop to override the icon displayed.
    */
   iconMapping: PropTypes.shape({
     error: PropTypes.node,
@@ -259,23 +260,23 @@ Alert.propTypes = process.env.NODE_ENV !== "production" ? {
     success: PropTypes.node,
     warning: PropTypes.node
   }),
-  /**
-   * Callback fired when the component requests to be closed.
-   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
-   *
-   * @param {object} event The event source of the callback.
+  /**
+   * Callback fired when the component requests to be closed.
+   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
+   *
+   * @param {object} event The event source of the callback.
    */
   onClose: PropTypes.func,
-  /**
-   * The ARIA role attribute of the element.
+  /**
+   * The ARIA role attribute of the element.
    */
   role: PropTypes.string,
-  /**
-   * The severity of the alert. This defines the color and icon used.
+  /**
+   * The severity of the alert. This defines the color and icon used.
    */
   severity: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
-  /**
-   * The variant to use.
+  /**
+   * The variant to use.
    */
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
 } : {};

package/es/Alert/index.js

@@ -1,13 +1,13 @@
-/**
- * An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
- * see more
- *
- * https://material-ui.com/components/alert/
- *
- * @memberOf VISIONS
- * @name Alert
- * @tag component
- * @api private
+/**
+ * An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+ * see more
+ *
+ * https://material-ui.com/components/alert/
+ *
+ * @memberOf VISIONS
+ * @name Alert
+ * @tag component
+ * @api private
  */
 
 export { default } from './Alert';

package/es/ApiQueries/ApiQueries.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import Typography from '@material-ui/core/Typography';
-import Divider from '@material-ui/core/Divider';
-import Grid from '@material-ui/core/Grid';
-import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import Grid from '@mui/material/Grid';
+import makeStyles from '@mui/styles/makeStyles';
 import Query from './Query';
 
 var useStyles = makeStyles(function (theme) {

package/es/ApiQueries/Query.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
-import Typography from '@material-ui/core/Typography';
-import TextareaAutosize from '@material-ui/core/TextareaAutosize';
-import Grid from '@material-ui/core/Grid';
-import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@mui/material/Typography';
+import TextareaAutosize from '@mui/material/TextareaAutosize';
+import Grid from '@mui/material/Grid';
+import makeStyles from '@mui/styles/makeStyles';
 import { Alert, Button } from '../';
 
 var useStyles = makeStyles(function (theme) {

package/es/AuthDialog/index.js

@@ -25,14 +25,14 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { isEmpty } from 'ramda';
-import Checkbox from '@material-ui/core/Checkbox';
-import CloseIcon from '@material-ui/icons/Close';
-import Dialog from '@material-ui/core/Dialog';
-import IconButton from '@material-ui/core/IconButton';
-import PersonIcon from '@material-ui/icons/Person';
-import TextField from '@material-ui/core/TextField';
-import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import Checkbox from '@mui/material/Checkbox';
+import CloseIcon from '@mui/icons-material/Close';
+import Dialog from '@mui/material/Dialog';
+import IconButton from '@mui/material/IconButton';
+import PersonIcon from '@mui/icons-material/Person';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import makeStyles from '@mui/styles/makeStyles';
 import Button from '../Button';
 
 var useStyles = makeStyles(function () {
@@ -126,7 +126,7 @@ var AuthDialog = function AuthDialog(_ref) {
       ),
       onClose && React.createElement(
         IconButton,
-        { className: classes.closeButton, onClick: onClose },
+        { className: classes.closeButton, onClick: onClose, size: 'large' },
         React.createElement(CloseIcon, null)
       )
     ),

package/es/Breadcrumbs/Breadcrumbs.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import Breadcrumbs from '@material-ui/core/Breadcrumbs';
-import Typography from '@material-ui/core/Typography';
-import NavigateNextIcon from '@material-ui/icons/NavigateNext';
-import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
+import makeStyles from '@mui/styles/makeStyles';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+import Typography from '@mui/material/Typography';
+import NavigateNextIcon from '@mui/icons-material/NavigateNext';
+import NavigateBeforeIcon from '@mui/icons-material/NavigateBefore';
 import cx from 'classnames';
 
 var useStyles = makeStyles(function (theme) {

package/es/Breadcrumbs/index.js

@@ -1,30 +1,30 @@
-/**
- * Breadcrumbs allow users to make selections from a range of values.
- *
- * @memberOf VISIONS
- * @name Breadcrumbs
- * @tag component
- * @api public
- * @props
- * Breadcrumbs.propTypes = {
- *   items: PropTypes.shape({
- *     text: PropTypes.string.isRequired,
- *     action: PropTypes.func,
- *     isDisabled: PropTypes.bool,
- *   }),
- *   isRtl: PropTypes.bool,
- * };
- * @theme
- * {
- *    palette: {
- *      primary: {
- *        main: // label hover. global override: outerPalette.primaryMain
- *      },
- *      text: {
- *        disabled: // disabled label
- *      }
- *    }
- * }
+/**
+ * Breadcrumbs allow users to make selections from a range of values.
+ *
+ * @memberOf VISIONS
+ * @name Breadcrumbs
+ * @tag component
+ * @api public
+ * @props
+ * Breadcrumbs.propTypes = {
+ *   items: PropTypes.shape({
+ *     text: PropTypes.string.isRequired,
+ *     action: PropTypes.func,
+ *     isDisabled: PropTypes.bool,
+ *   }),
+ *   isRtl: PropTypes.bool,
+ * };
+ * @theme
+ * {
+ *    palette: {
+ *      primary: {
+ *        main: // label hover. global override: outerPalette.primaryMain
+ *      },
+ *      text: {
+ *        disabled: // disabled label
+ *      }
+ *    }
+ * }
  */
 
 export { default } from './Breadcrumbs';

package/es/Button/Button.js

@@ -6,8 +6,8 @@ import React from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Button from '@material-ui/core/Button';
-import { makeStyles } from '@material-ui/core/styles';
+import Button from '@mui/material/Button';
+import makeStyles from '@mui/styles/makeStyles';
 
 var useStyles = makeStyles(function (theme) {
   var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;

package/es/Button/index.js

@@ -1,52 +1,52 @@
-/**
- * A modified version of the vanilla Material UI button with selected props
- *
- *
- * https://material-ui.com/components/Button/
- *
- * @memberOf VISIONS
- * @name Button
- * @tag component
- * @api public
- *
- * Button.propTypes = {
- *   alternative: PropTypes.string,
- *   className: PropTypes.string,
- *   selected: PropTypes.bool,
- *   children: PropTypes.node,
- * };
- * @theme
- * // default alternative
- * {
- *    palette: {
- *      action: {
- *        hover: // background color of hover button and selected state,
- *        selected: // background color of selected hover,
- *      }
- *    }
- * }
- * // siscc alternative
- * {
- *    palette: {
- *      primary: {
- *        main: // item main label and sub label's hover. global override: outerPalette.primaryMain
- *      }
- *      tertiary: {
- *        light: // hover background color items (e.g. Economie)
- *      },
- *      secondary: {
- *        light: // used if you set tertiary light to null
- *      }
- *      grey: {
- *        600: // svg icon color
- *        800: // sub label color. globale override: outerPalette.textLight
- *      }
- *    },
- *    typography: {
- *      body2: // font main label
- *      body1: // font sub label
- *    }
- * }
+/**
+ * A modified version of the vanilla Material UI button with selected props
+ *
+ *
+ * https://@mui/material/Button
+ *
+ * @memberOf VISIONS
+ * @name Button
+ * @tag component
+ * @api public
+ *
+ * Button.propTypes = {
+ *   alternative: PropTypes.string,
+ *   className: PropTypes.string,
+ *   selected: PropTypes.bool,
+ *   children: PropTypes.node,
+ * };
+ * @theme
+ * // default alternative
+ * {
+ *    palette: {
+ *      action: {
+ *        hover: // background color of hover button and selected state,
+ *        selected: // background color of selected hover,
+ *      }
+ *    }
+ * }
+ * // siscc alternative
+ * {
+ *    palette: {
+ *      primary: {
+ *        main: // item main label and sub label's hover. global override: outerPalette.primaryMain
+ *      }
+ *      tertiary: {
+ *        light: // hover background color items (e.g. Economie)
+ *      },
+ *      secondary: {
+ *        light: // used if you set tertiary light to null
+ *      }
+ *      grey: {
+ *        600: // svg icon color
+ *        800: // sub label color. globale override: outerPalette.textLight
+ *      }
+ *    },
+ *    typography: {
+ *      body2: // font main label
+ *      body1: // font sub label
+ *    }
+ * }
  */
 
 export { default } from './Button';

package/es/ChartsConfig/ChartsConfig.js

@@ -3,11 +3,11 @@ 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 Grid from '@material-ui/core/Grid';
-import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
-import ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';
+import Grid from '@mui/material/Grid';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
 import Title from './Title';
-import { Button, InputAdornment, Typography } from '@material-ui/core';
+import { Button, InputAdornment, Typography } from '@mui/material';
 import useFocusOptions from './useFocusOptions';
 import Select from '../Select';
 import { extractMultipleValue, getValue } from './utils';
@@ -15,7 +15,7 @@ import useDimensionOptions from './useDimensionOptions';
 import InputProxy from './InputProxy';
 import Proxy from './Proxy';
 import useAxisOptions from './useAxisOptions';
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 import DataEdit from '../DataEdit';
 
 export var useStyles = makeStyles(function (theme) {

package/es/ChartsConfig/Input.js

@@ -5,12 +5,12 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import IconButton from '@material-ui/core/IconButton';
-import Done from '@material-ui/icons/Done';
-import RotateLeftIcon from '@material-ui/icons/RotateLeft';
+import makeStyles from '@mui/styles/makeStyles';
+import TextField from '@mui/material/TextField';
+import InputAdornment from '@mui/material/InputAdornment';
+import IconButton from '@mui/material/IconButton';
+import Done from '@mui/icons-material/Done';
+import RotateLeftIcon from '@mui/icons-material/RotateLeft';
 
 var useStyles = makeStyles(function () {
   return {
@@ -46,7 +46,7 @@ var RightIcon = function RightIcon(_ref2) {
     IconButton,
     { color: 'primary', onClick: function onClick() {
         return onSubmit();
-      } },
+      }, size: 'large' },
     React.createElement(Icon, null)
   );
 };
@@ -113,7 +113,8 @@ var MyInput = function MyInput(_ref3) {
         id: resetId,
         'aria-label': resetLabel,
         onKeyPress: onEnterLabel,
-        onClick: handleReset
+        onClick: handleReset,
+        size: 'large'
       },
       React.createElement(RotateLeftIcon, { fontSize: 'small' })
     )

package/es/ChartsConfig/InputProxy.js

@@ -3,7 +3,7 @@ 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 { Grid } from '@material-ui/core';
+import { Grid } from '@mui/material';
 import Input from './Input';
 
 var InputProxy = function InputProxy(_ref) {

package/es/ChartsConfig/Title.js

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