@sis-cc/dotstatsuite-visions 12.30.0 → 12.32.0

package/lib/ChartsConfig/ChartsConfig.js

@@ -33,7 +33,17 @@ var _Title = require('./Title');
 
 var _Title2 = _interopRequireDefault(_Title);
 
-var _material = require('@mui/material');
+var _Button = require('@mui/material/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _InputAdornment = require('@mui/material/InputAdornment');
+
+var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _useFocusOptions3 = require('./useFocusOptions');
 
@@ -155,7 +165,7 @@ var ChartConfig = function ChartConfig(_ref) {
                     _Grid2.default,
                     { item: true, xs: true },
                     _react2.default.createElement(
-                      _material.Typography,
+                      _Typography2.default,
                       { variant: 'body2' },
                       labels.stackedMode
                     )
@@ -165,7 +175,7 @@ var ChartConfig = function ChartConfig(_ref) {
                       _Grid2.default,
                       { item: true, key: option.value },
                       _react2.default.createElement(
-                        _material.Button,
+                        _Button2.default,
                         {
                           variant: option.value === stackedMode.value ? 'contained' : 'outlined',
                           onClick: function onClick() {
@@ -174,7 +184,7 @@ var ChartConfig = function ChartConfig(_ref) {
                           color: 'primary'
                         },
                         _react2.default.createElement(
-                          _material.Typography,
+                          _Typography2.default,
                           { variant: 'body2' },
                           R.path(['stackedModeOptions', option.value], labels)
                         )
@@ -277,7 +287,7 @@ var ChartConfig = function ChartConfig(_ref) {
               properties: properties,
               InputProps: {
                 endAdornment: _react2.default.createElement(
-                  _material.InputAdornment,
+                  _InputAdornment2.default,
                   { position: 'end' },
                   'px'
                 )
@@ -289,7 +299,7 @@ var ChartConfig = function ChartConfig(_ref) {
               properties: properties,
               InputProps: {
                 endAdornment: _react2.default.createElement(
-                  _material.InputAdornment,
+                  _InputAdornment2.default,
                   { position: 'end' },
                   'px'
                 )
@@ -416,7 +426,7 @@ var ChartConfig = function ChartConfig(_ref) {
               _Grid2.default,
               { item: true, xs: true },
               _react2.default.createElement(
-                _material.Typography,
+                _Typography2.default,
                 { variant: 'body2' },
                 labels.display
               )
@@ -426,7 +436,7 @@ var ChartConfig = function ChartConfig(_ref) {
                 _Grid2.default,
                 { item: true, key: option.value },
                 _react2.default.createElement(
-                  _material.Button,
+                  _Button2.default,
                   {
                     variant: option.value === displayMode.value ? 'contained' : 'outlined',
                     onClick: function onClick() {
@@ -435,7 +445,7 @@ var ChartConfig = function ChartConfig(_ref) {
                     color: 'primary'
                   },
                   _react2.default.createElement(
-                    _material.Typography,
+                    _Typography2.default,
                     { variant: 'body2' },
                     R.path(['displayOptions', option.value], labels)
                   )

package/lib/ChartsConfig/InputProxy.js

@@ -16,7 +16,9 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _material = require('@mui/material');
+var _Grid = require('@mui/material/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
 
 var _Input = require('./Input');
 
@@ -50,7 +52,7 @@ var InputProxy = function InputProxy(_ref) {
   var prop = R.propOr({}, pkey, properties);
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { 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

@@ -19,7 +19,13 @@ var _makeStyles = require('@mui/styles/makeStyles');
 
 var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
-var _material = require('@mui/material');
+var _Grid = require('@mui/material/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 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; } }
 
@@ -40,11 +46,11 @@ var Title = function Title(_ref) {
   var classes = useStyles();
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { container: true },
     !R.isNil(icon) && icon,
     _react2.default.createElement(
-      _material.Typography,
+      _Typography2.default,
       { variant: 'h6', className: classes.title, inline: 'true' },
       label
     )

package/lib/CollapseButtons/CollapseButtons.js

@@ -130,7 +130,7 @@ var CollapseButtons = function CollapseButtons(props) {
           _react2.default.createElement(_.ToggleButton, {
             textTransform: textTransform,
             label: label,
-            tabindex: R.isNil(toggleId) || R.prop(id)(toggleId) || R.compose(R.not, R.head, R.values)(toggleId) ? 0 : -1,
+            tabIndex: R.isNil(toggleId) || R.prop(id)(toggleId) || R.compose(R.not, R.head, R.values)(toggleId) ? 0 : -1,
             isOpen: R.prop(id)(toggleId),
             toggle: function toggle() {
               var _setIsOpen2;

package/lib/Contact/Contact.js

@@ -18,7 +18,29 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _material = require('@mui/material');
+var _Grid = require('@mui/material/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Paper = require('@mui/material/Paper');
+
+var _Paper2 = _interopRequireDefault(_Paper);
+
+var _TextareaAutosize = require('@mui/material/TextareaAutosize');
+
+var _TextareaAutosize2 = _interopRequireDefault(_TextareaAutosize);
+
+var _Checkbox = require('@mui/material/Checkbox');
+
+var _Checkbox2 = _interopRequireDefault(_Checkbox);
+
+var _FormControlLabel = require('@mui/material/FormControlLabel');
+
+var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _makeStyles = require('@mui/styles/makeStyles');
 
@@ -160,13 +182,13 @@ var Contact = function Contact(_ref) {
   }, [emailHasError, detailsHasError, email, details, isSubmitDisable]);
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { container: true, className: classes.paper, 'data-testid': 'contact-test-id' },
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true, xs: 12, sm: 12, md: 5 },
         _react2.default.createElement(_Mode2.default, {
           changeMode: setMode,
@@ -176,10 +198,10 @@ var Contact = function Contact(_ref) {
         })
       ),
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true, container: true, xs: 12, sm: 12, md: 6, 'flex-direction': 'column' },
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -195,7 +217,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -211,7 +233,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             variant: 'outlined',
@@ -227,7 +249,7 @@ var Contact = function Contact(_ref) {
           })
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, xs: 12 },
           _react2.default.createElement(_Input2.default, {
             inputProps: {
@@ -253,16 +275,16 @@ var Contact = function Contact(_ref) {
       )
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, xs: 12, md: 12 },
       _react2.default.createElement(
-        _material.Paper,
+        _Paper2.default,
         { className: classes.emailReasonMessage },
         R.prop('message')(R.find(R.propEq('value', mode))(modes))
       )
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, xs: 12, md: 12 },
       _react2.default.createElement(_Input2.default, {
         variant: 'outlined',
@@ -278,9 +300,9 @@ var Contact = function Contact(_ref) {
       })
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, xs: 12, md: 12 },
-      _react2.default.createElement(_material.TextareaAutosize, {
+      _react2.default.createElement(_TextareaAutosize2.default, {
         name: 'details',
         onChange: function onChange(e) {
           return setDetails(e.target.value);
@@ -296,15 +318,15 @@ var Contact = function Contact(_ref) {
       })
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, justifyContent: 'space-between' },
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
-        _react2.default.createElement(_material.FormControlLabel, {
-          control: _react2.default.createElement(_material.Checkbox, { name: 'checkedB', color: 'primary' }),
+        _react2.default.createElement(_FormControlLabel2.default, {
+          control: _react2.default.createElement(_Checkbox2.default, { name: 'checkedB', color: 'primary' }),
           label: _react2.default.createElement(
-            _material.Typography,
+            _Typography2.default,
             { variant: 'h6' },
             R.prop('checkbox')(labels)
           ),
@@ -315,25 +337,25 @@ var Contact = function Contact(_ref) {
         })
       ),
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
         _react2.default.createElement(
-          _material.Typography,
+          _Typography2.default,
           { variant: 'h6', className: classes.label, style: { paddingTop: 8 } },
           R.prop('organisationPrivacyPolicy')(labels)
         )
       )
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, justifyContent: 'space-between', alignItems: 'center' },
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
         children
       ),
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
         _react2.default.createElement(
           _.Button,

package/lib/DataHeader/DataHeader.js

@@ -204,7 +204,7 @@ var DataHeader = function DataHeader(_ref2) {
           className: classes.title,
           style: { fontSize: fontSizeTitle },
           'data-testid': 'data-header-title',
-          tabindex: '-1',
+          tabIndex: '-1',
           'aria-label': title.label
         },
         title.label,

package/lib/DynamicDrawer/AdvancedSelection.js

@@ -68,7 +68,9 @@ var _levelSelection = require('../AdvancedFilterDialog/images/level-selection.pn
 
 var _levelSelection2 = _interopRequireDefault(_levelSelection);
 
-var _material = require('@mui/material');
+var _Divider = require('@mui/material/Divider');
+
+var _Divider2 = _interopRequireDefault(_Divider);
 
 var _SelectionModesMobile = require('./SelectionModesMobile');
 
@@ -422,7 +424,7 @@ var AdvancedSelection = function AdvancedSelection(props) {
           )
         )
       ),
-      _react2.default.createElement(_material.Divider, { className: classes.divider }),
+      _react2.default.createElement(_Divider2.default, { className: classes.divider }),
       _react2.default.createElement(_.VirtualizedTree, _extends({}, rest, {
         disableAccessor: _disableAccessor,
         isGreyed: isDisabled,
@@ -433,7 +435,7 @@ var AdvancedSelection = function AdvancedSelection(props) {
           return onChangeSelection(selection, ids, filter);
         },
         withExpandControl: true,
-        treeHeight: isNarrow ? 0 : '450px',
+        treeHeight: isNarrow ? 0 : 450,
         scopeGetter: scopeGetter,
         expandedIds: expandedIds
       }))

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -28,7 +28,21 @@ var _AdvancedSelection = require('./AdvancedSelection');
 
 var _AdvancedSelection2 = _interopRequireDefault(_AdvancedSelection);
 
-var _material = require('@mui/material');
+var _Paper = require('@mui/material/Paper');
+
+var _Paper2 = _interopRequireDefault(_Paper);
+
+var _Tab = require('@mui/material/Tab');
+
+var _Tab2 = _interopRequireDefault(_Tab);
+
+var _Tabs = require('@mui/material/Tabs');
+
+var _Tabs2 = _interopRequireDefault(_Tabs);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _makeStyles = require('@mui/styles/makeStyles');
 
@@ -97,19 +111,18 @@ var TabPanel = function TabPanel(props) {
       setOpen = props.setOpen,
       labelRenderer = props.labelRenderer,
       _props$styles = props.styles,
-      styles = _props$styles === undefined ? {} : _props$styles,
-      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose', 'isNarrow', 'setOpen', 'labelRenderer', 'styles']);
+      styles = _props$styles === undefined ? {} : _props$styles;
 
   return _react2.default.createElement(
     'div',
-    _extends({
+    {
       role: 'tabpanel',
       hidden: !open,
       id: 'vertical-tabpanel-' + item.index,
       'aria-labelledby': 'vertical-tab-' + item.index,
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
       style: styles
-    }, other),
+    },
     open && _react2.default.createElement(
       _Box2.default,
       { sx: { p: 3 } },
@@ -143,7 +156,7 @@ var TabPanel = function TabPanel(props) {
             _react2.default.createElement(_ArrowBack2.default, null)
           ),
           _react2.default.createElement(
-            _material.Typography,
+            _Typography2.default,
             {
               variant: 'h6',
               'aria-label': R.prop('title', labels)(labelRenderer(item)),
@@ -194,13 +207,13 @@ var PaperComponent = function PaperComponent(props) {
 
   var classes = useStyles();
   return _react2.default.createElement(
-    _material.Paper,
+    _Paper2.default,
     props,
     _react2.default.createElement(
       _Box2.default,
       { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
       _react2.default.createElement(
-        _material.Typography,
+        _Typography2.default,
         {
           noWrap: true,
           variant: 'body2',
@@ -342,13 +355,12 @@ var DynamicDrawer = function DynamicDrawer(props) {
       }
     }),
     _react2.default.createElement(
-      _material.Tabs,
+      _Tabs2.default,
       {
         orientation: 'vertical',
         variant: 'scrollable',
         TabIndicatorProps: { style: { transition: 'none' } },
         scrollButtons: false,
-        disableScrollButtons: true,
         value: false,
         onChange: handleChange,
         'aria-label': 'filters',
@@ -369,7 +381,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
         var Chip = R.isNil(item.tag) ? _.Tag : item.tag;
         var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
 
-        return _react2.default.createElement(_material.Tab, {
+        return _react2.default.createElement(_Tab2.default, {
           key: item.id,
           id: filter.id,
           'data-testid': item.id + '-tab',
@@ -401,7 +413,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
       open && !isNarrow && _react2.default.createElement(
         _.Button,
         {
-          sx: { float: 'bottom', margin: '10px' },
+          style: { float: 'bottom', margin: '10px' },
           'aria-label': R.prop('apply', labels),
           id: 'apply_button',
           variant: 'contained',
@@ -412,7 +424,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
       isNotHiddenButton && _react2.default.createElement(
         _.Button,
         {
-          sx: { float: 'bottom', margin: '10px' },
+          style: { float: 'bottom', margin: '10px' },
           'aria-label': R.prop('apply', labels),
           id: 'apply_button',
           variant: 'contained',

package/lib/DynamicDrawer/SelectionModesMobile.js

@@ -18,7 +18,17 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _material = require('@mui/material');
+var _Box = require('@mui/material/Box');
+
+var _Box2 = _interopRequireDefault(_Box);
+
+var _Paper = require('@mui/material/Paper');
+
+var _Paper2 = _interopRequireDefault(_Paper);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _ = require('..');
 
@@ -34,7 +44,7 @@ var ButtonCarousel = function ButtonCarousel(_ref) {
       classes = _ref.classes;
 
   return _react2.default.createElement(
-    _material.Box,
+    _Box2.default,
     {
       sx: {
         overflowX: 'auto',
@@ -78,10 +88,10 @@ var ButtonCarousel = function ButtonCarousel(_ref) {
             }
           },
           _react2.default.createElement(
-            _material.Paper,
+            _Paper2.default,
             { elevation: 0, className: classes.selectModeItem, key: value },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               null,
               label
             ),

package/lib/PeriodPicker/PeriodPicker.js

@@ -18,7 +18,13 @@ var _dateFns = require('date-fns');
 
 var _dateFns2 = _interopRequireDefault(_dateFns);
 
-var _material = require('@mui/material');
+var _Grid = require('@mui/material/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _lib = require('./lib');
 
@@ -116,10 +122,10 @@ var Period = function Period(_ref) {
     };
   };
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { 'data-testid': 'period-picker-test-id', container: true, direction: 'row' },
     showFrequency && _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       {
         item: true,
         xs: 12,
@@ -143,7 +149,7 @@ var Period = function Period(_ref) {
       })(frequencies)
     ),
     R.not(isPeriodDisabled) && _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { container: true, xs: 12, justifyContent: 'space-between' },
       R.map(function (_ref3) {
         var getter = _ref3.getter,
@@ -153,16 +159,16 @@ var Period = function Period(_ref) {
             testId = _ref3.testId,
             getIsDisabled = _ref3.getIsDisabled;
         return _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { key: getter, item: true, xs: 5, 'data-testid': testId, justifyContent: 'space-between' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { container: true, direction: 'row' },
             _react2.default.createElement(
-              _material.Grid,
+              _Grid2.default,
               { item: true, xs: 12, className: classes.sideLabel },
               _react2.default.createElement(
-                _material.Typography,
+                _Typography2.default,
                 {
                   variant: 'body2',
                   tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
@@ -173,13 +179,13 @@ var Period = function Period(_ref) {
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { container: true, direction: 'row' },
             _react2.default.createElement(
-              _material.Grid,
+              _Grid2.default,
               { item: true, xs: 12 },
               _react2.default.createElement(
-                _material.Grid,
+                _Grid2.default,
                 { container: true, className: classes.headerContainer, spacing: 1 },
                 R.map(function (row) {
                   return R.map(function (_ref4) {
@@ -188,7 +194,7 @@ var Period = function Period(_ref) {
 
                     var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
                     return _react2.default.createElement(
-                      _material.Grid,
+                      _Grid2.default,
                       {
                         key: id,
                         item: true,

package/lib/ScopeList/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _ScopeList = require('./ScopeList');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_ScopeList).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/Select/Select.js

@@ -28,7 +28,9 @@ var _MenuItem = require('@mui/material/MenuItem');
 
 var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
-var _material = require('@mui/material');
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _classnames = require('classnames');
 
@@ -134,7 +136,7 @@ var Select = function Select(_ref) {
         classes: { root: classes.root },
         renderValue: function renderValue() {
           return _react2.default.createElement(
-            _material.Typography,
+            _Typography2.default,
             { variant: 'inherit', className: classes.typo },
             R.join(', ', labels)
           );
@@ -168,7 +170,7 @@ var Select = function Select(_ref) {
           disabled: R.propOr(false, 'disabled')(item)
         },
         _react2.default.createElement(
-          _material.Typography,
+          _Typography2.default,
           {
             variant: 'inherit',
             className: (0, _classnames2.default)(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))

package/lib/ShortUrls/ShortUrls.js

@@ -50,7 +50,9 @@ var _Close2 = _interopRequireDefault(_Close);
 
 var _ = require('../');
 
-var _material = require('@mui/material');
+var _CircularProgress = require('@mui/material/CircularProgress');
+
+var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
 
 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; } }
 
@@ -122,7 +124,7 @@ var ShortUrls = function ShortUrls(_ref) {
             onClick: onClick,
             className: classes.submitButton
           },
-          isLoading ? _react2.default.createElement(_material.CircularProgress, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
+          isLoading ? _react2.default.createElement(_CircularProgress2.default, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
         )
       ),
       _react2.default.createElement(