@gridsuite/commons-ui 0.35.3 → 0.35.5

package/es/components/FlatParameters/FlatParameters.js

@@ -10,8 +10,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 import React, { useCallback, useState } from 'react';
-import { Autocomplete, Chip, List, ListItem, MenuItem, Select, Switch, TextField, Tooltip, Typography, Divider } from '@mui/material';
+import { Autocomplete, Chip, List, ListItem, MenuItem, Select, Switch, TextField, Tooltip, Typography, Divider, IconButton } from '@mui/material';
+import TuneIcon from '@mui/icons-material/Tune';
 import { FormattedMessage, useIntl } from 'react-intl';
+import MultipleSelectionDialog from '../MultipleSelectionDialog/MultipleSelectionDialog';
 var styles = {
   paramList: {
     width: '100%',
@@ -86,6 +88,8 @@ function longestCommonPrefix(stringList) {
  * @param initValues {k:v}
  * @param onChange (paramName, newValue, isInEdition)
  * @param variant style variant for TextField, Autocomplete and Select parameter fields
+ * @param showSeparator if true, a separator is added between parameters
+ * @param selectionWithDialog {(param: {}) => boolean} if true, param with multiple options use dialog for selection
  */
 export var FlatParameters = function FlatParameters(_ref) {
   var paramsAsArray = _ref.paramsAsArray,
@@ -94,7 +98,11 @@ export var FlatParameters = function FlatParameters(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
     _ref$showSeparator = _ref.showSeparator,
-    showSeparator = _ref$showSeparator === void 0 ? false : _ref$showSeparator;
+    showSeparator = _ref$showSeparator === void 0 ? false : _ref$showSeparator,
+    _ref$selectionWithDia = _ref.selectionWithDialog,
+    selectionWithDialog = _ref$selectionWithDia === void 0 ? function (param) {
+      return false;
+    } : _ref$selectionWithDia;
   var intl = useIntl();
   var longestPrefix = longestCommonPrefix(paramsAsArray.map(function (m) {
     return m.name;
@@ -107,12 +115,25 @@ export var FlatParameters = function FlatParameters(_ref) {
   var _useState2 = useState(null),
     inEditionParam = _useState2[0],
     setInEditionParam = _useState2[1];
+  var _useState3 = useState(false),
+    openSelector = _useState3[0],
+    setOpenSelector = _useState3[1];
   var getTranslatedValue = useCallback(function (prefix, value) {
     return intl.formatMessage({
       id: prefix + '.' + value,
       defaultMessage: value
     });
   }, [intl]);
+  var getSelectionDialogName = useCallback(function (paramName) {
+    var defaultMessage = intl.formatMessage({
+      id: paramName,
+      defaultMessage: paramName.slice(prefix.length)
+    });
+    return intl.formatMessage({
+      id: paramName + '.selectionDialog.name',
+      defaultMessage: defaultMessage
+    });
+  }, [intl, prefix.length]);
   var sortPossibleValues = useCallback(function (prefix, values) {
     if (values == null) {
       return [];
@@ -183,6 +204,21 @@ export var FlatParameters = function FlatParameters(_ref) {
   var outputTransformFloatString = function outputTransformFloatString(value) {
     return (value === null || value === void 0 ? void 0 : value.replace(',', '.')) || '';
   };
+  var getStringListValue = function getStringListValue(allValues, selectValues) {
+    if (!selectValues || !selectValues.length) {
+      return intl.formatMessage({
+        id: 'flat_parameters/none'
+      });
+    }
+    if (selectValues.length === allValues.length) {
+      return intl.formatMessage({
+        id: 'flat_parameters/all'
+      });
+    }
+    return intl.formatMessage({
+      id: 'flat_parameters/some'
+    });
+  };
   var renderField = function renderField(param) {
     var fieldValue = mixInitAndDefault(param);
     switch (param.type) {
@@ -249,6 +285,41 @@ export var FlatParameters = function FlatParameters(_ref) {
         });
       case 'STRING_LIST':
         if (param.possibleValues) {
+          var allOptions = sortPossibleValues(param.name, param.possibleValues).map(function (_ref2) {
+            var id = _ref2.id;
+            return id;
+          });
+          var withDialog = selectionWithDialog(param);
+          if (withDialog) {
+            return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
+              value: getStringListValue(allOptions, fieldValue),
+              size: 'small',
+              variant: variant,
+              InputProps: {
+                readOnly: true,
+                endAdornment: /*#__PURE__*/React.createElement(IconButton, {
+                  onClick: function onClick() {
+                    return setOpenSelector(true);
+                  }
+                }, /*#__PURE__*/React.createElement(TuneIcon, null))
+              }
+            }), /*#__PURE__*/React.createElement(MultipleSelectionDialog, {
+              options: allOptions,
+              titleId: getSelectionDialogName(param.name),
+              open: openSelector,
+              getOptionLabel: function getOptionLabel(option) {
+                return getTranslatedValue(param.name, option);
+              },
+              selectedOptions: fieldValue,
+              handleClose: function handleClose() {
+                return setOpenSelector(false);
+              },
+              handleValidate: function handleValidate(selectedOptions) {
+                onFieldChange(selectedOptions, param);
+                setOpenSelector(false);
+              }
+            }));
+          }
           return /*#__PURE__*/React.createElement(Autocomplete, {
             fullWidth: true,
             multiple: true,

package/es/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -681,7 +681,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
         key: {
           dataKey: dataKey
         }
-      })) : _this3.simpleHeaderRenderer(_extends({}, headerProps)));
+      })) : _this3.simpleHeaderRenderer(_extends({}, headerProps)), columns[columnIndex].extra && columns[columnIndex].extra);
     };
   };
   _proto.render = function render() {
@@ -761,7 +761,8 @@ MuiVirtualizedTable.propTypes = process.env.NODE_ENV !== "production" ? {
     minWidth: PropTypes.number,
     maxWidth: PropTypes.number,
     unit: PropTypes.string,
-    fractionDigits: PropTypes.number
+    fractionDigits: PropTypes.number,
+    extra: PropTypes.element
   })).isRequired,
   enableExportCSV: PropTypes.bool,
   exportCSVDataKeys: PropTypes.array,

package/es/components/MultipleSelectionDialog/MultipleSelectionDialog.js

@@ -0,0 +1,100 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Dialog, DialogContent, Divider } from '@mui/material';
+import DialogTitle from '@mui/material/DialogTitle';
+import { FormattedMessage } from 'react-intl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/Checkbox';
+import React, { useState } from 'react';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+var MultipleSelectionDialog = function MultipleSelectionDialog(_ref) {
+  var options = _ref.options,
+    selectedOptions = _ref.selectedOptions,
+    open = _ref.open,
+    getOptionLabel = _ref.getOptionLabel,
+    handleClose = _ref.handleClose,
+    handleValidate = _ref.handleValidate,
+    titleId = _ref.titleId;
+  var _useState = useState(selectedOptions !== null && selectedOptions !== void 0 ? selectedOptions : []),
+    selectedIds = _useState[0],
+    setSelectedIds = _useState[1];
+  var handleSelectAll = function handleSelectAll() {
+    if (selectedIds.length !== options.length) {
+      setSelectedIds(options);
+    } else {
+      setSelectedIds([]);
+    }
+  };
+  var handleOptionSelection = function handleOptionSelection(option) {
+    setSelectedIds(function (oldValues) {
+      if (oldValues.includes(option)) {
+        return oldValues.filter(function (o) {
+          return o !== option;
+        });
+      }
+      return [].concat(oldValues, [option]);
+    });
+  };
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    fullWidth: true,
+    maxWidth: 'lg'
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, titleId), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(Divider, null, /*#__PURE__*/React.createElement(FormControlLabel, {
+    label: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: 'multiple_selection_dialog/selectAll'
+    }),
+    control: /*#__PURE__*/React.createElement(Checkbox, {
+      checked: selectedIds.length === options.length,
+      indeterminate: selectedIds.length && selectedIds.length !== options.length,
+      onChange: handleSelectAll
+    })
+  }))), options.map(function (option, index) {
+    var _option$id;
+    var optionId = (_option$id = option === null || option === void 0 ? void 0 : option.id) !== null && _option$id !== void 0 ? _option$id : option;
+    var label = getOptionLabel(option);
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: optionId
+    }, /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 4
+    }, /*#__PURE__*/React.createElement(FormControlLabel, {
+      label: label,
+      control: /*#__PURE__*/React.createElement(Checkbox, {
+        checked: selectedIds.includes(optionId),
+        onChange: function onChange() {
+          return handleOptionSelection(optionId);
+        }
+      })
+    })), (index + 1) % 3 === 0 && /*#__PURE__*/React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      key: index
+    }, /*#__PURE__*/React.createElement(Divider, null)));
+  }))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: 'multiple_selection_dialog/cancel'
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleValidate(selectedIds);
+    }
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: 'multiple_selection_dialog/validate'
+  }))));
+};
+export default MultipleSelectionDialog;

package/es/components/MultipleSelectionDialog/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+export { default } from './MultipleSelectionDialog';

package/es/components/ReportViewer/filter-button.js

@@ -0,0 +1,77 @@
+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); }
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+import React, { useMemo, useState } from 'react';
+import { Box, IconButton } from '@mui/material';
+import MenuIcon from '@mui/icons-material/Menu';
+import { MultiSelectList } from './multi-select-list';
+var styles = {
+  notificationDot: {
+    height: '6px',
+    width: '6px',
+    backgroundColor: '#cc70a0',
+    borderRadius: '50%',
+    position: 'absolute',
+    top: '5px',
+    left: '23px'
+  },
+  container: {
+    position: 'relative'
+  },
+  icon: {
+    width: '0.7em',
+    height: '0.7em'
+  }
+};
+
+/**
+ * FilterButton wraps a MultiSelectList with a button which has a visual indication to indicate when the user alters the default state of the list
+ *
+ * @param {Object}   selectedItems    - It serves as the model and data of the Component each entry must be formatted as a pair of string and boolean. Each key will be displayed and the corresponding boolean is updated in function of its checkbox status
+ * @param {Function} setSelectedItems - Setter needed to update the list underlying data
+ */
+
+export var FilterButton = function FilterButton(_ref) {
+  var selectedItems = _ref.selectedItems,
+    setSelectedItems = _ref.setSelectedItems;
+  var _useState = useState(selectedItems),
+    initialState = _useState[0];
+  var _useState2 = useState(),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+  var handleChange = function handleChange(event) {
+    setSelectedItems(function (previousSelection) {
+      var _extends2;
+      return _extends({}, previousSelection, (_extends2 = {}, _extends2[event.target.name] = !selectedItems[event.target.name], _extends2));
+    });
+  };
+  var isInitialStateModified = useMemo(function () {
+    return Object.keys(selectedItems).some(function (key) {
+      return initialState[key] !== selectedItems[key];
+    });
+  }, [initialState, selectedItems]);
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: styles.container
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(MenuIcon, {
+    sx: styles.icon
+  }), isInitialStateModified && /*#__PURE__*/React.createElement(Box, {
+    sx: styles.notificationDot
+  })), /*#__PURE__*/React.createElement(MultiSelectList, {
+    selectedItems: selectedItems,
+    handleChange: handleChange,
+    handleClose: handleClose,
+    anchor: anchorEl
+  }));
+};

package/es/components/ReportViewer/log-table.js

@@ -4,13 +4,14 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-import React, { memo, useEffect, useState } from 'react';
+import React, { memo, useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
 import TableCell from '@mui/material/TableCell';
 import { styled } from '@mui/system';
 import MuiVirtualizedTable from '../MuiVirtualizedTable';
 import { useTheme } from '@mui/material/styles';
-var SEVERITY_COLUMN_FIXED_WIDTH = 100;
+import { FilterButton } from './filter-button';
+var SEVERITY_COLUMN_FIXED_WIDTH = 115;
 var styles = {
   flexContainer: {
     display: 'flex',
@@ -34,7 +35,9 @@ var styles = {
 var VirtualizedTable = styled(MuiVirtualizedTable)(styles);
 var LogTable = function LogTable(_ref) {
   var logs = _ref.logs,
-    onRowClick = _ref.onRowClick;
+    onRowClick = _ref.onRowClick,
+    selectedSeverity = _ref.selectedSeverity,
+    setSelectedSeverity = _ref.setSelectedSeverity;
   var intl = useIntl();
   var theme = useTheme();
   var _useState = useState(-1),
@@ -60,7 +63,11 @@ var LogTable = function LogTable(_ref) {
     dataKey: 'severity',
     maxWidth: SEVERITY_COLUMN_FIXED_WIDTH,
     minWidth: SEVERITY_COLUMN_FIXED_WIDTH,
-    cellRenderer: severityCellRender
+    cellRenderer: severityCellRender,
+    extra: /*#__PURE__*/React.createElement(FilterButton, {
+      selectedItems: selectedSeverity,
+      setSelectedItems: setSelectedSeverity
+    })
   }, {
     label: intl.formatMessage({
       id: 'report_viewer/message'
@@ -100,6 +107,13 @@ var LogTable = function LogTable(_ref) {
   useEffect(function () {
     setSelectedRowIndex(-1);
   }, [logs]);
+  var filter = useCallback(function (row) {
+    return row.severity && Object.entries(selectedSeverity).some(function (_ref2) {
+      var key = _ref2[0],
+        value = _ref2[1];
+      return key === row.severity && value;
+    });
+  }, [selectedSeverity]);
   return (
     /*#__PURE__*/
     //TODO do we need to useMemo/useCallback these props to avoid rerenders ?
@@ -108,7 +122,8 @@ var LogTable = function LogTable(_ref) {
       rows: generateTableRows(),
       sortable: false,
       onRowClick: handleRowClick,
-      rowStyle: rowStyleFormat
+      rowStyle: rowStyleFormat,
+      filter: filter
     })
   );
 };

package/es/components/ReportViewer/multi-select-list.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+import React from 'react';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import { Checkbox, FormControlLabel } from '@mui/material';
+var styles = {
+  label: {
+    width: '100%',
+    margin: 0
+  },
+  menuItem: {
+    padding: '0 10px 0 0'
+  }
+};
+
+/**
+ * MultiSelectList allows to manipulate an object where each keys are associated to a boolean in order to determine which are the ones the user wants to select
+ *
+ * @param {Object}   selectedItems - It serves as the model and data of the Component each entry must be formatted as a pair of string and boolean. Each key will be displayed and the corresponding boolean is updated in function of its checkbox status
+ * @param {Function} handleChange - Allows to customise the behaviour on selection change
+ * @param {Function} handleClose - Allows to customise the behaviour when the menu is closing
+ * @param {Object} anchor - Determines where the menu will appear on screen
+ */
+
+export var MultiSelectList = function MultiSelectList(_ref) {
+  var selectedItems = _ref.selectedItems,
+    handleChange = _ref.handleChange,
+    handleClose = _ref.handleClose,
+    anchor = _ref.anchor;
+  var open = Boolean(anchor);
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onClose: handleClose,
+    anchorEl: anchor
+  }, Object.entries(selectedItems).map(function (_ref2) {
+    var key = _ref2[0],
+      value = _ref2[1];
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      sx: styles.menuItem,
+      key: key
+    }, /*#__PURE__*/React.createElement(FormControlLabel, {
+      control: /*#__PURE__*/React.createElement(Checkbox, {
+        checked: value,
+        onChange: handleChange,
+        name: key
+      }),
+      label: key,
+      sx: styles.label
+    }));
+  }));
+};

package/es/components/ReportViewer/report-viewer.js

@@ -14,6 +14,7 @@ import LogReport from './log-report';
 import Grid from '@mui/material/Grid';
 import LogTable from './log-table';
 import ReportTreeViewContext from './report-tree-view-context';
+import LogReportItem from './log-report-item';
 var MAX_SUB_REPORTS = 500;
 var styles = {
   treeView: {
@@ -43,6 +44,16 @@ export default function ReportViewer(_ref) {
   var rootReport = useRef(null);
   var allReports = useRef({});
   var treeView = useRef(null);
+  var defaultSeverityFilter = useMemo(function () {
+    var filterConfig = {};
+    Object.values(LogReportItem.SEVERITY).forEach(function (severity) {
+      filterConfig[severity.name] = true;
+    });
+    return filterConfig;
+  }, []);
+  var _useState5 = useState(defaultSeverityFilter),
+    selectedSeverity = _useState5[0],
+    setSelectedSeverity = _useState5[1];
   var createReporterItem = useCallback(function (logReport) {
     allReports.current[logReport.getId()] = logReport;
     if (logReport.getSubReports().length > maxSubReports) {
@@ -149,6 +160,8 @@ export default function ReportViewer(_ref) {
     }
   }, /*#__PURE__*/React.createElement(LogTable, {
     logs: logs,
-    onRowClick: onRowClick
+    onRowClick: onRowClick,
+    selectedSeverity: selectedSeverity,
+    setSelectedSeverity: setSelectedSeverity
   })));
 }

package/es/components/TopBar/TopBar.js

@@ -260,7 +260,7 @@ var TopBar = function TopBar(_ref2) {
   useEffect(function () {
     if (user && withElementsSearch && !searchDisabled) {
       var openSearch = function openSearch(e) {
-        if (e.ctrlKey && e.shiftKey && e.key === 'f') {
+        if (e.ctrlKey && e.key === 'F') {
           e.preventDefault();
           setDialogSearchOpen(true);
         }

package/es/components/translations/flat-parameters-en.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+var flat_parameters_en = {
+  'flat_parameters/none': 'None',
+  'flat_parameters/some': 'Some',
+  'flat_parameters/all': 'All'
+};
+export default flat_parameters_en;

package/es/components/translations/flat-parameters-fr.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+var flat_parameters_fr = {
+  'flat_parameters/none': 'Aucune',
+  'flat_parameters/some': 'Quelques-unes',
+  'flat_parameters/all': 'Toutes'
+};
+export default flat_parameters_fr;

package/es/components/translations/multiple-selection-dialog-en.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+var multiple_selection_dialog_en = {
+  'multiple_selection_dialog/cancel': 'Cancel',
+  'multiple_selection_dialog/validate': 'Validate',
+  'multiple_selection_dialog/selectAll': 'Select all'
+};
+export default multiple_selection_dialog_en;

package/es/components/translations/multiple-selection-dialog-fr.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+var multiple_selection_dialog_fr = {
+  'multiple_selection_dialog/cancel': 'Annuler',
+  'multiple_selection_dialog/validate': 'Valider',
+  'multiple_selection_dialog/selectAll': 'Tout sélectionner'
+};
+export default multiple_selection_dialog_fr;

package/es/index.js

@@ -16,6 +16,7 @@ export { default as ReportViewerDialog } from './components/ReportViewerDialog';
 export { default as OverflowableText } from './components/OverflowableText';
 export { default as ElementSearchDialog } from './components/ElementSearchDialog';
 export { default as FlatParameters } from './components/FlatParameters';
+export { default as MultipleSelectionDialog } from './components/MultipleSelectionDialog';
 export { EQUIPMENT_TYPE, getEquipmentsInfosForSearchBar, equipmentStyles } from './utils/EquipmentType';
 export { initializeAuthenticationDev, initializeAuthenticationProd, logout, dispatchUser, getPreLoginPath } from './utils/AuthService';
 export { elementType, getFileIcon } from './utils/ElementType';
@@ -38,6 +39,10 @@ export { default as equipment_search_en } from './components/translations/equipm
 export { default as equipment_search_fr } from './components/translations/equipment-search-fr';
 export { default as card_error_boundary_en } from './components/translations/card-error-boundary-en';
 export { default as card_error_boundary_fr } from './components/translations/card-error-boundary-fr';
+export { default as flat_parameters_en } from './components/translations/flat-parameters-en';
+export { default as flat_parameters_fr } from './components/translations/flat-parameters-fr';
+export { default as multiple_selection_dialog_en } from './components/translations/multiple-selection-dialog-en';
+export { default as multiple_selection_dialog_fr } from './components/translations/multiple-selection-dialog-fr';
 export { TagRenderer } from './components/ElementSearchDialog';
 export { EquipmentItem } from './components/ElementSearchDialog/equipment-item';
 export { default as CardErrorBoundary } from './components/CardErrorBoundary';

package/es/utils/ElementType.js

@@ -14,19 +14,19 @@ export var elementType = {
   FILTER: 'FILTER',
   CONTINGENCY_LIST: 'CONTINGENCY_LIST'
 };
-export function getFileIcon(type, theme) {
+export function getFileIcon(type, style) {
   switch (type) {
     case elementType.STUDY:
       return /*#__PURE__*/React.createElement(LibraryBooksOutlinedIcon, {
-        className: theme
+        sx: style
       });
     case elementType.CONTINGENCY_LIST:
       return /*#__PURE__*/React.createElement(OfflineBoltIcon, {
-        className: theme
+        sx: style
       });
     case elementType.FILTER:
       return /*#__PURE__*/React.createElement(ArticleIcon, {
-        className: theme
+        sx: style
       });
     case elementType.DIRECTORY:
       // to easily use in TreeView we do not give icons for directories

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.35.3",
+    "version": "0.35.5",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": "<=6",