@gridsuite/commons-ui 0.58.0 → 0.59.0

package/dist/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -1,13 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PureComponent, createRef } from "react";
 import { FormattedMessage } from "react-intl";
-import PropTypes from "prop-types";
 import clsx from "clsx";
 import memoize from "memoize-one";
 import { TableCell, IconButton, Popover, Autocomplete, TextField, Chip } from "@mui/material";
@@ -20,7 +13,11 @@ import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.
 import { getHelper, collectibleHelper, CHANGE_WAYS, KeyedColumnsRowIndexer } from "./KeyedColumnsRowIndexer.js";
 import ColumnHeader from "./ColumnHeader.js";
 function getTextWidth(text) {
-  let canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
+  let canvas = (
+    //@ts-ignore this is questioning
+    getTextWidth.canvas || //@ts-ignore this is questioning
+    (getTextWidth.canvas = document.createElement("canvas"))
+  );
   let context = canvas.getContext("2d");
   context.font = '14px "Roboto", "Helvetica", "Arial", sans-serif';
   let metrics = context.measureText(text);
@@ -82,7 +79,7 @@ const AmongChooser = (props) => {
     Autocomplete,
     {
       id,
-      value: value ?? [],
+      value,
       multiple: true,
       onChange: (evt, newVal) => {
         setValue(newVal);
@@ -119,7 +116,7 @@ function makeIndexRecord(viewIndexToModel, rows) {
     }
   };
 }
-const initIndexer = (props, oldProps, versionSetter) => {
+const initIndexer = (props, versionSetter) => {
   if (!props.sortable) {
     return null;
   }
@@ -176,22 +173,22 @@ const reorderIndex = memoize(
       return makeIndexRecord(reorderedIndex, rows);
     }
     if (filterFromProps) {
-      const viewIndexToModel = rows.map((r, i) => [r, i]).filter(([r, idx]) => filterFromProps(r)).map(([r, j]) => j);
+      const viewIndexToModel = rows.map((r, i) => [r, i]).filter(([r, _]) => filterFromProps(r)).map(([_, j]) => j);
       return makeIndexRecord(viewIndexToModel, rows);
     }
     return makeIndexRecord(null, rows);
   }
 );
-class MuiVirtualizedTable extends PureComponent {
+const _MuiVirtualizedTable = class _MuiVirtualizedTable extends PureComponent {
   constructor(props, context) {
     super(props, context);
-    __publicField(this, "setVersion", (v) => {
+    this.setVersion = (v) => {
       this.setState({ indirectionVersion: v });
-    });
-    __publicField(this, "computeDataWidth", (text) => {
+    };
+    this.computeDataWidth = (text) => {
       return getTextWidth(text || "") + 2 * DEFAULT_CELL_PADDING;
-    });
-    __publicField(this, "sizes", memoize((columns, rows, rowGetter) => {
+    };
+    this.sizes = memoize((columns, rows, rowGetter) => {
       let sizes = {};
       columns.forEach((col) => {
         if (col.width) {
@@ -213,8 +210,8 @@ class MuiVirtualizedTable extends PureComponent {
         }
       });
       return sizes;
-    }));
-    __publicField(this, "openPopover", (popoverTarget, colKey) => {
+    });
+    this.openPopover = (popoverTarget, colKey) => {
       const col = this.props.columns.find((c) => c.dataKey === colKey);
       if (getHelper(col) !== collectibleHelper) {
         return;
@@ -224,18 +221,18 @@ class MuiVirtualizedTable extends PureComponent {
         popoverAnchorEl: popoverTarget,
         popoverColKey: colKey
       });
-    });
-    __publicField(this, "handleKeyDownOnPopover", (evt) => {
+    };
+    this.handleKeyDownOnPopover = (evt) => {
       if (evt.key === "Enter" && !this.dropDownVisible) {
         this.closePopover(evt, "enterKeyDown");
       }
-    });
-    __publicField(this, "closePopover", (evt, reason) => {
+    };
+    this.closePopover = (_, reason) => {
       let bumpsVersion = false;
       if (reason === "backdropClick" || reason === "enterKeyDown") {
         bumpsVersion = this._commitFilterChange();
       }
-      this.setState((state, props) => {
+      this.setState((state, _2) => {
         return {
           popoverAnchorEl: null,
           popoverColKey: null,
@@ -243,12 +240,12 @@ class MuiVirtualizedTable extends PureComponent {
           indirectionVersion: state.indirectionVersion + (bumpsVersion ? 1 : 0)
         };
       });
-    });
-    __publicField(this, "makeColumnFilterEditor", () => {
-      var _a;
+    };
+    this.makeColumnFilterEditor = () => {
+      var _a, _b, _c;
       const colKey = this.state.popoverColKey;
-      const outerParams = this.state.indexer.getColFilterOuterParams(colKey);
-      const userParams = !this.props.defersFilterChanges || !this.state.deferredFilterChange ? this.state.indexer.getColFilterUserParams(colKey) : this.state.deferredFilterChange.newVal;
+      const outerParams = (_a = this.state.indexer) == null ? void 0 : _a.getColFilterOuterParams(colKey);
+      const userParams = !this.props.defersFilterChanges || !this.state.deferredFilterChange ? (_b = this.state.indexer) == null ? void 0 : _b.getColFilterUserParams(colKey) : this.state.deferredFilterChange.newVal ?? void 0;
       const prefiltered = preFilterData(
         this.props.columns,
         this.props.rows,
@@ -256,48 +253,48 @@ class MuiVirtualizedTable extends PureComponent {
         this.state.indexer,
         this.state.indirectionVersion
       );
-      let options = [];
+      let options2 = [];
       if (outerParams) {
-        options.push(...outerParams);
+        options2.push(...outerParams);
       }
-      const colStat = (_a = prefiltered == null ? void 0 : prefiltered.colsStats) == null ? void 0 : _a[colKey];
+      const colStat = (_c = prefiltered == null ? void 0 : prefiltered.colsStats) == null ? void 0 : _c[colKey];
       if (colStat == null ? void 0 : colStat.seen) {
         for (const key of Object.getOwnPropertyNames(colStat.seen)) {
-          if (options.findIndex((o) => o === key) < 0) {
-            options.push(key);
+          if (options2.findIndex((o) => o === key) < 0) {
+            options2.push(key);
           }
         }
       }
-      options.sort();
-      const col = this.props.columns.find((c) => c.dataKey === colKey);
+      options2.sort();
       return /* @__PURE__ */ jsx(
         AmongChooser,
         {
-          options,
+          options: options2,
           value: userParams,
           id: "fielt" + colKey,
-          label: (col == null ? void 0 : col.label) ?? "∈",
           setValue: (newVal) => {
             this.onFilterParamsChange(newVal, colKey);
           },
           onDropDownVisibility: (visible) => this.dropDownVisible = visible
         }
       );
-    });
-    __publicField(this, "_commitFilterChange", () => {
+    };
+    this._commitFilterChange = () => {
+      var _a;
       if (this.state.deferredFilterChange) {
         const colKey = this.state.deferredFilterChange.colKey;
         let newVal = this.state.deferredFilterChange.newVal;
         if ((newVal == null ? void 0 : newVal.length) === 0) {
           newVal = null;
         }
-        if (this.state.indexer.setColFilterUserParams(colKey, newVal)) {
+        if ((_a = this.state.indexer) == null ? void 0 : _a.setColFilterUserParams(colKey, newVal)) {
           return true;
         }
       }
       return false;
-    });
-    __publicField(this, "sortClickHandler", (evt, name, columnIndex) => {
+    };
+    this.sortClickHandler = (evt, _, columnIndex) => {
+      var _a;
       const colKey = this.props.columns[columnIndex].dataKey;
       if (evt.altKey) {
         this.openPopover(evt.target, colKey);
@@ -311,31 +308,34 @@ class MuiVirtualizedTable extends PureComponent {
       } else if (evt.shiftKey) {
         way = CHANGE_WAYS.TAIL;
       }
-      if (this.state.indexer.updateSortingFromUser(colKey, way)) {
+      if ((_a = this.state.indexer) == null ? void 0 : _a.updateSortingFromUser(colKey, way)) {
         this.setState({
           indirectionVersion: this.state.indirectionVersion + 1
         });
       }
-    });
-    __publicField(this, "filterClickHandler", (evt, target, columnIndex) => {
-      const retargeted = target.parentNode ?? target;
+    };
+    this.filterClickHandler = (_, target, columnIndex) => {
+      const retargeted = (target == null ? void 0 : target.parentNode) ?? target;
       const colKey = this.props.columns[columnIndex].dataKey;
       this.openPopover(retargeted, colKey);
-    });
-    __publicField(this, "sortableHeader", ({ label, columnIndex }) => {
+    };
+    this.sortableHeader = ({
+      label,
+      columnIndex
+    }) => {
       var _a;
       const { columns } = this.props;
       const indexer = this.state.indexer;
       const colKey = columns[columnIndex].dataKey;
-      const signedRank = indexer.columnSortingSignedRank(colKey);
-      const userParams = indexer.getColFilterUserParams(colKey);
+      const signedRank = indexer == null ? void 0 : indexer.columnSortingSignedRank(colKey);
+      const userParams = indexer == null ? void 0 : indexer.getColFilterUserParams(colKey);
       const numeric = columns[columnIndex].numeric;
       const prefiltered = preFilterData(
         columns,
         this.props.rows,
         this.props.filter,
         indexer,
-        indexer.filterVersion
+        indexer == null ? void 0 : indexer.filterVersion
       );
       const colStat = (_a = prefiltered == null ? void 0 : prefiltered.colsStats) == null ? void 0 : _a[colKey];
       let filterLevel = 0;
@@ -357,15 +357,15 @@ class MuiVirtualizedTable extends PureComponent {
           ref: (e) => this._registerHeader(label, e),
           sortSignedRank: signedRank,
           filterLevel,
-          numeric,
+          numeric: numeric ?? false,
           onSortClick: (ev, name) => {
             this.sortClickHandler(ev, name, columnIndex);
           },
           onFilterClick
         }
       );
-    });
-    __publicField(this, "simpleHeaderRenderer", ({ label }) => {
+    };
+    this.simpleHeaderRenderer = ({ label }) => {
       return /* @__PURE__ */ jsx(
         "div",
         {
@@ -375,8 +375,11 @@ class MuiVirtualizedTable extends PureComponent {
           children: label
         }
       );
-    });
-    __publicField(this, "getRowClassName", ({ index, rowGetter }) => {
+    };
+    this.getRowClassName = ({
+      index,
+      rowGetter
+    }) => {
       var _a;
       const { classes, onRowClick } = this.props;
       return clsx(
@@ -390,14 +393,14 @@ class MuiVirtualizedTable extends PureComponent {
           [composeClasses(classes, cssTableRowHover)]: index !== -1 && onRowClick != null
         }
       );
-    });
-    __publicField(this, "onClickableRowClick", (event) => {
+    };
+    this.onClickableRowClick = (event) => {
       var _a, _b, _c;
       if (((_a = event.rowData) == null ? void 0 : _a.notClickable) !== true || ((_b = event.event) == null ? void 0 : _b.shiftKey) || ((_c = event.event) == null ? void 0 : _c.ctrlKey)) {
         this.props.onRowClick(event);
       }
-    });
-    __publicField(this, "cellRenderer", ({ cellData, columnIndex, rowIndex }) => {
+    };
+    this.cellRenderer = ({ cellData, columnIndex, rowIndex }) => {
       var _a, _b;
       const { columns, classes, rowHeight, onCellClick, rows, tooltipSx } = this.props;
       let displayedValue = this.getDisplayValue(
@@ -435,8 +438,8 @@ class MuiVirtualizedTable extends PureComponent {
           )
         }
       );
-    });
-    __publicField(this, "makeSizedTable", (height, width, sizes, reorderedIndex, rowGetter) => {
+    };
+    this.makeSizedTable = (height, width, sizes, reorderedIndex, rowGetter) => {
       const { sort, ...otherProps } = this.props;
       return /* @__PURE__ */ jsx(
         Table,
@@ -476,8 +479,8 @@ class MuiVirtualizedTable extends PureComponent {
           })
         }
       );
-    });
-    __publicField(this, "getCSVFilename", () => {
+    };
+    this.getCSVFilename = () => {
       var _a;
       if (((_a = this.props.name) == null ? void 0 : _a.length) > 0) {
         return this.props.name.replace(/\s/g, "_");
@@ -485,8 +488,8 @@ class MuiVirtualizedTable extends PureComponent {
         let filename = Object.entries(this.props.columns).map((p) => p[1].label).join("_");
         return filename;
       }
-    });
-    __publicField(this, "getCSVData", () => {
+    };
+    this.getCSVData = () => {
       var _a;
       let reorderedIndex = reorderIndex(
         this.state.indexer,
@@ -510,8 +513,8 @@ class MuiVirtualizedTable extends PureComponent {
         csvData.push(myobj);
       }
       return Promise.resolve(csvData);
-    });
-    __publicField(this, "csvHeaders", memoize((columns, exportCSVDataKeys) => {
+    };
+    this.csvHeaders = memoize((columns, exportCSVDataKeys) => {
       let tempHeaders = [];
       columns.forEach((col) => {
         if (exportCSVDataKeys !== void 0 && exportCSVDataKeys.find((el) => el === col.dataKey)) {
@@ -522,7 +525,7 @@ class MuiVirtualizedTable extends PureComponent {
         }
       });
       return tempHeaders;
-    }));
+    });
     this._computeHeaderSize = this._computeHeaderSize.bind(this);
     this._registerHeader = this._registerHeader.bind(this);
     this._registerObserver = this._registerObserver.bind(this);
@@ -537,9 +540,10 @@ class MuiVirtualizedTable extends PureComponent {
       this._computeHeaderSize,
       options
     );
+    this.dropDownVisible = false;
     this.state = {
       headerHeight: this.props.headerHeight,
-      indexer: initIndexer(props, null, this.setVersion),
+      indexer: initIndexer(props, this.setVersion),
       indirectionVersion: 0,
       popoverAnchorEl: null,
       popoverColKey: null,
@@ -550,7 +554,7 @@ class MuiVirtualizedTable extends PureComponent {
     if (oldProps.indexer !== this.props.indexer || oldProps.sortable !== this.props.sortable) {
       this.setState((state) => {
         return {
-          indexer: initIndexer(this.props, oldProps, this.setVersion),
+          indexer: initIndexer(this.props, this.setVersion),
           indirectionVersion: ((state == null ? void 0 : state.indirectionVersion) ?? 0) + 1
         };
       });
@@ -567,7 +571,7 @@ class MuiVirtualizedTable extends PureComponent {
     this.observer.disconnect();
   }
   _registerHeader(label, header) {
-    if (header !== null) {
+    if (this.headers.current) {
       this.headers.current[label] = header;
     }
   }
@@ -577,17 +581,19 @@ class MuiVirtualizedTable extends PureComponent {
     }
   }
   onFilterParamsChange(newVal, colKey) {
-    const nonEmpty = newVal.length === 0 ? null : newVal;
+    var _a;
+    const nonEmpty = (newVal == null ? void 0 : newVal.length) === 0 ? null : newVal;
     if (this.props.defersFilterChanges) {
       this.setState({
         deferredFilterChange: { newVal, colKey }
       });
-    } else if (this.state.indexer.setColFilterUserParams(colKey, nonEmpty)) {
+    } else if ((_a = this.state.indexer) == null ? void 0 : _a.setColFilterUserParams(colKey, nonEmpty)) {
       this.setState({
         indirectionVersion: this.state.indirectionVersion + 1
       });
     }
   }
+  // type check should be increased here
   getDisplayValue(column, cellData) {
     let displayedValue;
     if (!column.numeric) {
@@ -740,42 +746,14 @@ class MuiVirtualizedTable extends PureComponent {
       }
     );
   }
-}
-__publicField(MuiVirtualizedTable, "defaultProps", {
+};
+_MuiVirtualizedTable.defaultProps = {
   headerHeight: DEFAULT_HEADER_HEIGHT,
   rowHeight: DEFAULT_ROW_HEIGHT,
   enableExportCSV: false,
   classes: {}
-});
-MuiVirtualizedTable.propTypes = {
-  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,
-      extra: PropTypes.element
-    })
-  ).isRequired,
-  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
 };
+let MuiVirtualizedTable = _MuiVirtualizedTable;
 const nestedGlobalSelectorsStyles = toNestedGlobalSelectors(
   defaultStyles,
   generateMuiVirtualizedTableClass

package/dist/components/MuiVirtualizedTable/index.d.ts

@@ -1,2 +1,8 @@
-export { default, generateMuiVirtualizedTableClass } from './MuiVirtualizedTable';
+/**
+ * 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/dist/components/MultipleSelectionDialog/MultipleSelectionDialog.d.ts

@@ -1,10 +1,17 @@
+/**
+ * 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 interface MultipleSelectionDialogProps {
+    options: string[];
+    selectedOptions: string[];
+    open: boolean;
+    getOptionLabel: (option: string) => string;
+    handleClose: () => void;
+    handleValidate: (ids: string[]) => void;
+    titleId: string;
+}
+declare const MultipleSelectionDialog: ({ options, selectedOptions, open, getOptionLabel, handleClose, handleValidate, titleId, }: MultipleSelectionDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default MultipleSelectionDialog;
-declare function MultipleSelectionDialog({ options, selectedOptions, open, getOptionLabel, handleClose, handleValidate, titleId, }: {
-    options: any;
-    selectedOptions: any;
-    open: any;
-    getOptionLabel: any;
-    handleClose: any;
-    handleValidate: any;
-    titleId: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MultipleSelectionDialog/MultipleSelectionDialog.js

@@ -50,7 +50,7 @@ const MultipleSelectionDialog = ({
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(List, { children: options.map((option) => {
-        const optionId = (option == null ? void 0 : option.id) ?? option;
+        const optionId = option;
         const label = getOptionLabel(option);
         return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
           FormControlLabel,

package/dist/components/MultipleSelectionDialog/index.d.ts

@@ -1 +1,7 @@
+/**
+ * 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/dist/components/OverflowableText/index.d.ts

@@ -1 +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/dist/components/OverflowableText/overflowable-text.d.ts

@@ -1,2 +1,12 @@
-export const OverflowableText: import('@emotion/styled').StyledComponent<any, {}, {}>;
+import { Style } from 'node:util';
+import { BoxProps, SxProps } from '@mui/material';
+import { ReactElement } from 'react';
+
+export interface OverflowableTextProps extends BoxProps {
+    text?: ReactElement | string;
+    maxLineCount?: number;
+    tooltipStyle?: Style;
+    tooltipSx?: SxProps;
+}
+export declare const OverflowableText: import('@emotion/styled').StyledComponent<OverflowableTextProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
 export default OverflowableText;

package/dist/components/OverflowableText/overflowable-text.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useMemo, useState, useCallback, useLayoutEffect } from "react";
 import { Tooltip, Box } from "@mui/material";
-import PropTypes from "prop-types";
 import { styled } from "@mui/system";
 const overflowStyle = {
   overflow: {
@@ -29,7 +28,7 @@ const OverflowableText = styled(
   ({
     text,
     maxLineCount,
-    // overflowable text can be displayed on several lines if this is set to a number > 1
+    // overflowable text can be displayed on several lines if this is set to a number > 1 tooltipStyle,
     tooltipStyle,
     tooltipSx,
     className,
@@ -95,22 +94,6 @@ const OverflowableText = styled(
     );
   }
 )({});
-OverflowableText.propTypes = {
-  children: PropTypes.array,
-  text: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.node
-  ]),
-  tooltipStyle: PropTypes.string,
-  tooltipSx: PropTypes.object,
-  sx: PropTypes.oneOfType([
-    PropTypes.object,
-    PropTypes.array,
-    PropTypes.func
-  ]),
-  className: PropTypes.string
-};
 export {
   OverflowableText,
   OverflowableText as default

package/dist/components/ReportViewer/filter-button.d.ts

@@ -1 +1,11 @@
-export function FilterButton({ selectedItems, setSelectedItems }: Object): import("react/jsx-runtime").JSX.Element;
+export interface FilterButtonProps {
+    selectedItems: Record<string, boolean>;
+    setSelectedItems: (func: (items: Record<string, boolean>) => Record<string, boolean>) => void;
+}
+/**
+ * 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 declare const FilterButton: ({ selectedItems, setSelectedItems, }: FilterButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -21,9 +21,12 @@ const styles = {
     height: "0.7em"
   }
 };
-const FilterButton = ({ selectedItems, setSelectedItems }) => {
+const FilterButton = ({
+  selectedItems,
+  setSelectedItems
+}) => {
   const [initialState] = useState(selectedItems);
-  const [anchorEl, setAnchorEl] = useState();
+  const [anchorEl, setAnchorEl] = useState(null);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
   };

package/dist/components/ReportViewer/index.d.ts

@@ -1 +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/dist/components/ReportViewer/log-report-item.d.ts

@@ -1,68 +1,18 @@
-/**
- * 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 { LogSeverity } from './log-severity';
+import { ReportValue, SubReport } from './report.type';
+
 export default class LogReportItem {
-    static SEVERITY: {
-        UNKNOWN: {
-            name: string;
-            level: number;
-            colorName: string;
-            colorHexCode: string;
-        };
-        INFO: {
-            name: string;
-            level: number;
-            colorName: string;
-            colorHexCode: string;
-        };
-        WARN: {
-            name: string;
-            level: number;
-            colorName: string;
-            colorHexCode: string;
-        };
-        ERROR: {
-            name: string;
-            level: number;
-            colorName: string;
-            colorHexCode: string;
-        };
-        FATAL: {
-            name: string;
-            level: number;
-            colorName: string;
-            colorHexCode: string;
-        };
-    };
-    static resolveTemplateMessage(templateMessage: any, templateValues: any): any;
-    constructor(jsonReport: any, reportId: any);
-    key: any;
-    log: any;
-    reportId: any;
-    severity: {
-        name: string;
-        level: number;
-        colorName: string;
-        colorHexCode: string;
-    };
-    getLog(): any;
-    getReportId(): any;
-    getSeverity(): {
-        name: string;
-        level: number;
-        colorName: string;
-        colorHexCode: string;
-    };
-    getSeverityName(): string;
+    key: string;
+    reportId: string;
+    severity: LogSeverity;
+    log: string;
+    static resolveTemplateMessage(templateMessage: string, templateValues: Record<string, ReportValue>): string;
+    constructor(jsonReport: SubReport, reportId: string);
+    getLog(): string;
+    getReportId(): string;
+    getSeverity(): LogSeverity;
+    getSeverityName(): "UNKNOWN" | "INFO" | "WARN" | "ERROR" | "FATAL";
     getColorName(): string;
     getColorHexCode(): string;
-    initSeverity(jsonSeverity: any): {
-        name: string;
-        level: number;
-        colorName: string;
-        colorHexCode: string;
-    };
+    initSeverity(jsonSeverity: ReportValue): LogSeverity;
 }