@gridsuite/commons-ui 0.35.1 → 0.35.2

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 (116) hide show
  1. package/README.md +2 -2
  2. package/es/components/AuthenticationRouter/AuthenticationRouter.js +102 -0
  3. package/es/components/AuthenticationRouter/index.js +7 -0
  4. package/{lib → es}/components/CardErrorBoundary/card-error-boundary.js +35 -42
  5. package/es/components/CardErrorBoundary/index.js +7 -0
  6. package/es/components/ElementSearchDialog/element-search-dialog.js +120 -0
  7. package/{lib → es}/components/ElementSearchDialog/equipment-item.js +26 -32
  8. package/es/components/ElementSearchDialog/index.js +8 -0
  9. package/es/components/ElementSearchDialog/tag-renderer.js +29 -0
  10. package/{lib → es}/components/FlatParameters/FlatParameters.js +42 -49
  11. package/es/components/FlatParameters/index.js +8 -0
  12. package/es/components/Login/Login.js +79 -0
  13. package/es/components/Login/Logout.js +78 -0
  14. package/es/components/Login/index.js +7 -0
  15. package/es/components/MuiVirtualizedTable/ColumnHeader.js +125 -0
  16. package/{lib → es}/components/MuiVirtualizedTable/KeyedColumnsRowIndexer.js +18 -25
  17. package/{lib → es}/components/MuiVirtualizedTable/MuiVirtualizedTable.js +88 -99
  18. package/es/components/MuiVirtualizedTable/index.js +9 -0
  19. package/es/components/OverflowableText/index.js +7 -0
  20. package/{lib → es}/components/OverflowableText/overflowable-text.js +20 -29
  21. package/es/components/ReportViewer/index.js +7 -0
  22. package/{lib → es}/components/ReportViewer/log-report-item.js +1 -6
  23. package/{lib → es}/components/ReportViewer/log-report.js +8 -13
  24. package/{lib → es}/components/ReportViewer/log-table.js +14 -24
  25. package/{lib → es}/components/ReportViewer/report-item.js +23 -30
  26. package/{lib → es}/components/ReportViewer/report-tree-view-context.js +3 -9
  27. package/{lib → es}/components/ReportViewer/report-viewer.js +32 -40
  28. package/es/components/ReportViewerDialog/index.js +7 -0
  29. package/es/components/ReportViewerDialog/report-viewer-dialog.js +67 -0
  30. package/es/components/SignInCallbackHandler/SignInCallbackHandler.js +19 -0
  31. package/es/components/SignInCallbackHandler/index.js +7 -0
  32. package/es/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js +19 -0
  33. package/es/components/SilentRenewCallbackHandler/index.js +7 -0
  34. package/es/components/SnackbarProvider/SnackbarProvider.js +39 -0
  35. package/es/components/SnackbarProvider/index.js +7 -0
  36. package/es/components/TopBar/TopBar.js +565 -0
  37. package/es/components/TopBar/index.js +7 -0
  38. package/{lib → es}/components/TreeViewFinder/TreeViewFinder.js +59 -66
  39. package/es/components/TreeViewFinder/index.js +7 -0
  40. package/es/components/react-hook-form/autocomplete-input.js +110 -0
  41. package/es/components/react-hook-form/booleans/boolean-input.js +56 -0
  42. package/es/components/react-hook-form/booleans/checkbox-input.js +28 -0
  43. package/es/components/react-hook-form/booleans/switch-input.js +28 -0
  44. package/es/components/react-hook-form/error-management/error-input.js +50 -0
  45. package/es/components/react-hook-form/error-management/field-error-alert.js +22 -0
  46. package/es/components/react-hook-form/error-management/mid-form-error.js +25 -0
  47. package/es/components/react-hook-form/numbers/float-input.js +40 -0
  48. package/es/components/react-hook-form/numbers/integer-input.js +35 -0
  49. package/es/components/react-hook-form/numbers/utils.js +6 -0
  50. package/es/components/react-hook-form/radio-input.js +55 -0
  51. package/es/components/react-hook-form/select-input.js +40 -0
  52. package/es/components/react-hook-form/slider-input.js +48 -0
  53. package/es/components/react-hook-form/text-input.js +100 -0
  54. package/es/components/react-hook-form/utils/field-label.js +15 -0
  55. package/es/components/react-hook-form/utils/functions.js +42 -0
  56. package/es/components/react-hook-form/utils/submit-button.js +25 -0
  57. package/es/components/react-hook-form/utils/text-field-with-adornment.js +92 -0
  58. package/{lib → es}/components/translations/card-error-boundary-en.js +1 -7
  59. package/{lib → es}/components/translations/card-error-boundary-fr.js +1 -7
  60. package/{lib → es}/components/translations/element-search-en.js +1 -7
  61. package/{lib → es}/components/translations/element-search-fr.js +1 -7
  62. package/{lib → es}/components/translations/equipment-search-en.js +1 -7
  63. package/{lib → es}/components/translations/equipment-search-fr.js +1 -7
  64. package/es/components/translations/inputs-en.js +25 -0
  65. package/es/components/translations/inputs-fr.js +25 -0
  66. package/{lib → es}/components/translations/login-en.js +1 -7
  67. package/{lib → es}/components/translations/login-fr.js +1 -7
  68. package/{lib → es}/components/translations/report-viewer-en.js +1 -7
  69. package/{lib → es}/components/translations/report-viewer-fr.js +1 -7
  70. package/{lib → es}/components/translations/table-en.js +1 -7
  71. package/{lib → es}/components/translations/table-fr.js +1 -7
  72. package/{lib → es}/components/translations/top-bar-en.js +1 -7
  73. package/{lib → es}/components/translations/top-bar-fr.js +1 -7
  74. package/{lib → es}/components/translations/treeview-finder-en.js +1 -7
  75. package/{lib → es}/components/translations/treeview-finder-fr.js +1 -7
  76. package/{lib → es}/hooks/useDebounce.js +7 -12
  77. package/{lib → es}/hooks/useIntlRef.js +7 -10
  78. package/{lib → es}/hooks/useSnackMessage.js +9 -13
  79. package/es/index.js +62 -0
  80. package/{lib → es}/utils/AuthService.js +23 -34
  81. package/es/utils/ElementType.js +37 -0
  82. package/{lib → es}/utils/EquipmentType.js +8 -18
  83. package/{lib → es}/utils/UserManagerMock.js +2 -7
  84. package/es/utils/actions.js +65 -0
  85. package/{lib → es}/utils/algos.js +1 -5
  86. package/{lib → es}/utils/styles.js +4 -11
  87. package/package.json +10 -4
  88. package/lib/components/AuthenticationRouter/AuthenticationRouter.js +0 -111
  89. package/lib/components/AuthenticationRouter/index.js +0 -8
  90. package/lib/components/CardErrorBoundary/index.js +0 -8
  91. package/lib/components/ElementSearchDialog/element-search-dialog.js +0 -127
  92. package/lib/components/ElementSearchDialog/index.js +0 -9
  93. package/lib/components/ElementSearchDialog/tag-renderer.js +0 -36
  94. package/lib/components/FlatParameters/index.js +0 -8
  95. package/lib/components/Login/Login.js +0 -86
  96. package/lib/components/Login/Logout.js +0 -85
  97. package/lib/components/Login/index.js +0 -8
  98. package/lib/components/MuiVirtualizedTable/ColumnHeader.js +0 -134
  99. package/lib/components/MuiVirtualizedTable/index.js +0 -12
  100. package/lib/components/OverflowableText/index.js +0 -8
  101. package/lib/components/ReportViewer/index.js +0 -8
  102. package/lib/components/ReportViewerDialog/index.js +0 -8
  103. package/lib/components/ReportViewerDialog/report-viewer-dialog.js +0 -75
  104. package/lib/components/SignInCallbackHandler/SignInCallbackHandler.js +0 -27
  105. package/lib/components/SignInCallbackHandler/index.js +0 -8
  106. package/lib/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js +0 -27
  107. package/lib/components/SilentRenewCallbackHandler/index.js +0 -8
  108. package/lib/components/SnackbarProvider/SnackbarProvider.js +0 -45
  109. package/lib/components/SnackbarProvider/index.js +0 -8
  110. package/lib/components/TopBar/TopBar.js +0 -576
  111. package/lib/components/TopBar/index.js +0 -8
  112. package/lib/components/TreeViewFinder/index.js +0 -9
  113. package/lib/index.js +0 -105
  114. package/lib/utils/ElementType.js +0 -45
  115. package/lib/utils/actions.js +0 -83
  116. /package/{lib → es}/components/images/powsybl_logo.svg +0 -0
@@ -1,576 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = exports.LIGHT_THEME = exports.LANG_SYSTEM = exports.LANG_FRENCH = exports.LANG_ENGLISH = exports.DARK_THEME = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _reactIntl = require("react-intl");
7
- var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
8
- var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp"));
9
- var _styles = require("@mui/material/styles");
10
- var _system = require("@mui/system");
11
- var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
12
- var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
13
- var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
14
- var _Button = _interopRequireDefault(require("@mui/material/Button"));
15
- var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
16
- var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
17
- var _Box = _interopRequireDefault(require("@mui/material/Box"));
18
- var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
19
- var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
20
- var _Apps = _interopRequireDefault(require("@mui/icons-material/Apps"));
21
- var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
22
- var _FullscreenExit = _interopRequireDefault(require("@mui/icons-material/FullscreenExit"));
23
- var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
24
- var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
25
- var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
26
- var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
27
- var _Brightness = _interopRequireDefault(require("@mui/icons-material/Brightness3"));
28
- var _WbSunny = _interopRequireDefault(require("@mui/icons-material/WbSunny"));
29
- var _Computer = _interopRequireDefault(require("@mui/icons-material/Computer"));
30
- var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
31
- var _ToggleButtonGroup = _interopRequireDefault(require("@mui/material/ToggleButtonGroup"));
32
- var _propTypes = _interopRequireDefault(require("prop-types"));
33
- var _Fullscreen = _interopRequireDefault(require("@mui/icons-material/Fullscreen"));
34
- var _reactRequestFullscreen = _interopRequireWildcard(require("react-request-fullscreen"));
35
- var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
36
- var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
37
- var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
38
- var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
39
- var _styles2 = require("../../utils/styles");
40
- var _ElementSearchDialog = _interopRequireDefault(require("../ElementSearchDialog"));
41
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
42
- 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); }
43
- 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; }
44
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /**
45
- * Copyright (c) 2020, RTE (http://www.rte-france.com)
46
- * This Source Code Form is subject to the terms of the Mozilla Public
47
- * License, v. 2.0. If a copy of the MPL was not distributed with this
48
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
49
- */
50
- var styles = {
51
- grow: {
52
- flexGrow: 1,
53
- display: 'flex',
54
- overflow: 'hidden'
55
- },
56
- logo: {
57
- flexShrink: 0,
58
- width: 48,
59
- height: 48,
60
- marginBottom: '8px'
61
- },
62
- menuIcon: {
63
- width: 24,
64
- height: 24
65
- },
66
- title: {
67
- marginLeft: '18px'
68
- },
69
- clickable: {
70
- cursor: 'pointer'
71
- },
72
- link: {
73
- textDecoration: 'none',
74
- color: 'inherit'
75
- },
76
- name: function name(theme) {
77
- return {
78
- backgroundColor: (0, _styles.darken)(theme.palette.background.paper, 0.1),
79
- paddingTop: '10px',
80
- borderRadius: '100%',
81
- fontWeight: '400',
82
- textTransform: 'uppercase',
83
- height: '48px',
84
- width: '48px'
85
- };
86
- },
87
- arrowIcon: {
88
- fontSize: '40px'
89
- },
90
- userMail: {
91
- fontSize: '14px',
92
- display: 'block'
93
- },
94
- borderBottom: {
95
- borderBottom: '1px solid #ccc'
96
- },
97
- borderTop: {
98
- borderTop: '1px solid #ccc'
99
- },
100
- settingsMenu: {
101
- maxWidth: '385px',
102
- zIndex: 60
103
- },
104
- sizeLabel: {
105
- fontSize: '16px'
106
- },
107
- showHideMenu: {
108
- padding: '0',
109
- borderRadius: '25px'
110
- },
111
- toggleButtonGroup: {
112
- marginLeft: '15px',
113
- pointerEvents: 'auto'
114
- },
115
- toggleButton: {
116
- height: '30px',
117
- width: '48px',
118
- padding: '7px',
119
- textTransform: 'capitalize'
120
- },
121
- languageToggleButton: {
122
- height: '30px',
123
- width: '48px'
124
- }
125
- };
126
- var StyledMenu = (0, _system.styled)(function (props) {
127
- return /*#__PURE__*/_react["default"].createElement(_Menu["default"], _extends({
128
- elevation: 0,
129
- anchorOrigin: {
130
- vertical: 'bottom',
131
- horizontal: 'center'
132
- },
133
- transformOrigin: {
134
- vertical: 'top',
135
- horizontal: 'center'
136
- }
137
- }, props));
138
- })({
139
- '& .MuiMenu-paper': {
140
- border: '1px solid #d3d4d5'
141
- }
142
- });
143
- var StyledMenuItem = (0, _system.styled)(_MenuItem["default"])(function (_ref) {
144
- var theme = _ref.theme;
145
- return {
146
- '&:focus': {
147
- backgroundColor: theme.palette.primary.main,
148
- '& .MuiListItemIcon-root, & .MuiListItemText-primary': {
149
- color: theme.palette.common.white
150
- }
151
- }
152
- };
153
- });
154
- var CustomListItemIcon = (0, _system.styled)(_ListItemIcon["default"])({
155
- minWidth: '30px',
156
- paddingRight: '15px',
157
- borderRadius: '25px'
158
- });
159
- var DARK_THEME = 'Dark';
160
- exports.DARK_THEME = DARK_THEME;
161
- var LIGHT_THEME = 'Light';
162
- exports.LIGHT_THEME = LIGHT_THEME;
163
- var LANG_SYSTEM = 'sys';
164
- exports.LANG_SYSTEM = LANG_SYSTEM;
165
- var LANG_ENGLISH = 'en';
166
- exports.LANG_ENGLISH = LANG_ENGLISH;
167
- var LANG_FRENCH = 'fr';
168
- exports.LANG_FRENCH = LANG_FRENCH;
169
- var EN = 'EN';
170
- var FR = 'FR';
171
- var TopBar = function TopBar(_ref2) {
172
- var appName = _ref2.appName,
173
- appColor = _ref2.appColor,
174
- appLogo = _ref2.appLogo,
175
- onParametersClick = _ref2.onParametersClick,
176
- onLogoutClick = _ref2.onLogoutClick,
177
- onLogoClick = _ref2.onLogoClick,
178
- user = _ref2.user,
179
- children = _ref2.children,
180
- appsAndUrls = _ref2.appsAndUrls,
181
- onAboutClick = _ref2.onAboutClick,
182
- onThemeClick = _ref2.onThemeClick,
183
- theme = _ref2.theme,
184
- onEquipmentLabellingClick = _ref2.onEquipmentLabellingClick,
185
- equipmentLabelling = _ref2.equipmentLabelling,
186
- withElementsSearch = _ref2.withElementsSearch,
187
- searchDisabled = _ref2.searchDisabled,
188
- searchingLabel = _ref2.searchingLabel,
189
- onSearchTermChange = _ref2.onSearchTermChange,
190
- _onSelectionChange = _ref2.onSelectionChange,
191
- elementsFound = _ref2.elementsFound,
192
- renderElement = _ref2.renderElement,
193
- onLanguageClick = _ref2.onLanguageClick,
194
- language = _ref2.language,
195
- searchTermDisabled = _ref2.searchTermDisabled,
196
- initialSearchTerm = _ref2.initialSearchTerm;
197
- var _React$useState = _react["default"].useState(null),
198
- anchorElSettingsMenu = _React$useState[0],
199
- setAnchorElSettingsMenu = _React$useState[1];
200
- var _React$useState2 = _react["default"].useState(null),
201
- anchorElAppsMenu = _React$useState2[0],
202
- setAnchorElAppsMenu = _React$useState2[1];
203
- var fullScreenRef = (0, _react.useRef)(null);
204
- var _useState = (0, _react.useState)(false),
205
- isFullScreen = _useState[0],
206
- setIsFullScreen = _useState[1];
207
- var _useState2 = (0, _react.useState)(false),
208
- isDialogSearchOpen = _useState2[0],
209
- setDialogSearchOpen = _useState2[1];
210
- var handleClickElementSearch = function handleClickElementSearch() {
211
- setDialogSearchOpen(true);
212
- };
213
- var handleToggleSettingsMenu = function handleToggleSettingsMenu(event) {
214
- setAnchorElSettingsMenu(event.currentTarget);
215
- };
216
- var handleCloseSettingsMenu = function handleCloseSettingsMenu() {
217
- setAnchorElSettingsMenu(null);
218
- };
219
- var handleClickAppsMenu = function handleClickAppsMenu(event) {
220
- setAnchorElAppsMenu(event.currentTarget);
221
- };
222
- var handleCloseAppsMenu = function handleCloseAppsMenu() {
223
- setAnchorElAppsMenu(null);
224
- };
225
- var onParametersClicked = function onParametersClicked() {
226
- setAnchorElSettingsMenu(null);
227
- if (onParametersClick) {
228
- onParametersClick();
229
- }
230
- };
231
- function onFullScreenChange(isFullScreenValue) {
232
- setAnchorElSettingsMenu(null);
233
- setIsFullScreen(isFullScreen);
234
- }
235
- function requestOrExitFullScreen() {
236
- setAnchorElSettingsMenu(null);
237
- fullScreenRef.current.fullScreen();
238
- }
239
- var abbreviationFromUserName = function abbreviationFromUserName(name) {
240
- var tab = name.split(' ').map(function (x) {
241
- return x.charAt(0);
242
- });
243
- if (tab.length === 1) {
244
- return tab[0];
245
- } else {
246
- return tab[0] + tab[tab.length - 1];
247
- }
248
- };
249
- var changeTheme = function changeTheme(event, value) {
250
- if (onThemeClick && value !== null) {
251
- onThemeClick(value);
252
- }
253
- };
254
- var changeEquipmentLabelling = function changeEquipmentLabelling(event, value) {
255
- if (onEquipmentLabellingClick && value !== null) {
256
- onEquipmentLabellingClick(value);
257
- }
258
- };
259
- var changeLanguage = function changeLanguage(event, value) {
260
- if (onLanguageClick && value !== null) {
261
- onLanguageClick(value);
262
- }
263
- };
264
- var onAboutClicked = function onAboutClicked() {
265
- setAnchorElSettingsMenu(false);
266
- if (onAboutClick) {
267
- onAboutClick();
268
- }
269
- };
270
- (0, _react.useEffect)(function () {
271
- if (user && withElementsSearch && !searchDisabled) {
272
- var openSearch = function openSearch(e) {
273
- if (e.ctrlKey && e.key === 'f') {
274
- e.preventDefault();
275
- setDialogSearchOpen(true);
276
- }
277
- };
278
- document.addEventListener('keydown', openSearch);
279
- return function () {
280
- return document.removeEventListener('keydown', openSearch);
281
- };
282
- }
283
- }, [user, withElementsSearch, searchDisabled]);
284
- return /*#__PURE__*/_react["default"].createElement(_AppBar["default"], {
285
- position: "static",
286
- color: "default",
287
- sx: styles.appBar
288
- }, /*#__PURE__*/_react["default"].createElement(_reactRequestFullscreen["default"], {
289
- ref: fullScreenRef,
290
- onFullScreenChange: onFullScreenChange,
291
- onFullScreenError: function onFullScreenError(e) {
292
- return console.debug('full screen error : ' + e.message);
293
- }
294
- }), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
295
- sx: (0, _styles2.mergeSx)(styles.logo, onLogoClick && styles.clickable),
296
- onClick: onLogoClick
297
- }, appLogo), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
298
- variant: "h4",
299
- sx: (0, _styles2.mergeSx)(styles.title, onLogoClick && styles.clickable),
300
- onClick: onLogoClick
301
- }, /*#__PURE__*/_react["default"].createElement("span", {
302
- style: {
303
- fontWeight: 'bold'
304
- }
305
- }, "Grid"), /*#__PURE__*/_react["default"].createElement("span", {
306
- style: {
307
- color: appColor
308
- }
309
- }, appName)), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
310
- sx: styles.grow
311
- }, children), user && withElementsSearch && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ElementSearchDialog["default"], {
312
- open: isDialogSearchOpen,
313
- onClose: function onClose() {
314
- return setDialogSearchOpen(false);
315
- },
316
- searchingLabel: searchingLabel,
317
- onSearchTermChange: onSearchTermChange,
318
- onSelectionChange: function onSelectionChange(element) {
319
- setDialogSearchOpen(false);
320
- _onSelectionChange(element);
321
- },
322
- elementsFound: elementsFound,
323
- renderElement: renderElement,
324
- searchTermDisabled: searchTermDisabled,
325
- initialSearchTerm: initialSearchTerm
326
- }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
327
- color: "inherit",
328
- onClick: handleClickElementSearch,
329
- disabled: searchDisabled
330
- }, /*#__PURE__*/_react["default"].createElement(_Search["default"], null)))), user && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
331
- "aria-controls": "apps-menu",
332
- "aria-haspopup": "true",
333
- onClick: handleClickAppsMenu,
334
- color: "inherit"
335
- }, /*#__PURE__*/_react["default"].createElement(_Apps["default"], null)), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
336
- id: "apps-menu",
337
- anchorEl: anchorElAppsMenu,
338
- keepMounted: true,
339
- open: Boolean(anchorElAppsMenu),
340
- onClose: handleCloseAppsMenu
341
- }, appsAndUrls && appsAndUrls.filter(function (item) {
342
- return !item.hiddenInAppsMenu;
343
- }).map(function (item) {
344
- return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
345
- component: "a",
346
- key: item.name,
347
- href: item.url,
348
- sx: styles.link,
349
- target: "_blank",
350
- rel: "noopener noreferrer"
351
- }, /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
352
- onClick: handleCloseAppsMenu
353
- }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
354
- style: {
355
- fontWeight: 'bold'
356
- }
357
- }, "Grid"), /*#__PURE__*/_react["default"].createElement("span", {
358
- style: {
359
- color: item.appColor === undefined ? 'grey' : item.appColor,
360
- fontWeight: 'bold'
361
- }
362
- }, item.name))));
363
- }))), user && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
364
- "aria-controls": "settings-menu",
365
- "aria-haspopup": "true",
366
- sx: styles.showHideMenu,
367
- onClick: handleToggleSettingsMenu,
368
- color: "inherit",
369
- style: Boolean(anchorElSettingsMenu) ? {
370
- cursor: 'initial'
371
- } : {
372
- cursor: 'pointer'
373
- }
374
- }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
375
- component: "span",
376
- sx: styles.name
377
- }, user !== null ? abbreviationFromUserName(user.profile.name) : ''), anchorElSettingsMenu ? /*#__PURE__*/_react["default"].createElement(_ArrowDropUp["default"], {
378
- sx: styles.arrowIcon
379
- }) : /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], {
380
- sx: styles.arrowIcon
381
- })), /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
382
- sx: styles.settingsMenu,
383
- open: Boolean(anchorElSettingsMenu),
384
- anchorEl: anchorElSettingsMenu
385
- }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], null, /*#__PURE__*/_react["default"].createElement(_ClickAwayListener["default"], {
386
- onClickAway: handleCloseSettingsMenu
387
- }, /*#__PURE__*/_react["default"].createElement(_MenuList["default"], {
388
- id: "settings-menu"
389
- }, /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
390
- sx: styles.borderBottom,
391
- disabled: true,
392
- style: {
393
- opacity: '1'
394
- }
395
- }, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_Person["default"], {
396
- fontSize: "small"
397
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
398
- disabled: false
399
- }, user !== null && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
400
- component: "span",
401
- sx: styles.sizeLabel
402
- }, user.profile.name, ' ', /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
403
- component: "span",
404
- sx: styles.userMail
405
- }, user.profile.email)))), /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
406
- disabled: true,
407
- style: {
408
- opacity: '1',
409
- paddingTop: '10px',
410
- paddingBottom: '10px',
411
- backgroundColor: 'transparent'
412
- }
413
- }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
414
- sx: styles.sizeLabel
415
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
416
- id: "top-bar/displayMode",
417
- defaultMessage: 'Display mode'
418
- }))), /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], {
419
- exclusive: true,
420
- value: theme,
421
- size: "large",
422
- sx: styles.toggleButtonGroup,
423
- onChange: changeTheme
424
- }, /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
425
- value: LIGHT_THEME,
426
- "aria-label": LIGHT_THEME,
427
- sx: styles.toggleButton
428
- }, /*#__PURE__*/_react["default"].createElement(_WbSunny["default"], {
429
- fontSize: "small"
430
- })), /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
431
- value: DARK_THEME,
432
- "aria-label": DARK_THEME,
433
- sx: styles.toggleButton
434
- }, /*#__PURE__*/_react["default"].createElement(_Brightness["default"], {
435
- fontSize: "small"
436
- })))), onEquipmentLabellingClick && /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
437
- disabled: true,
438
- style: {
439
- opacity: '1',
440
- // padding: '0',
441
- paddingTop: '10px',
442
- paddingBottom: '10px',
443
- backgroundColor: 'transparent'
444
- }
445
- }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
446
- sx: styles.sizeLabel
447
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
448
- id: "top-bar/equipmentLabel",
449
- defaultMessage: 'Equipment label'
450
- }))), /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], {
451
- exclusive: true,
452
- value: equipmentLabelling,
453
- sx: styles.toggleButtonGroup,
454
- onChange: changeEquipmentLabelling
455
- }, /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
456
- value: false,
457
- sx: styles.toggleButton
458
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
459
- id: "top-bar/id",
460
- defaultMessage: 'Id'
461
- })), /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
462
- value: true,
463
- sx: styles.toggleButton
464
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
465
- id: "top-bar/name",
466
- defaultMessage: 'Name'
467
- })))), /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
468
- disabled: true,
469
- style: {
470
- opacity: '1',
471
- paddingTop: '10px',
472
- paddingBottom: '10px',
473
- backgroundColor: 'transparent'
474
- }
475
- }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
476
- sx: styles.sizeLabel
477
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
478
- id: "top-bar/language",
479
- defaultMessage: 'Language'
480
- }))), /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], {
481
- exclusive: true,
482
- value: language,
483
- sx: styles.toggleButtonGroup,
484
- onChange: changeLanguage
485
- }, /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
486
- value: LANG_SYSTEM,
487
- "aria-label": LANG_SYSTEM,
488
- sx: styles.languageToggleButton
489
- }, /*#__PURE__*/_react["default"].createElement(_Computer["default"], null)), /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
490
- value: LANG_ENGLISH,
491
- "aria-label": LANG_ENGLISH,
492
- sx: styles.languageToggleButton
493
- }, EN), /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
494
- value: LANG_FRENCH,
495
- "aria-label": LANG_FRENCH,
496
- sx: styles.toggleButton
497
- }, FR))), /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
498
- disabled: !onParametersClick,
499
- onClick: onParametersClicked,
500
- sx: styles.borderTop
501
- }, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_Settings["default"], {
502
- fontSize: "small"
503
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
504
- sx: styles.sizeLabel
505
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
506
- id: "top-bar/settings",
507
- defaultMessage: 'Settings'
508
- })))), /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
509
- sx: styles.borderBottom,
510
- disabled: true,
511
- style: {
512
- opacity: '1'
513
- },
514
- onClick: onAboutClicked
515
- }, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_HelpOutline["default"], {
516
- fontSize: "small"
517
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
518
- sx: styles.sizeLabel
519
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
520
- id: "top-bar/about",
521
- defaultMessage: 'About'
522
- })))), (0, _reactRequestFullscreen.fullScreenSupported)() && /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
523
- onClick: requestOrExitFullScreen
524
- }, isFullScreen ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_FullscreenExit["default"], {
525
- fontSize: "small"
526
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
527
- sx: styles.sizeLabel
528
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
529
- id: "top-bar/exitFullScreen",
530
- defaultMessage: 'Exit full screen mode'
531
- })))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_Fullscreen["default"], {
532
- fontSize: "small"
533
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
534
- sx: styles.sizeLabel
535
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
536
- id: "top-bar/goFullScreen",
537
- defaultMessage: 'Full screen'
538
- }))))), /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
539
- onClick: onLogoutClick
540
- }, /*#__PURE__*/_react["default"].createElement(CustomListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_ExitToApp["default"], {
541
- fontSize: "small"
542
- })), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
543
- sx: styles.sizeLabel
544
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
545
- id: "top-bar/logout",
546
- defaultMessage: 'Logout'
547
- })))))))))));
548
- };
549
- TopBar.propTypes = process.env.NODE_ENV !== "production" ? {
550
- onParametersClick: _propTypes["default"].func,
551
- onLogoutClick: _propTypes["default"].func,
552
- onLogoClick: _propTypes["default"].func,
553
- appName: _propTypes["default"].string,
554
- appColor: _propTypes["default"].string,
555
- appLogo: _propTypes["default"].object,
556
- user: _propTypes["default"].object,
557
- children: _propTypes["default"].node,
558
- appsAndUrls: _propTypes["default"].array,
559
- onThemeClick: _propTypes["default"].func,
560
- theme: _propTypes["default"].string,
561
- onAboutClick: _propTypes["default"].func,
562
- onEquipmentLabellingClick: _propTypes["default"].func,
563
- equipmentLabelling: _propTypes["default"].bool,
564
- withElementsSearch: _propTypes["default"].bool,
565
- searchDisabled: _propTypes["default"].bool,
566
- searchingLabel: _propTypes["default"].string,
567
- onSearchTermChange: _propTypes["default"].func,
568
- onSelectionChange: _propTypes["default"].func,
569
- elementsFound: _propTypes["default"].array,
570
- onLanguageClick: _propTypes["default"].func.isRequired,
571
- language: _propTypes["default"].string.isRequired,
572
- searchTermDisabled: _propTypes["default"].bool,
573
- initialSearchTerm: _propTypes["default"].string
574
- } : {};
575
- var _default = TopBar;
576
- exports["default"] = _default;
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports["default"] = void 0;
5
- var _TopBar = _interopRequireDefault(require("./TopBar"));
6
- exports["default"] = _TopBar["default"];
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
- module.exports = exports.default;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.generateTreeViewFinderClass = exports["default"] = void 0;
5
- var _TreeViewFinder = _interopRequireWildcard(require("./TreeViewFinder"));
6
- exports["default"] = _TreeViewFinder["default"];
7
- exports.generateTreeViewFinderClass = _TreeViewFinder.generateTreeViewFinderClass;
8
- 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); }
9
- 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; }