@gridsuite/commons-ui 0.18.0 → 0.20.1

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 (18) hide show
  1. package/lib/components/ElementSearchDialog/element-search-dialog.js +16 -32
  2. package/lib/components/ElementSearchDialog/equipment-item.js +70 -0
  3. package/lib/components/ElementSearchDialog/index.js +5 -3
  4. package/lib/components/ElementSearchDialog/tag-renderer.js +38 -0
  5. package/lib/components/Login/Login.js +9 -10
  6. package/lib/components/MuiVirtualizedTable/MuiVirtualizedTable.js +8 -7
  7. package/lib/components/OverflowableText/overflowable-text.js +5 -5
  8. package/lib/components/ReportViewer/log-table.js +3 -3
  9. package/lib/components/ReportViewer/report-item.js +5 -5
  10. package/lib/components/ReportViewer/report-viewer.js +6 -6
  11. package/lib/components/ReportViewerDialog/report-viewer-dialog.js +10 -10
  12. package/lib/components/SnackbarProvider/SnackbarProvider.js +1 -1
  13. package/lib/components/TopBar/TopBar.js +53 -57
  14. package/lib/components/TreeViewFinder/TreeViewFinder.js +18 -15
  15. package/lib/index.js +11 -3
  16. package/lib/utils/ElementType.js +3 -3
  17. package/lib/utils/EquipmentType.js +5 -50
  18. package/package.json +15 -8
package/lib/components/ElementSearchDialog/element-search-dialog.js CHANGED
@@ -5,15 +5,11 @@ exports["default"] = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _styles = require("@material-ui/core/styles");
9
-
10
- var _core = require("@material-ui/core");
8
+ var _material = require("@mui/material");
11
9
 
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
 
14
- var _lab = require("@material-ui/lab");
15
-
16
- var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
12
+ var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
17
13
 
18
14
  var _reactIntl = require("react-intl");
19
15
 
@@ -27,24 +23,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
27
23
 
28
24
  var TERM_MIN_SIZE_BEFORE_SEARCH = 3;
29
25
 
30
- var styles = function styles(theme) {
31
- return {
32
- title: {
33
- padding: '0px'
34
- },
35
- content: {
36
- display: 'flex',
37
- alignItems: 'end',
38
- padding: '20px',
39
- paddingRight: '0px'
40
- }
41
- };
42
- };
43
-
44
- var useStyles = (0, _styles.makeStyles)(styles);
45
-
46
26
  var ElementSearchDialog = function ElementSearchDialog(props) {
47
- var classes = useStyles();
48
27
  var intl = (0, _reactIntl.useIntl)();
49
28
  var open = props.open,
50
29
  onClose = props.onClose,
@@ -82,15 +61,13 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
82
61
  }
83
62
  };
84
63
 
85
- return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
64
+ return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
86
65
  open: open,
87
66
  onClose: onClose,
88
67
  disableRestoreFocus: true,
89
68
  "aria-labelledby": "dialog-title-search",
90
69
  fullWidth: true
91
- }, /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, {
92
- className: classes.title
93
- }), /*#__PURE__*/_react["default"].createElement(_core.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_lab.Autocomplete, {
70
+ }, /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
94
71
  id: "element-search",
95
72
  forcePopupIcon: false,
96
73
  open: expanded,
@@ -101,16 +78,16 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
101
78
  setExpanded(false);
102
79
  },
103
80
  fullWidth: true,
104
- onInputChange: function onInputChange(event, value) {
81
+ onInputChange: function onInputChange(_event, value) {
105
82
  return handleSearchTermChange(value);
106
83
  },
107
- onChange: function onChange(event, newValue) {
84
+ onChange: function onChange(_event, newValue) {
108
85
  return onSelectionChange(newValue);
109
86
  },
110
87
  getOptionLabel: function getOptionLabel(option) {
111
88
  return option.label;
112
89
  },
113
- getOptionSelected: function getOptionSelected(option, value) {
90
+ isOptionEqualToValue: function isOptionEqualToValue(option, value) {
114
91
  return option.id === value.id;
115
92
  },
116
93
  options: elements,
@@ -119,9 +96,16 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
119
96
  noOptionsText: intl.formatMessage({
120
97
  id: 'element_search/noResult'
121
98
  }),
122
- renderOption: renderElement,
99
+ renderOption: function renderOption(optionProps, element, _ref) {
100
+ var inputValue = _ref.inputValue;
101
+ return renderElement(_extends({}, optionProps, {
102
+ element: element,
103
+ inputValue: inputValue,
104
+ onClose: onClose
105
+ }));
106
+ },
123
107
  renderInput: function renderInput(params) {
124
- return /*#__PURE__*/_react["default"].createElement(_core.TextField, _extends({
108
+ return /*#__PURE__*/_react["default"].createElement(_material.TextField, _extends({
125
109
  autoFocus: true
126
110
  }, params, {
127
111
  label: searchingLabel || intl.formatMessage({
package/lib/components/ElementSearchDialog/equipment-item.js ADDED
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.EquipmentItem = void 0;
5
+
6
+ var _index = require("./index");
7
+
8
+ var _match = _interopRequireDefault(require("autosuggest-highlight/match"));
9
+
10
+ var _parse = _interopRequireDefault(require("autosuggest-highlight/parse"));
11
+
12
+ var _clsx = _interopRequireDefault(require("clsx"));
13
+
14
+ var _reactIntl = require("react-intl");
15
+
16
+ var _OverflowableText = _interopRequireDefault(require("../OverflowableText"));
17
+
18
+ var _react = _interopRequireDefault(require("react"));
19
+
20
+ var _EquipmentType = require("../../utils/EquipmentType");
21
+
22
+ var _excluded = ["inputValue", "suffixRenderer", "element"];
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
+
30
+ var EquipmentItem = function EquipmentItem(_ref) {
31
+ var inputValue = _ref.inputValue,
32
+ _ref$suffixRenderer = _ref.suffixRenderer,
33
+ suffixRenderer = _ref$suffixRenderer === void 0 ? _index.TagRenderer : _ref$suffixRenderer,
34
+ element = _ref.element,
35
+ props = _objectWithoutPropertiesLoose(_ref, _excluded);
36
+
37
+ var matches = (0, _match["default"])(element.label, inputValue, {
38
+ insideWords: true,
39
+ findAllOccurrences: true
40
+ });
41
+ var parts = (0, _parse["default"])(element.label, matches);
42
+ /* override li.key otherwise it will use label which could be duplicated */
43
+
44
+ return /*#__PURE__*/_react["default"].createElement("li", _extends({
45
+ key: element.key
46
+ }, props), /*#__PURE__*/_react["default"].createElement("div", {
47
+ className: props.classes.equipmentOption
48
+ }, /*#__PURE__*/_react["default"].createElement("span", {
49
+ className: (0, _clsx["default"])(props.classes.equipmentTag, props.classes.equipmentTypeTag)
50
+ }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
51
+ id: _EquipmentType.EQUIPMENT_TYPE[element.type].tagLabel
52
+ })), /*#__PURE__*/_react["default"].createElement(_OverflowableText["default"], {
53
+ text: parts.map(function (e) {
54
+ return e.text;
55
+ }).join(),
56
+ className: props.classes.result
57
+ }, parts.map(function (part, index) {
58
+ return /*#__PURE__*/_react["default"].createElement("span", {
59
+ key: index,
60
+ style: {
61
+ fontWeight: part.highlight ? 'bold' : 'inherit'
62
+ }
63
+ }, part.text);
64
+ })), suffixRenderer({
65
+ props: props,
66
+ element: element
67
+ })));
68
+ };
69
+
70
+ exports.EquipmentItem = EquipmentItem;
package/lib/components/ElementSearchDialog/index.js CHANGED
@@ -1,12 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports["default"] = void 0;
4
+ exports.TagRenderer = exports["default"] = void 0;
5
5
 
6
6
  var _elementSearchDialog = _interopRequireDefault(require("./element-search-dialog"));
7
7
 
8
8
  exports["default"] = _elementSearchDialog["default"];
9
9
 
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ var _tagRenderer = require("./tag-renderer");
11
11
 
12
- module.exports = exports.default;
12
+ exports.TagRenderer = _tagRenderer.TagRenderer;
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/lib/components/ElementSearchDialog/tag-renderer.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.TagRenderer = void 0;
5
+
6
+ var _OverflowableText = _interopRequireDefault(require("../OverflowableText"));
7
+
8
+ var _clsx = _interopRequireDefault(require("clsx"));
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _EquipmentType = require("../../utils/EquipmentType");
13
+
14
+ var _propTypes = _interopRequireDefault(require("prop-types"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
+
18
+ /**
19
+ * Copyright (c) 2022, RTE (http://www.rte-france.com)
20
+ * This Source Code Form is subject to the terms of the Mozilla Public
21
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
22
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
23
+ */
24
+ var TagRenderer = function TagRenderer(_ref) {
25
+ var props = _ref.props,
26
+ element = _ref.element;
27
+ if (element.type !== _EquipmentType.EQUIPMENT_TYPE.SUBSTATION.name && element.type !== _EquipmentType.EQUIPMENT_TYPE.VOLTAGE_LEVEL.name) return /*#__PURE__*/_react["default"].createElement(_OverflowableText["default"], {
28
+ text: element.voltageLevelLabel,
29
+ className: (0, _clsx["default"])(props.classes.equipmentTag, props.classes.equipmentVlTag)
30
+ });
31
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
32
+ };
33
+
34
+ exports.TagRenderer = TagRenderer;
35
+ TagRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
36
+ element: _propTypes["default"].object,
37
+ props: _propTypes["default"].object
38
+ } : {};
package/lib/components/Login/Login.js CHANGED
@@ -5,21 +5,21 @@ exports["default"] = void 0;
5
5
 
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
 
8
- var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
8
+ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
9
9
 
10
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
10
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
11
11
 
12
- var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
12
+ var _Link = _interopRequireDefault(require("@mui/material/Link"));
13
13
 
14
- var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
14
+ var _Box = _interopRequireDefault(require("@mui/material/Box"));
15
15
 
16
- var _LockOutlined = _interopRequireDefault(require("@material-ui/icons/LockOutlined"));
16
+ var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
17
17
 
18
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
18
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
20
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
21
21
 
22
- var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
22
+ var _Container = _interopRequireDefault(require("@mui/material/Container"));
23
23
 
24
24
  var _reactIntl = require("react-intl");
25
25
 
@@ -31,7 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
31
31
  * License, v. 2.0. If a copy of the MPL was not distributed with this
32
32
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
33
33
  */
34
- var useStyles = (0, _styles.makeStyles)(function (theme) {
34
+ var useStyles = (0, _makeStyles["default"])(function (theme) {
35
35
  return {
36
36
  paper: {
37
37
  marginTop: theme.spacing(8),
@@ -87,7 +87,6 @@ var Login = function Login(_ref) {
87
87
  disabled: disabled,
88
88
  fullWidth: true,
89
89
  variant: "contained",
90
- color: "primary",
91
90
  className: classes.submit,
92
91
  onClick: onLoginClick
93
92
  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
package/lib/components/MuiVirtualizedTable/MuiVirtualizedTable.js CHANGED
@@ -9,23 +9,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
 
10
10
  var _clsx3 = _interopRequireDefault(require("clsx"));
11
11
 
12
- var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
12
+ var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
13
13
 
14
14
  var _reactVirtualized = require("react-virtualized");
15
15
 
16
- var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
16
+ var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
17
17
 
18
18
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
19
19
 
20
- var _GetApp = _interopRequireDefault(require("@material-ui/icons/GetApp"));
20
+ var _GetApp = _interopRequireDefault(require("@mui/icons-material/GetApp"));
21
21
 
22
22
  var _reactCsvDownloader = _interopRequireDefault(require("react-csv-downloader"));
23
23
 
24
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
24
+ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
25
25
 
26
26
  var _reactIntl = require("react-intl");
27
27
 
28
- var _styles = require("@material-ui/core/styles");
28
+ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
29
29
 
30
30
  var _excluded = ["name", "classes", "rows", "columns", "rowHeight", "headerHeight", "rowCount", "sortable", "enableExportCSV"],
31
31
  _excluded2 = ["dataKey"];
@@ -454,7 +454,8 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
454
454
  columns: csvHeaders,
455
455
  filename: this.getCSVFilename()
456
456
  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
457
- "aria-label": "exportCSVButton"
457
+ "aria-label": "exportCSVButton",
458
+ size: "large"
458
459
  }, /*#__PURE__*/_react["default"].createElement(_GetApp["default"], null)))), /*#__PURE__*/_react["default"].createElement("div", {
459
460
  style: {
460
461
  flexGrow: 1
@@ -543,6 +544,6 @@ MuiVirtualizedTable.propTypes = process.env.NODE_ENV !== "production" ? {
543
544
  sort: _propTypes["default"].func
544
545
  } : {};
545
546
 
546
- var _default = (0, _styles.withStyles)(defaultStyles)(MuiVirtualizedTable);
547
+ var _default = (0, _withStyles["default"])(defaultStyles)(MuiVirtualizedTable);
547
548
 
548
549
  exports["default"] = _default;
package/lib/components/OverflowableText/overflowable-text.js CHANGED
@@ -5,11 +5,11 @@ exports["default"] = exports.OverflowableText = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _core = require("@material-ui/core");
8
+ var _material = require("@mui/material");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
- var _styles = require("@material-ui/core/styles");
12
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
13
13
 
14
14
  var _clsx = _interopRequireDefault(require("clsx"));
15
15
 
@@ -41,7 +41,7 @@ var overflowStyle = function overflowStyle(theme) {
41
41
  };
42
42
  };
43
43
 
44
- var useStyles = (0, _styles.makeStyles)(overflowStyle);
44
+ var useStyles = (0, _makeStyles["default"])(overflowStyle);
45
45
 
46
46
  var OverflowableText = function OverflowableText(_ref) {
47
47
  var text = _ref.text,
@@ -63,7 +63,7 @@ var OverflowableText = function OverflowableText(_ref) {
63
63
  (0, _react.useEffect)(function () {
64
64
  checkOverflow();
65
65
  }, [checkOverflow]);
66
- return /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
66
+ return /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
67
67
  title: text || '',
68
68
  disableHoverListener: !overflowed,
69
69
  classes: {
@@ -79,7 +79,7 @@ var OverflowableText = function OverflowableText(_ref) {
79
79
  exports.OverflowableText = OverflowableText;
80
80
  OverflowableText.propTypes = process.env.NODE_ENV !== "production" ? {
81
81
  children: _propTypes["default"].array,
82
- text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
82
+ text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].node]),
83
83
  className: _propTypes["default"].string
84
84
  } : {};
85
85
  var _default = OverflowableText;
package/lib/components/ReportViewer/log-table.js CHANGED
@@ -7,9 +7,9 @@ var _react = _interopRequireWildcard(require("react"));
7
7
 
8
8
  var _reactIntl = require("react-intl");
9
9
 
10
- var _styles = require("@material-ui/core/styles");
10
+ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
11
11
 
12
- var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
12
+ var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
13
13
 
14
14
  var _MuiVirtualizedTable = _interopRequireDefault(require("../MuiVirtualizedTable"));
15
15
 
@@ -48,7 +48,7 @@ var styles = function styles(theme) {
48
48
  };
49
49
  };
50
50
 
51
- var VirtualizedTable = (0, _styles.withStyles)(styles)(_MuiVirtualizedTable["default"]);
51
+ var VirtualizedTable = (0, _withStyles["default"])(styles)(_MuiVirtualizedTable["default"]);
52
52
 
53
53
  var LogTable = function LogTable(_ref) {
54
54
  var logs = _ref.logs;
package/lib/components/ReportViewer/report-item.js CHANGED
@@ -7,13 +7,13 @@ var _react = _interopRequireDefault(require("react"));
7
7
 
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
 
10
- var _styles = require("@material-ui/core/styles");
10
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
11
11
 
12
- var _TreeItem = _interopRequireDefault(require("@material-ui/lab/TreeItem"));
12
+ var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
13
13
 
14
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
14
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
15
15
 
16
- var _Label = _interopRequireDefault(require("@material-ui/icons/Label"));
16
+ var _Label = _interopRequireDefault(require("@mui/icons-material/Label"));
17
17
 
18
18
  var _excluded = ["labelText", "labelIconColor"];
19
19
 
@@ -23,7 +23,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
23
23
 
24
24
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
25
 
26
- var useReportItemStyles = (0, _styles.makeStyles)(function (theme) {
26
+ var useReportItemStyles = (0, _makeStyles["default"])(function (theme) {
27
27
  return {
28
28
  root: {
29
29
  color: theme.palette.text.secondary,
package/lib/components/ReportViewer/report-viewer.js CHANGED
@@ -5,19 +5,19 @@ exports["default"] = ReportViewer;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _styles = require("@material-ui/core/styles");
8
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
9
9
 
10
- var _TreeView = _interopRequireDefault(require("@material-ui/lab/TreeView"));
10
+ var _TreeView = _interopRequireDefault(require("@mui/lab/TreeView"));
11
11
 
12
- var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
12
+ var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
13
13
 
14
- var _ArrowRight = _interopRequireDefault(require("@material-ui/icons/ArrowRight"));
14
+ var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
15
15
 
16
16
  var _reportItem = _interopRequireDefault(require("./report-item"));
17
17
 
18
18
  var _logReport = _interopRequireDefault(require("./log-report"));
19
19
 
20
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
20
+ var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
21
21
 
22
22
  var _logTable = _interopRequireDefault(require("./log-table"));
23
23
 
@@ -34,7 +34,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
34
34
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
35
35
  */
36
36
  var MAX_SUB_REPORTS = 500;
37
- var useStyles = (0, _styles.makeStyles)({
37
+ var useStyles = (0, _makeStyles["default"])({
38
38
  treeView: {
39
39
  height: '100%',
40
40
  overflow: 'scroll'
package/lib/components/ReportViewerDialog/report-viewer-dialog.js CHANGED
@@ -5,21 +5,21 @@ exports["default"] = ReportViewerDialog;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _styles = require("@material-ui/core/styles");
8
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
9
9
 
10
- var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
10
+ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
11
11
 
12
- var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
12
+ var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
13
13
 
14
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
14
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
15
15
 
16
- var _Fullscreen = _interopRequireDefault(require("@material-ui/icons/Fullscreen"));
16
+ var _Fullscreen = _interopRequireDefault(require("@mui/icons-material/Fullscreen"));
17
17
 
18
- var _FullscreenExit = _interopRequireDefault(require("@material-ui/icons/FullscreenExit"));
18
+ var _FullscreenExit = _interopRequireDefault(require("@mui/icons-material/FullscreenExit"));
19
19
 
20
20
  var _reactIntl = require("react-intl");
21
21
 
22
- var _core = require("@material-ui/core");
22
+ var _material = require("@mui/material");
23
23
 
24
24
  var _ReportViewer = _interopRequireDefault(require("../ReportViewer"));
25
25
 
@@ -35,7 +35,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
35
35
  * License, v. 2.0. If a copy of the MPL was not distributed with this
36
36
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
37
37
  */
38
- var useStyles = (0, _styles.makeStyles)({
38
+ var useStyles = (0, _makeStyles["default"])({
39
39
  fullScreenIcon: {
40
40
  cursor: 'pointer'
41
41
  },
@@ -63,7 +63,7 @@ function ReportViewerDialog(props) {
63
63
  setFullScreen(false);
64
64
  };
65
65
 
66
- return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
66
+ return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
67
67
  open: open,
68
68
  onClose: onClose,
69
69
  fullScreen: fullScreen,
@@ -73,7 +73,7 @@ function ReportViewerDialog(props) {
73
73
  classes: {
74
74
  paperFullWidth: classes.paperFullWidth
75
75
  }
76
- }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_core.DialogContent, {
76
+ }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
77
77
  dividers: true
78
78
  }, /*#__PURE__*/_react["default"].createElement(_ReportViewer["default"], {
79
79
  jsonReport: jsonReport
package/lib/components/SnackbarProvider/SnackbarProvider.js CHANGED
@@ -5,7 +5,7 @@ exports["default"] = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
8
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
9
9
 
10
10
  var _notistack = require("notistack");
11
11
 
package/lib/components/TopBar/TopBar.js CHANGED
@@ -7,65 +7,69 @@ var _react = _interopRequireWildcard(require("react"));
7
7
 
8
8
  var _reactIntl = require("react-intl");
9
9
 
10
- var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
10
+ var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
11
11
 
12
- var _ExitToApp = _interopRequireDefault(require("@material-ui/icons/ExitToApp"));
12
+ var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp"));
13
13
 
14
- var _styles = require("@material-ui/core/styles");
14
+ var _styles = require("@mui/material/styles");
15
15
 
16
- var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
16
+ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
17
17
 
18
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
18
+ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
19
19
 
20
- var _Settings = _interopRequireDefault(require("@material-ui/icons/Settings"));
20
+ var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
21
21
 
22
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
22
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
23
23
 
24
- var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
24
+ var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
25
25
 
26
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
26
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
27
27
 
28
- var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
28
+ var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
29
29
 
30
- var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
30
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
31
31
 
32
- var _Apps = _interopRequireDefault(require("@material-ui/icons/Apps"));
32
+ var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
33
33
 
34
- var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
34
+ var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
35
35
 
36
- var _FullscreenExit = _interopRequireDefault(require("@material-ui/icons/FullscreenExit"));
36
+ var _Apps = _interopRequireDefault(require("@mui/icons-material/Apps"));
37
37
 
38
- var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
38
+ var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
39
39
 
40
- var _ArrowDropUp = _interopRequireDefault(require("@material-ui/icons/ArrowDropUp"));
40
+ var _FullscreenExit = _interopRequireDefault(require("@mui/icons-material/FullscreenExit"));
41
41
 
42
- var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
42
+ var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
43
43
 
44
- var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
44
+ var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
45
45
 
46
- var _Brightness = _interopRequireDefault(require("@material-ui/icons/Brightness3"));
46
+ var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
47
47
 
48
- var _WbSunny = _interopRequireDefault(require("@material-ui/icons/WbSunny"));
48
+ var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
49
49
 
50
- var _Computer = _interopRequireDefault(require("@material-ui/icons/Computer"));
50
+ var _Brightness = _interopRequireDefault(require("@mui/icons-material/Brightness3"));
51
51
 
52
- var _ToggleButton = _interopRequireDefault(require("@material-ui/lab/ToggleButton"));
52
+ var _WbSunny = _interopRequireDefault(require("@mui/icons-material/WbSunny"));
53
53
 
54
- var _ToggleButtonGroup = _interopRequireDefault(require("@material-ui/lab/ToggleButtonGroup"));
54
+ var _Computer = _interopRequireDefault(require("@mui/icons-material/Computer"));
55
+
56
+ var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
57
+
58
+ var _ToggleButtonGroup = _interopRequireDefault(require("@mui/material/ToggleButtonGroup"));
55
59
 
56
60
  var _propTypes = _interopRequireDefault(require("prop-types"));
57
61
 
58
- var _Fullscreen = _interopRequireDefault(require("@material-ui/icons/Fullscreen"));
62
+ var _Fullscreen = _interopRequireDefault(require("@mui/icons-material/Fullscreen"));
59
63
 
60
64
  var _reactRequestFullscreen = _interopRequireWildcard(require("react-request-fullscreen"));
61
65
 
62
- var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
66
+ var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
63
67
 
64
- var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
68
+ var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
65
69
 
66
- var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
70
+ var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
67
71
 
68
- var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
72
+ var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
69
73
 
70
74
  var _clsx3 = _interopRequireDefault(require("clsx"));
71
75
 
@@ -79,7 +83,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
79
83
 
80
84
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
81
85
 
82
- var useStyles = (0, _styles.makeStyles)(function (theme) {
86
+ var useStyles = (0, _makeStyles["default"])(function (theme) {
83
87
  return {
84
88
  grow: {
85
89
  flexGrow: 1,
@@ -154,14 +158,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
154
158
  }
155
159
  };
156
160
  });
157
- var StyledMenu = (0, _styles.withStyles)({
161
+ var StyledMenu = (0, _withStyles["default"])({
158
162
  paper: {
159
163
  border: '1px solid #d3d4d5'
160
164
  }
161
165
  })(function (props) {
162
166
  return /*#__PURE__*/_react["default"].createElement(_Menu["default"], _extends({
163
167
  elevation: 0,
164
- getContentAnchorEl: null,
165
168
  anchorOrigin: {
166
169
  vertical: 'bottom',
167
170
  horizontal: 'center'
@@ -172,7 +175,7 @@ var StyledMenu = (0, _styles.withStyles)({
172
175
  }
173
176
  }, props));
174
177
  });
175
- var StyledMenuItem = (0, _styles.withStyles)(function (theme) {
178
+ var StyledMenuItem = (0, _withStyles["default"])(function (theme) {
176
179
  return {
177
180
  root: {
178
181
  '&:focus': {
@@ -184,7 +187,7 @@ var StyledMenuItem = (0, _styles.withStyles)(function (theme) {
184
187
  }
185
188
  };
186
189
  })(_MenuItem["default"]);
187
- var CustomListItemIcon = (0, _styles.withStyles)(function (theme) {
190
+ var CustomListItemIcon = (0, _withStyles["default"])(function (theme) {
188
191
  return {
189
192
  root: {
190
193
  minWidth: '30px',
@@ -233,9 +236,7 @@ var TopBar = function TopBar(_ref) {
233
236
  language = _ref.language;
234
237
  var classes = useStyles();
235
238
 
236
- var anchorRef = _react["default"].useRef(null);
237
-
238
- var _React$useState = _react["default"].useState(false),
239
+ var _React$useState = _react["default"].useState(null),
239
240
  anchorElSettingsMenu = _React$useState[0],
240
241
  setAnchorElSettingsMenu = _React$useState[1];
241
242
 
@@ -250,25 +251,19 @@ var TopBar = function TopBar(_ref) {
250
251
  setIsFullScreen = _useState[1];
251
252
 
252
253
  var _useState2 = (0, _react.useState)(false),
253
- isMenuOpen = _useState2[0],
254
- setMenuOpen = _useState2[1];
255
-
256
- var _useState3 = (0, _react.useState)(false),
257
- isDialogSearchOpen = _useState3[0],
258
- setDialogSearchOpen = _useState3[1];
254
+ isDialogSearchOpen = _useState2[0],
255
+ setDialogSearchOpen = _useState2[1];
259
256
 
260
257
  var handleClickElementSearch = function handleClickElementSearch() {
261
258
  setDialogSearchOpen(true);
262
259
  };
263
260
 
264
- var handleToggleSettingsMenu = function handleToggleSettingsMenu() {
265
- setAnchorElSettingsMenu(true);
266
- setMenuOpen(true);
261
+ var handleToggleSettingsMenu = function handleToggleSettingsMenu(event) {
262
+ setAnchorElSettingsMenu(event.currentTarget);
267
263
  };
268
264
 
269
265
  var handleCloseSettingsMenu = function handleCloseSettingsMenu() {
270
- setAnchorElSettingsMenu(false);
271
- setMenuOpen(false);
266
+ setAnchorElSettingsMenu(null);
272
267
  };
273
268
 
274
269
  var handleClickAppsMenu = function handleClickAppsMenu(event) {
@@ -280,20 +275,20 @@ var TopBar = function TopBar(_ref) {
280
275
  };
281
276
 
282
277
  var onParametersClicked = function onParametersClicked() {
283
- setAnchorElSettingsMenu(false);
278
+ setAnchorElSettingsMenu(null);
284
279
 
285
280
  if (onParametersClick) {
286
281
  onParametersClick();
287
282
  }
288
283
  };
289
284
 
290
- function onFullScreenChange(isFullScreen) {
291
- setAnchorElSettingsMenu(false);
285
+ function onFullScreenChange(isFullScreenValue) {
286
+ setAnchorElSettingsMenu(null);
292
287
  setIsFullScreen(isFullScreen);
293
288
  }
294
289
 
295
290
  function requestOrExitFullScreen() {
296
- setAnchorElSettingsMenu(false);
291
+ setAnchorElSettingsMenu(null);
297
292
  fullScreenRef.current.fullScreen();
298
293
  }
299
294
 
@@ -387,11 +382,13 @@ var TopBar = function TopBar(_ref) {
387
382
  elementsFound: elementsFound,
388
383
  renderElement: renderElement
389
384
  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
385
+ color: "inherit",
390
386
  onClick: handleClickElementSearch
391
387
  }, /*#__PURE__*/_react["default"].createElement(_Search["default"], null)))), user && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
392
388
  "aria-controls": "apps-menu",
393
389
  "aria-haspopup": "true",
394
- onClick: handleClickAppsMenu
390
+ onClick: handleClickAppsMenu,
391
+ color: "inherit"
395
392
  }, /*#__PURE__*/_react["default"].createElement(_Apps["default"], null)), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
396
393
  id: "apps-menu",
397
394
  anchorEl: anchorElAppsMenu,
@@ -420,12 +417,12 @@ var TopBar = function TopBar(_ref) {
420
417
  }
421
418
  }, item.name))));
422
419
  }))), user && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
423
- ref: anchorRef,
424
420
  "aria-controls": "settings-menu",
425
421
  "aria-haspopup": "true",
426
422
  className: classes.showHideMenu,
427
423
  onClick: handleToggleSettingsMenu,
428
- style: isMenuOpen ? {
424
+ color: "inherit",
425
+ style: Boolean(anchorElSettingsMenu) ? {
429
426
  cursor: 'initial'
430
427
  } : {
431
428
  cursor: 'pointer'
@@ -438,9 +435,8 @@ var TopBar = function TopBar(_ref) {
438
435
  className: classes.arrowIcon
439
436
  })), /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
440
437
  className: classes.settingsMenu,
441
- open: anchorElSettingsMenu,
442
- anchorEl: anchorRef.current,
443
- transition: true
438
+ open: Boolean(anchorElSettingsMenu),
439
+ anchorEl: anchorElSettingsMenu
444
440
  }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], null, /*#__PURE__*/_react["default"].createElement(_ClickAwayListener["default"], {
445
441
  onClickAway: handleCloseSettingsMenu
446
442
  }, /*#__PURE__*/_react["default"].createElement(_MenuList["default"], {
package/lib/components/TreeViewFinder/TreeViewFinder.js CHANGED
@@ -9,31 +9,31 @@ var _reactIntl = require("react-intl");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
- var _styles = require("@material-ui/core/styles");
12
+ var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
13
13
 
14
- var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
14
+ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
15
15
 
16
- var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
16
+ var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
17
17
 
18
- var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
18
+ var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
19
19
 
20
- var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
20
+ var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
21
21
 
22
- var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
22
+ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
23
23
 
24
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
24
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
25
25
 
26
- var _TreeItem = _interopRequireDefault(require("@material-ui/lab/TreeItem"));
26
+ var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
27
27
 
28
- var _TreeView = _interopRequireDefault(require("@material-ui/lab/TreeView"));
28
+ var _TreeView = _interopRequireDefault(require("@mui/lab/TreeView"));
29
29
 
30
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
30
+ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
31
31
 
32
- var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
32
+ var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
33
33
 
34
- var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
34
+ var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
35
35
 
36
- var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
36
+ var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
37
37
 
38
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
39
39
 
@@ -83,6 +83,7 @@ var defaultStyles = {
83
83
  *
84
84
  * @param {Object} classes - CSS classes, please use withStyles API from MaterialUI
85
85
  * @param {String} [title] - Title of the Dialog
86
+ * @param {String} [contentText] - Content text of the Dialog
86
87
  * @param {Boolean} open - dialog state boolean handler (Controlled)
87
88
  * @param {EventListener} onClose - onClose callback to call when closing dialog
88
89
  * @param {Object[]} data - data to feed the component (Controlled).
@@ -103,6 +104,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
103
104
  var intl = (0, _reactIntl.useIntl)();
104
105
  var classes = props.classes,
105
106
  title = props.title,
107
+ contentText = props.contentText,
106
108
  open = props.open,
107
109
  data = props.data,
108
110
  defaultExpanded = props.defaultExpanded,
@@ -248,7 +250,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
248
250
  id: 'treeview_finder/finderTitle'
249
251
  }, {
250
252
  multiselect: multiselect
251
- })), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, intl.formatMessage({
253
+ })), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, contentText ? contentText : intl.formatMessage({
252
254
  id: 'treeview_finder/contentText'
253
255
  }, {
254
256
  multiselect: multiselect
@@ -312,6 +314,7 @@ TreeViewFinder.propTypes = process.env.NODE_ENV !== "production" ? {
312
314
  //uncontrolled
313
315
  classes: _propTypes["default"].object.isRequired,
314
316
  title: _propTypes["default"].string,
317
+ contentText: _propTypes["default"].string,
315
318
  validationButtonText: _propTypes["default"].string,
316
319
  defaultSelected: _propTypes["default"].arrayOf(_propTypes["default"].string),
317
320
  defaultExpanded: _propTypes["default"].arrayOf(_propTypes["default"].string),
@@ -327,7 +330,7 @@ TreeViewFinder.defaultProps = {
327
330
  multiselect: false
328
331
  };
329
332
 
330
- var _default = (0, _styles.withStyles)(defaultStyles)(TreeViewFinder);
333
+ var _default = (0, _withStyles["default"])(defaultStyles)(TreeViewFinder);
331
334
 
332
335
  exports["default"] = _default;
333
336
  module.exports = exports.default;
package/lib/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.setSignInCallbackError = exports.SIGNIN_CALLBACK_ERROR = exports.setLoggedUser = exports.USER = exports.LANG_FRENCH = exports.LANG_ENGLISH = exports.LANG_SYSTEM = exports.LIGHT_THEME = exports.DARK_THEME = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_HEIGHT = exports.DEFAULT_CELL_PADDING = exports.getFileIcon = exports.elementType = exports.getPreLoginPath = exports.dispatchUser = exports.logout = exports.initializeAuthenticationProd = exports.initializeAuthenticationDev = exports.equipmentStyles = exports.renderEquipmentForSearchBar = exports.getEquipmentsInfosForSearchBar = exports.EQUIPMENT_TYPE = void 0;
4
+ exports.EquipmentItem = exports.TagRenderer = exports.setSignInCallbackError = exports.SIGNIN_CALLBACK_ERROR = exports.setLoggedUser = exports.USER = exports.LANG_FRENCH = exports.LANG_ENGLISH = exports.LANG_SYSTEM = exports.LIGHT_THEME = exports.DARK_THEME = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_HEIGHT = exports.DEFAULT_CELL_PADDING = exports.getFileIcon = exports.elementType = exports.getPreLoginPath = exports.dispatchUser = exports.logout = exports.initializeAuthenticationProd = exports.initializeAuthenticationDev = exports.equipmentStyles = exports.getEquipmentsInfosForSearchBar = exports.EQUIPMENT_TYPE = void 0;
5
5
 
6
6
  var _TreeViewFinder2 = _interopRequireDefault(require("./components/TreeViewFinder"));
7
7
 
@@ -35,15 +35,15 @@ var _OverflowableText2 = _interopRequireDefault(require("./components/Overflowab
35
35
 
36
36
  exports.OverflowableText = _OverflowableText2["default"];
37
37
 
38
- var _ElementSearchDialog2 = _interopRequireDefault(require("./components/ElementSearchDialog"));
38
+ var _ElementSearchDialog2 = _interopRequireWildcard(require("./components/ElementSearchDialog"));
39
39
 
40
40
  exports.ElementSearchDialog = _ElementSearchDialog2["default"];
41
+ exports.TagRenderer = _ElementSearchDialog2.TagRenderer;
41
42
 
42
43
  var _EquipmentType = require("./utils/EquipmentType");
43
44
 
44
45
  exports.EQUIPMENT_TYPE = _EquipmentType.EQUIPMENT_TYPE;
45
46
  exports.getEquipmentsInfosForSearchBar = _EquipmentType.getEquipmentsInfosForSearchBar;
46
- exports.renderEquipmentForSearchBar = _EquipmentType.renderEquipmentForSearchBar;
47
47
  exports.equipmentStyles = _EquipmentType.equipmentStyles;
48
48
 
49
49
  var _AuthService = require("./utils/AuthService");
@@ -136,4 +136,12 @@ var _equipmentSearchFr = _interopRequireDefault(require("./components/translatio
136
136
 
137
137
  exports.equipment_search_fr = _equipmentSearchFr["default"];
138
138
 
139
+ var _equipmentItem = require("./components/ElementSearchDialog/equipment-item");
140
+
141
+ exports.EquipmentItem = _equipmentItem.EquipmentItem;
142
+
143
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
144
+
145
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
146
+
139
147
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/lib/utils/ElementType.js CHANGED
@@ -6,11 +6,11 @@ exports.elementType = void 0;
6
6
 
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
 
9
- var _LibraryBooksOutlined = _interopRequireDefault(require("@material-ui/icons/LibraryBooksOutlined"));
9
+ var _LibraryBooksOutlined = _interopRequireDefault(require("@mui/icons-material/LibraryBooksOutlined"));
10
10
 
11
- var _Description = _interopRequireDefault(require("@material-ui/icons/Description"));
11
+ var _Description = _interopRequireDefault(require("@mui/icons-material/Description"));
12
12
 
13
- var _FilterList = _interopRequireDefault(require("@material-ui/icons/FilterList"));
13
+ var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
14
14
 
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
16
 
package/lib/utils/EquipmentType.js CHANGED
@@ -1,22 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.renderEquipmentForSearchBar = exports.getEquipmentsInfosForSearchBar = exports.EQUIPMENT_TYPE = exports.equipmentStyles = exports.VL_TAG_MAX_SIZE = exports.TYPE_TAG_MAX_SIZE = void 0;
5
-
6
- var _match = _interopRequireDefault(require("autosuggest-highlight/match"));
7
-
8
- var _parse = _interopRequireDefault(require("autosuggest-highlight/parse"));
9
-
10
- var _clsx = _interopRequireDefault(require("clsx"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
4
+ exports.getEquipmentsInfosForSearchBar = exports.EQUIPMENT_TYPE = exports.equipmentStyles = exports.VL_TAG_MAX_SIZE = exports.TYPE_TAG_MAX_SIZE = void 0;
13
5
 
14
6
  var _TopBar = require("../components/TopBar/TopBar");
15
7
 
16
- var _OverflowableText = _interopRequireDefault(require("../components/OverflowableText"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
8
  /**
21
9
  * Copyright (c) 2021, RTE (http://www.rte-france.com)
22
10
  * This Source Code Form is subject to the terms of the Mozilla Public
@@ -44,7 +32,7 @@ var equipmentStyles = function equipmentStyles(theme) {
44
32
  padding: '4px',
45
33
  fontSize: 'x-small',
46
34
  textAlign: 'center',
47
- color: theme === _TopBar.LIGHT_THEME ? 'inherit' : theme.palette.common.black
35
+ color: theme === _TopBar.LIGHT_THEME ? 'inherit' : 'black'
48
36
  },
49
37
  equipmentTypeTag: {
50
38
  minWidth: TYPE_TAG_MAX_SIZE,
@@ -156,11 +144,13 @@ var getEquipmentsInfosForSearchBar = function getEquipmentsInfosForSearchBar(equ
156
144
  return e.type === 'SUBSTATION' ? [{
157
145
  label: label,
158
146
  id: e.id,
147
+ key: e.id,
159
148
  type: e.type
160
149
  }] : e.voltageLevels.map(function (vli) {
161
150
  return {
162
151
  label: label,
163
152
  id: e.id,
153
+ key: e.id + '_' + vli.id,
164
154
  type: e.type,
165
155
  voltageLevelLabel: equipmentLabelling ? vli.name : vli.id,
166
156
  voltageLevelId: vli.id
@@ -173,39 +163,4 @@ exports.getEquipmentsInfosForSearchBar = getEquipmentsInfosForSearchBar;
173
163
 
174
164
  var sortEquipments = function sortEquipments(a, b) {
175
165
  return EQUIPMENT_TYPE[a.type].sortOrder < EQUIPMENT_TYPE[b.type].sortOrder ? -1 : EQUIPMENT_TYPE[a.type].sortOrder > EQUIPMENT_TYPE[b.type].sortOrder ? 1 : a.label.localeCompare(b.label);
176
- };
177
-
178
- var renderEquipmentForSearchBar = function renderEquipmentForSearchBar(classes, intl) {
179
- return function (element, _ref) {
180
- var inputValue = _ref.inputValue;
181
- var matches = (0, _match["default"])(element.label, inputValue, {
182
- insideWords: true,
183
- findAllOccurrences: true
184
- });
185
- var parts = (0, _parse["default"])(element.label, matches);
186
- return /*#__PURE__*/_react["default"].createElement("div", {
187
- className: classes.equipmentOption
188
- }, /*#__PURE__*/_react["default"].createElement("span", {
189
- className: (0, _clsx["default"])(classes.equipmentTag, classes.equipmentTypeTag)
190
- }, intl.formatMessage({
191
- id: EQUIPMENT_TYPE[element.type].tagLabel
192
- })), /*#__PURE__*/_react["default"].createElement(_OverflowableText["default"], {
193
- text: parts.map(function (e) {
194
- return e.text;
195
- }).join(),
196
- className: classes.result
197
- }, parts.map(function (part, index) {
198
- return /*#__PURE__*/_react["default"].createElement("span", {
199
- key: index,
200
- style: {
201
- fontWeight: part.highlight ? 'bold' : 'inherit'
202
- }
203
- }, part.text);
204
- })), element.type !== EQUIPMENT_TYPE.SUBSTATION.name && element.type !== EQUIPMENT_TYPE.VOLTAGE_LEVEL.name && /*#__PURE__*/_react["default"].createElement(_OverflowableText["default"], {
205
- text: element.voltageLevelLabel,
206
- className: (0, _clsx["default"])(classes.equipmentTag, classes.equipmentVlTag)
207
- }));
208
- };
209
- };
210
-
211
- exports.renderEquipmentForSearchBar = renderEquipmentForSearchBar;
166
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gridsuite/commons-ui",
3
- "version": "0.18.0",
3
+ "version": "0.20.1",
4
4
  "description": "common react components for gridsuite applications",
5
5
  "main": "lib/index.js",
6
6
  "files": [
@@ -31,19 +31,26 @@
31
31
  "react-virtualized": "^9.21.2"
32
32
  },
33
33
  "peerDependencies": {
34
- "notistack": "^1.0.1",
34
+ "@emotion/react": "^11.8.1",
35
+ "@emotion/styled": "^11.8.1",
36
+ "@mui/icons-material": "^5.5.0",
37
+ "@mui/lab": "^5.0.0-alpha.72",
38
+ "@mui/material": "^5.5.0",
39
+ "@mui/styles": "^5.5.0",
40
+ "notistack": "^2.0.3",
35
41
  "react-router": "^5.1.2",
36
42
  "react-router-dom": "^5.1.2",
37
- "@material-ui/icons": "^4.5.1",
38
- "@material-ui/core": "^4.9.5",
39
43
  "react": "^17.0.0",
40
44
  "react-dom": "^17.0.0",
41
45
  "react-intl": "^5.0.0"
42
46
  },
43
47
  "devDependencies": {
44
- "@material-ui/core": "^4.9.5",
45
- "@material-ui/icons": "^4.5.1",
46
- "@material-ui/lab": "^4.0.0-alpha.56",
48
+ "@emotion/react": "^11.8.1",
49
+ "@emotion/styled": "^11.8.1",
50
+ "@mui/icons-material": "^5.5.0",
51
+ "@mui/lab": "^5.0.0-alpha.72",
52
+ "@mui/material": "^5.5.0",
53
+ "@mui/styles": "^5.5.0",
47
54
  "babel-eslint": "^10.1.0",
48
55
  "bufferutil": "^4.0.1",
49
56
  "eslint": "^7.9.0",
@@ -57,7 +64,7 @@
57
64
  "eslint-plugin-react": "^7.21.0",
58
65
  "eslint-plugin-react-hooks": "^4.1.2",
59
66
  "inferno": "^7.4.2",
60
- "notistack": "^1.0.1",
67
+ "notistack": "^2.0.3",
61
68
  "nwb": "^0.25.x",
62
69
  "prettier": "^2.0.0",
63
70
  "puppeteer": "^10.0.0",