@gridsuite/commons-ui 0.35.0 → 0.35.2

package/{lib → es}/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -1,36 +1,6 @@
-"use strict";
-
-exports.__esModule = true;
-exports.generateMuiVirtualizedTableClass = exports["default"] = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_HEADER_HEIGHT = exports.DEFAULT_CELL_PADDING = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx3 = _interopRequireDefault(require("clsx"));
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _material = require("@mui/material");
-var _system = require("@mui/system");
-var _GetApp = _interopRequireDefault(require("@mui/icons-material/GetApp"));
-var _reactVirtualized = require("react-virtualized");
-var _reactCsvDownloader = _interopRequireDefault(require("react-csv-downloader"));
-var _overflowableText = _interopRequireDefault(require("../OverflowableText/overflowable-text"));
-var _styles = require("../../utils/styles");
-var _KeyedColumnsRowIndexer = require("./KeyedColumnsRowIndexer");
-var _ColumnHeader = _interopRequireDefault(require("./ColumnHeader"));
 var _excluded = ["sort"],
   _excluded2 = ["dataKey"];
 var _defaultStyles;
-/**
- * Copyright (c) 2022, 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/.
- */
-/**
- * This class has been taken from 'Virtualized Table' example at https://material-ui.com/components/tables/
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-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; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -42,6 +12,30 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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) 2022, 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/.
+ */
+
+/**
+ * This class has been taken from 'Virtualized Table' example at https://material-ui.com/components/tables/
+ */
+import React, { createRef } from 'react';
+import { FormattedMessage } from 'react-intl';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import memoize from 'memoize-one';
+import { Autocomplete, Chip, IconButton, Popover, TableCell, TextField } from '@mui/material';
+import { styled } from '@mui/system';
+import GetAppIcon from '@mui/icons-material/GetApp';
+import { AutoSizer, Column, Table } from 'react-virtualized';
+import CsvDownloader from 'react-csv-downloader';
+import OverflowableText from '../OverflowableText/overflowable-text';
+import { toNestedGlobalSelectors, makeComposeClasses } from '../../utils/styles';
+import { CHANGE_WAYS, collectibleHelper, getHelper, KeyedColumnsRowIndexer } from './KeyedColumnsRowIndexer';
+import ColumnHeader from './ColumnHeader';
 function getTextWidth(text) {
   // re-use canvas object for better performance
   var canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement('canvas'));
@@ -51,15 +45,12 @@ function getTextWidth(text) {
   var metrics = context.measureText(text);
   return metrics.width;
 }
-var DEFAULT_CELL_PADDING = 16;
-exports.DEFAULT_CELL_PADDING = DEFAULT_CELL_PADDING;
-var DEFAULT_HEADER_HEIGHT = 48;
-exports.DEFAULT_HEADER_HEIGHT = DEFAULT_HEADER_HEIGHT;
-var DEFAULT_ROW_HEIGHT = 48;
+export var DEFAULT_CELL_PADDING = 16;
+export var DEFAULT_HEADER_HEIGHT = 48;
+export var DEFAULT_ROW_HEIGHT = 48;
 
 // As a bunch of individual variables to try to make it easier
 // to track that they are all used. Not sure, maybe group them in an object ?
-exports.DEFAULT_ROW_HEIGHT = DEFAULT_ROW_HEIGHT;
 var cssFlexContainer = 'flexContainer';
 var cssTable = 'table';
 var cssTableRow = 'tableRow';
@@ -102,18 +93,17 @@ var defaultTooltipSx = {
 };
 
 //TODO do we need to export this to clients (index.js) ?
-var generateMuiVirtualizedTableClass = function generateMuiVirtualizedTableClass(className) {
+export var generateMuiVirtualizedTableClass = function generateMuiVirtualizedTableClass(className) {
   return "MuiVirtualizedTable-" + className;
 };
-exports.generateMuiVirtualizedTableClass = generateMuiVirtualizedTableClass;
-var composeClasses = (0, _styles.makeComposeClasses)(generateMuiVirtualizedTableClass);
+var composeClasses = makeComposeClasses(generateMuiVirtualizedTableClass);
 var AmongChooser = function AmongChooser(props) {
   var options = props.options,
     value = props.value,
     setValue = props.setValue,
     id = props.id,
     onDropDownVisibility = props.onDropDownVisibility;
-  return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
+  return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Autocomplete, {
     id: id,
     value: value !== null && value !== void 0 ? value : [],
     multiple: true,
@@ -128,13 +118,13 @@ var AmongChooser = function AmongChooser(props) {
     },
     options: options,
     renderInput: function renderInput(props) {
-      return /*#__PURE__*/_react["default"].createElement(_material.TextField, _extends({
+      return /*#__PURE__*/React.createElement(TextField, _extends({
         autoFocus: true
       }, props));
     },
     renderTags: function renderTags(val, getTagsProps) {
       return val.map(function (code, index) {
-        return /*#__PURE__*/_react["default"].createElement(_material.Chip, _extends({
+        return /*#__PURE__*/React.createElement(Chip, _extends({
           id: 'chip_' + code,
           size: 'small',
           label: code
@@ -166,13 +156,13 @@ var initIndexer = function initIndexer(props, oldProps, versionSetter) {
   if (props.indexer) {
     return props.indexer;
   }
-  return new _KeyedColumnsRowIndexer.KeyedColumnsRowIndexer(true, true, null, versionSetter);
+  return new KeyedColumnsRowIndexer(true, true, null, versionSetter);
 };
-var preFilterData = (0, _memoizeOne["default"])(function (columns, rows, filterFromProps, indexer, filterVersion // filterVersion is unused directly, used only as a workaround just to reset the memoization
+var preFilterData = memoize(function (columns, rows, filterFromProps, indexer, filterVersion // filterVersion is unused directly, used only as a workaround just to reset the memoization
 ) {
   return indexer.preFilterRowMapping(columns, rows, filterFromProps);
 });
-var reorderIndex = (0, _memoizeOne["default"])(function (indexer, indirectionVersion, rows, columns, filterFromProps, sortFromProps) {
+var reorderIndex = memoize(function (indexer, indirectionVersion, rows, columns, filterFromProps, sortFromProps) {
   if (!rows) {
     return {
       viewIndexToModel: [],
@@ -231,7 +221,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "computeDataWidth", function (text) {
       return getTextWidth(text || '') + 2 * DEFAULT_CELL_PADDING;
     });
-    _defineProperty(_assertThisInitialized(_this), "sizes", (0, _memoizeOne["default"])(function (columns, rows, rowGetter) {
+    _defineProperty(_assertThisInitialized(_this), "sizes", memoize(function (columns, rows, rowGetter) {
       var sizes = {};
       columns.forEach(function (col) {
         if (col.width) {
@@ -259,7 +249,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var col = _this.props.columns.find(function (c) {
         return c.dataKey === colKey;
       });
-      if ((0, _KeyedColumnsRowIndexer.getHelper)(col) !== _KeyedColumnsRowIndexer.collectibleHelper) {
+      if (getHelper(col) !== collectibleHelper) {
         return;
       }
       _this.dropDownVisible = false;
@@ -315,7 +305,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var col = _this.props.columns.find(function (c) {
         return c.dataKey === colKey;
       });
-      return /*#__PURE__*/_react["default"].createElement(AmongChooser, {
+      return /*#__PURE__*/React.createElement(AmongChooser, {
         options: options,
         value: userParams,
         id: 'fielt' + colKey,
@@ -349,13 +339,13 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
         _this.openPopover(evt.target, colKey);
         return;
       }
-      var way = _KeyedColumnsRowIndexer.CHANGE_WAYS.SIMPLE;
+      var way = CHANGE_WAYS.SIMPLE;
       if (evt.ctrlKey && evt.shiftKey) {
-        way = _KeyedColumnsRowIndexer.CHANGE_WAYS.AMEND;
+        way = CHANGE_WAYS.AMEND;
       } else if (evt.ctrlKey) {
-        way = _KeyedColumnsRowIndexer.CHANGE_WAYS.REMOVE;
+        way = CHANGE_WAYS.REMOVE;
       } else if (evt.shiftKey) {
-        way = _KeyedColumnsRowIndexer.CHANGE_WAYS.TAIL;
+        way = CHANGE_WAYS.TAIL;
       }
       if (_this.state.indexer.updateSortingFromUser(colKey, way)) {
         _this.setState({
@@ -401,7 +391,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var onFilterClick = numeric || _this.props.sort || columns[columnIndex].cellRenderer ? undefined : function (ev, retargeted) {
         _this.filterClickHandler(ev, retargeted, columnIndex);
       };
-      return /*#__PURE__*/_react["default"].createElement(_ColumnHeader["default"], {
+      return /*#__PURE__*/React.createElement(ColumnHeader, {
         label: label,
         ref: function ref(e) {
           return _this._registerHeader(label, e);
@@ -417,7 +407,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "simpleHeaderRenderer", function (_ref4) {
       var label = _ref4.label;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: function ref(element) {
           _this._registerHeader(label, element);
         }
@@ -430,7 +420,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = _this.props,
         classes = _this$props.classes,
         onRowClick = _this$props.onRowClick;
-      return (0, _clsx3["default"])(composeClasses(classes, cssTableRow), composeClasses(classes, cssFlexContainer), index % 2 === 0 && composeClasses(classes, cssRowBackgroundDark), index % 2 !== 0 && composeClasses(classes, cssRowBackgroundLight), ((_rowGetter = rowGetter(index)) === null || _rowGetter === void 0 ? void 0 : _rowGetter.notClickable) === true && composeClasses(classes, cssNoClick), (_clsx = {}, _clsx[composeClasses(classes, cssTableRowHover)] = index !== -1 && onRowClick != null, _clsx));
+      return clsx(composeClasses(classes, cssTableRow), composeClasses(classes, cssFlexContainer), index % 2 === 0 && composeClasses(classes, cssRowBackgroundDark), index % 2 !== 0 && composeClasses(classes, cssRowBackgroundLight), ((_rowGetter = rowGetter(index)) === null || _rowGetter === void 0 ? void 0 : _rowGetter.notClickable) === true && composeClasses(classes, cssNoClick), (_clsx = {}, _clsx[composeClasses(classes, cssTableRowHover)] = index !== -1 && onRowClick != null, _clsx));
     });
     _defineProperty(_assertThisInitialized(_this), "onClickableRowClick", function (event) {
       var _event$rowData;
@@ -451,9 +441,9 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
         rows = _this$props2.rows,
         tooltipSx = _this$props2.tooltipSx;
       var displayedValue = _this.getDisplayValue(columns[columnIndex], cellData);
-      return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
+      return /*#__PURE__*/React.createElement(TableCell, {
         component: "div",
-        className: (0, _clsx3["default"])(composeClasses(classes, cssTableCell), composeClasses(classes, cssFlexContainer), (_clsx2 = {}, _clsx2[composeClasses(classes, cssNoClick)] = displayedValue === undefined || ((_rows$rowIndex = rows[rowIndex]) === null || _rows$rowIndex === void 0 ? void 0 : _rows$rowIndex.notClickable) === true || onCellClick == null || columns[columnIndex].clickable === undefined || !columns[columnIndex].clickable, _clsx2[composeClasses(classes, cssTableCellColor)] = displayedValue === undefined || onCellClick !== null && !((_rows$rowIndex2 = rows[rowIndex]) === null || _rows$rowIndex2 === void 0 ? void 0 : _rows$rowIndex2.notClickable) === true && columns[columnIndex].clickable !== undefined && columns[columnIndex].clickable, _clsx2)),
+        className: clsx(composeClasses(classes, cssTableCell), composeClasses(classes, cssFlexContainer), (_clsx2 = {}, _clsx2[composeClasses(classes, cssNoClick)] = displayedValue === undefined || ((_rows$rowIndex = rows[rowIndex]) === null || _rows$rowIndex === void 0 ? void 0 : _rows$rowIndex.notClickable) === true || onCellClick == null || columns[columnIndex].clickable === undefined || !columns[columnIndex].clickable, _clsx2[composeClasses(classes, cssTableCellColor)] = displayedValue === undefined || onCellClick !== null && !((_rows$rowIndex2 = rows[rowIndex]) === null || _rows$rowIndex2 === void 0 ? void 0 : _rows$rowIndex2.notClickable) === true && columns[columnIndex].clickable !== undefined && columns[columnIndex].clickable, _clsx2)),
         variant: "body",
         style: {
           height: rowHeight,
@@ -466,7 +456,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
             onCellClick(rows[rowIndex], columns[columnIndex]);
           }
         }
-      }, /*#__PURE__*/_react["default"].createElement(_overflowableText["default"], {
+      }, /*#__PURE__*/React.createElement(OverflowableText, {
         text: displayedValue,
         tooltipStyle: classes.cellTooltip,
         tooltipSx: _extends({}, defaultTooltipSx, tooltipSx)
@@ -477,7 +467,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props3 = _this.props,
         sort = _this$props3.sort,
         otherProps = _objectWithoutPropertiesLoose(_this$props3, _excluded);
-      return /*#__PURE__*/_react["default"].createElement(_reactVirtualized.Table, _extends({}, otherProps, {
+      return /*#__PURE__*/React.createElement(Table, _extends({}, otherProps, {
         height: height,
         width: width,
         rowHeight: otherProps.rowHeight,
@@ -503,7 +493,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       }), otherProps.columns.map(function (_ref9, index) {
         var dataKey = _ref9.dataKey,
           other = _objectWithoutPropertiesLoose(_ref9, _excluded2);
-        return /*#__PURE__*/_react["default"].createElement(_reactVirtualized.Column, _extends({
+        return /*#__PURE__*/React.createElement(Column, _extends({
           key: dataKey,
           headerRenderer: _this.makeHeaderRenderer(dataKey, index),
           className: composeClasses(otherProps.classes, cssFlexContainer),
@@ -548,7 +538,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       }
       return Promise.resolve(csvData);
     });
-    _defineProperty(_assertThisInitialized(_this), "csvHeaders", (0, _memoizeOne["default"])(function (columns, exportCSVDataKeys) {
+    _defineProperty(_assertThisInitialized(_this), "csvHeaders", memoize(function (columns, exportCSVDataKeys) {
       var tempHeaders = [];
       columns.forEach(function (col) {
         if (exportCSVDataKeys !== undefined && exportCSVDataKeys.find(function (el) {
@@ -565,7 +555,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
     _this._computeHeaderSize = _this._computeHeaderSize.bind(_assertThisInitialized(_this));
     _this._registerHeader = _this._registerHeader.bind(_assertThisInitialized(_this));
     _this._registerObserver = _this._registerObserver.bind(_assertThisInitialized(_this));
-    _this.headers = (0, _react.createRef)();
+    _this.headers = createRef();
     _this.headers.current = {};
     var _options = {
       root: null,
@@ -675,9 +665,9 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       columns = _this$props4.columns,
       classes = _this$props4.classes;
     return function (headerProps) {
-      return /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
+      return /*#__PURE__*/React.createElement(TableCell, {
         component: "div",
-        className: (0, _clsx3["default"])(composeClasses(classes, cssTableCell), composeClasses(classes, cssFlexContainer), composeClasses(classes, cssNoClick), composeClasses(classes, cssHeader)),
+        className: clsx(composeClasses(classes, cssTableCell), composeClasses(classes, cssFlexContainer), composeClasses(classes, cssNoClick), composeClasses(classes, cssHeader)),
         variant: "head",
         style: {
           height: _this3.state.headerHeight
@@ -701,37 +691,37 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
       rowGetter = _reorderIndex.rowGetter;
     var sizes = this.sizes(this.props.columns, this.props.rows, rowGetter);
     var csvHeaders = this.csvHeaders(this.props.columns, this.props.exportCSVDataKeys);
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex',
         flexDirection: 'column',
         height: '100%'
       },
       className: this.props.className
-    }, this.props.enableExportCSV && /*#__PURE__*/_react["default"].createElement("div", {
+    }, this.props.enableExportCSV && /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'flex-end',
         alignItems: 'center'
       }
-    }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "MuiVirtualizedTable/exportCSV"
-    }), /*#__PURE__*/_react["default"].createElement(_reactCsvDownloader["default"], {
+    }), /*#__PURE__*/React.createElement(CsvDownloader, {
       datas: this.getCSVData,
       columns: csvHeaders,
       filename: this.getCSVFilename()
-    }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+    }, /*#__PURE__*/React.createElement(IconButton, {
       "aria-label": "exportCSVButton",
       size: "large"
-    }, /*#__PURE__*/_react["default"].createElement(_GetApp["default"], null)))), /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement(GetAppIcon, null)))), /*#__PURE__*/React.createElement("div", {
       style: {
         flexGrow: 1
       }
-    }, /*#__PURE__*/_react["default"].createElement(_reactVirtualized.AutoSizer, null, function (_ref10) {
+    }, /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref10) {
       var height = _ref10.height,
         width = _ref10.width;
       return _this4.makeSizedTable(height, width, sizes, viewIndexToModel, rowGetter);
-    })), this.state.popoverAnchorEl && /*#__PURE__*/_react["default"].createElement(_material.Popover, {
+    })), this.state.popoverAnchorEl && /*#__PURE__*/React.createElement(Popover, {
       anchorEl: this.state.popoverAnchorEl,
       anchorOrigin: {
         vertical: 'bottom',
@@ -752,7 +742,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
     }, this.makeColumnFilterEditor()));
   };
   return MuiVirtualizedTable;
-}(_react["default"].PureComponent);
+}(React.PureComponent);
 _defineProperty(MuiVirtualizedTable, "defaultProps", {
   headerHeight: DEFAULT_HEADER_HEIGHT,
   rowHeight: DEFAULT_ROW_HEIGHT,
@@ -760,31 +750,30 @@ _defineProperty(MuiVirtualizedTable, "defaultProps", {
   classes: {}
 });
 MuiVirtualizedTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  name: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
-  rows: _propTypes["default"].array,
-  columns: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    dataKey: _propTypes["default"].string.isRequired,
-    label: _propTypes["default"].string.isRequired,
-    numeric: _propTypes["default"].bool,
-    width: _propTypes["default"].number,
-    minWidth: _propTypes["default"].number,
-    maxWidth: _propTypes["default"].number,
-    unit: _propTypes["default"].string,
-    fractionDigits: _propTypes["default"].number
+  name: PropTypes.string,
+  classes: PropTypes.object,
+  rows: PropTypes.array,
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    dataKey: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    numeric: PropTypes.bool,
+    width: PropTypes.number,
+    minWidth: PropTypes.number,
+    maxWidth: PropTypes.number,
+    unit: PropTypes.string,
+    fractionDigits: PropTypes.number
   })).isRequired,
-  enableExportCSV: _propTypes["default"].bool,
-  exportCSVDataKeys: _propTypes["default"].array,
-  sort: _propTypes["default"].func,
-  sortable: _propTypes["default"].bool,
-  indexer: _propTypes["default"].object,
-  headerHeight: _propTypes["default"].number,
-  onRowClick: _propTypes["default"].func,
-  onCellClick: _propTypes["default"].func,
-  rowHeight: _propTypes["default"].number,
-  filter: _propTypes["default"].func,
-  tooltipSx: _propTypes["default"].object
+  enableExportCSV: PropTypes.bool,
+  exportCSVDataKeys: PropTypes.array,
+  sort: PropTypes.func,
+  sortable: PropTypes.bool,
+  indexer: PropTypes.object,
+  headerHeight: PropTypes.number,
+  onRowClick: PropTypes.func,
+  onCellClick: PropTypes.func,
+  rowHeight: PropTypes.number,
+  filter: PropTypes.func,
+  tooltipSx: PropTypes.object
 } : {};
-var nestedGlobalSelectorsStyles = (0, _styles.toNestedGlobalSelectors)(defaultStyles, generateMuiVirtualizedTableClass);
-var _default = (0, _system.styled)(MuiVirtualizedTable)(nestedGlobalSelectorsStyles);
-exports["default"] = _default;
+var nestedGlobalSelectorsStyles = toNestedGlobalSelectors(defaultStyles, generateMuiVirtualizedTableClass);
+export default styled(MuiVirtualizedTable)(nestedGlobalSelectorsStyles);

package/es/components/MuiVirtualizedTable/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2021, 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, generateMuiVirtualizedTableClass } from './MuiVirtualizedTable';
+export { KeyedColumnsRowIndexer, CHANGE_WAYS } from './KeyedColumnsRowIndexer';

package/es/components/OverflowableText/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2021, 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 './overflowable-text';

package/{lib → es}/components/OverflowableText/overflowable-text.js

@@ -1,23 +1,16 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.OverflowableText = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _system = require("@mui/system");
 var _excluded = ["text", "tooltipStyle", "tooltipSx", "className", "children"];
+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); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Copyright (c) 2020, 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/.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-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; }
-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); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { Box, Tooltip } from '@mui/material';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/system';
 var overflowStyle = {
   overflow: {
     display: 'inline-block',
@@ -31,26 +24,27 @@ var overflowStyle = {
     maxWidth: 'fit-content'
   }
 };
-var OverflowableText = (0, _system.styled)(function (_ref) {
+export var OverflowableText = styled(function (_ref) {
+  var _element$current, _element$current2;
   var text = _ref.text,
     tooltipStyle = _ref.tooltipStyle,
     tooltipSx = _ref.tooltipSx,
     className = _ref.className,
     children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var element = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),
+  var element = useRef();
+  var _useState = useState(false),
     overflowed = _useState[0],
     setOverflowed = _useState[1];
-  var checkOverflow = (0, _react.useCallback)(function () {
+  var checkOverflow = useCallback(function () {
     if (!element.current) {
       return;
     }
     setOverflowed(element.current.scrollWidth > element.current.clientWidth);
   }, [setOverflowed, element]);
-  (0, _react.useEffect)(function () {
+  useLayoutEffect(function () {
     checkOverflow();
-  }, [checkOverflow, text]);
+  }, [checkOverflow, text, (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.scrollWidth, (_element$current2 = element.current) === null || _element$current2 === void 0 ? void 0 : _element$current2.clientWidth]);
   var defaultTooltipSx = !tooltipStyle ? overflowStyle.tooltip : false;
   // the previous tooltipStyle classname API was replacing default, not
   // merging with the defaults, so keep the same behavior with the new tooltipSx API
@@ -66,24 +60,22 @@ var OverflowableText = (0, _system.styled)(function (_ref) {
       }
     }
   });
-  return /*#__PURE__*/_react["default"].createElement(_material.Tooltip, _extends({
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
     title: text || '',
     disableHoverListener: !overflowed
-  }, tooltipStyleProps /* legacy classes or newer slotProps API */), /*#__PURE__*/_react["default"].createElement(_material.Box, _extends({}, props, {
+  }, tooltipStyleProps /* legacy classes or newer slotProps API */), /*#__PURE__*/React.createElement(Box, _extends({}, props, {
     ref: element,
     children: children || text,
     className: className,
     sx: overflowStyle.overflow
   })));
 })({});
-exports.OverflowableText = OverflowableText;
 OverflowableText.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _propTypes["default"].array,
-  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].node]),
-  tooltipStyle: _propTypes["default"].string,
-  tooltipSx: _propTypes["default"].object,
-  sx: _propTypes["default"].object,
-  className: _propTypes["default"].string
+  children: PropTypes.array,
+  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),
+  tooltipStyle: PropTypes.string,
+  tooltipSx: PropTypes.object,
+  sx: PropTypes.object,
+  className: PropTypes.string
 } : {};
-var _default = OverflowableText;
-exports["default"] = _default;
+export default OverflowableText;

package/es/components/ReportViewer/index.js

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2021, 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 './report-viewer';

package/{lib → es}/components/ReportViewer/log-report-item.js

@@ -1,7 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -66,7 +62,6 @@ var LogReportItem = /*#__PURE__*/function () {
   };
   return LogReportItem;
 }();
-exports["default"] = LogReportItem;
 _defineProperty(LogReportItem, "SEVERITY", {
   UNKNOWN: {
     name: 'UNKNOWN',
@@ -99,4 +94,4 @@ _defineProperty(LogReportItem, "SEVERITY", {
     colorHexCode: '#BA55D3'
   }
 });
-module.exports = exports.default;
+export { LogReportItem as default };

package/{lib → es}/components/ReportViewer/log-report.js

@@ -1,21 +1,17 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _logReportItem = _interopRequireDefault(require("./log-report-item"));
-var _uuid = require("uuid");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
  * Copyright (c) 2021, 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 LogReportItem from './log-report-item';
+import { v4 as uuid4 } from 'uuid';
 var LogReport = /*#__PURE__*/function () {
   function LogReport(jsonReporter, parentReportId) {
-    this.id = (0, _uuid.v4)();
+    this.id = uuid4();
     this.key = jsonReporter.taskKey;
-    this.title = _logReportItem["default"].resolveTemplateMessage(jsonReporter.defaultName, jsonReporter.taskValues);
+    this.title = LogReportItem.resolveTemplateMessage(jsonReporter.defaultName, jsonReporter.taskValues);
     this.subReports = [];
     this.logs = [];
     this.parentReportId = parentReportId;
@@ -45,12 +41,12 @@ var LogReport = /*#__PURE__*/function () {
       return _this.subReports.push(new LogReport(value, _this.id));
     });
     jsonReporter.reports.map(function (value) {
-      return _this.logs.push(new _logReportItem["default"](value, _this.id));
+      return _this.logs.push(new LogReportItem(value, _this.id));
     });
   };
   _proto.getHighestSeverity = function getHighestSeverity(currentSeverity) {
     if (currentSeverity === void 0) {
-      currentSeverity = _logReportItem["default"].SEVERITY.UNKNOWN;
+      currentSeverity = LogReportItem.SEVERITY.UNKNOWN;
     }
     var reduceFct = function reduceFct(p, c) {
       return p.level < c.level ? c : p;
@@ -64,5 +60,4 @@ var LogReport = /*#__PURE__*/function () {
   };
   return LogReport;
 }();
-exports["default"] = LogReport;
-module.exports = exports.default;
+export { LogReport as default };