@gridsuite/commons-ui 0.49.0 → 0.50.1

package/dist/components/AuthenticationRouter/AuthenticationRouter.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useCallback } from "react";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { Routes, Route, Navigate } from "react-router-dom";
 import SignInCallbackHandler from "../SignInCallbackHandler/SignInCallbackHandler.js";
 import { handleSigninCallback, handleSilentRenewCallback, login, logout } from "../../utils/AuthService.js";
@@ -25,7 +25,7 @@ const AuthenticationRouter = ({
     () => handleSilentRenewCallback(userManager.instance),
     [userManager.instance]
   );
-  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
@@ -68,13 +68,7 @@ const AuthenticationRouter = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(
-            Route,
-            {
-              path: "logout-callback",
-              element: /* @__PURE__ */ jsx(Navigate, { to: "/" })
-            }
-          ),
+          /* @__PURE__ */ jsx(Route, { path: "logout-callback", element: /* @__PURE__ */ jsx(Navigate, { to: "/" }) }),
           /* @__PURE__ */ jsx(
             Route,
             {
@@ -140,7 +134,7 @@ const AuthenticationRouter = ({
         ] })
       ]
     }
-  ) });
+  );
 };
 export {
   AuthenticationRouter as default

package/dist/components/AuthenticationRouter/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./AuthenticationRouter.js";
+export {
+  default2 as default
+};

package/dist/components/CardErrorBoundary/card-error-boundary.d.ts

@@ -1,5 +1,5 @@
 export default CardErrorBoundary;
-declare class CardErrorBoundary extends React.Component<any, any, any> {
+declare class CardErrorBoundary extends Component<any, any, any> {
     static getDerivedStateFromError(error: any): {
         hasError: boolean;
         error: any;
@@ -15,4 +15,4 @@ declare class CardErrorBoundary extends React.Component<any, any, any> {
     componentDidCatch(error: any, errorInfo: any): void;
     render(): any;
 }
-import React from 'react';
+import { Component } from 'react';

package/dist/components/CardErrorBoundary/card-error-boundary.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
+import { Component } from "react";
 import { styled, IconButton, Box, Card, CardHeader, CardContent, Typography, CardActions, Collapse } from "@mui/material";
 import { Replay, ExpandMore as ExpandMore$1 } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
@@ -13,7 +13,7 @@ const ExpandMore = styled((props) => {
     duration: theme.transitions.duration.shortest
   })
 }));
-class CardErrorBoundary extends React.Component {
+class CardErrorBoundary extends Component {
   constructor(props) {
     super(props);
     this.state = {

package/dist/components/CardErrorBoundary/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./card-error-boundary.js";
+export {
+  default2 as default
+};

package/dist/components/ElementSearchDialog/element-search-dialog.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useCallback } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
 import { Dialog, DialogContent, Autocomplete, TextField } from "@mui/material";
 import PropTypes from "prop-types";
 import { SearchOff, Search } from "@mui/icons-material";
@@ -109,7 +109,7 @@ const ElementSearchDialog = (props) => {
               }),
               InputProps: {
                 ...params.InputProps,
-                startAdornment: /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                startAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
                   searchTermDisabled ? /* @__PURE__ */ jsx(SearchOff, { color: "disabled" }) : /* @__PURE__ */ jsx(Search, { color: "disabled" }),
                   params.InputProps.startAdornment
                 ] })

package/dist/components/ElementSearchDialog/equipment-item.js

@@ -6,7 +6,6 @@ import parse from "autosuggest-highlight/parse";
 import clsx from "clsx";
 import { FormattedMessage } from "react-intl";
 import { OverflowableText } from "../OverflowableText/overflowable-text.js";
-import "react";
 import { EQUIPMENT_TYPE } from "../../utils/EquipmentType.js";
 import { Box } from "@mui/material";
 import { mergeSx } from "../../utils/styles.js";

package/dist/components/ElementSearchDialog/index.js

@@ -0,0 +1,6 @@
+import { default as default2 } from "./element-search-dialog.js";
+import { TagRenderer } from "./tag-renderer.js";
+export {
+  TagRenderer,
+  default2 as default
+};

package/dist/components/ElementSearchDialog/tag-renderer.js

@@ -1,7 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { OverflowableText } from "../OverflowableText/overflowable-text.js";
 import clsx from "clsx";
-import "react";
 import { EQUIPMENT_TYPE } from "../../utils/EquipmentType.js";
 import PropTypes from "prop-types";
 import { mergeSx } from "../../utils/styles.js";

package/dist/components/FlatParameters/FlatParameters.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useState, useCallback } from "react";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { useState, useCallback, Fragment } from "react";
 import { List, ListItem, Tooltip, Typography, Divider, TextField, Select, MenuItem, IconButton, Autocomplete, Chip, Switch } from "@mui/material";
 import { Tune } from "@mui/icons-material";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -245,7 +245,7 @@ const FlatParameters = ({
           ).map(({ id }) => id);
           const withDialog = selectionWithDialog(param);
           if (withDialog) {
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
+            return /* @__PURE__ */ jsxs(Fragment$1, { children: [
               /* @__PURE__ */ jsx(
                 TextField,
                 {
@@ -341,7 +341,7 @@ const FlatParameters = ({
         }
       case "STRING":
         if (param.possibleValues) {
-          return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
             Select,
             {
               labelId: param.name,
@@ -374,7 +374,7 @@ const FlatParameters = ({
         );
     }
   };
-  return /* @__PURE__ */ jsx(List, { sx: styles.paramList, children: paramsAsArray.map((param, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  return /* @__PURE__ */ jsx(List, { sx: styles.paramList, children: paramsAsArray.map((param, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(ListItem, { sx: styles.paramListItem, children: [
       /* @__PURE__ */ jsx(
         Tooltip,

package/dist/components/FlatParameters/index.js

@@ -0,0 +1,4 @@
+import { FlatParameters } from "./FlatParameters.js";
+export {
+  FlatParameters as default
+};

package/dist/components/Login/Login.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "react";
 import { Container, Box, Avatar, Typography, Button, Link } from "@mui/material";
 import { LockOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";

package/dist/components/Login/Logout.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "react";
 import { Container, Box, Avatar, Typography, Button, Link } from "@mui/material";
 import { LogoutOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";

package/dist/components/Login/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Login.js";
+export {
+  default2 as default
+};

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

@@ -1,4 +1,3 @@
-export const ColumnHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-declare const _default: import("@emotion/styled").StyledComponent<React.RefAttributes<any> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export const ColumnHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+declare const _default: import("@emotion/styled").StyledComponent<import("react").RefAttributes<any> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
 export default _default;
-import React from 'react';

package/dist/components/MuiVirtualizedTable/ColumnHeader.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useRef } from "react";
+import { forwardRef, useState, useCallback, useRef, useMemo } from "react";
 import { ArrowUpward, ArrowDownward, FilterAltOutlined } from "@mui/icons-material";
 import { styled } from "@mui/system";
 import { Box } from "@mui/material";
@@ -63,7 +63,7 @@ const FilterButton = (props) => {
     }
   );
 };
-const ColumnHeader = React.forwardRef((props, ref) => {
+const ColumnHeader = forwardRef((props, ref) => {
   const {
     className,
     label,
@@ -75,12 +75,12 @@ const ColumnHeader = React.forwardRef((props, ref) => {
     onContextMenu,
     style
   } = props;
-  const [hovered, setHovered] = React.useState();
-  const onHover = React.useCallback((evt) => {
+  const [hovered, setHovered] = useState();
+  const onHover = useCallback((evt) => {
     setHovered(evt.type === "mouseenter");
   }, []);
   const topmostDiv = useRef();
-  const handleFilterClick = React.useMemo(() => {
+  const handleFilterClick = useMemo(() => {
     if (!onFilterClick) {
       return void 0;
     }

package/dist/components/MuiVirtualizedTable/KeyedColumnsRowIndexer.js

@@ -539,10 +539,15 @@ const groupAndSort = (preFilteredRowPairs, codedColumns, groupingColumnsCount, c
   }
   return indexedArray;
 };
+const forTesting = {
+  codedColumnsFromKeyAndDirection,
+  makeCompositeComparatorFromCodedColumns
+};
 export {
   CHANGE_WAYS,
   KeyedColumnsRowIndexer,
   collectibleHelper,
+  forTesting,
   getHelper,
   noOpHelper
 };

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

@@ -34,11 +34,11 @@ declare const _default: import("@emotion/styled").StyledComponent<Pick<PropTypes
     enableExportCSV?: boolean | null | undefined;
     rowHeight?: number | null | undefined;
 } & {} & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {
-    ref?: React.Ref<MuiVirtualizedTable> | undefined;
+    ref?: import("react").Ref<MuiVirtualizedTable> | undefined;
 }>;
 export default _default;
 import PropTypes from 'prop-types';
-declare class MuiVirtualizedTable extends React.PureComponent<any, any, any> {
+declare class MuiVirtualizedTable extends PureComponent<any, any, any> {
     static defaultProps: {
         headerHeight: number;
         rowHeight: number;
@@ -49,7 +49,7 @@ declare class MuiVirtualizedTable extends React.PureComponent<any, any, any> {
     _computeHeaderSize(): void;
     _registerHeader(label: any, header: any): void;
     _registerObserver(element: any): void;
-    headers: React.RefObject<any>;
+    headers: import("react").RefObject<any>;
     observer: IntersectionObserver;
     state: {
         headerHeight: any;
@@ -128,4 +128,4 @@ declare namespace MuiVirtualizedTable {
         const tooltipSx: PropTypes.Requireable<object>;
     }
 }
-import React from 'react';
+import { PureComponent } from 'react';

package/dist/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { createRef } from "react";
+import { PureComponent, createRef } from "react";
 import { FormattedMessage } from "react-intl";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -17,7 +17,7 @@ import { Table, Column, AutoSizer } from "react-virtualized";
 import CsvDownloader from "react-csv-downloader";
 import { OverflowableText } from "../OverflowableText/overflowable-text.js";
 import { toNestedGlobalSelectors, makeComposeClasses } from "../../utils/styles.js";
-import { getHelper, collectibleHelper, KeyedColumnsRowIndexer, CHANGE_WAYS } from "./KeyedColumnsRowIndexer.js";
+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"));
@@ -182,7 +182,7 @@ const reorderIndex = memoize(
     return makeIndexRecord(null, rows);
   }
 );
-class MuiVirtualizedTable extends React.PureComponent {
+class MuiVirtualizedTable extends PureComponent {
   constructor(props, context) {
     super(props, context);
     __publicField(this, "setVersion", (v) => {

package/dist/components/MuiVirtualizedTable/index.js

@@ -0,0 +1,8 @@
+import { default as default2, generateMuiVirtualizedTableClass } from "./MuiVirtualizedTable.js";
+import { CHANGE_WAYS, KeyedColumnsRowIndexer } from "./KeyedColumnsRowIndexer.js";
+export {
+  CHANGE_WAYS,
+  KeyedColumnsRowIndexer,
+  default2 as default,
+  generateMuiVirtualizedTableClass
+};

package/dist/components/MultipleSelectionDialog/MultipleSelectionDialog.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Dialog, DialogTitle, DialogContent, Grid, FormControlLabel, Checkbox, List, DialogActions, Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import React, { useState } from "react";
+import { useState } from "react";
 const MultipleSelectionDialog = ({
   options,
   selectedOptions,
@@ -52,7 +52,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 label = getOptionLabel(option);
-        return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
           FormControlLabel,
           {
             label,
@@ -68,7 +68,7 @@ const MultipleSelectionDialog = ({
               }
             )
           }
-        ) }) }, optionId);
+        ) }, optionId);
       }) }) })
     ] }) }),
     /* @__PURE__ */ jsxs(DialogActions, { children: [

package/dist/components/MultipleSelectionDialog/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./MultipleSelectionDialog.js";
+export {
+  default2 as default
+};

package/dist/components/OverflowableText/index.js

@@ -0,0 +1,4 @@
+import { OverflowableText } from "./overflowable-text.js";
+export {
+  OverflowableText as default
+};

package/dist/components/ReportViewer/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./report-viewer.js";
+export {
+  default2 as default
+};

package/dist/components/ReportViewer/log-table.d.ts

@@ -1,8 +1,7 @@
-declare const _default: React.MemoExoticComponent<({ logs, onRowClick, selectedSeverity, setSelectedSeverity, }: {
+declare const _default: import("react").MemoExoticComponent<({ logs, onRowClick, selectedSeverity, setSelectedSeverity, }: {
     logs: any;
     onRowClick: any;
     selectedSeverity: any;
     setSelectedSeverity: any;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
-import React from 'react';

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Menu, MenuItem, FormControlLabel, Checkbox } from "@mui/material";
 const styles = {
   label: {

package/dist/components/ReportViewerDialog/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./report-viewer-dialog.js";
+export {
+  default2 as default
+};

package/dist/components/SignInCallbackHandler/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./SignInCallbackHandler.js";
+export {
+  default2 as default
+};

package/dist/components/SilentRenewCallbackHandler/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./SilentRenewCallbackHandler.js";
+export {
+  default2 as default
+};

package/dist/components/SnackbarProvider/SnackbarProvider.d.ts

@@ -1,3 +1,2 @@
 export default SnackbarProvider;
-declare const SnackbarProvider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+declare const SnackbarProvider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/components/SnackbarProvider/SnackbarProvider.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import React, { useRef } from "react";
+import { forwardRef, useRef } from "react";
 import { Button } from "@mui/material";
 import { SnackbarProvider as SnackbarProvider$1 } from "notistack";
-const SnackbarProvider = React.forwardRef((props, ref) => {
+const SnackbarProvider = forwardRef((props, ref) => {
   const innerRef = useRef();
   const notistackRef = ref || innerRef;
   return /* @__PURE__ */ jsx(

package/dist/components/SnackbarProvider/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./SnackbarProvider.js";
+export {
+  default2 as default
+};

package/dist/components/TopBar/GridLogo.js

@@ -1,5 +1,4 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import "react";
 import { Box, Typography } from "@mui/material";
 import { BrokenImage } from "@mui/icons-material";
 import { mergeSx } from "../../utils/styles.js";

package/dist/components/TopBar/TopBar.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useRef, useState, useMemo } from "react";
+import { useState, useRef, useMemo } from "react";
 import { FormattedMessage } from "react-intl";
 import { Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton, darken } from "@mui/material";
 import { Apps, ArrowDropUp, ArrowDropDown, Person, WbSunny, Brightness3, Computer, Settings, HelpOutline, FullscreenExit, Fullscreen, ExitToApp } from "@mui/icons-material";
@@ -130,8 +130,8 @@ const TopBar = ({
   onLanguageClick,
   language
 }) => {
-  const [anchorElSettingsMenu, setAnchorElSettingsMenu] = React.useState(null);
-  const [anchorElAppsMenu, setAnchorElAppsMenu] = React.useState(null);
+  const [anchorElSettingsMenu, setAnchorElSettingsMenu] = useState(null);
+  const [anchorElAppsMenu, setAnchorElAppsMenu] = useState(null);
   const fullScreenRef = useRef(null);
   const [isFullScreen, setIsFullScreen] = useState(false);
   const handleToggleSettingsMenu = (event) => {

package/dist/components/TopBar/index.js

@@ -0,0 +1,8 @@
+import { default as default2 } from "./TopBar.js";
+import { LogoText } from "./GridLogo.js";
+import { default as default3 } from "./AboutDialog.js";
+export {
+  default3 as AboutDialog,
+  LogoText,
+  default2 as default
+};

package/dist/components/TreeViewFinder/index.js

@@ -0,0 +1,5 @@
+import { default as default2, generateTreeViewFinderClass } from "./TreeViewFinder.js";
+export {
+  default2 as default,
+  generateTreeViewFinderClass
+};

package/dist/components/react-hook-form/ExpandingTextField.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2024, 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 { TextFieldProps } from '@mui/material';
+import { FunctionComponent } from 'react';
+import { TextInputProps } from '../..';
+interface ExpandingTextFieldProps extends TextInputProps {
+    name: string;
+    maxCharactersNumber?: number;
+    rows?: number;
+    minRows?: number;
+    sx?: any;
+    label?: string;
+    textFieldFormProps?: TextFieldProps;
+}
+declare const ExpandingTextField: FunctionComponent<ExpandingTextFieldProps>;
+export default ExpandingTextField;

package/dist/components/react-hook-form/ExpandingTextField.js

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Typography } from "@mui/material";
+import { useFormContext, useWatch } from "react-hook-form";
+import "../TreeViewFinder/TreeViewFinder.js";
+import "../TopBar/TopBar.js";
+import "../TopBar/GridLogo.js";
+import "../TopBar/AboutDialog.js";
+import "../SnackbarProvider/SnackbarProvider.js";
+import "react-router-dom";
+import "../../utils/AuthService.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../MuiVirtualizedTable/MuiVirtualizedTable.js";
+import "@mui/lab";
+import "../ReportViewer/report-item.js";
+import "uuid";
+import "../ReportViewer/log-table.js";
+import "../ReportViewer/report-tree-view-context.js";
+import "../OverflowableText/overflowable-text.js";
+import "../ElementSearchDialog/element-search-dialog.js";
+import "../ElementSearchDialog/tag-renderer.js";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../CardErrorBoundary/card-error-boundary.js";
+import "notistack";
+import "./autocomplete-input.js";
+import TextInput from "./text-input.js";
+import "./radio-input.js";
+import "./slider-input.js";
+import "./numbers/float-input.js";
+import "./numbers/integer-input.js";
+import "./select-input.js";
+import "./booleans/checkbox-input.js";
+import "./booleans/switch-input.js";
+import "./utils/text-field-with-adornment.js";
+import "./utils/submit-button.js";
+import "./utils/cancel-button.js";
+import "yup";
+import "@mui/icons-material/Folder";
+const ExpandingTextField = ({
+  name,
+  maxCharactersNumber = 500,
+  rows,
+  minRows = 1,
+  sx,
+  label,
+  textFieldFormProps,
+  ...otherTexFieldProps
+}) => {
+  const [isFocused, setIsFocused] = useState(false);
+  const { control } = useFormContext();
+  const descriptionWatch = useWatch({
+    name,
+    control
+  });
+  const handleFocus = () => {
+    setIsFocused(true);
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+  };
+  const isOverTheLimit = (descriptionWatch == null ? void 0 : descriptionWatch.length) > maxCharactersNumber;
+  const descriptionLength = (descriptionWatch == null ? void 0 : descriptionWatch.length) ?? 0;
+  const descriptionCounter = descriptionLength + "/" + maxCharactersNumber;
+  const rowsToDisplay = isFocused ? rows : minRows;
+  const formProps = {
+    size: "medium",
+    multiline: true,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    InputProps: {
+      style: {
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        // disable scrolling
+        whiteSpace: "pre",
+        resize: "none"
+        // or 'horizontal' for horizontal resizing
+      }
+    },
+    helperText: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: descriptionCounter }),
+    FormHelperTextProps: {
+      sx: {
+        ml: "auto",
+        color: (theme) => isOverTheLimit ? theme.palette.error.main : theme.palette.text.secondary
+      }
+    },
+    ...rowsToDisplay && { rows: rowsToDisplay },
+    ...sx && { sx },
+    ...textFieldFormProps
+  };
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      name,
+      label,
+      formProps,
+      ...otherTexFieldProps
+    }
+  );
+};
+export {
+  ExpandingTextField as default
+};

package/dist/components/react-hook-form/autocomplete-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { Autocomplete, TextField } from "@mui/material";
 import { useFormContext, useController } from "react-hook-form";

package/dist/components/react-hook-form/booleans/checkbox-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import BooleanInput from "./boolean-input.js";
 import { Checkbox } from "@mui/material";

package/dist/components/react-hook-form/booleans/switch-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import BooleanInput from "./boolean-input.js";
 import { Switch } from "@mui/material";

package/dist/components/react-hook-form/directory-items-input.d.ts

@@ -21,7 +21,7 @@ interface DirectoryItemsInputProps {
     disable?: boolean;
     fetchDirectoryContent: (directoryUuid: UUID, elementTypes: string[]) => Promise<any>;
     fetchRootFolders: (types: string[]) => Promise<any>;
-    fetchElementsInfos: (ids: UUID[], elementTypes: string[]) => Promise<any>;
+    fetchElementsInfos: (ids: UUID[], elementTypes: string[], equipmentTypes?: string[]) => Promise<any>;
     labelRequiredFromContext?: boolean;
 }
 declare const DirectoryItemsInput: FunctionComponent<DirectoryItemsInputProps>;

package/dist/components/react-hook-form/error-management/field-error-alert.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Grid, Alert } from "@mui/material";
 const FieldErrorAlert = ({ message }) => {
   return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: message }) });

package/dist/components/react-hook-form/error-management/mid-form-error.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Box } from "@mui/material";
 const MidFormError = ({ message }) => {
   return /* @__PURE__ */ jsx(

package/dist/components/react-hook-form/numbers/float-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import TextInput from "../text-input.js";
 import { isFloatNumber } from "./utils.js";
 const normalizeFixed = (number) => {

package/dist/components/react-hook-form/numbers/integer-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import TextInput from "../text-input.js";
 import { isIntegerNumber } from "./utils.js";
 const IntegerInput = (props) => {

package/dist/components/react-hook-form/radio-input.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { FormControl, FormLabel, RadioGroup, FormControlLabel, Radio } from "@mui/material";
 import { FormattedMessage } from "react-intl";

package/dist/components/react-hook-form/select-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import AutocompleteInput from "./autocomplete-input.js";
 import { useIntl } from "react-intl";

package/dist/components/react-hook-form/slider-input.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { Slider } from "@mui/material";
 import { useController } from "react-hook-form";

package/dist/components/react-hook-form/text-input.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import PropTypes from "prop-types";
 import { InputAdornment, IconButton, TextField } from "@mui/material";
 import { Clear } from "@mui/icons-material";

package/dist/components/react-hook-form/utils/cancel-button.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import PropTypes from "prop-types";

package/dist/components/react-hook-form/utils/field-label.js

@@ -1,5 +1,4 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import "react";
 import { FormattedMessage } from "react-intl";
 const FieldLabel = ({ label, optional, values = void 0 }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/react-hook-form/utils/functions.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { FormattedMessage } from "react-intl";
 import { getIn } from "yup";
 function genHelperPreviousValue(previousValue, adornment) {

package/dist/components/react-hook-form/utils/submit-button.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Button } from "@mui/material";
 import { useFormState } from "react-hook-form";
 import { FormattedMessage } from "react-intl";

package/dist/components/translations/inputs-en.d.ts

@@ -0,0 +1,25 @@
+export default inputs_en;
+/**
+ * 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/.
+ */
+declare const inputs_en: {
+    'inputs/kiki': string;
+    'inputs/ney': string;
+    'inputs/lapulga': string;
+    'inputs/ibra': string;
+    'inputs/float': string;
+    'inputs/integer': string;
+    'inputs/radio': string;
+    'inputs/select': string;
+    'inputs/slider': string;
+    'inputs/text': string;
+    'inputs/description': string;
+    'inputs/autocomplete': string;
+    'inputs/boolean': string;
+    'inputs/checkbox': string;
+    'inputs/switch': string;
+    Optional: string;
+};

package/dist/components/translations/inputs-en.js

@@ -0,0 +1,21 @@
+const inputs_en = {
+  "inputs/kiki": "Kylian Mbappe",
+  "inputs/ney": "Neymar",
+  "inputs/lapulga": "Lionel Messi",
+  "inputs/ibra": "Zlatan Ibrahimovic",
+  "inputs/float": "Float",
+  "inputs/integer": "Integer",
+  "inputs/radio": "Radio",
+  "inputs/select": "Select",
+  "inputs/slider": "Slider",
+  "inputs/text": "Text",
+  "inputs/description": "Description",
+  "inputs/autocomplete": "Autocomplete",
+  "inputs/boolean": "Boolean",
+  "inputs/checkbox": "Checkbox",
+  "inputs/switch": "Switch",
+  Optional: "Optional"
+};
+export {
+  inputs_en as default
+};

package/dist/components/translations/inputs-fr.d.ts

@@ -0,0 +1,25 @@
+export default inputs_fr;
+/**
+ * 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/.
+ */
+declare const inputs_fr: {
+    'inputs/kiki': string;
+    'inputs/ney': string;
+    'inputs/lapulga': string;
+    'inputs/ibra': string;
+    'inputs/float': string;
+    'inputs/integer': string;
+    'inputs/radio': string;
+    'inputs/select': string;
+    'inputs/slider': string;
+    'inputs/text': string;
+    'inputs/description': string;
+    'inputs/autocomplete': string;
+    'inputs/boolean': string;
+    'inputs/checkbox': string;
+    'inputs/switch': string;
+    Optional: string;
+};

package/dist/components/translations/inputs-fr.js

@@ -0,0 +1,21 @@
+const inputs_fr = {
+  "inputs/kiki": "Kylian Mbappe",
+  "inputs/ney": "Neymar",
+  "inputs/lapulga": "Lionel Messi",
+  "inputs/ibra": "Zlatan Ibrahimovic",
+  "inputs/float": "Float",
+  "inputs/integer": "Integer",
+  "inputs/radio": "Radio",
+  "inputs/select": "Select",
+  "inputs/slider": "Slider",
+  "inputs/text": "Text",
+  "inputs/description": "Description",
+  "inputs/autocomplete": "Autocomplete",
+  "inputs/boolean": "Boolean",
+  "inputs/checkbox": "Checkbox",
+  "inputs/switch": "Switch",
+  Optional: "Optional"
+};
+export {
+  inputs_fr as default
+};

package/dist/index.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Copyright (c) 2024, 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 type { FunctionComponent, ReactElement } from 'react';
 import type { AutocompleteProps } from '@mui/material/Autocomplete/Autocomplete';
 import type {
@@ -10,24 +17,113 @@ import type {
 } from '@mui/material';
 
 /**
- * Section to export generated type declarations of .ts or .tsx files
+ * Section to export generated type declarations
  */
 
-export { useIntlRef } from './hooks/useIntlRef';
-export { RawReadOnlyInput } from './components/react-hook-form/raw-read-only-input';
+export { default as TreeViewFinder } from './components/TreeViewFinder';
+export { default as AboutDialog } from './components/TopBar/AboutDialog';
+export { default as SnackbarProvider } from './components/SnackbarProvider';
+export { default as AuthenticationRouter } from './components/AuthenticationRouter';
+export { default as MuiVirtualizedTable } from './components/MuiVirtualizedTable';
+export {
+    KeyedColumnsRowIndexer,
+    CHANGE_WAYS,
+} from './components/MuiVirtualizedTable';
+export { default as ReportViewer } from './components/ReportViewer';
+export { default as ReportViewerDialog } from './components/ReportViewerDialog';
+export { default as ElementSearchDialog } from './components/ElementSearchDialog';
+export { default as MultipleSelectionDialog } from './components/MultipleSelectionDialog';
+
+export {
+    EQUIPMENT_TYPE,
+    getEquipmentsInfosForSearchBar,
+    equipmentStyles,
+} from './utils/EquipmentType';
+
+export {
+    initializeAuthenticationDev,
+    initializeAuthenticationProd,
+    dispatchUser,
+    getPreLoginPath,
+} from './utils/AuthService';
+
+export { getFileIcon } from './utils/ElementType';
+
+export {
+    DEFAULT_CELL_PADDING,
+    DEFAULT_HEADER_HEIGHT,
+    DEFAULT_ROW_HEIGHT,
+} from './components/MuiVirtualizedTable/MuiVirtualizedTable';
+
+export {
+    DARK_THEME,
+    LIGHT_THEME,
+    LANG_SYSTEM,
+    LANG_ENGLISH,
+    LANG_FRENCH,
+} from './components/TopBar/TopBar';
 export {
-    DirectoryItemsInputProps,
-    DirectoryItemsInput,
-} from './components/react-hook-form/directory-items-input';
+    USER,
+    setLoggedUser,
+    SIGNIN_CALLBACK_ERROR,
+    setSignInCallbackError,
+    UNAUTHORIZED_USER_INFO,
+    LOGOUT_ERROR,
+    USER_VALIDATION_ERROR,
+    RESET_AUTHENTICATION_ROUTER_ERROR,
+    SHOW_AUTH_INFO_LOGIN,
+} from './utils/actions';
+export { default as report_viewer_en } from './components/translations/report-viewer-en';
+export { default as report_viewer_fr } from './components/translations/report-viewer-fr';
+export { default as login_en } from './components/translations/login-en';
+export { default as login_fr } from './components/translations/login-fr';
+export { default as top_bar_en } from './components/translations/top-bar-en';
+export { default as top_bar_fr } from './components/translations/top-bar-fr';
+export { default as table_en } from './components/translations/table-en';
+export { default as table_fr } from './components/translations/table-fr';
+export { default as treeview_finder_en } from './components/translations/treeview-finder-en';
+export { default as treeview_finder_fr } from './components/translations/treeview-finder-fr';
+export { default as element_search_en } from './components/translations/element-search-en';
+export { default as element_search_fr } from './components/translations/element-search-fr';
+export { default as equipment_search_en } from './components/translations/equipment-search-en';
+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 { default as common_button_en } from './components/translations/common-button-en';
+export { default as common_button_fr } from './components/translations/common-button-fr';
+export { default as directory_items_input_en } from './components/translations/directory-items-input-en';
+export { default as directory_items_input_fr } from './components/translations/directory-items-input-fr';
+
+export { TagRenderer } from './components/ElementSearchDialog';
+export { EquipmentItem } from './components/ElementSearchDialog/equipment-item';
+export { useIntlRef } from './hooks/useIntlRef';
+export { default as SliderInput } from './components/react-hook-form/slider-input';
+export { default as TextFieldWithAdornment } from './components/react-hook-form/utils/text-field-with-adornment';
 export {
-    DirectoryItemSelectorProps,
-    DirectoryItemSelector,
-} from './components/DirectoryItemSelector/directory-item-selector';
+    genHelperPreviousValue,
+    genHelperError,
+    identity,
+    isFieldRequired,
+} from './components/react-hook-form/utils/functions';
+export { default as DirectoryItemsInput } from './components/react-hook-form/directory-items-input';
+export { default as DirectoryItemSelector } from './components/DirectoryItemSelector/directory-item-selector';
+export { RawReadOnlyInput } from './components/react-hook-form/raw-read-only-input';
+export { UserManagerMock } from './utils/UserManagerMock';
 
+export {
+    ExpandingTextFieldProps,
+    ExpandingTextField,
+} from './components/react-hook-form/expanding-text-field';
 /**
  * Section to export manual type declarations of .js and .jsx files
  */
 
+export const CardErrorBoundary: FunctionComponent;
+
 export const TopBar: FunctionComponent;
 
 export function logout(
@@ -35,8 +131,6 @@ export function logout(
     userManagerInstance: any
 ): Promise<any | undefined>;
 
-export const DARK_THEME: string, LIGHT_THEME: string;
-
 interface SnackInputs {
     messageTxt?: string;
     messageId?: string;
@@ -111,7 +205,7 @@ type TextFieldWithAdornmentProps = TextFieldProps & {
     handleClearValue?: () => void;
 };
 
-interface TextInputProps {
+export interface TextInputProps {
     name: string;
     label?: string;
     labelValues?: any; // it's for values from https://formatjs.io/docs/react-intl/components/#formattedmessage

package/dist/index.js

@@ -48,77 +48,81 @@ import { useSnackMessage } from "./hooks/useSnackMessage.js";
 import { useDebounce } from "./hooks/useDebounce.js";
 import { default as default37 } from "./components/react-hook-form/autocomplete-input.js";
 import { default as default38 } from "./components/react-hook-form/text-input.js";
-import { default as default39 } from "./components/react-hook-form/radio-input.js";
-import { default as default40 } from "./components/react-hook-form/slider-input.js";
-import { default as default41 } from "./components/react-hook-form/numbers/float-input.js";
-import { default as default42 } from "./components/react-hook-form/numbers/integer-input.js";
-import { default as default43 } from "./components/react-hook-form/select-input.js";
-import { default as default44 } from "./components/react-hook-form/booleans/checkbox-input.js";
-import { default as default45 } from "./components/react-hook-form/booleans/switch-input.js";
-import { default as default46 } from "./components/react-hook-form/error-management/error-input.js";
-import { default as default47 } from "./components/react-hook-form/error-management/field-error-alert.js";
-import { default as default48 } from "./components/react-hook-form/error-management/mid-form-error.js";
-import { default as default49 } from "./components/react-hook-form/utils/text-field-with-adornment.js";
-import { default as default50 } from "./components/react-hook-form/utils/field-label.js";
-import { default as default51 } from "./components/react-hook-form/utils/submit-button.js";
-import { default as default52 } from "./components/react-hook-form/utils/cancel-button.js";
+import { default as default39 } from "./components/react-hook-form/ExpandingTextField.js";
+import { default as default40 } from "./components/react-hook-form/radio-input.js";
+import { default as default41 } from "./components/react-hook-form/slider-input.js";
+import { default as default42 } from "./components/react-hook-form/numbers/float-input.js";
+import { default as default43 } from "./components/react-hook-form/numbers/integer-input.js";
+import { default as default44 } from "./components/react-hook-form/select-input.js";
+import { default as default45 } from "./components/react-hook-form/booleans/checkbox-input.js";
+import { default as default46 } from "./components/react-hook-form/booleans/switch-input.js";
+import { default as default47 } from "./components/react-hook-form/error-management/error-input.js";
+import { default as default48 } from "./components/react-hook-form/error-management/field-error-alert.js";
+import { default as default49 } from "./components/react-hook-form/error-management/mid-form-error.js";
+import { default as default50 } from "./components/react-hook-form/utils/text-field-with-adornment.js";
+import { default as default51 } from "./components/react-hook-form/utils/field-label.js";
+import { default as default52 } from "./components/react-hook-form/utils/submit-button.js";
+import { default as default53 } from "./components/react-hook-form/utils/cancel-button.js";
 import { genHelperError, genHelperPreviousValue, identity, isFieldRequired } from "./components/react-hook-form/utils/functions.js";
-import { default as default53 } from "./components/react-hook-form/directory-items-input.js";
-import { default as default54 } from "./components/DirectoryItemSelector/directory-item-selector.js";
+import { default as default54 } from "./components/react-hook-form/directory-items-input.js";
+import { default as default55 } from "./components/DirectoryItemSelector/directory-item-selector.js";
 import { RawReadOnlyInput } from "./components/react-hook-form/raw-read-only-input.js";
+import { UserManagerMock } from "./utils/UserManagerMock.js";
 export {
   default4 as AboutDialog,
   default6 as AuthenticationRouter,
   default37 as AutocompleteInput,
   CHANGE_WAYS,
-  default52 as CancelButton,
+  default53 as CancelButton,
   default36 as CardErrorBoundary,
-  default44 as CheckboxInput,
+  default45 as CheckboxInput,
   DARK_THEME,
   DEFAULT_CELL_PADDING,
   DEFAULT_HEADER_HEIGHT,
   DEFAULT_ROW_HEIGHT,
-  default54 as DirectoryItemSelector,
-  default53 as DirectoryItemsInput,
+  default55 as DirectoryItemSelector,
+  default54 as DirectoryItemsInput,
   EQUIPMENT_TYPE,
   default10 as ElementSearchDialog,
   EquipmentItem,
-  default46 as ErrorInput,
-  default47 as FieldErrorAlert,
-  default50 as FieldLabel,
+  default47 as ErrorInput,
+  default39 as ExpandingTextField,
+  default48 as FieldErrorAlert,
+  default51 as FieldLabel,
   FlatParameters,
-  default41 as FloatInput,
-  default42 as IntegerInput,
+  default42 as FloatInput,
+  default43 as IntegerInput,
   KeyedColumnsRowIndexer,
   LANG_ENGLISH,
   LANG_FRENCH,
   LANG_SYSTEM,
   LIGHT_THEME,
   LOGOUT_ERROR,
-  default48 as MidFormError,
+  default49 as MidFormError,
   default7 as MuiVirtualizedTable,
   default11 as MultipleSelectionDialog,
   OverflowableText,
   RESET_AUTHENTICATION_ROUTER_ERROR,
-  default39 as RadioInput,
+  default40 as RadioInput,
   RawReadOnlyInput,
   default8 as ReportViewer,
   default9 as ReportViewerDialog,
   SHOW_AUTH_INFO_LOGIN,
   SIGNIN_CALLBACK_ERROR,
-  default43 as SelectInput,
-  default40 as SliderInput,
+  default44 as SelectInput,
+  default41 as SliderInput,
   default5 as SnackbarProvider,
-  default51 as SubmitButton,
-  default45 as SwitchInput,
+  default52 as SubmitButton,
+  default46 as SwitchInput,
   TagRenderer,
-  default49 as TextFieldWithAdornment,
+  default50 as TextFieldWithAdornment,
   default38 as TextInput,
   default3 as TopBar,
   default2 as TreeViewFinder,
   UNAUTHORIZED_USER_INFO,
   USER,
   USER_VALIDATION_ERROR,
+  UserManagerMock,
   default26 as card_error_boundary_en,
   default27 as card_error_boundary_fr,
   default32 as common_button_en,

package/dist/utils/AuthService.js

@@ -1,6 +1,6 @@
 import { Log, UserManager } from "oidc-client";
 import { UserManagerMock } from "./UserManagerMock.js";
-import { setShowAuthenticationRouterLogin, setLoggedUser, setLogoutError, setUnauthorizedUserInfo, setUserValidationError, resetAuthenticationRouterError, setSignInCallbackError } from "./actions.js";
+import { setShowAuthenticationRouterLogin, setLoggedUser, setLogoutError, setUnauthorizedUserInfo, setUserValidationError, setSignInCallbackError, resetAuthenticationRouterError } from "./actions.js";
 import jwtDecode from "jwt-decode";
 window.OIDCLog = Log;
 const hackAuthorityKey = "oidc.hack.authority";

package/dist/utils/ElementType.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Settings, Article, NoteAlt, OfflineBolt, Photo, PhotoLibrary } from "@mui/icons-material";
 const elementType = {
   DIRECTORY: "DIRECTORY",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.49.0",
+    "version": "0.50.1",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
@@ -12,6 +12,9 @@
     "files": [
         "dist"
     ],
+    "sideEffects": [
+        "**/*.css"
+    ],
     "scripts": {
         "start": "vite demo/ --config vite.config.mts",
         "start:open": "vite demo/ --config vite.config.mts --open",
@@ -78,6 +81,7 @@
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-react": "^7.21.0",
         "eslint-plugin-react-hooks": "^4.1.2",
+        "glob": "^10.3.10",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "jest-svg-transformer": "^1.0.0",
@@ -96,26 +100,13 @@
         "react-resizable": "^3.0.4",
         "vite": "^5.0.11",
         "vite-plugin-eslint": "^1.8.1",
-        "vite-plugin-externalize-deps": "^0.8.0",
         "vite-plugin-svgr": "^4.2.0",
         "vite-plugin-dts": "^2.3.0",
+        "vite-plugin-lib-inject-css": "^2.0.0",
         "yup": "^1.0.0"
     },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "plugin:prettier/recommended"
-        ],
-        "ignorePatterns": [
-            "dist"
-        ],
-        "rules": {
-            "prettier/prettier": "warn",
-            "curly": "error"
-        }
-    },
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
-    "license": "MPL",
+    "license": "MPL-2.0",
     "repository": "git://github.com/gridsuite/commons-ui.git"
 }