@gridsuite/commons-ui 0.205.0 → 0.207.0

package/dist/components/parameters/dynamic-simulation/curve/common/grid-buttons.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { AddCircle, Delete } from "@mui/icons-material";
 import { useCallback } from "react";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../../../../tooltip/CustomTooltip.js";
 function GridButtons({ onAddButton, onDeleteButton, disabledAdd, disabledDelete }) {
   const intl = useIntl();
   const handleAddButton = useCallback(() => {
@@ -13,22 +14,20 @@ function GridButtons({ onAddButton, onDeleteButton, disabledAdd, disabledDelete
   }, [onDeleteButton]);
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end", alignItems: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "AddRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => handleAddButton(), disabled: disabledAdd, children: /* @__PURE__ */ jsx(AddCircle, {}) }) })
       }
     ) }),
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "DeleteRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => handleDeleteButton(), disabled: disabledDelete, children: /* @__PURE__ */ jsx(Delete, {}) }) })
       }
     ) })

package/dist/components/parameters/dynamic-simulation/curve/dialog/curve-selector-dialog.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, Dialog, DialogTitle, Typography, DialogContent, Grid, Tooltip, IconButton, DialogActions, Button } from "@mui/material";
+import { useTheme, Dialog, DialogTitle, Typography, DialogContent, Grid, IconButton, DialogActions, Button } from "@mui/material";
 import { useRef, useCallback } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
 import { ArrowCircleRight, ArrowCircleLeft } from "@mui/icons-material";
+import { CustomTooltip } from "../../../../tooltip/CustomTooltip.js";
 import CurvePreview from "./curve-preview.js";
 import CurveSelector from "./curve-selector.js";
 import { mergeSx } from "../../../../../utils/styles.js";
@@ -75,12 +76,11 @@ function CurveSelectorDialog({
           ) }),
           /* @__PURE__ */ jsxs(Grid, { item: true, container: true, direction: "column", justifyContent: "center", alignItems: "center", xs: 0.5, children: [
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-              Tooltip,
+              CustomTooltip,
               {
                 title: intl.formatMessage({
                   id: "AddRows"
                 }),
-                placement: "top",
                 children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
                   IconButton,
                   {
@@ -93,12 +93,11 @@ function CurveSelectorDialog({
               }
             ) }),
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-              Tooltip,
+              CustomTooltip,
               {
                 title: intl.formatMessage({
                   id: "DeleteRows"
                 }),
-                placement: "top",
                 children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
                   IconButton,
                   {

package/dist/components/parameters/network-visualizations/network-visualizations-form.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { UseNetworkVisualizationParametersFormReturn } from './use-network-visualizations-parameters-form';
 interface NetworkVisualizationParametersFormProps {
     networkVisuMethods: UseNetworkVisualizationParametersFormReturn;

package/dist/components/parameters/network-visualizations/network-visualizations-parameters-inline.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'node:crypto';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { NetworkVisualizationParameters } from './network-visualizations.types';
 export declare function NetworkVisualizationParametersInline({ studyUuid, setHaveDirtyFields, user, parameters, }: Readonly<{
     studyUuid: UUID | null;

package/dist/components/parameters/security-analysis/security-analysis-violations-hiding.js

@@ -1,7 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Typography, Tooltip } from "@mui/material";
+import { Grid, Typography } from "@mui/material";
 import { useIntl } from "react-intl";
 import { Info } from "@mui/icons-material";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { parametersStyles } from "../parameters-style.js";
 import "../../overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
@@ -84,7 +85,7 @@ function SecurityAnalysisFields({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: tooltipInfoId }), placement: "left-start", children: /* @__PURE__ */ jsx(Info, {}) })
+    /* @__PURE__ */ jsx(CustomTooltip, { title: intl.formatMessage({ id: tooltipInfoId }), children: /* @__PURE__ */ jsx(Info, {}) })
   ] });
 }
 const fieldsToShow = [
@@ -130,11 +131,10 @@ function ViolationsHidingParameters() {
         id: "securityAnalysis.violationsHiding"
       }) }),
       /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           sx: parametersStyles.tooltip,
           title: intl.formatMessage({ id: "securityAnalysis.toolTip.violationsHiding" }),
-          placement: "left-start",
           children: /* @__PURE__ */ jsx(Info, {})
         }
       )

package/dist/components/parameters/sensi/columns-definitions.d.ts

@@ -1,5 +1,5 @@
 import { EquipmentType } from '../../../utils';
-import { DndColumn } from '../../dnd-table-v2';
+import { DndColumn } from '../../dnd-table';
 export declare const MONITORED_BRANCHES_EQUIPMENT_TYPES: EquipmentType[];
 export declare const INJECTION_DISTRIBUTION_TYPES: {
     id: string;

package/dist/components/parameters/short-circuit/short-circuit-icc-cluster-table-row.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { TableRow, TableCell, Tooltip, IconButton } from "@mui/material";
+import { TableRow, TableCell, IconButton } from "@mui/material";
 import { Delete } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { useState } from "react";
 import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { SHORT_CIRCUIT_ICC_CLUSTER_ACTIVE } from "./columns-definition.js";
 import { ShortCircuitIccClusterTableCell } from "./short-circuit-icc-cluster-table-cell.js";
 function ShortCircuitIccClusterTableRow({
@@ -27,7 +28,7 @@ function ShortCircuitIccClusterTableRow({
       },
       `${column.dataKey}`
     )),
-    /* @__PURE__ */ jsx(TableCell, { align: "center", children: isHover && /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "DeleteRows" }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) }) })
+    /* @__PURE__ */ jsx(TableCell, { align: "center", children: isHover && /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "DeleteRows" }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) }) })
   ] });
 }
 export {

package/dist/components/parameters/short-circuit/short-circuit-icc-cluster-table.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TableContainer, Table, TableHead, TableRow, Tooltip, TableCell, IconButton, TableBody } from "@mui/material";
+import { TableContainer, Table, TableHead, TableRow, TableCell, IconButton, TableBody } from "@mui/material";
 import { AddCircle } from "@mui/icons-material";
 import { useFieldArray } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 import { useCallback } from "react";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { ShortCircuitIccClusterTableRow } from "./short-circuit-icc-cluster-table-row.js";
 const styles = {
   tableContainer: (theme) => ({
@@ -39,8 +40,8 @@ function ShortCircuitIccClusterTable({
   );
   return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
     /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      columnsDefinition.map((column) => /* @__PURE__ */ jsx(Tooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: "5%" }, children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRows" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: false, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, { fontSize: "small" }) }) }) }) })
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: "5%" }, children: /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRows" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: false, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, { fontSize: "small" }) }) }) }) })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(
       ShortCircuitIccClusterTableRow,

package/dist/components/parameters/short-circuit/short-circuit-icc-material-table.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TableContainer, Table, TableHead, TableRow, Tooltip, TableCell, TableBody } from "@mui/material";
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
 import { useFieldArray } from "react-hook-form";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { ShortCircuitIccMaterialTableRow } from "./short-circuit-icc-material-table-row.js";
 const styles = {
   tableContainer: (theme) => ({
@@ -23,7 +24,7 @@ function ShortCircuitIccMaterialTable({
   });
   return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
     /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      columnsDefinition.map((column) => /* @__PURE__ */ jsx(Tooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
       /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { visibility: "hidden", width: "5%" } })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(

package/dist/components/parameters/voltage-init/use-voltage-init-parameters-form.js

@@ -48,7 +48,7 @@ import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from ".
 import { fromVoltageInitParametersFormToParamValues, fromVoltageInitParamsDataToFormValues, fromStudyVoltageInitParamsDataToFormValues } from "./voltage-init-form-utils.js";
 import "react-dom";
 import "@hello-pangea/dnd";
-import { SELECTED } from "../../dnd-table/dnd-table.type.js";
+import { SELECTED } from "../../dnd-table-v2/dnd-table.type.js";
 const useVoltageInitParametersForm = ({
   parametersUuid,
   name,

package/dist/components/parameters/voltage-init/voltage-init-form-utils.js

@@ -40,7 +40,7 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "react-dom";
 import "@hello-pangea/dnd";
-import { SELECTED } from "../../dnd-table/dnd-table.type.js";
+import { SELECTED } from "../../dnd-table-v2/dnd-table.type.js";
 const fromVoltageInitParametersFormToParamValues = (newParams) => {
   return {
     applyModifications: newParams?.[VoltageInitTabValues.GENERAL]?.[GENERAL_APPLY_MODIFICATIONS] ?? DEFAULT_GENERAL_APPLY_MODIFICATIONS,

package/dist/components/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
-import { Tooltip, Grid } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
 import { VoltageAdornment } from "../../../utils/constants/adornments.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
@@ -46,12 +47,11 @@ function VoltageLimitsParameters() {
   const intl = useIntl();
   const VoltageLevelFilterTooltip = useMemo(() => {
     return /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "VoltageLevelFilterTooltip"
         }),
-        placement: "right-start",
         sx: { marginLeft: 1 },
         children: /* @__PURE__ */ jsx(Info, {})
       }

package/dist/components/tooltip/CustomTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '@mui/material';
+export declare function CustomTooltip(props: Readonly<TooltipProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/CustomTooltip.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@mui/material";
+function CustomTooltip(props) {
+  const { children, ...tooltipProps } = props;
+  return /* @__PURE__ */ jsx(Tooltip, { arrow: true, enterDelay: 250, ...tooltipProps, children });
+}
+export {
+  CustomTooltip
+};

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

@@ -0,0 +1 @@
+export * from './CustomTooltip';

package/dist/components/tooltip/index.js

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

package/dist/components/topBar/AboutDialog.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Tooltip, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { LogoText } from "./GridLogo.js";
 import { mergeSx } from "../../utils/styles.js";
 const styles = {
@@ -133,14 +134,11 @@ function Module({ type, name, version, gitTag }) {
         }
       },
       children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           TransitionComponent: Zoom,
-          enterDelay: 2500,
           enterNextDelay: 350,
           leaveDelay: 200,
-          placement: "bottom-start",
-          arrow: true,
           sx: moduleStyles.tooltip,
           title: /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Typography, { variant: "body1", children: name || "<?>" }),

package/dist/components/topBar/TopBar.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { GridLogoProps } from './GridLogo';
 import { AboutDialogProps } from './AboutDialog';
 import { LogoutProps } from '../authentication/Logout';

package/dist/components/topBar/UserInformationDialog.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 interface UserInformationDialogProps {
     openDialog: boolean;
     onClose: () => void;

package/dist/hooks/use-parameters-backend.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'node:crypto';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { ComputingType } from '../components/parameters/common/computing-type';
 import { BackendFunctions, UseParametersBackendReturnProps } from '../utils/types/parameters.type';
 export declare enum OptionalServicesStatus {

package/dist/index.js

@@ -30,11 +30,12 @@ import { initializeDirectory } from "./components/dialogs/elementSaveDialog/util
 import { ModifyElementSelection } from "./components/dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./components/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./components/directoryItemSelector/DirectoryItemSelector.js";
-import { DndTable } from "./components/dnd-table/dnd-table.js";
-import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./components/dnd-table/dnd-table.type.js";
-import { DndTableAddRowsDialog } from "./components/dnd-table/dnd-table-add-rows-dialog.js";
-import { DndTableBottomLeftButtons } from "./components/dnd-table/dnd-table-bottom-left-buttons.js";
-import { DndTableBottomRightButtons } from "./components/dnd-table/dnd-table-bottom-right-buttons.js";
+import { DndTable } from "./components/dnd-table-v2/dnd-table.js";
+import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./components/dnd-table-v2/dnd-table.type.js";
+import { getDefaultRowData } from "./components/dnd-table-v2/dnd-table-utils.js";
+import { DndTableAddRowsDialog } from "./components/dnd-table-v2/dnd-table-add-rows-dialog.js";
+import { DndTableBottomLeftButtons } from "./components/dnd-table-v2/dnd-table-bottom-left-buttons.js";
+import { DndTableBottomRightButtons } from "./components/dnd-table-v2/dnd-table-bottom-right-buttons.js";
 import { EquipmentItem } from "./components/elementSearch/elementItem/EquipmentItem.js";
 import { ElementSearchDialog } from "./components/elementSearch/elementSearchDialog/ElementSearchDialog.js";
 import { ElementSearchInput } from "./components/elementSearch/elementSearchInput/ElementSearchInput.js";
@@ -56,6 +57,7 @@ import { CONTINGENCY_LIST_EQUIPMENTS, FILTER_EQUIPMENTS } from "./components/fil
 import { FlatParameters, extractDefault } from "./components/flatParameters/FlatParameters.js";
 import "react/jsx-runtime";
 import "@mui/material";
+import { CustomTooltip } from "./components/tooltip/CustomTooltip.js";
 import "react-intl";
 import { SelectClearable } from "./components/inputs/SelectClearable.js";
 import { OverflowableChip } from "./components/inputs/reactHookForm/OverflowableChip.js";
@@ -492,6 +494,7 @@ export {
   CustomMuiDialog,
   CustomNestedMenuItem,
   CustomReactQueryBuilder,
+  CustomTooltip,
   CustomVoltageLevelTable,
   CustomVoltageLevelTableCell,
   CustomVoltageLevelTableRow,
@@ -1079,6 +1082,7 @@ export {
   getContingencyListsInfosFormSchema,
   getCreateSwitchesEmptyFormData,
   getCreateSwitchesValidationSchema,
+  getDefaultRowData,
   getDynamicMappings,
   getEquipmentTypeShortLabel,
   getEquipmentsInfosForSearchBar,

package/dist/redux/actions/authActions.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 export interface Action<T> {
     type: T;
 }

package/dist/redux/commonStore.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 export type CommonStoreState = {
     user: User | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.205.0",
+    "version": "0.207.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -47,7 +47,7 @@
         "jwt-decode": "^4.0.0",
         "localized-countries": "^2.0.0",
         "mui-nested-menu": "^4.0.1",
-        "oidc-client": "^1.11.5",
+        "oidc-client-ts": "^3.5.0",
         "prop-types": "^15.8.1",
         "react-csv-downloader": "^3.3.0",
         "react-dnd": "^16.0.1",