@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/es/ChartsConfig/index.js

@@ -1,213 +1,213 @@
-/**
- * ChartsConfig, it's a specific component for the configuration of charts
- *
- * @memberOf VISIONS
- * @name ChartsConfig
- * @tag component
- * @api public
- * @demoReady
- * @props
- * ChartsConfig.propTypes = {
- *   labels: PropTypes.object,
- *   properties: PropTypes.shape({
- *     highlight: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *     }),
- *     baseline: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *     }),
- *     width: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     height: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     freqStep: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     scatterDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     scatterX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     scatterY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     symbolDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     stackedDimension: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *           label: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.shape({
- *         value: PropTypes.string,
- *         label: PropTypes.string,
- *       }),
- *     }),
- *     stackedMode: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       options: PropTypes.arrayOf(
- *         PropTypes.shape({
- *           value: PropTypes.string,
- *         }),
- *       ),
- *       value: PropTypes.string,
- *     }),
- *     maxX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     minX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     pivotX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     stepX: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     maxY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     minY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     pivotY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *     stepY: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *     }),
- *   }),
- *   onSubmit: PropTypes.func,
- * };
- * @theme
- * // Select (drop down list, See Select Component)
- *
- * {
- *    palette: {
- *      secondary: {
- *        dark: // background color of "Axis"
- *      }
- *      grey: {
- *        600: // text color of labels "Axis"
- *      }
- *    },
- *    mixins: {
- *      chartsConfig: {
- *        root: {
- *          // font, color of the complete component except "Axis" part
- *        }
- *      }
- *    }
- * }
+/**
+ * ChartsConfig, it's a specific component for the configuration of charts
+ *
+ * @memberOf VISIONS
+ * @name ChartsConfig
+ * @tag component
+ * @api public
+ * @demoReady
+ * @props
+ * ChartsConfig.propTypes = {
+ *   labels: PropTypes.object,
+ *   properties: PropTypes.shape({
+ *     highlight: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *     }),
+ *     baseline: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *     }),
+ *     width: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     height: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     freqStep: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     scatterDimension: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.shape({
+ *         value: PropTypes.string,
+ *         label: PropTypes.string,
+ *       }),
+ *     }),
+ *     scatterX: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.shape({
+ *         value: PropTypes.string,
+ *         label: PropTypes.string,
+ *       }),
+ *     }),
+ *     scatterY: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.shape({
+ *         value: PropTypes.string,
+ *         label: PropTypes.string,
+ *       }),
+ *     }),
+ *     symbolDimension: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.shape({
+ *         value: PropTypes.string,
+ *         label: PropTypes.string,
+ *       }),
+ *     }),
+ *     stackedDimension: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *           label: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.shape({
+ *         value: PropTypes.string,
+ *         label: PropTypes.string,
+ *       }),
+ *     }),
+ *     stackedMode: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onChange: PropTypes.func,
+ *       options: PropTypes.arrayOf(
+ *         PropTypes.shape({
+ *           value: PropTypes.string,
+ *         }),
+ *       ),
+ *       value: PropTypes.string,
+ *     }),
+ *     maxX: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     minX: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     pivotX: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     stepX: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     maxY: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     minY: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     pivotY: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *     stepY: PropTypes.shape({
+ *       id: PropTypes.string,
+ *       isActive: PropTypes.bool,
+ *       onSubmit: PropTypes.func,
+ *     }),
+ *   }),
+ *   onSubmit: PropTypes.func,
+ * };
+ * @theme
+ * // Select (drop down list, See Select Component)
+ *
+ * {
+ *    palette: {
+ *      secondary: {
+ *        dark: // background color of "Axis"
+ *      }
+ *      grey: {
+ *        600: // text color of labels "Axis"
+ *      }
+ *    },
+ *    mixins: {
+ *      chartsConfig: {
+ *        root: {
+ *          // font, color of the complete component except "Axis" part
+ *        }
+ *      }
+ *    }
+ * }
  **/
 
 export { default } from './ChartsConfig';

package/es/Chips/CustomChip.js

@@ -2,9 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
-import { makeStyles, useTheme } from '@material-ui/core/styles';
-import IconButton from '@material-ui/core/IconButton';
-import Chip from '@material-ui/core/Chip';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import IconButton from '@mui/material/IconButton';
+import Chip from '@mui/material/Chip';
 import Cross from '../Icons/Cross';
 import { getIsRtl } from '../utils';
 import Tooltip from '../Tooltip';
@@ -77,7 +78,6 @@ var CustomChip = function CustomChip(_ref) {
         tabIndex: 0,
         'aria-label': hasTooltip ? myTooltipRendererSrOnly({ isRtl: isRtl, labelRenderer: labelRenderer, ariaLabelTooltip: ariaLabelTooltip })(items) : hasMultiLinedTooltip ? multiLinedTooltipRendererSrOnly(items) : null,
         'aria-hidden': false,
-        interactive: true,
         onOpen: function onOpen() {
           return setOpen(true);
         },
@@ -107,7 +107,8 @@ var CustomChip = function CustomChip(_ref) {
         className: iconClasses,
         'aria-label': ariaLabel + ' ' + label,
         component: 'span',
-        tabIndex: 0
+        tabIndex: 0,
+        size: 'small'
       },
       React.createElement(Cross, null)
     ),

package/es/Chips/DeleteChip.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
+import makeStyles from '@mui/styles/makeStyles';
 import makeStylesFn from './styles';
 import CustomChip from './CustomChip';
 

package/es/Chips/GroupedChips.js

@@ -1,4 +1,5 @@
-import { makeStyles, useTheme } from '@material-ui/core/styles';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
 import PropTypes from 'prop-types';
 import React, { Fragment } from 'react';
 import * as R from 'ramda';

package/es/Chips/index.js

@@ -1,68 +1,68 @@
-/**
- * GroupedChips, is like a small board of whatever you want to show. You can delete sub item, item with sub item or all items
- * DeleteAllChip, is a chip that deletes all items displayed in the board
- * reducingNbChips: default 15, allow a possibility to reduce many chips to one. You will see the numbers of items inside the chip
- *
- * @memberOf VISIONS
- * @name Chips
- * @tag component
- * @api public
- * @demoReady
- * GroupedChips.propTypes = {
- *  testId: PropTypes.string,
- *  itemProps: PropTypes.shape({
- *    id: PropTypes.string,
- *    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *    isNotRemovable: PropTypes.bool,
- *    values: PropTypes.arrayOf(
- *      PropTypes.arrayOf(
- *        PropTypes.shape({
- *          id: PropTypes.string,
- *          label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *          isNotRemovable: PropTypes.bool,
- *        }),
- *      ),
- *    ),
- *  }),
- *  onDelete: PropTypes.func,
- *  labelRenderer: PropTypes.func,
- *  tooltipRenderer: PropTypes.func,
- *  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *  reducingNbChips: PropTypes.number,
- *  labels: PropTypes.shape({
- *    reducingChip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *  }),
- * };
- * 
- * DeleteAllChip.propTypes = {
- * onDeleteAll: PropTypes.func,
- * ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- * clearAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-};
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // color of icon, text values and tooltip indicator*. global override: outerPalette.primaryMain
- *     },
- *     tertiary: {
- *       light: // background color of values
- *       dark: // background color hover and focus if values
- *     },
- *     grey: {
- *       100: // used if you set tertiary light to null
- *       300: // used if you set tertiary light to null
- *       700: // divider's color
- *     },
- *     text: {
- *       primary: // color of main chip label. globale override: outerPalette.textDark
- *     },
- *   },
- *   typography: {
- *     body2: // tooltip font
- *   }
- * }
- * // *tooltip indicator is the dotted line under a chip
+/**
+ * GroupedChips, is like a small board of whatever you want to show. You can delete sub item, item with sub item or all items
+ * DeleteAllChip, is a chip that deletes all items displayed in the board
+ * reducingNbChips: default 15, allow a possibility to reduce many chips to one. You will see the numbers of items inside the chip
+ *
+ * @memberOf VISIONS
+ * @name Chips
+ * @tag component
+ * @api public
+ * @demoReady
+ * GroupedChips.propTypes = {
+ *  testId: PropTypes.string,
+ *  itemProps: PropTypes.shape({
+ *    id: PropTypes.string,
+ *    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    isNotRemovable: PropTypes.bool,
+ *    values: PropTypes.arrayOf(
+ *      PropTypes.arrayOf(
+ *        PropTypes.shape({
+ *          id: PropTypes.string,
+ *          label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *          isNotRemovable: PropTypes.bool,
+ *        }),
+ *      ),
+ *    ),
+ *  }),
+ *  onDelete: PropTypes.func,
+ *  labelRenderer: PropTypes.func,
+ *  tooltipRenderer: PropTypes.func,
+ *  ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *  reducingNbChips: PropTypes.number,
+ *  labels: PropTypes.shape({
+ *    reducingChip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *  }),
+ * };
+ * 
+ * DeleteAllChip.propTypes = {
+ * onDeleteAll: PropTypes.func,
+ * ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ * clearAllLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+};
+ * @theme
+ * {
+ *   palette: {
+ *     primary: {
+ *       main: // color of icon, text values and tooltip indicator*. global override: outerPalette.primaryMain
+ *     },
+ *     tertiary: {
+ *       light: // background color of values
+ *       dark: // background color hover and focus if values
+ *     },
+ *     grey: {
+ *       100: // used if you set tertiary light to null
+ *       300: // used if you set tertiary light to null
+ *       700: // divider's color
+ *     },
+ *     text: {
+ *       primary: // color of main chip label. globale override: outerPalette.textDark
+ *     },
+ *   },
+ *   typography: {
+ *     body2: // tooltip font
+ *   }
+ * }
+ * // *tooltip indicator is the dotted line under a chip
  */
 
 export { default } from './GroupedChips';

package/es/Chips/styles.js

@@ -25,9 +25,9 @@ export 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/es/CollapseButtons/CollapseButtons.js

@@ -3,11 +3,11 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import useMediaQuery from '@material-ui/core/useMediaQuery';
-import Grid from '@material-ui/core/Grid';
-import Collapse from '@material-ui/core/Collapse';
-import Typography from '@material-ui/core/Typography';
+import makeStyles from '@mui/styles/makeStyles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Grid from '@mui/material/Grid';
+import Collapse from '@mui/material/Collapse';
+import Typography from '@mui/material/Typography';
 import { ToggleButton } from '../';
 import Item from './Item';
 import Paper from './Paper';
@@ -37,7 +37,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/es/CollapseButtons/Item.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 Button from '@material-ui/core/Button';
-import Link from '@material-ui/core/Link';
-import { makeStyles } from '@material-ui/core/styles';
-import SvgIcon from '@material-ui/core/SvgIcon';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import Link from '@mui/material/Link';
+import makeStyles from '@mui/styles/makeStyles';
+import SvgIcon from '@mui/material/SvgIcon';
 
 var useStyles = makeStyles(function (theme) {
   return {