@sis-cc/dotstatsuite-visions 12.30.0 → 12.32.0

package/lib/Spotlight/Spotlight.js

@@ -149,7 +149,7 @@ var Spotlight = function Spotlight(_ref) {
       R.gt(size(R.prop('fields', spotlight)), 1) ? _react2.default.createElement(
         _react.Fragment,
         null,
-        _react2.default.createElement(_Divider2.default, { className: classes.divider }),
+        _react2.default.createElement(_Divider2.default, { className: classes.divider, 'aria-hidden': 'true' }),
         _react2.default.createElement(_Fields.Field, {
           spotlight: spotlight,
           onChangeField: onChangeField,
@@ -161,7 +161,7 @@ var Spotlight = function Spotlight(_ref) {
       hasCommit ? _react2.default.createElement(
         _react.Fragment,
         null,
-        _react2.default.createElement(_Divider2.default, { className: classes.divider }),
+        _react2.default.createElement(_Divider2.default, { className: classes.divider, 'aria-hidden': 'true' }),
         _react2.default.createElement(
           _IconButton2.default,
           {

package/lib/UserRightForm/Permissions.js

@@ -14,7 +14,13 @@ var _FormControlLabel = require('@mui/material/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
 
-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 _makeStyles = require('@mui/styles/makeStyles');
 
@@ -70,25 +76,25 @@ var Permissions = function Permissions(_ref) {
   var classes = useStyles();
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { container: true },
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, xs: 12 },
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true, xs: 12, md: 4 },
         _react2.default.createElement(
-          _material.Typography,
+          _Typography2.default,
           { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
           R.prop('permission')(labels)
         )
       ),
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true, xs: 12, md: 8 },
         _react2.default.createElement(
-          _material.Typography,
+          _Typography2.default,
           {
             variant: 'h6',
             className: (0, _classnames2.default)(classes.contentLabel, classes.hideContent),
@@ -99,19 +105,19 @@ var Permissions = function Permissions(_ref) {
       )
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, xs: 12 },
       R.map(function (item) {
         return _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, key: item.id },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { 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(
-                _material.Typography,
+                _Typography2.default,
                 {
                   variant: 'h6',
                   className: R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label
@@ -126,10 +132,10 @@ var Permissions = function Permissions(_ref) {
             })
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 8 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               {
                 variant: 'h6',
                 className: (0, _classnames2.default)(R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label, classes.hideContent),

package/lib/UserRightForm/PermsissionsTabs.js

@@ -10,7 +10,25 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _material = require('@mui/material');
+var _Box = require('@mui/material/Box');
+
+var _Box2 = _interopRequireDefault(_Box);
+
+var _Grid = require('@mui/material/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Tabs = require('@mui/material/Tabs');
+
+var _Tabs2 = _interopRequireDefault(_Tabs);
+
+var _Tab = require('@mui/material/Tab');
+
+var _Tab2 = _interopRequireDefault(_Tab);
+
+var _Typography = require('@mui/material/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
 
 var _makeStyles = require('@mui/styles/makeStyles');
 
@@ -80,10 +98,10 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
   }, permissionGroupsData);
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     null,
     _react2.default.createElement(
-      _material.Typography,
+      _Typography2.default,
       {
         variant: 'h6',
         className: classes.label,
@@ -92,21 +110,21 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
       R.prop('title')(labels)
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { className: classes.tabs },
       _react2.default.createElement(
-        _material.Tabs,
+        _Tabs2.default,
         {
           value: valueTabs,
           onChange: handleValueTabsChange,
           'aria-label': R.prop('title')(labels),
           className: classes.tab
         },
-        _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(_Tab2.default, { label: R.path(['permissions', 'label'], data) }),
+        _react2.default.createElement(_Tab2.default, { label: R.path(['options', 'label'], data) })
       ),
       _react2.default.createElement(
-        _material.Box,
+        _Box2.default,
         null,
         _react2.default.createElement(_Permissions2.default, {
           data: valueTabs === 0 ? evolvedPermissionGroupsData : permissionsData,

package/lib/UserRightForm/UserRightForm.js

@@ -16,7 +16,13 @@ var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
 
-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 _makeStyles = require('@mui/styles/makeStyles');
 
@@ -189,24 +195,24 @@ var UserRightForm = function UserRightForm(_ref) {
   var isValid = isValidPermissions && isValidFields && (hasPermissionsSelectionChanged || hasFieldsChanged);
 
   return _react2.default.createElement(
-    _material.Grid,
+    _Grid2.default,
     { container: true, className: classes.paper, 'data-testid': 'permission-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, container: true, xs: 12, sm: 12, md: 6, 'flex-direction': 'column' },
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 5, style: { marginTop: '4px' } },
             _react2.default.createElement(_.Mode, { modes: modes, mode: mode, changeMode: onChange, isSmall: true })
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 7 },
             _react2.default.createElement(_Input2.default, {
               variant: 'outlined',
@@ -223,19 +229,19 @@ var UserRightForm = function UserRightForm(_ref) {
           )
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 5 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
               R.prop('dataspace')(labels)
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 7 },
             _react2.default.createElement(_Select2.default, {
               value: R.defaultTo('*', dataspaceValue),
@@ -249,19 +255,19 @@ var UserRightForm = function UserRightForm(_ref) {
           )
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 5 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
               R.prop('artefactType')(labels)
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 7 },
             _react2.default.createElement(_Select2.default, {
               value: R.defaultTo('*', artefactTypeValue),
@@ -276,22 +282,22 @@ var UserRightForm = function UserRightForm(_ref) {
         )
       ),
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 4 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
               R.prop('maintenanceAgencyID')(labels)
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 8 },
             _react2.default.createElement(_Input2.default, {
               variant: 'outlined',
@@ -310,19 +316,19 @@ var UserRightForm = function UserRightForm(_ref) {
           )
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 4 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
               R.prop('artefactID')(labels)
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 8 },
             _react2.default.createElement(_Input2.default, {
               variant: 'outlined',
@@ -339,19 +345,19 @@ var UserRightForm = function UserRightForm(_ref) {
           )
         ),
         _react2.default.createElement(
-          _material.Grid,
+          _Grid2.default,
           { item: true, container: true, xs: 12, alignItems: 'center' },
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 4 },
             _react2.default.createElement(
-              _material.Typography,
+              _Typography2.default,
               { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
               R.prop('artefactVersion')(labels)
             )
           ),
           _react2.default.createElement(
-            _material.Grid,
+            _Grid2.default,
             { item: true, xs: 12, md: 8 },
             _react2.default.createElement(_Input2.default, {
               variant: 'outlined',
@@ -372,7 +378,7 @@ var UserRightForm = function UserRightForm(_ref) {
       )
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true },
       _react2.default.createElement(_PermsissionsTabs2.default, {
         data: evolvedPermissions,
@@ -382,10 +388,10 @@ var UserRightForm = function UserRightForm(_ref) {
       })
     ),
     _react2.default.createElement(
-      _material.Grid,
+      _Grid2.default,
       { item: true, container: true, justifyContent: 'flex-end', alignItems: 'center' },
       _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
         _react2.default.createElement(
           _Button2.default,
@@ -403,7 +409,7 @@ var UserRightForm = function UserRightForm(_ref) {
         )
       ),
       R.is(Function, onSubmit) && _react2.default.createElement(
-        _material.Grid,
+        _Grid2.default,
         { item: true },
         _react2.default.createElement(
           _Button2.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "12.30.0",
+  "version": "12.32.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -27,7 +27,8 @@
     "test": "jest",
     "test:watch": "jest --watch --no-cache",
     "lint": "eslint src/ --color",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "transform": "npx jscodeshift -t scripts/transform-mui-imports.js demo/"
   },
   "dependencies": {
     "@hello-pangea/dnd": "^16.6.0",