@sis-cc/dotstatsuite-visions 11.4.2 → 12.0.0

package/lib/TableLayout/DnDItem.js

@@ -21,17 +21,19 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-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 _Select = require('@material-ui/core/Select');
+var _Select = require('@mui/material/Select');
 
 var _Select2 = _interopRequireDefault(_Select);
 
-var _MenuItem = require('@material-ui/core/MenuItem');
+var _MenuItem = require('@mui/material/MenuItem');
 
 var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
@@ -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 = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
   var _ref;
 
   return _ref = {
@@ -83,11 +85,10 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     fontSize: theme.typography.fontSize - 2,
     fontWeight: theme.typography.fontWeightBold
   }, _ref.itemButton = {
-    paddingTop: theme.spacing(0.25),
-    paddingBottom: theme.spacing(0.25),
-    paddingRight: 0
+    // paddingTop: theme.spacing(0.25),
+    // paddingBottom: theme.spacing(0.25),
+    // paddingRight: 0,
   }, _ref.select = {
-    padding: theme.spacing(0.5, 4, 0.5, 2),
     backgroundColor: theme.palette.common.white,
     '&:focus': {
       backgroundColor: theme.palette.common.white
@@ -143,7 +144,9 @@ var DnDItem = function DnDItem(_ref2) {
                 return selectItem.onChange(e.target.value);
               },
               classes: { root: classes.select },
-              variant: 'outlined'
+              variant: 'outlined',
+              size: 'small',
+              autoWidth: true
             },
             R.map(function (v) {
               return _react2.default.createElement(

package/lib/TableLayout/TableLayout.js

@@ -21,47 +21,49 @@ 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 _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _ViewColumnOutlined = require('@material-ui/icons/ViewColumnOutlined');
+var _ViewColumnOutlined = require('@mui/icons-material/ViewColumnOutlined');
 
 var _ViewColumnOutlined2 = _interopRequireDefault(_ViewColumnOutlined);
 
-var _ViewListOutlined = require('@material-ui/icons/ViewListOutlined');
+var _ViewListOutlined = require('@mui/icons-material/ViewListOutlined');
 
 var _ViewListOutlined2 = _interopRequireDefault(_ViewListOutlined);
 
-var _Reorder = require('@material-ui/icons/Reorder');
+var _Reorder = require('@mui/icons-material/Reorder');
 
 var _Reorder2 = _interopRequireDefault(_Reorder);
 
-var _ViewQuiltOutlined = require('@material-ui/icons/ViewQuiltOutlined');
+var _ViewQuiltOutlined = require('@mui/icons-material/ViewQuiltOutlined');
 
 var _ViewQuiltOutlined2 = _interopRequireDefault(_ViewQuiltOutlined);
 
-var _Undo = require('@material-ui/icons/Undo');
+var _Undo = require('@mui/icons-material/Undo');
 
 var _Undo2 = _interopRequireDefault(_Undo);
 
-var _Done = require('@material-ui/icons/Done');
+var _Done = require('@mui/icons-material/Done');
 
 var _Done2 = _interopRequireDefault(_Done);
 
-var _CheckBoxOutlineBlankOutlined = require('@material-ui/icons/CheckBoxOutlineBlankOutlined');
+var _utils = require('@mui/utils');
 
-var _CheckBoxOutlineBlankOutlined2 = _interopRequireDefault(_CheckBoxOutlineBlankOutlined);
+var _styles = require('@mui/styles');
+
+var _CheckBoxOutlineBlankOutlined = require('@mui/icons-material/CheckBoxOutlineBlankOutlined');
 
-var _styles = require('@material-ui/core/styles');
+var _CheckBoxOutlineBlankOutlined2 = _interopRequireDefault(_CheckBoxOutlineBlankOutlined);
 
 var _dnd = require('@hello-pangea/dnd');
 
-var _utils = require('../utils');
+var _utils2 = require('../utils');
 
 var _TablePreview = require('../TablePreview');
 
@@ -326,7 +328,7 @@ var TableLayout = function TableLayout(_ref) {
               ),
               _react2.default.createElement(
                 _Typography2.default,
-                { variant: 'srOnly' },
+                { style: _utils.visuallyHidden },
                 labels.wcagDragExplanation
               )
             ),
@@ -475,7 +477,7 @@ TableLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   accessibility: _propTypes2.default.bool
 } : {};
 
-exports.default = (0, _utils.withBlank)(function (_ref5) {
+exports.default = (0, _utils2.withBlank)(function (_ref5) {
   var _ref5$layout = _ref5.layout,
       layout = _ref5$layout === undefined ? [] : _ref5$layout,
       isBlank = _ref5.isBlank;

package/lib/TablePreview/TablePreview.js

@@ -18,19 +18,19 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Table = require('@material-ui/core/Table');
+var _Table = require('@mui/material/Table');
 
 var _Table2 = _interopRequireDefault(_Table);
 
-var _TableRow = require('@material-ui/core/TableRow');
+var _TableRow = require('@mui/material/TableRow');
 
 var _TableRow2 = _interopRequireDefault(_TableRow);
 
-var _TableCell = require('@material-ui/core/TableCell');
+var _TableCell = require('@mui/material/TableCell');
 
 var _TableCell2 = _interopRequireDefault(_TableCell);
 
-var _Lens = require('@material-ui/icons/Lens');
+var _Lens = require('@mui/icons-material/Lens');
 
 var _Lens2 = _interopRequireDefault(_Lens);
 

package/lib/TablePreview/lib.js

@@ -7,7 +7,7 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Lens = require('@material-ui/icons/Lens');
+var _Lens = require('@mui/icons-material/Lens');
 
 var _Lens2 = _interopRequireDefault(_Lens);
 

package/lib/TablePreview/styles.js

@@ -3,11 +3,15 @@
 exports.__esModule = true;
 exports.useStyles = undefined;
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
 var _utils = require('../utils');
 
-var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     header: {
       backgroundColor: theme.palette.primary.main

package/lib/Tag/Tag.js

@@ -16,17 +16,19 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-var _Typography = require('@material-ui/core/Typography');
+var _Typography = require('@mui/material/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
 
 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 = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     tag: _extends({
       border: '2px solid ' + (R.path(['palette', 'highlight', 'hl2'], theme) || theme.palette.primary.dark),

package/lib/ToggleButton/ToggleButton.js

@@ -18,17 +18,19 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Button = require('@material-ui/core/Button');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Button = require('@mui/material/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
-var _KeyboardArrowUp = require('@material-ui/icons/KeyboardArrowUp');
+var _KeyboardArrowUp = require('@mui/icons-material/KeyboardArrowUp');
 
 var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
 
-var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
+var _KeyboardArrowDown = require('@mui/icons-material/KeyboardArrowDown');
 
 var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
 
@@ -36,7 +38,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) {
   var color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
   return {
     root: {

package/lib/Tooltip/Tooltip.js

@@ -20,9 +20,11 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _styles = require('@material-ui/core/styles');
+var _makeStyles = require('@mui/styles/makeStyles');
 
-var _Tooltip = require('@material-ui/core/Tooltip');
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Tooltip = require('@mui/material/Tooltip');
 
 var _Tooltip2 = _interopRequireDefault(_Tooltip);
 
@@ -32,7 +34,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 {
     tooltip: {
       fontSize: 12,
@@ -72,11 +74,9 @@ var CustomTooltip = function CustomTooltip(_ref) {
 
   var classes = useStyles();
   return _react2.default.createElement(
-    _Tooltip2.default
-    // open={true}
-    // interactive={true}
-    ,
-    _extends({ enterNextDelay: 100,
+    _Tooltip2.default,
+    _extends({
+      enterNextDelay: 100,
       classes: {
         popper: classes.popper,
         tooltip: (0, _classnames2.default)(R.prop(variant + 'Tooltip')(classes), classes.tooltip)

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

package/lib/UserRightForm/Permissions.js

@@ -6,17 +6,19 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _Checkbox = require('@material-ui/core/Checkbox');
+var _Checkbox = require('@mui/material/Checkbox');
 
 var _Checkbox2 = _interopRequireDefault(_Checkbox);
 
-var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+var _FormControlLabel = require('@mui/material/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
 
-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 _ramda = require('ramda');
 
@@ -34,11 +36,11 @@ 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) {
   var _hideContent;
 
   return {
-    hideContent: (_hideContent = {}, _hideContent[theme.breakpoints.down('sm')] = {
+    hideContent: (_hideContent = {}, _hideContent[theme.breakpoints.down('md')] = {
       display: 'none'
     }, _hideContent),
     contentLabel: {
@@ -68,25 +70,25 @@ var Permissions = function Permissions(_ref) {
   var classes = useStyles();
 
   return _react2.default.createElement(
-    _core.Grid,
+    _material.Grid,
     { container: true },
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, container: true, xs: 12 },
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true, xs: 12, md: 4 },
         _react2.default.createElement(
-          _core.Typography,
+          _material.Typography,
           { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
           R.prop('permission')(labels)
         )
       ),
       _react2.default.createElement(
-        _core.Grid,
+        _material.Grid,
         { item: true, xs: 12, md: 8 },
         _react2.default.createElement(
-          _core.Typography,
+          _material.Typography,
           {
             variant: 'h6',
             className: (0, _classnames2.default)(classes.contentLabel, classes.hideContent),
@@ -97,19 +99,19 @@ var Permissions = function Permissions(_ref) {
       )
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { item: true, container: true, xs: 12 },
       R.map(function (item) {
         return _react2.default.createElement(
-          _core.Grid,
+          _material.Grid,
           { item: true, container: true, xs: 12, key: item.id },
           _react2.default.createElement(
-            _core.Grid,
+            _material.Grid,
             { item: true, xs: 12, md: 4 },
             _react2.default.createElement(_FormControlLabel2.default, {
               control: _react2.default.createElement(_Checkbox2.default, { name: 'checkedB', color: 'primary' }),
               label: _react2.default.createElement(
-                _core.Typography,
+                _material.Typography,
                 {
                   variant: 'h6',
                   className: R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label
@@ -124,10 +126,10 @@ var Permissions = function Permissions(_ref) {
             })
           ),
           _react2.default.createElement(
-            _core.Grid,
+            _material.Grid,
             { item: true, xs: 12, md: 8 },
             _react2.default.createElement(
-              _core.Typography,
+              _material.Typography,
               {
                 variant: 'h6',
                 className: (0, _classnames2.default)(R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label, classes.hideContent),

package/lib/UserRightForm/PermsissionsTabs.js

@@ -10,9 +10,11 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-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 _ramda = require('ramda');
 
@@ -26,7 +28,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 {
     tabs: {
       border: '1px solid black',
@@ -78,10 +80,10 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
   }, permissionGroupsData);
 
   return _react2.default.createElement(
-    _core.Grid,
+    _material.Grid,
     null,
     _react2.default.createElement(
-      _core.Typography,
+      _material.Typography,
       {
         variant: 'h6',
         className: classes.label,
@@ -90,21 +92,21 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
       R.prop('title')(labels)
     ),
     _react2.default.createElement(
-      _core.Grid,
+      _material.Grid,
       { className: classes.tabs },
       _react2.default.createElement(
-        _core.Tabs,
+        _material.Tabs,
         {
           value: valueTabs,
           onChange: handleValueTabsChange,
           'aria-label': R.prop('title')(labels),
           className: classes.tab
         },
-        _react2.default.createElement(_core.Tab, { label: R.path(['permissions', 'label'], data) }),
-        _react2.default.createElement(_core.Tab, { label: R.path(['options', 'label'], data) })
+        _react2.default.createElement(_material.Tab, { label: R.path(['permissions', 'label'], data) }),
+        _react2.default.createElement(_material.Tab, { label: R.path(['options', 'label'], data) })
       ),
       _react2.default.createElement(
-        _core.Box,
+        _material.Box,
         null,
         _react2.default.createElement(_Permissions2.default, {
           data: valueTabs === 0 ? evolvedPermissionGroupsData : permissionsData,