@sis-cc/dotstatsuite-visions 12.30.0 → 12.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/es/AdvancedFilterDialog/AdvancedFilterDialog.js +1 -1
  2. package/es/ChartsConfig/ChartsConfig.js +3 -1
  3. package/es/ChartsConfig/InputProxy.js +1 -1
  4. package/es/ChartsConfig/Title.js +2 -1
  5. package/es/Contact/Contact.js +6 -1
  6. package/es/DynamicDrawer/AdvancedSelection.js +1 -1
  7. package/es/DynamicDrawer/DynamicDrawer.js +4 -1
  8. package/es/DynamicDrawer/SelectionModesMobile.js +3 -1
  9. package/es/PeriodPicker/PeriodPicker.js +2 -1
  10. package/es/ScopeList/index.js +94 -0
  11. package/es/Select/Select.js +1 -1
  12. package/es/ShortUrls/ShortUrls.js +1 -1
  13. package/es/TableLayout/index.js +72 -72
  14. package/es/TablePreview/index.js +41 -41
  15. package/es/UserRightForm/Permissions.js +2 -1
  16. package/es/UserRightForm/PermsissionsTabs.js +5 -1
  17. package/es/UserRightForm/UserRightForm.js +2 -1
  18. package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js +4 -2
  19. package/lib/ChartsConfig/ChartsConfig.js +19 -9
  20. package/lib/ChartsConfig/InputProxy.js +4 -2
  21. package/lib/ChartsConfig/Title.js +9 -3
  22. package/lib/Contact/Contact.js +46 -24
  23. package/lib/DynamicDrawer/AdvancedSelection.js +4 -2
  24. package/lib/DynamicDrawer/DynamicDrawer.js +20 -6
  25. package/lib/DynamicDrawer/SelectionModesMobile.js +14 -4
  26. package/lib/PeriodPicker/PeriodPicker.js +18 -12
  27. package/lib/ScopeList/index.js +16 -0
  28. package/lib/Select/Select.js +5 -3
  29. package/lib/ShortUrls/ShortUrls.js +4 -2
  30. package/lib/UserRightForm/Permissions.js +19 -13
  31. package/lib/UserRightForm/PermsissionsTabs.js +26 -8
  32. package/lib/UserRightForm/UserRightForm.js +38 -32
  33. package/package.json +3 -2
  34. package/umd/@sis-cc/dotstatsuite-visions.js +1170 -1148
  35. package/umd/@sis-cc/dotstatsuite-visions.min.js +14 -14
  36. package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
@@ -18,7 +18,29 @@ var _ramda = require('ramda');
18
18
 
19
19
  var R = _interopRequireWildcard(_ramda);
20
20
 
21
- var _material = require('@mui/material');
21
+ var _Grid = require('@mui/material/Grid');
22
+
23
+ var _Grid2 = _interopRequireDefault(_Grid);
24
+
25
+ var _Paper = require('@mui/material/Paper');
26
+
27
+ var _Paper2 = _interopRequireDefault(_Paper);
28
+
29
+ var _TextareaAutosize = require('@mui/material/TextareaAutosize');
30
+
31
+ var _TextareaAutosize2 = _interopRequireDefault(_TextareaAutosize);
32
+
33
+ var _Checkbox = require('@mui/material/Checkbox');
34
+
35
+ var _Checkbox2 = _interopRequireDefault(_Checkbox);
36
+
37
+ var _FormControlLabel = require('@mui/material/FormControlLabel');
38
+
39
+ var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
40
+
41
+ var _Typography = require('@mui/material/Typography');
42
+
43
+ var _Typography2 = _interopRequireDefault(_Typography);
22
44
 
23
45
  var _makeStyles = require('@mui/styles/makeStyles');
24
46
 
@@ -160,13 +182,13 @@ var Contact = function Contact(_ref) {
160
182
  }, [emailHasError, detailsHasError, email, details, isSubmitDisable]);
161
183
 
162
184
  return _react2.default.createElement(
163
- _material.Grid,
185
+ _Grid2.default,
164
186
  { container: true, className: classes.paper, 'data-testid': 'contact-test-id' },
165
187
  _react2.default.createElement(
166
- _material.Grid,
188
+ _Grid2.default,
167
189
  { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
168
190
  _react2.default.createElement(
169
- _material.Grid,
191
+ _Grid2.default,
170
192
  { item: true, xs: 12, sm: 12, md: 5 },
171
193
  _react2.default.createElement(_Mode2.default, {
172
194
  changeMode: setMode,
@@ -176,10 +198,10 @@ var Contact = function Contact(_ref) {
176
198
  })
177
199
  ),
178
200
  _react2.default.createElement(
179
- _material.Grid,
201
+ _Grid2.default,
180
202
  { item: true, container: true, xs: 12, sm: 12, md: 6, 'flex-direction': 'column' },
181
203
  _react2.default.createElement(
182
- _material.Grid,
204
+ _Grid2.default,
183
205
  { item: true, xs: 12 },
184
206
  _react2.default.createElement(_Input2.default, {
185
207
  variant: 'outlined',
@@ -195,7 +217,7 @@ var Contact = function Contact(_ref) {
195
217
  })
196
218
  ),
197
219
  _react2.default.createElement(
198
- _material.Grid,
220
+ _Grid2.default,
199
221
  { item: true, xs: 12 },
200
222
  _react2.default.createElement(_Input2.default, {
201
223
  variant: 'outlined',
@@ -211,7 +233,7 @@ var Contact = function Contact(_ref) {
211
233
  })
212
234
  ),
213
235
  _react2.default.createElement(
214
- _material.Grid,
236
+ _Grid2.default,
215
237
  { item: true, xs: 12 },
216
238
  _react2.default.createElement(_Input2.default, {
217
239
  variant: 'outlined',
@@ -227,7 +249,7 @@ var Contact = function Contact(_ref) {
227
249
  })
228
250
  ),
229
251
  _react2.default.createElement(
230
- _material.Grid,
252
+ _Grid2.default,
231
253
  { item: true, xs: 12 },
232
254
  _react2.default.createElement(_Input2.default, {
233
255
  inputProps: {
@@ -253,16 +275,16 @@ var Contact = function Contact(_ref) {
253
275
  )
254
276
  ),
255
277
  _react2.default.createElement(
256
- _material.Grid,
278
+ _Grid2.default,
257
279
  { item: true, xs: 12, md: 12 },
258
280
  _react2.default.createElement(
259
- _material.Paper,
281
+ _Paper2.default,
260
282
  { className: classes.emailReasonMessage },
261
283
  R.prop('message')(R.find(R.propEq('value', mode))(modes))
262
284
  )
263
285
  ),
264
286
  _react2.default.createElement(
265
- _material.Grid,
287
+ _Grid2.default,
266
288
  { item: true, xs: 12, md: 12 },
267
289
  _react2.default.createElement(_Input2.default, {
268
290
  variant: 'outlined',
@@ -278,9 +300,9 @@ var Contact = function Contact(_ref) {
278
300
  })
279
301
  ),
280
302
  _react2.default.createElement(
281
- _material.Grid,
303
+ _Grid2.default,
282
304
  { item: true, xs: 12, md: 12 },
283
- _react2.default.createElement(_material.TextareaAutosize, {
305
+ _react2.default.createElement(_TextareaAutosize2.default, {
284
306
  name: 'details',
285
307
  onChange: function onChange(e) {
286
308
  return setDetails(e.target.value);
@@ -296,15 +318,15 @@ var Contact = function Contact(_ref) {
296
318
  })
297
319
  ),
298
320
  _react2.default.createElement(
299
- _material.Grid,
321
+ _Grid2.default,
300
322
  { item: true, container: true, justifyContent: 'space-between' },
301
323
  _react2.default.createElement(
302
- _material.Grid,
324
+ _Grid2.default,
303
325
  { item: true },
304
- _react2.default.createElement(_material.FormControlLabel, {
305
- control: _react2.default.createElement(_material.Checkbox, { name: 'checkedB', color: 'primary' }),
326
+ _react2.default.createElement(_FormControlLabel2.default, {
327
+ control: _react2.default.createElement(_Checkbox2.default, { name: 'checkedB', color: 'primary' }),
306
328
  label: _react2.default.createElement(
307
- _material.Typography,
329
+ _Typography2.default,
308
330
  { variant: 'h6' },
309
331
  R.prop('checkbox')(labels)
310
332
  ),
@@ -315,25 +337,25 @@ var Contact = function Contact(_ref) {
315
337
  })
316
338
  ),
317
339
  _react2.default.createElement(
318
- _material.Grid,
340
+ _Grid2.default,
319
341
  { item: true },
320
342
  _react2.default.createElement(
321
- _material.Typography,
343
+ _Typography2.default,
322
344
  { variant: 'h6', className: classes.label, style: { paddingTop: 8 } },
323
345
  R.prop('organisationPrivacyPolicy')(labels)
324
346
  )
325
347
  )
326
348
  ),
327
349
  _react2.default.createElement(
328
- _material.Grid,
350
+ _Grid2.default,
329
351
  { item: true, container: true, justifyContent: 'space-between', alignItems: 'center' },
330
352
  _react2.default.createElement(
331
- _material.Grid,
353
+ _Grid2.default,
332
354
  { item: true },
333
355
  children
334
356
  ),
335
357
  _react2.default.createElement(
336
- _material.Grid,
358
+ _Grid2.default,
337
359
  { item: true },
338
360
  _react2.default.createElement(
339
361
  _.Button,
@@ -68,7 +68,9 @@ var _levelSelection = require('../AdvancedFilterDialog/images/level-selection.pn
68
68
 
69
69
  var _levelSelection2 = _interopRequireDefault(_levelSelection);
70
70
 
71
- var _material = require('@mui/material');
71
+ var _Divider = require('@mui/material/Divider');
72
+
73
+ var _Divider2 = _interopRequireDefault(_Divider);
72
74
 
73
75
  var _SelectionModesMobile = require('./SelectionModesMobile');
74
76
 
@@ -422,7 +424,7 @@ var AdvancedSelection = function AdvancedSelection(props) {
422
424
  )
423
425
  )
424
426
  ),
425
- _react2.default.createElement(_material.Divider, { className: classes.divider }),
427
+ _react2.default.createElement(_Divider2.default, { className: classes.divider }),
426
428
  _react2.default.createElement(_.VirtualizedTree, _extends({}, rest, {
427
429
  disableAccessor: _disableAccessor,
428
430
  isGreyed: isDisabled,
@@ -28,7 +28,21 @@ var _AdvancedSelection = require('./AdvancedSelection');
28
28
 
29
29
  var _AdvancedSelection2 = _interopRequireDefault(_AdvancedSelection);
30
30
 
31
- var _material = require('@mui/material');
31
+ var _Paper = require('@mui/material/Paper');
32
+
33
+ var _Paper2 = _interopRequireDefault(_Paper);
34
+
35
+ var _Tab = require('@mui/material/Tab');
36
+
37
+ var _Tab2 = _interopRequireDefault(_Tab);
38
+
39
+ var _Tabs = require('@mui/material/Tabs');
40
+
41
+ var _Tabs2 = _interopRequireDefault(_Tabs);
42
+
43
+ var _Typography = require('@mui/material/Typography');
44
+
45
+ var _Typography2 = _interopRequireDefault(_Typography);
32
46
 
33
47
  var _makeStyles = require('@mui/styles/makeStyles');
34
48
 
@@ -143,7 +157,7 @@ var TabPanel = function TabPanel(props) {
143
157
  _react2.default.createElement(_ArrowBack2.default, null)
144
158
  ),
145
159
  _react2.default.createElement(
146
- _material.Typography,
160
+ _Typography2.default,
147
161
  {
148
162
  variant: 'h6',
149
163
  'aria-label': R.prop('title', labels)(labelRenderer(item)),
@@ -194,13 +208,13 @@ var PaperComponent = function PaperComponent(props) {
194
208
 
195
209
  var classes = useStyles();
196
210
  return _react2.default.createElement(
197
- _material.Paper,
211
+ _Paper2.default,
198
212
  props,
199
213
  _react2.default.createElement(
200
214
  _Box2.default,
201
215
  { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
202
216
  _react2.default.createElement(
203
- _material.Typography,
217
+ _Typography2.default,
204
218
  {
205
219
  noWrap: true,
206
220
  variant: 'body2',
@@ -342,7 +356,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
342
356
  }
343
357
  }),
344
358
  _react2.default.createElement(
345
- _material.Tabs,
359
+ _Tabs2.default,
346
360
  {
347
361
  orientation: 'vertical',
348
362
  variant: 'scrollable',
@@ -369,7 +383,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
369
383
  var Chip = R.isNil(item.tag) ? _.Tag : item.tag;
370
384
  var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
371
385
 
372
- return _react2.default.createElement(_material.Tab, {
386
+ return _react2.default.createElement(_Tab2.default, {
373
387
  key: item.id,
374
388
  id: filter.id,
375
389
  'data-testid': item.id + '-tab',
@@ -18,7 +18,17 @@ var _classnames = require('classnames');
18
18
 
19
19
  var _classnames2 = _interopRequireDefault(_classnames);
20
20
 
21
- var _material = require('@mui/material');
21
+ var _Box = require('@mui/material/Box');
22
+
23
+ var _Box2 = _interopRequireDefault(_Box);
24
+
25
+ var _Paper = require('@mui/material/Paper');
26
+
27
+ var _Paper2 = _interopRequireDefault(_Paper);
28
+
29
+ var _Typography = require('@mui/material/Typography');
30
+
31
+ var _Typography2 = _interopRequireDefault(_Typography);
22
32
 
23
33
  var _ = require('..');
24
34
 
@@ -34,7 +44,7 @@ var ButtonCarousel = function ButtonCarousel(_ref) {
34
44
  classes = _ref.classes;
35
45
 
36
46
  return _react2.default.createElement(
37
- _material.Box,
47
+ _Box2.default,
38
48
  {
39
49
  sx: {
40
50
  overflowX: 'auto',
@@ -78,10 +88,10 @@ var ButtonCarousel = function ButtonCarousel(_ref) {
78
88
  }
79
89
  },
80
90
  _react2.default.createElement(
81
- _material.Paper,
91
+ _Paper2.default,
82
92
  { elevation: 0, className: classes.selectModeItem, key: value },
83
93
  _react2.default.createElement(
84
- _material.Typography,
94
+ _Typography2.default,
85
95
  null,
86
96
  label
87
97
  ),
@@ -18,7 +18,13 @@ var _dateFns = require('date-fns');
18
18
 
19
19
  var _dateFns2 = _interopRequireDefault(_dateFns);
20
20
 
21
- var _material = require('@mui/material');
21
+ var _Grid = require('@mui/material/Grid');
22
+
23
+ var _Grid2 = _interopRequireDefault(_Grid);
24
+
25
+ var _Typography = require('@mui/material/Typography');
26
+
27
+ var _Typography2 = _interopRequireDefault(_Typography);
22
28
 
23
29
  var _lib = require('./lib');
24
30
 
@@ -116,10 +122,10 @@ var Period = function Period(_ref) {
116
122
  };
117
123
  };
118
124
  return _react2.default.createElement(
119
- _material.Grid,
125
+ _Grid2.default,
120
126
  { 'data-testid': 'period-picker-test-id', container: true, direction: 'row' },
121
127
  showFrequency && _react2.default.createElement(
122
- _material.Grid,
128
+ _Grid2.default,
123
129
  {
124
130
  item: true,
125
131
  xs: 12,
@@ -143,7 +149,7 @@ var Period = function Period(_ref) {
143
149
  })(frequencies)
144
150
  ),
145
151
  R.not(isPeriodDisabled) && _react2.default.createElement(
146
- _material.Grid,
152
+ _Grid2.default,
147
153
  { container: true, xs: 12, justifyContent: 'space-between' },
148
154
  R.map(function (_ref3) {
149
155
  var getter = _ref3.getter,
@@ -153,16 +159,16 @@ var Period = function Period(_ref) {
153
159
  testId = _ref3.testId,
154
160
  getIsDisabled = _ref3.getIsDisabled;
155
161
  return _react2.default.createElement(
156
- _material.Grid,
162
+ _Grid2.default,
157
163
  { key: getter, item: true, xs: 5, 'data-testid': testId, justifyContent: 'space-between' },
158
164
  _react2.default.createElement(
159
- _material.Grid,
165
+ _Grid2.default,
160
166
  { container: true, direction: 'row' },
161
167
  _react2.default.createElement(
162
- _material.Grid,
168
+ _Grid2.default,
163
169
  { item: true, xs: 12, className: classes.sideLabel },
164
170
  _react2.default.createElement(
165
- _material.Typography,
171
+ _Typography2.default,
166
172
  {
167
173
  variant: 'body2',
168
174
  tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
@@ -173,13 +179,13 @@ var Period = function Period(_ref) {
173
179
  )
174
180
  ),
175
181
  _react2.default.createElement(
176
- _material.Grid,
182
+ _Grid2.default,
177
183
  { container: true, direction: 'row' },
178
184
  _react2.default.createElement(
179
- _material.Grid,
185
+ _Grid2.default,
180
186
  { item: true, xs: 12 },
181
187
  _react2.default.createElement(
182
- _material.Grid,
188
+ _Grid2.default,
183
189
  { container: true, className: classes.headerContainer, spacing: 1 },
184
190
  R.map(function (row) {
185
191
  return R.map(function (_ref4) {
@@ -188,7 +194,7 @@ var Period = function Period(_ref) {
188
194
 
189
195
  var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
190
196
  return _react2.default.createElement(
191
- _material.Grid,
197
+ _Grid2.default,
192
198
  {
193
199
  key: id,
194
200
  item: true,
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _ScopeList = require('./ScopeList');
6
+
7
+ Object.defineProperty(exports, 'default', {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _interopRequireDefault(_ScopeList).default;
11
+ }
12
+ });
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ module.exports = exports['default'];
@@ -28,7 +28,9 @@ var _MenuItem = require('@mui/material/MenuItem');
28
28
 
29
29
  var _MenuItem2 = _interopRequireDefault(_MenuItem);
30
30
 
31
- var _material = require('@mui/material');
31
+ var _Typography = require('@mui/material/Typography');
32
+
33
+ var _Typography2 = _interopRequireDefault(_Typography);
32
34
 
33
35
  var _classnames = require('classnames');
34
36
 
@@ -134,7 +136,7 @@ var Select = function Select(_ref) {
134
136
  classes: { root: classes.root },
135
137
  renderValue: function renderValue() {
136
138
  return _react2.default.createElement(
137
- _material.Typography,
139
+ _Typography2.default,
138
140
  { variant: 'inherit', className: classes.typo },
139
141
  R.join(', ', labels)
140
142
  );
@@ -168,7 +170,7 @@ var Select = function Select(_ref) {
168
170
  disabled: R.propOr(false, 'disabled')(item)
169
171
  },
170
172
  _react2.default.createElement(
171
- _material.Typography,
173
+ _Typography2.default,
172
174
  {
173
175
  variant: 'inherit',
174
176
  className: (0, _classnames2.default)(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))
@@ -50,7 +50,9 @@ var _Close2 = _interopRequireDefault(_Close);
50
50
 
51
51
  var _ = require('../');
52
52
 
53
- var _material = require('@mui/material');
53
+ var _CircularProgress = require('@mui/material/CircularProgress');
54
+
55
+ var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
54
56
 
55
57
  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; } }
56
58
 
@@ -122,7 +124,7 @@ var ShortUrls = function ShortUrls(_ref) {
122
124
  onClick: onClick,
123
125
  className: classes.submitButton
124
126
  },
125
- isLoading ? _react2.default.createElement(_material.CircularProgress, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
127
+ isLoading ? _react2.default.createElement(_CircularProgress2.default, { size: 24 }) : R.propOr('', 'generateUrl')(labels)
126
128
  )
127
129
  ),
128
130
  _react2.default.createElement(
@@ -14,7 +14,13 @@ var _FormControlLabel = require('@mui/material/FormControlLabel');
14
14
 
15
15
  var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
16
16
 
17
- var _material = require('@mui/material');
17
+ var _Grid = require('@mui/material/Grid');
18
+
19
+ var _Grid2 = _interopRequireDefault(_Grid);
20
+
21
+ var _Typography = require('@mui/material/Typography');
22
+
23
+ var _Typography2 = _interopRequireDefault(_Typography);
18
24
 
19
25
  var _makeStyles = require('@mui/styles/makeStyles');
20
26
 
@@ -70,25 +76,25 @@ var Permissions = function Permissions(_ref) {
70
76
  var classes = useStyles();
71
77
 
72
78
  return _react2.default.createElement(
73
- _material.Grid,
79
+ _Grid2.default,
74
80
  { container: true },
75
81
  _react2.default.createElement(
76
- _material.Grid,
82
+ _Grid2.default,
77
83
  { item: true, container: true, xs: 12 },
78
84
  _react2.default.createElement(
79
- _material.Grid,
85
+ _Grid2.default,
80
86
  { item: true, xs: 12, md: 4 },
81
87
  _react2.default.createElement(
82
- _material.Typography,
88
+ _Typography2.default,
83
89
  { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
84
90
  R.prop('permission')(labels)
85
91
  )
86
92
  ),
87
93
  _react2.default.createElement(
88
- _material.Grid,
94
+ _Grid2.default,
89
95
  { item: true, xs: 12, md: 8 },
90
96
  _react2.default.createElement(
91
- _material.Typography,
97
+ _Typography2.default,
92
98
  {
93
99
  variant: 'h6',
94
100
  className: (0, _classnames2.default)(classes.contentLabel, classes.hideContent),
@@ -99,19 +105,19 @@ var Permissions = function Permissions(_ref) {
99
105
  )
100
106
  ),
101
107
  _react2.default.createElement(
102
- _material.Grid,
108
+ _Grid2.default,
103
109
  { item: true, container: true, xs: 12 },
104
110
  R.map(function (item) {
105
111
  return _react2.default.createElement(
106
- _material.Grid,
112
+ _Grid2.default,
107
113
  { item: true, container: true, xs: 12, key: item.id },
108
114
  _react2.default.createElement(
109
- _material.Grid,
115
+ _Grid2.default,
110
116
  { item: true, xs: 12, md: 4 },
111
117
  _react2.default.createElement(_FormControlLabel2.default, {
112
118
  control: _react2.default.createElement(_Checkbox2.default, { name: 'checkedB', color: 'primary' }),
113
119
  label: _react2.default.createElement(
114
- _material.Typography,
120
+ _Typography2.default,
115
121
  {
116
122
  variant: 'h6',
117
123
  className: R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label
@@ -126,10 +132,10 @@ var Permissions = function Permissions(_ref) {
126
132
  })
127
133
  ),
128
134
  _react2.default.createElement(
129
- _material.Grid,
135
+ _Grid2.default,
130
136
  { item: true, xs: 12, md: 8 },
131
137
  _react2.default.createElement(
132
- _material.Typography,
138
+ _Typography2.default,
133
139
  {
134
140
  variant: 'h6',
135
141
  className: (0, _classnames2.default)(R.propOr(false, 'disabled')(item) ? classes.disabled : classes.label, classes.hideContent),
@@ -10,7 +10,25 @@ var _propTypes = require('prop-types');
10
10
 
11
11
  var _propTypes2 = _interopRequireDefault(_propTypes);
12
12
 
13
- var _material = require('@mui/material');
13
+ var _Box = require('@mui/material/Box');
14
+
15
+ var _Box2 = _interopRequireDefault(_Box);
16
+
17
+ var _Grid = require('@mui/material/Grid');
18
+
19
+ var _Grid2 = _interopRequireDefault(_Grid);
20
+
21
+ var _Tabs = require('@mui/material/Tabs');
22
+
23
+ var _Tabs2 = _interopRequireDefault(_Tabs);
24
+
25
+ var _Tab = require('@mui/material/Tab');
26
+
27
+ var _Tab2 = _interopRequireDefault(_Tab);
28
+
29
+ var _Typography = require('@mui/material/Typography');
30
+
31
+ var _Typography2 = _interopRequireDefault(_Typography);
14
32
 
15
33
  var _makeStyles = require('@mui/styles/makeStyles');
16
34
 
@@ -80,10 +98,10 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
80
98
  }, permissionGroupsData);
81
99
 
82
100
  return _react2.default.createElement(
83
- _material.Grid,
101
+ _Grid2.default,
84
102
  null,
85
103
  _react2.default.createElement(
86
- _material.Typography,
104
+ _Typography2.default,
87
105
  {
88
106
  variant: 'h6',
89
107
  className: classes.label,
@@ -92,21 +110,21 @@ var PermissionsTabs = function PermissionsTabs(_ref) {
92
110
  R.prop('title')(labels)
93
111
  ),
94
112
  _react2.default.createElement(
95
- _material.Grid,
113
+ _Grid2.default,
96
114
  { className: classes.tabs },
97
115
  _react2.default.createElement(
98
- _material.Tabs,
116
+ _Tabs2.default,
99
117
  {
100
118
  value: valueTabs,
101
119
  onChange: handleValueTabsChange,
102
120
  'aria-label': R.prop('title')(labels),
103
121
  className: classes.tab
104
122
  },
105
- _react2.default.createElement(_material.Tab, { label: R.path(['permissions', 'label'], data) }),
106
- _react2.default.createElement(_material.Tab, { label: R.path(['options', 'label'], data) })
123
+ _react2.default.createElement(_Tab2.default, { label: R.path(['permissions', 'label'], data) }),
124
+ _react2.default.createElement(_Tab2.default, { label: R.path(['options', 'label'], data) })
107
125
  ),
108
126
  _react2.default.createElement(
109
- _material.Box,
127
+ _Box2.default,
110
128
  null,
111
129
  _react2.default.createElement(_Permissions2.default, {
112
130
  data: valueTabs === 0 ? evolvedPermissionGroupsData : permissionsData,