@gridsuite/commons-ui 0.63.3 → 0.63.5

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 (129) hide show
  1. package/dist/_mocks_/svg.js +1 -3
  2. package/dist/assets/expert-filter-form.css +18 -8
  3. package/dist/components/AuthenticationRouter/AuthenticationRouter.js +88 -97
  4. package/dist/components/CardErrorBoundary/card-error-boundary.js +6 -20
  5. package/dist/components/CustomAGGrid/custom-aggrid.js +47 -49
  6. package/dist/components/DirectoryItemSelector/directory-item-selector.js +10 -40
  7. package/dist/components/ElementSearchDialog/element-search-dialog.js +1 -17
  8. package/dist/components/ElementSearchDialog/equipment-item.js +29 -47
  9. package/dist/components/ElementSearchDialog/tag-renderer.js +2 -8
  10. package/dist/components/ElementSearchDialog/use-element-search.js +1 -4
  11. package/dist/components/FlatParameters/FlatParameters.js +13 -77
  12. package/dist/components/Login/Login.js +9 -34
  13. package/dist/components/Login/Logout.js +3 -26
  14. package/dist/components/MuiVirtualizedTable/ColumnHeader.js +35 -64
  15. package/dist/components/MuiVirtualizedTable/KeyedColumnsRowIndexer.js +4 -17
  16. package/dist/components/MuiVirtualizedTable/MuiVirtualizedTable.d.ts +1 -1
  17. package/dist/components/MuiVirtualizedTable/MuiVirtualizedTable.js +19 -95
  18. package/dist/components/MuiVirtualizedTable/index.d.ts +1 -1
  19. package/dist/components/MultipleSelectionDialog/MultipleSelectionDialog.js +2 -6
  20. package/dist/components/OverflowableText/overflowable-text.js +3 -10
  21. package/dist/components/ReportViewer/filter-button.d.ts +1 -1
  22. package/dist/components/ReportViewer/filter-button.js +2 -7
  23. package/dist/components/ReportViewer/log-report-item.js +7 -17
  24. package/dist/components/ReportViewer/log-report.js +4 -13
  25. package/dist/components/ReportViewer/log-table.d.ts +1 -1
  26. package/dist/components/ReportViewer/log-table.js +3 -16
  27. package/dist/components/ReportViewer/multi-select-list.d.ts +1 -1
  28. package/dist/components/ReportViewer/multi-select-list.js +2 -14
  29. package/dist/components/ReportViewer/report-item.js +4 -10
  30. package/dist/components/ReportViewer/report-viewer.d.ts +1 -1
  31. package/dist/components/ReportViewer/report-viewer.js +2 -7
  32. package/dist/components/ReportViewerDialog/report-viewer-dialog.js +1 -13
  33. package/dist/components/SignInCallbackHandler/SignInCallbackHandler.d.ts +1 -1
  34. package/dist/components/SignInCallbackHandler/SignInCallbackHandler.js +1 -4
  35. package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.d.ts +1 -1
  36. package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js +1 -4
  37. package/dist/components/SnackbarProvider/SnackbarProvider.js +4 -11
  38. package/dist/components/TopBar/AboutDialog.js +51 -152
  39. package/dist/components/TopBar/GridLogo.d.ts +2 -2
  40. package/dist/components/TopBar/GridLogo.js +8 -41
  41. package/dist/components/TopBar/TopBar.js +197 -328
  42. package/dist/components/TreeViewFinder/TreeViewFinder.js +23 -66
  43. package/dist/components/TreeViewFinder/index.d.ts +2 -2
  44. package/dist/components/dialogs/custom-mui-dialog.d.ts +2 -1
  45. package/dist/components/dialogs/custom-mui-dialog.js +64 -39
  46. package/dist/components/dialogs/modify-element-selection.js +1 -3
  47. package/dist/components/dialogs/popup-confirmation-dialog.d.ts +1 -1
  48. package/dist/components/dialogs/popup-confirmation-dialog.js +8 -15
  49. package/dist/components/filter/criteria-based/criteria-based-filter-edition-dialog.js +3 -18
  50. package/dist/components/filter/criteria-based/criteria-based-filter-utils.js +3 -9
  51. package/dist/components/filter/criteria-based/criteria-based-form.d.ts +1 -1
  52. package/dist/components/filter/criteria-based/criteria-based-form.js +7 -15
  53. package/dist/components/filter/criteria-based/filter-free-properties.d.ts +1 -1
  54. package/dist/components/filter/criteria-based/filter-free-properties.js +1 -4
  55. package/dist/components/filter/criteria-based/filter-properties.js +16 -24
  56. package/dist/components/filter/criteria-based/filter-property.js +1 -4
  57. package/dist/components/filter/expert/expert-filter-constants.d.ts +13 -6
  58. package/dist/components/filter/expert/expert-filter-constants.js +76 -36
  59. package/dist/components/filter/expert/expert-filter-edition-dialog.js +3 -18
  60. package/dist/components/filter/expert/expert-filter-form.js +1 -7
  61. package/dist/components/filter/expert/expert-filter-utils.js +10 -30
  62. package/dist/components/filter/expert/expert-filter.type.d.ts +3 -1
  63. package/dist/components/filter/expert/expert-filter.type.js +2 -0
  64. package/dist/components/filter/explicit-naming/explicit-naming-filter-edition-dialog.js +2 -15
  65. package/dist/components/filter/explicit-naming/explicit-naming-filter-form.d.ts +1 -1
  66. package/dist/components/filter/explicit-naming/explicit-naming-filter-form.js +10 -35
  67. package/dist/components/filter/filter-creation-dialog.js +5 -10
  68. package/dist/components/filter/filter-form.js +1 -6
  69. package/dist/components/filter/utils/filter-api.js +1 -7
  70. package/dist/components/inputs/react-hook-form/ExpandingTextField.js +1 -9
  71. package/dist/components/inputs/react-hook-form/ag-grid-table/bottom-right-buttons.js +14 -52
  72. package/dist/components/inputs/react-hook-form/ag-grid-table/csv-uploader/csv-uploader.js +14 -62
  73. package/dist/components/inputs/react-hook-form/ag-grid-table/custom-ag-grid-table.js +29 -40
  74. package/dist/components/inputs/react-hook-form/autocomplete-inputs/autocomplete-input.js +2 -8
  75. package/dist/components/inputs/react-hook-form/autocomplete-inputs/multiple-autocomplete-input.js +1 -3
  76. package/dist/components/inputs/react-hook-form/booleans/boolean-input.js +1 -7
  77. package/dist/components/inputs/react-hook-form/booleans/checkbox-input.js +1 -9
  78. package/dist/components/inputs/react-hook-form/booleans/switch-input.js +1 -9
  79. package/dist/components/inputs/react-hook-form/directory-items-input.js +5 -29
  80. package/dist/components/inputs/react-hook-form/error-management/error-input.d.ts +1 -1
  81. package/dist/components/inputs/react-hook-form/provider/custom-form-provider.js +1 -7
  82. package/dist/components/inputs/react-hook-form/radio-input.js +8 -18
  83. package/dist/components/inputs/react-hook-form/range-input.js +1 -4
  84. package/dist/components/inputs/react-hook-form/select-inputs/countries-input.js +1 -9
  85. package/dist/components/inputs/react-hook-form/select-inputs/mui-select-input.js +2 -13
  86. package/dist/components/inputs/react-hook-form/select-inputs/select-input.js +2 -6
  87. package/dist/components/inputs/react-hook-form/slider-input.d.ts +1 -1
  88. package/dist/components/inputs/react-hook-form/slider-input.js +2 -19
  89. package/dist/components/inputs/react-hook-form/unique-name-input.js +1 -9
  90. package/dist/components/inputs/react-hook-form/utils/field-label.d.ts +1 -1
  91. package/dist/components/inputs/react-hook-form/utils/field-label.js +1 -5
  92. package/dist/components/inputs/react-hook-form/utils/submit-button.js +1 -8
  93. package/dist/components/inputs/react-hook-form/utils/text-field-with-adornment.js +18 -47
  94. package/dist/components/inputs/react-query-builder/add-button.js +1 -10
  95. package/dist/components/inputs/react-query-builder/autocomplete-with-favorites.d.ts +12 -0
  96. package/dist/components/inputs/react-query-builder/autocomplete-with-favorites.js +43 -0
  97. package/dist/components/inputs/react-query-builder/composite-rule-editor/group-value-editor.js +14 -27
  98. package/dist/components/inputs/react-query-builder/composite-rule-editor/rule-value-editor.js +1 -3
  99. package/dist/components/inputs/react-query-builder/country-value-editor.js +27 -28
  100. package/dist/components/inputs/react-query-builder/custom-react-query-builder.js +25 -31
  101. package/dist/components/inputs/react-query-builder/element-value-editor.js +1 -10
  102. package/dist/components/inputs/react-query-builder/property-value-editor.js +6 -11
  103. package/dist/components/inputs/react-query-builder/remove-button.js +1 -9
  104. package/dist/components/inputs/react-query-builder/text-value-editor.js +2 -1
  105. package/dist/components/inputs/react-query-builder/translated-value-editor.js +3 -4
  106. package/dist/components/inputs/react-query-builder/use-convert-value.d.ts +1 -1
  107. package/dist/components/inputs/react-query-builder/use-convert-value.js +1 -6
  108. package/dist/components/inputs/react-query-builder/value-editor.js +4 -20
  109. package/dist/components/translations/filter-expert-en.d.ts +21 -7
  110. package/dist/components/translations/filter-expert-en.js +24 -10
  111. package/dist/components/translations/filter-expert-fr.d.ts +21 -7
  112. package/dist/components/translations/filter-expert-fr.js +24 -10
  113. package/dist/hooks/localized-countries-hook.js +1 -3
  114. package/dist/hooks/useConfidentialityWarning.d.ts +8 -0
  115. package/dist/hooks/useConfidentialityWarning.js +14 -0
  116. package/dist/hooks/useDebounce.js +1 -4
  117. package/dist/hooks/useSnackMessage.js +3 -12
  118. package/dist/index.d.ts +10 -9
  119. package/dist/index.js +77 -73
  120. package/dist/services/apps-metadata.d.ts +7 -0
  121. package/dist/services/apps-metadata.js +13 -0
  122. package/dist/services/directory.js +3 -11
  123. package/dist/services/explore.js +2 -8
  124. package/dist/services/index.js +3 -1
  125. package/dist/services/utils.js +4 -12
  126. package/dist/utils/AuthService.js +8 -29
  127. package/dist/utils/UserManagerMock.js +6 -23
  128. package/dist/utils/styles.js +1 -6
  129. package/package.json +2 -1
@@ -10,14 +10,8 @@ function TagRenderer({ element, ...props }) {
10
10
  OverflowableText,
11
11
  {
12
12
  text: element.voltageLevelLabel,
13
- className: clsx(
14
- (_c = props.classes) == null ? void 0 : _c.equipmentTag,
15
- (_d = props.classes) == null ? void 0 : _d.equipmentVlTag
16
- ),
17
- sx: mergeSx(
18
- (_e = props.styles) == null ? void 0 : _e.equipmentTag,
19
- (_f = props.styles) == null ? void 0 : _f.equipmentVlTag
20
- )
13
+ className: clsx((_c = props.classes) == null ? void 0 : _c.equipmentTag, (_d = props.classes) == null ? void 0 : _d.equipmentVlTag),
14
+ sx: mergeSx((_e = props.styles) == null ? void 0 : _e.equipmentTag, (_f = props.styles) == null ? void 0 : _f.equipmentVlTag)
21
15
  }
22
16
  );
23
17
  }
@@ -41,10 +41,7 @@ const useElementSearch = (props) => {
41
41
  },
42
42
  [fetchElements, snackError]
43
43
  );
44
- const debouncedSearchMatchingElements = useDebounce(
45
- searchMatchingElements,
46
- SEARCH_FETCH_TIMEOUT_MILLIS
47
- );
44
+ const debouncedSearchMatchingElements = useDebounce(searchMatchingElements, SEARCH_FETCH_TIMEOUT_MILLIS);
48
45
  const updateSearchTerm = useCallback(
49
46
  (newSearchTerm) => {
50
47
  setSearchTerm(newSearchTerm);
@@ -53,9 +53,7 @@ function longestCommonPrefix(stringList) {
53
53
  if (!(stringList == null ? void 0 : stringList.length)) {
54
54
  return "";
55
55
  }
56
- let prefix = stringList.reduce(
57
- (acc, str) => str.length < acc.length ? str : acc
58
- );
56
+ let prefix = stringList.reduce((acc, str) => str.length < acc.length ? str : acc);
59
57
  stringList.forEach((str) => {
60
58
  while (!str.startsWith(prefix)) {
61
59
  prefix = prefix.slice(0, -1);
@@ -123,11 +121,7 @@ function FlatParameters({
123
121
  }
124
122
  if (onChange) {
125
123
  if (param.type === "STRING_LIST") {
126
- onChange(
127
- paramName,
128
- value ? value.toString() : null,
129
- isInEdition
130
- );
124
+ onChange(paramName, value ? value.toString() : null, isInEdition);
131
125
  } else {
132
126
  onChange(paramName, value, isInEdition);
133
127
  }
@@ -190,13 +184,7 @@ function FlatParameters({
190
184
  const fieldValue = mixInitAndDefault(param);
191
185
  switch (param.type) {
192
186
  case "BOOLEAN":
193
- return /* @__PURE__ */ jsx(
194
- Switch,
195
- {
196
- checked: !!fieldValue,
197
- onChange: (e) => onFieldChange(e.target.checked, param)
198
- }
199
- );
187
+ return /* @__PURE__ */ jsx(Switch, { checked: !!fieldValue, onChange: (e) => onFieldChange(e.target.checked, param) });
200
188
  case "DOUBLE": {
201
189
  const err = Number.isNaN(fieldValue) || typeof fieldValue !== "number" && !!fieldValue && Number.isNaN(fieldValue - 0);
202
190
  return /* @__PURE__ */ jsx(
@@ -211,10 +199,7 @@ function FlatParameters({
211
199
  onChange: (e) => {
212
200
  const m = FloatRE.exec(e.target.value);
213
201
  if (m) {
214
- onFieldChange(
215
- outputTransformFloatString(e.target.value),
216
- param
217
- );
202
+ onFieldChange(outputTransformFloatString(e.target.value), param);
218
203
  }
219
204
  },
220
205
  error: err,
@@ -243,31 +228,19 @@ function FlatParameters({
243
228
  );
244
229
  case "STRING_LIST":
245
230
  if (param.possibleValues) {
246
- const allOptions = sortPossibleValues(
247
- param.name,
248
- param.possibleValues
249
- ).map(({ id }) => id);
231
+ const allOptions = sortPossibleValues(param.name, param.possibleValues).map(({ id }) => id);
250
232
  const withDialog = selectionWithDialog(param);
251
233
  if (withDialog) {
252
234
  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
253
235
  /* @__PURE__ */ jsx(
254
236
  TextField,
255
237
  {
256
- value: getStringListValue(
257
- allOptions,
258
- fieldValue
259
- ),
238
+ value: getStringListValue(allOptions, fieldValue),
260
239
  size: "small",
261
240
  variant,
262
241
  InputProps: {
263
242
  readOnly: true,
264
- endAdornment: /* @__PURE__ */ jsx(
265
- IconButton,
266
- {
267
- onClick: () => setOpenSelector(true),
268
- children: /* @__PURE__ */ jsx(Tune, {})
269
- }
270
- )
243
+ endAdornment: /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpenSelector(true), children: /* @__PURE__ */ jsx(Tune, {}) })
271
244
  }
272
245
  }
273
246
  ),
@@ -294,24 +267,12 @@ function FlatParameters({
294
267
  fullWidth: true,
295
268
  multiple: true,
296
269
  size: "small",
297
- options: sortPossibleValues(
298
- param.name,
299
- param.possibleValues
300
- ).map((v) => v.id),
270
+ options: sortPossibleValues(param.name, param.possibleValues).map((v) => v.id),
301
271
  getOptionLabel: (option) => getTranslatedValue(param.name, option),
302
272
  onChange: (e, value) => onFieldChange(value, param),
303
273
  value: fieldValue,
304
274
  renderTags: (values, getTagProps) => {
305
- return values.map((value, index) => /* @__PURE__ */ jsx(
306
- Chip,
307
- {
308
- label: getTranslatedValue(
309
- param.name,
310
- value
311
- ),
312
- ...getTagProps({ index })
313
- }
314
- ));
275
+ return values.map((value, index) => /* @__PURE__ */ jsx(Chip, { label: getTranslatedValue(param.name, value), ...getTagProps({ index }) }));
315
276
  },
316
277
  renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, variant })
317
278
  }
@@ -329,15 +290,7 @@ function FlatParameters({
329
290
  onChange: (e, value) => onFieldChange(value, param),
330
291
  value: fieldValue,
331
292
  renderTags: (values, getTagProps) => {
332
- return values.map((value, index) => /* @__PURE__ */ jsx(
333
- Chip,
334
- {
335
- id: `chip_${value}`,
336
- size: "small",
337
- label: value,
338
- ...getTagProps({ index })
339
- }
340
- ));
293
+ return values.map((value, index) => /* @__PURE__ */ jsx(Chip, { id: `chip_${value}`, size: "small", label: value, ...getTagProps({ index }) }));
341
294
  },
342
295
  renderInput: (inputProps) => /* @__PURE__ */ jsx(TextField, { ...inputProps, variant })
343
296
  }
@@ -355,10 +308,7 @@ function FlatParameters({
355
308
  size: "small",
356
309
  sx: { minWidth: "4em" },
357
310
  variant,
358
- children: sortPossibleValues(
359
- param.name,
360
- param.possibleValues
361
- ).map((value) => /* @__PURE__ */ jsx(MenuItem, { value: value.id, children: /* @__PURE__ */ jsx(Typography, { children: value.message }) }, value.id))
311
+ children: sortPossibleValues(param.name, param.possibleValues).map((value) => /* @__PURE__ */ jsx(MenuItem, { value: value.id, children: /* @__PURE__ */ jsx(Typography, { children: value.message }) }, value.id))
362
312
  }
363
313
  );
364
314
  }
@@ -382,23 +332,9 @@ function FlatParameters({
382
332
  /* @__PURE__ */ jsx(
383
333
  Tooltip,
384
334
  {
385
- title: /* @__PURE__ */ jsx(
386
- FormattedMessage,
387
- {
388
- id: `${param.name}.desc`,
389
- defaultMessage: param.description
390
- }
391
- ),
335
+ title: /* @__PURE__ */ jsx(FormattedMessage, { id: `${param.name}.desc`, defaultMessage: param.description }),
392
336
  enterDelay: 1200,
393
- children: /* @__PURE__ */ jsx(Typography, { sx: styles.paramName, children: /* @__PURE__ */ jsx(
394
- FormattedMessage,
395
- {
396
- id: param.name,
397
- defaultMessage: param.name.slice(
398
- prefix.length
399
- )
400
- }
401
- ) })
337
+ children: /* @__PURE__ */ jsx(Typography, { sx: styles.paramName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: param.name, defaultMessage: param.name.slice(prefix.length) }) })
402
338
  },
403
339
  param.name
404
340
  ),
@@ -28,42 +28,17 @@ function Login({ onLoginClick, disabled }) {
28
28
  /* @__PURE__ */ jsx(Avatar, { sx: styles.avatar, children: /* @__PURE__ */ jsx(LockOutlined, {}) }),
29
29
  /* @__PURE__ */ jsxs(Typography, { component: "h1", variant: "h5", children: [
30
30
  /* @__PURE__ */ jsx(FormattedMessage, { id: "login/login", defaultMessage: "login" }),
31
- " ",
32
- "?"
31
+ " ?"
33
32
  ] }),
34
- /* @__PURE__ */ jsx(
35
- Button,
36
- {
37
- disabled,
38
- fullWidth: true,
39
- variant: "contained",
40
- sx: styles.submit,
41
- onClick: onLoginClick,
42
- children: /* @__PURE__ */ jsx(
43
- FormattedMessage,
44
- {
45
- id: "login/connection",
46
- defaultMessage: "connection"
47
- }
48
- )
49
- }
50
- )
33
+ /* @__PURE__ */ jsx(Button, { disabled, fullWidth: true, variant: "contained", sx: styles.submit, onClick: onLoginClick, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/connection", defaultMessage: "connection" }) })
51
34
  ] }),
52
- /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsxs(
53
- Typography,
54
- {
55
- variant: "body2",
56
- color: "textSecondary",
57
- align: "center",
58
- children: [
59
- "Copyright © ",
60
- /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
61
- " ",
62
- (/* @__PURE__ */ new Date()).getFullYear(),
63
- "."
64
- ]
65
- }
66
- ) })
35
+ /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", align: "center", children: [
36
+ "Copyright © ",
37
+ /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
38
+ " ",
39
+ (/* @__PURE__ */ new Date()).getFullYear(),
40
+ "."
41
+ ] }) })
67
42
  ] });
68
43
  }
69
44
  export {
@@ -32,33 +32,10 @@ function Logout({ onLogoutClick, disabled }) {
32
32
  /* @__PURE__ */ jsxs(Box, { sx: styles.paper, children: [
33
33
  /* @__PURE__ */ jsx(Avatar, { sx: styles.avatar, children: /* @__PURE__ */ jsx(LogoutOutlined, {}) }),
34
34
  /* @__PURE__ */ jsxs(Typography, { component: "h1", variant: "h5", children: [
35
- /* @__PURE__ */ jsx(
36
- FormattedMessage,
37
- {
38
- id: "login/logout",
39
- defaultMessage: "logout"
40
- }
41
- ),
42
- " ",
43
- "?"
35
+ /* @__PURE__ */ jsx(FormattedMessage, { id: "login/logout", defaultMessage: "logout" }),
36
+ " ?"
44
37
  ] }),
45
- /* @__PURE__ */ jsx(
46
- Button,
47
- {
48
- disabled,
49
- fullWidth: true,
50
- variant: "contained",
51
- sx: styles.submit,
52
- onClick: onLogoutClick,
53
- children: /* @__PURE__ */ jsx(
54
- FormattedMessage,
55
- {
56
- id: "login/logout",
57
- defaultMessage: "logout"
58
- }
59
- )
60
- }
61
- )
38
+ /* @__PURE__ */ jsx(Button, { disabled, fullWidth: true, variant: "contained", sx: styles.submit, onClick: onLogoutClick, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/logout", defaultMessage: "logout" }) })
62
39
  ] }),
63
40
  /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Copyright, {}) })
64
41
  ] });
@@ -65,71 +65,42 @@ function FilterButton(props) {
65
65
  }
66
66
  );
67
67
  }
68
- const ColumnHeader = forwardRef(
69
- (props, ref) => {
70
- const {
71
- className,
72
- label,
73
- numeric,
74
- sortSignedRank,
75
- filterLevel,
76
- onSortClick,
77
- onFilterClick,
78
- onContextMenu,
79
- style
80
- } = props;
81
- const [hovered, setHovered] = useState(false);
82
- const onHover = useCallback((evt) => {
83
- setHovered(evt.type === "mouseenter");
84
- }, []);
85
- const topmostDiv = useRef();
86
- const handleFilterClick = useMemo(() => {
87
- if (!onFilterClick) {
88
- return void 0;
68
+ const ColumnHeader = forwardRef((props, ref) => {
69
+ const { className, label, numeric, sortSignedRank, filterLevel, onSortClick, onFilterClick, onContextMenu, style } = props;
70
+ const [hovered, setHovered] = useState(false);
71
+ const onHover = useCallback((evt) => {
72
+ setHovered(evt.type === "mouseenter");
73
+ }, []);
74
+ const topmostDiv = useRef();
75
+ const handleFilterClick = useMemo(() => {
76
+ if (!onFilterClick) {
77
+ return void 0;
78
+ }
79
+ return (evt) => {
80
+ onFilterClick(evt);
81
+ };
82
+ }, [onFilterClick]);
83
+ return (
84
+ // @ts-ignore it does not let us define Box with onMouseEnter/onMouseLeave attributes with 'div' I think, not sure though
85
+ /* @__PURE__ */ jsxs(
86
+ Box,
87
+ {
88
+ ref: topmostDiv,
89
+ onMouseEnter: onHover,
90
+ onMouseLeave: onHover,
91
+ sx: mergeSx(styles.divFlex, numeric ? styles.divNum : void 0),
92
+ className,
93
+ style,
94
+ onContextMenu,
95
+ children: [
96
+ /* @__PURE__ */ jsx(Box, { ref, sx: styles.label, children: label }),
97
+ onSortClick && /* @__PURE__ */ jsx(SortButton, { headerHovered: hovered, onClick: onSortClick, signedRank: sortSignedRank }),
98
+ handleFilterClick && /* @__PURE__ */ jsx(FilterButton, { headerHovered: hovered, onClick: handleFilterClick, filterLevel })
99
+ ]
89
100
  }
90
- return (evt) => {
91
- onFilterClick(evt);
92
- };
93
- }, [onFilterClick]);
94
- return (
95
- // @ts-ignore it does not let us define Box with onMouseEnter/onMouseLeave attributes with 'div' I think, not sure though
96
- /* @__PURE__ */ jsxs(
97
- Box,
98
- {
99
- ref: topmostDiv,
100
- onMouseEnter: onHover,
101
- onMouseLeave: onHover,
102
- sx: mergeSx(
103
- styles.divFlex,
104
- numeric ? styles.divNum : void 0
105
- ),
106
- className,
107
- style,
108
- onContextMenu,
109
- children: [
110
- /* @__PURE__ */ jsx(Box, { ref, sx: styles.label, children: label }),
111
- onSortClick && /* @__PURE__ */ jsx(
112
- SortButton,
113
- {
114
- headerHovered: hovered,
115
- onClick: onSortClick,
116
- signedRank: sortSignedRank
117
- }
118
- ),
119
- handleFilterClick && /* @__PURE__ */ jsx(
120
- FilterButton,
121
- {
122
- headerHovered: hovered,
123
- onClick: handleFilterClick,
124
- filterLevel
125
- }
126
- )
127
- ]
128
- }
129
- )
130
- );
131
- }
132
- );
101
+ )
102
+ );
103
+ });
133
104
  const ColumnHeader$1 = styled(ColumnHeader)({});
134
105
  export {
135
106
  ColumnHeader,
@@ -309,12 +309,7 @@ class KeyedColumnsRowIndexer {
309
309
  }
310
310
  const codedColumns = !this.sortingState ? null : codedColumnsFromKeyAndDirection(this.sortingState, columns);
311
311
  const groupingColumnsCount = this.groupingCount;
312
- const indexedArray = groupAndSort(
313
- preFilteredRowPairs,
314
- codedColumns,
315
- groupingColumnsCount,
316
- columns
317
- );
312
+ const indexedArray = groupAndSort(preFilteredRowPairs, codedColumns, groupingColumnsCount, columns);
318
313
  return !indexedArray ? null : indexedArray.map((k) => k[1]);
319
314
  };
320
315
  this.getSortingAsKeyAndCodedRank = () => {
@@ -360,10 +355,7 @@ class KeyedColumnsRowIndexer {
360
355
  (_c = this.sortingState) == null ? void 0 : _c.splice(wasAtIdx, 1);
361
356
  }
362
357
  const nextSign = wasSignDir ? -wasSignDir : 1;
363
- const nextKD = [
364
- colKey,
365
- canonicalForSign(nextSign)
366
- ];
358
+ const nextKD = [colKey, canonicalForSign(nextSign)];
367
359
  (_d = this.sortingState) == null ? void 0 : _d.unshift(nextKD);
368
360
  }
369
361
  } else if (change_way === "Tail") {
@@ -372,9 +364,7 @@ class KeyedColumnsRowIndexer {
372
364
  } else if (wasAtIdx !== keyAndDirections.length - 1) {
373
365
  return false;
374
366
  } else if (!(this.isThreeState && wasSignDir === -1)) {
375
- this.sortingState[wasAtIdx][1] = canonicalForSign(
376
- -wasSignDir
377
- );
367
+ this.sortingState[wasAtIdx][1] = canonicalForSign(-wasSignDir);
378
368
  } else {
379
369
  (_f = this.sortingState) == null ? void 0 : _f.splice(wasAtIdx, 1);
380
370
  }
@@ -383,10 +373,7 @@ class KeyedColumnsRowIndexer {
383
373
  this.sortingState.length) {
384
374
  return false;
385
375
  }
386
- (_g = this.sortingState) == null ? void 0 : _g.splice(this.lastUsedRank - 1, 0, [
387
- colKey,
388
- canonicalForSign(1)
389
- ]);
376
+ (_g = this.sortingState) == null ? void 0 : _g.splice(this.lastUsedRank - 1, 0, [colKey, canonicalForSign(1)]);
390
377
  } else if (!(this.isThreeState && wasSignDir === -1)) {
391
378
  this.sortingState[wasAtIdx][1] = canonicalForSign(-wasSignDir);
392
379
  } else {
@@ -75,7 +75,7 @@ declare class MuiVirtualizedTable extends PureComponent<MuiVirtualizedTableProps
75
75
  onFilterParamsChange(newVal: unknown[] | null, colKey: string | null): void;
76
76
  sortClickHandler: (evt: MouseEvent, _: unknown, columnIndex: number) => void;
77
77
  filterClickHandler: (_: MouseEvent, target: Element | undefined, columnIndex: number) => void;
78
- sortableHeader: ({ label, columnIndex, }: {
78
+ sortableHeader: ({ label, columnIndex }: {
79
79
  label: string;
80
80
  columnIndex: number;
81
81
  }) => import("react/jsx-runtime").JSX.Element;
@@ -90,15 +90,7 @@ const AmongChooser = (props) => {
90
90
  renderInput: (props2) => /* @__PURE__ */ jsx(TextField, { autoFocus: true, ...props2 }),
91
91
  renderTags: (val, getTagsProps) => {
92
92
  return val.map((code, index) => {
93
- return /* @__PURE__ */ jsx(
94
- Chip,
95
- {
96
- id: "chip_" + code,
97
- size: "small",
98
- label: code,
99
- ...getTagsProps({ index })
100
- }
101
- );
93
+ return /* @__PURE__ */ jsx(Chip, { id: "chip_" + code, size: "small", label: code, ...getTagsProps({ index }) });
102
94
  });
103
95
  }
104
96
  }
@@ -159,17 +151,8 @@ const reorderIndex = memoize(
159
151
  }
160
152
  }
161
153
  if (indexer) {
162
- const prefiltered = preFilterData(
163
- columns,
164
- rows,
165
- filterFromProps,
166
- indexer,
167
- indirectionVersion
168
- );
169
- const reorderedIndex = indexer.makeGroupAndSortIndirector(
170
- prefiltered,
171
- columns
172
- );
154
+ const prefiltered = preFilterData(columns, rows, filterFromProps, indexer, indirectionVersion);
155
+ const reorderedIndex = indexer.makeGroupAndSortIndirector(prefiltered, columns);
173
156
  return makeIndexRecord(reorderedIndex, rows);
174
157
  }
175
158
  if (filterFromProps) {
@@ -194,10 +177,7 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
194
177
  if (col.width) {
195
178
  sizes[col.dataKey] = col.width;
196
179
  } else {
197
- let size = Math.max(
198
- col.minWidth || 0,
199
- this.computeDataWidth(col.label)
200
- );
180
+ let size = Math.max(col.minWidth || 0, this.computeDataWidth(col.label));
201
181
  for (let i = 0; i < rows.length; ++i) {
202
182
  const gotRow = rowGetter(i);
203
183
  let text = this.getDisplayValue(col, gotRow[col.dataKey]);
@@ -319,10 +299,7 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
319
299
  const colKey = this.props.columns[columnIndex].dataKey;
320
300
  this.openPopover(retargeted, colKey);
321
301
  };
322
- this.sortableHeader = ({
323
- label,
324
- columnIndex
325
- }) => {
302
+ this.sortableHeader = ({ label, columnIndex }) => {
326
303
  var _a;
327
304
  const { columns } = this.props;
328
305
  const indexer = this.state.indexer;
@@ -330,13 +307,7 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
330
307
  const signedRank = indexer == null ? void 0 : indexer.columnSortingSignedRank(colKey);
331
308
  const userParams = indexer == null ? void 0 : indexer.getColFilterUserParams(colKey);
332
309
  const numeric = columns[columnIndex].numeric;
333
- const prefiltered = preFilterData(
334
- columns,
335
- this.props.rows,
336
- this.props.filter,
337
- indexer,
338
- indexer == null ? void 0 : indexer.filterVersion
339
- );
310
+ const prefiltered = preFilterData(columns, this.props.rows, this.props.filter, indexer, indexer == null ? void 0 : indexer.filterVersion);
340
311
  const colStat = (_a = prefiltered == null ? void 0 : prefiltered.colsStats) == null ? void 0 : _a[colKey];
341
312
  let filterLevel = 0;
342
313
  if (userParams == null ? void 0 : userParams.length) {
@@ -403,22 +374,15 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
403
374
  this.cellRenderer = ({ cellData, columnIndex, rowIndex }) => {
404
375
  var _a, _b;
405
376
  const { columns, classes, rowHeight, onCellClick, rows, tooltipSx } = this.props;
406
- let displayedValue = this.getDisplayValue(
407
- columns[columnIndex],
408
- cellData
409
- );
377
+ let displayedValue = this.getDisplayValue(columns[columnIndex], cellData);
410
378
  return /* @__PURE__ */ jsx(
411
379
  TableCell,
412
380
  {
413
381
  component: "div",
414
- className: clsx(
415
- composeClasses(classes, cssTableCell),
416
- composeClasses(classes, cssFlexContainer),
417
- {
418
- [composeClasses(classes, cssNoClick)]: displayedValue === void 0 || ((_a = rows[rowIndex]) == null ? void 0 : _a.notClickable) === true || onCellClick == null || columns[columnIndex].clickable === void 0 || !columns[columnIndex].clickable,
419
- [composeClasses(classes, cssTableCellColor)]: displayedValue === void 0 || onCellClick !== null && !((_b = rows[rowIndex]) == null ? void 0 : _b.notClickable) === true && columns[columnIndex].clickable !== void 0 && columns[columnIndex].clickable
420
- }
421
- ),
382
+ className: clsx(composeClasses(classes, cssTableCell), composeClasses(classes, cssFlexContainer), {
383
+ [composeClasses(classes, cssNoClick)]: displayedValue === void 0 || ((_a = rows[rowIndex]) == null ? void 0 : _a.notClickable) === true || onCellClick == null || columns[columnIndex].clickable === void 0 || !columns[columnIndex].clickable,
384
+ [composeClasses(classes, cssTableCellColor)]: displayedValue === void 0 || onCellClick !== null && !((_b = rows[rowIndex]) == null ? void 0 : _b.notClickable) === true && columns[columnIndex].clickable !== void 0 && columns[columnIndex].clickable
385
+ }),
422
386
  variant: "body",
423
387
  style: { height: rowHeight, width: "100%" },
424
388
  align: columnIndex != null && columns[columnIndex].numeric || false ? "right" : "left",
@@ -460,14 +424,8 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
460
424
  return /* @__PURE__ */ jsx(
461
425
  Column,
462
426
  {
463
- headerRenderer: this.makeHeaderRenderer(
464
- dataKey,
465
- index
466
- ),
467
- className: composeClasses(
468
- otherProps.classes,
469
- cssFlexContainer
470
- ),
427
+ headerRenderer: this.makeHeaderRenderer(dataKey, index),
428
+ className: composeClasses(otherProps.classes, cssFlexContainer),
471
429
  cellRenderer: this.cellRenderer,
472
430
  dataKey,
473
431
  flexGrow: 1,
@@ -536,10 +494,7 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
536
494
  rootMargin: "0px",
537
495
  threshold: 0.1
538
496
  };
539
- this.observer = new IntersectionObserver(
540
- this._computeHeaderSize,
541
- options
542
- );
497
+ this.observer = new IntersectionObserver(this._computeHeaderSize, options);
543
498
  this.dropDownVisible = false;
544
499
  this.state = {
545
500
  headerHeight: this.props.headerHeight,
@@ -668,15 +623,8 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
668
623
  this.props.filter,
669
624
  this.props.sort
670
625
  );
671
- const sizes = this.sizes(
672
- this.props.columns,
673
- this.props.rows,
674
- rowGetter
675
- );
676
- const csvHeaders = this.csvHeaders(
677
- this.props.columns,
678
- this.props.exportCSVDataKeys
679
- );
626
+ const sizes = this.sizes(this.props.columns, this.props.rows, rowGetter);
627
+ const csvHeaders = this.csvHeaders(this.props.columns, this.props.exportCSVDataKeys);
680
628
  return /* @__PURE__ */ jsxs(
681
629
  "div",
682
630
  {
@@ -697,32 +645,11 @@ const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
697
645
  },
698
646
  children: [
699
647
  /* @__PURE__ */ jsx(FormattedMessage, { id: "MuiVirtualizedTable/exportCSV" }),
700
- /* @__PURE__ */ jsx(
701
- CsvDownloader,
702
- {
703
- datas: this.getCSVData,
704
- columns: csvHeaders,
705
- filename: this.getCSVFilename(),
706
- children: /* @__PURE__ */ jsx(
707
- IconButton,
708
- {
709
- "aria-label": "exportCSVButton",
710
- size: "large",
711
- children: /* @__PURE__ */ jsx(GetApp, {})
712
- }
713
- )
714
- }
715
- )
648
+ /* @__PURE__ */ jsx(CsvDownloader, { datas: this.getCSVData, columns: csvHeaders, filename: this.getCSVFilename(), children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "exportCSVButton", size: "large", children: /* @__PURE__ */ jsx(GetApp, {}) }) })
716
649
  ]
717
650
  }
718
651
  ),
719
- /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(AutoSizer, { children: ({ height, width }) => this.makeSizedTable(
720
- height,
721
- width,
722
- sizes,
723
- viewIndexToModel,
724
- rowGetter
725
- ) }) }),
652
+ /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(AutoSizer, { children: ({ height, width }) => this.makeSizedTable(height, width, sizes, viewIndexToModel, rowGetter) }) }),
726
653
  this.state.popoverAnchorEl && /* @__PURE__ */ jsx(
727
654
  Popover,
728
655
  {
@@ -754,10 +681,7 @@ _MuiVirtualizedTable.defaultProps = {
754
681
  classes: {}
755
682
  };
756
683
  let MuiVirtualizedTable = _MuiVirtualizedTable;
757
- const nestedGlobalSelectorsStyles = toNestedGlobalSelectors(
758
- defaultStyles,
759
- generateMuiVirtualizedTableClass
760
- );
684
+ const nestedGlobalSelectorsStyles = toNestedGlobalSelectors(defaultStyles, generateMuiVirtualizedTableClass);
761
685
  const MuiVirtualizedTable$1 = styled(MuiVirtualizedTable)(nestedGlobalSelectorsStyles);
762
686
  export {
763
687
  DEFAULT_CELL_PADDING,
@@ -4,5 +4,5 @@
4
4
  * License, v. 2.0. If a copy of the MPL was not distributed with this
5
5
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
6
6
  */
7
- export { default as MuiVirtualizedTable, generateMuiVirtualizedTableClass, } from './MuiVirtualizedTable';
7
+ export { default as MuiVirtualizedTable, generateMuiVirtualizedTableClass } from './MuiVirtualizedTable';
8
8
  export { KeyedColumnsRowIndexer, ChangeWays } from './KeyedColumnsRowIndexer';
@@ -54,12 +54,8 @@ function MultipleSelectionDialog({
54
54
  control: /* @__PURE__ */ jsx(
55
55
  Checkbox,
56
56
  {
57
- checked: selectedIds.includes(
58
- optionId
59
- ),
60
- onChange: () => handleOptionSelection(
61
- optionId
62
- )
57
+ checked: selectedIds.includes(optionId),
58
+ onChange: () => handleOptionSelection(optionId)
63
59
  }
64
60
  )
65
61
  }