@gridsuite/commons-ui 0.267.0 → 0.269.0

package/dist/features/parameters/loadflow/load-flow-provider-specific-parameters.js

@@ -37,7 +37,16 @@ import "../common/contingency-table/contingency-table.js";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 function LoadFlowProviderSpecificParameters({ specificParameters }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: specificParameters?.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: SPECIFIC_PARAMETERS, ...item, key: item.name })) });
+  return /* @__PURE__ */ jsx(Fragment, { children: specificParameters?.map((item) => /* @__PURE__ */ createElement(
+    ParameterField,
+    {
+      id: SPECIFIC_PARAMETERS,
+      ...item,
+      label: item.name,
+      description: `${item.description} (${item.name})`,
+      key: item.name
+    }
+  )) });
 }
 const LoadFlowProviderSpecificParameters$1 = memo(LoadFlowProviderSpecificParameters);
 export {

package/dist/features/results/constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2026, 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 declare const RESULTS_LOADING_DELAY = 500;

package/dist/features/results/constants.js

@@ -0,0 +1,4 @@
+const RESULTS_LOADING_DELAY = 500;
+export {
+  RESULTS_LOADING_DELAY
+};

package/dist/features/results/hooks/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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/.
+ */
+export * from './useIntlResultStatusMessages';

package/dist/features/results/hooks/index.js

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

package/dist/features/results/hooks/useIntlResultStatusMessages.d.ts

@@ -0,0 +1,19 @@
+import { IntlShape } from 'react-intl';
+export declare const useIntlResultStatusMessages: (intl: IntlShape, hasNoData?: boolean, hasFilters?: boolean) => {
+    running: string;
+    failed: string;
+    fetching: string;
+    noData: string;
+    noCalculation: string;
+} | {
+    running: string;
+    failed: string;
+    fetching: string;
+    noLimitViolation: string;
+    noCalculation: string;
+} | {
+    running: string;
+    failed: string;
+    fetching: string;
+    noCalculation: string;
+};

package/dist/features/results/hooks/useIntlResultStatusMessages.js

@@ -0,0 +1,23 @@
+import { useCallback, useMemo } from "react";
+const useIntlResultStatusMessages = (intl, hasNoData = false, hasFilters = false) => {
+  const specificMessage = useCallback(() => {
+    if (hasNoData) {
+      return {
+        noData: intl.formatMessage({ id: !hasFilters ? "grid.noRowsToShow" : "grid.noMatchedFilters" })
+      };
+    }
+    return { noLimitViolation: intl.formatMessage({ id: "grid.noLimitViolation" }) };
+  }, [intl, hasNoData, hasFilters]);
+  return useMemo(() => {
+    return {
+      noCalculation: intl.formatMessage({ id: "grid.noCalculation" }),
+      ...specificMessage(),
+      running: intl.formatMessage({ id: "grid.running" }),
+      failed: intl.formatMessage({ id: "grid.failed" }),
+      fetching: intl.formatMessage({ id: "LoadingRemoteData" })
+    };
+  }, [intl, specificMessage]);
+};
+export {
+  useIntlResultStatusMessages
+};

package/dist/features/results/loadflow/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2026, 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 * from './limit-violation-result';
+export * from './load-flow-result.type';

package/dist/features/results/loadflow/index.js

@@ -0,0 +1,4 @@
+import { LimitViolationResult } from "./limit-violation-result.js";
+export {
+  LimitViolationResult
+};

package/dist/features/results/loadflow/limit-violation-result.d.ts

@@ -0,0 +1,2 @@
+import { LimitViolationResultProps } from './load-flow-result.type';
+export declare function LimitViolationResult({ result, isLoadingResult, columnDefs, tableName, computationStatus, exportCsvResetKey, language, onGridReady, }: LimitViolationResultProps): import("react").JSX.Element;

package/dist/features/results/loadflow/limit-violation-result.js

@@ -0,0 +1,134 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef, useMemo, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { useTheme, Box, LinearProgress } from "@mui/material";
+import { RunningStatus } from "../../../utils/running-status.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { getRows } from "../../../utils/functions.js";
+import "@mui/icons-material";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useOpenLoaderShortWait } from "../../../hooks/useOpenLoaderShortWait.js";
+import { RESULTS_LOADING_DELAY } from "../constants.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../components/composite/customAGGrid/customAggrid.js";
+import { DefaultCellRenderer } from "../../../components/composite/customAGGrid/cell-renderers.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import { getNoRowsMessage } from "../utils/no-rows-message.js";
+import { useIntlResultStatusMessages } from "../hooks/useIntlResultStatusMessages.js";
+import { RenderTableAndExportCsv } from "../../common/renderTable-ExportCsv.js";
+function LimitViolationResult({
+  result,
+  isLoadingResult,
+  columnDefs,
+  tableName,
+  computationStatus,
+  exportCsvResetKey,
+  language,
+  onGridReady
+}) {
+  const theme = useTheme();
+  const intl = useIntl();
+  const gridRef = useRef(null);
+  const openLoaderTab = useOpenLoaderShortWait({
+    isLoading: computationStatus === RunningStatus.RUNNING || isLoadingResult,
+    delay: RESULTS_LOADING_DELAY
+  });
+  const defaultColDef = useMemo(
+    () => ({
+      filter: true,
+      sortable: true,
+      resizable: true,
+      lockPinned: true,
+      suppressMovable: true,
+      wrapHeaderText: true,
+      autoHeaderHeight: true,
+      flex: 1,
+      cellRenderer: DefaultCellRenderer
+    }),
+    []
+  );
+  const getRowStyle = useCallback(
+    (params) => {
+      if (params?.data?.elementId) {
+        return {
+          backgroundColor: theme.selectedRow.background
+        };
+      }
+      return void 0;
+    },
+    [theme.selectedRow.background]
+  );
+  const messages = useIntlResultStatusMessages(intl);
+  const overlayNoRowsTemplate = getNoRowsMessage(messages, result, computationStatus, !isLoadingResult);
+  const rowsToShow = getRows(result, computationStatus);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { sx: { height: "12px", marginTop: "12px" }, children: openLoaderTab && /* @__PURE__ */ jsx(LinearProgress, {}) }),
+    /* @__PURE__ */ jsx(
+      RenderTableAndExportCsv,
+      {
+        gridRef,
+        columns: columnDefs,
+        defaultColDef,
+        tableName,
+        rows: rowsToShow,
+        getRowStyle,
+        overlayNoRowsTemplate,
+        skipColumnHeaders: false,
+        exportCsvResetKey,
+        onGridReady,
+        language
+      }
+    )
+  ] });
+}
+export {
+  LimitViolationResult
+};

package/dist/features/results/loadflow/load-flow-result.type.d.ts

@@ -0,0 +1,29 @@
+import { Key } from 'react';
+import { ColDef } from 'ag-grid-community';
+import { GsLangUser } from '../../../utils';
+export interface LimitViolationResultProps {
+    result: OverloadedEquipment[] | undefined;
+    columnDefs: ColDef<any>[];
+    isLoadingResult: boolean;
+    tableName: string;
+    computationStatus: string;
+    computationSubType: string;
+    exportCsvResetKey: Key;
+    language: GsLangUser;
+    onGridReady?: (params: any) => void;
+}
+export interface OverloadedEquipment {
+    overload: number;
+    patlOverload: number;
+    subjectId: string;
+    locationId: string;
+    value: number;
+    actualOverloadDuration: number | null;
+    upComingOverloadDuration: number | null;
+    limit: number;
+    patlLimit: number;
+    limitName: string | null | undefined;
+    nextLimitName: string | null | undefined;
+    side: string | undefined;
+    limitType: string;
+}

package/dist/features/results/loadflow/load-flow-result.type.js

@@ -0,0 +1 @@
+

package/dist/features/results/securityanalysis/index.js

@@ -1,7 +1,7 @@
 import { SecurityAnalysisResultNmk } from "./security-analysis-result-nmk.js";
 import { SecurityAnalysisTable } from "./security-analysis-table.js";
 import { NmkType } from "./security-analysis.type.js";
-import { PAGE_OPTIONS, flattenNmKResultsConstraints, flattenNmKResultsContingencies, getNoRowsMessage, handlePostSortRows, mapNmKResultsCutOffPower } from "./utils.js";
+import { PAGE_OPTIONS, flattenNmKResultsConstraints, flattenNmKResultsContingencies, handlePostSortRows, mapNmKResultsCutOffPower } from "./utils.js";
 export {
   NmkType,
   PAGE_OPTIONS,
@@ -9,7 +9,6 @@ export {
   SecurityAnalysisTable,
   flattenNmKResultsConstraints,
   flattenNmKResultsContingencies,
-  getNoRowsMessage,
   handlePostSortRows,
   mapNmKResultsCutOffPower
 };

package/dist/features/results/securityanalysis/security-analysis-result-nmk.js

@@ -60,7 +60,8 @@ import "../../../components/composite/report/report-viewer/log-table/log-table.j
 import "react-window";
 import "../../../components/composite/report/report-treeview/treeview-item.js";
 import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
-import { mapNmKResultsCutOffPower, flattenNmKResultsConstraints, flattenNmKResultsContingencies, handlePostSortRows, getNoRowsMessage, PAGE_OPTIONS } from "./utils.js";
+import { mapNmKResultsCutOffPower, flattenNmKResultsConstraints, flattenNmKResultsContingencies, handlePostSortRows, PAGE_OPTIONS } from "./utils.js";
+import { getNoRowsMessage } from "../utils/no-rows-message.js";
 const styles = {
   container: {
     display: "flex",

package/dist/features/results/securityanalysis/utils.d.ts

@@ -1,8 +1,6 @@
 import { IntlShape } from 'react-intl';
 import { PostSortRowsParams } from 'ag-grid-community';
 import { ConstraintsFromContingencyItem, ContingenciesFromConstraintItem, CutOffPowerFromConstraintsItem, SecurityAnalysisNmkTableRow } from './security-analysis.type';
-import { RunningStatusMessage } from '../../../utils/running-status';
-export declare function getNoRowsMessage(messages: RunningStatusMessage, rows: any[] | undefined, status: string, isDataReady?: boolean): string | undefined;
 export declare const PAGE_OPTIONS: number[];
 export declare const flattenNmKResultsContingencies: (intl: IntlShape, result: ConstraintsFromContingencyItem[] | null) => SecurityAnalysisNmkTableRow[] | undefined;
 export declare const flattenNmKResultsConstraints: (intl: IntlShape, result: ContingenciesFromConstraintItem[] | null) => SecurityAnalysisNmkTableRow[] | undefined;

package/dist/features/results/securityanalysis/utils.js

@@ -1,24 +1,3 @@
-import { RunningStatus } from "../../../utils/running-status.js";
-function getNoRowsMessage(messages, rows, status, isDataReady) {
-  switch (status) {
-    case RunningStatus.IDLE:
-      return messages.noCalculation;
-    case RunningStatus.RUNNING:
-      return messages.running;
-    case RunningStatus.FAILED:
-      return messages.failed;
-    case RunningStatus.SUCCEED:
-      if (!isDataReady || !rows) {
-        return messages.fetching;
-      }
-      if (rows?.length === 0) {
-        return messages.noData ? messages.noData : messages.noLimitViolation;
-      }
-      return void 0;
-    default:
-      return messages.noCalculation;
-  }
-}
 const PAGE_OPTIONS = [25, 100, 500, 1e3];
 const MAX_INT32 = 2147483647;
 const PERMANENT_LIMIT_NAME = "permanent";
@@ -142,7 +121,6 @@ export {
   PAGE_OPTIONS,
   flattenNmKResultsConstraints,
   flattenNmKResultsContingencies,
-  getNoRowsMessage,
   handlePostSortRows,
   mapNmKResultsCutOffPower
 };

package/dist/features/results/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2026, 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 * from './no-rows-message';

package/dist/features/results/utils/index.js

@@ -0,0 +1,4 @@
+import { getNoRowsMessage } from "./no-rows-message.js";
+export {
+  getNoRowsMessage
+};

package/dist/features/results/utils/no-rows-message.d.ts

@@ -0,0 +1,2 @@
+import { RunningStatusMessage } from '../../../utils/running-status';
+export declare function getNoRowsMessage(messages: RunningStatusMessage, rows: any[] | undefined, status: string, isDataReady?: boolean): string | undefined;

package/dist/features/results/utils/no-rows-message.js

@@ -0,0 +1,24 @@
+import { RunningStatus } from "../../../utils/running-status.js";
+function getNoRowsMessage(messages, rows, status, isDataReady) {
+  switch (status) {
+    case RunningStatus.IDLE:
+      return messages.noCalculation;
+    case RunningStatus.RUNNING:
+      return messages.running;
+    case RunningStatus.FAILED:
+      return messages.failed;
+    case RunningStatus.SUCCEED:
+      if (!isDataReady || !rows) {
+        return messages.fetching;
+      }
+      if (rows?.length === 0) {
+        return messages.noData ? messages.noData : messages.noLimitViolation;
+      }
+      return void 0;
+    default:
+      return messages.noCalculation;
+  }
+}
+export {
+  getNoRowsMessage
+};

package/dist/features/topBar/TopBar.js

@@ -381,7 +381,7 @@ function TopBar({
                               value: LIGHT_THEME,
                               "aria-label": LIGHT_THEME,
                               sx: styles.toggleButton,
-                              children: /* @__PURE__ */ jsx(WbSunny, { fontSize: "small" })
+                              children: /* @__PURE__ */ jsx(WbSunny, { fontSize: "small", "data-testid": "WbSunnyIcon" })
                             }
                           ),
                           /* @__PURE__ */ jsx(
@@ -390,7 +390,7 @@ function TopBar({
                               value: DARK_THEME,
                               "aria-label": DARK_THEME,
                               sx: styles.toggleButton,
-                              children: /* @__PURE__ */ jsx(Brightness3, { fontSize: "small" })
+                              children: /* @__PURE__ */ jsx(Brightness3, { fontSize: "small", "data-testid": "Brightness3Icon" })
                             }
                           )
                         ]

package/dist/hooks/index.d.ts

@@ -17,3 +17,4 @@ export * from './useFormatLabelWithUnit';
 export * from './useSelectAppearance';
 export * from './use-parameters-backend';
 export * from './useGetLabelEquipmentTypes';
+export * from './useOpenLoaderShortWait';

package/dist/hooks/index.js

@@ -12,6 +12,7 @@ import { useFormatLabelWithUnit } from "./useFormatLabelWithUnit.js";
 import { useSelectAppearance } from "./useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./use-parameters-backend.js";
 import { useGetLabelEquipmentTypes } from "./useGetLabelEquipmentTypes.js";
+import { useOpenLoaderShortWait } from "./useOpenLoaderShortWait.js";
 export {
   OptionalServicesStatus,
   getComputedLanguage,
@@ -23,6 +24,7 @@ export {
   useIntlRef,
   useLocalizedCountries,
   useModificationLabelComputer,
+  useOpenLoaderShortWait,
   useParametersBackend,
   usePredefinedProperties,
   usePrevious,

package/dist/hooks/useOpenLoaderShortWait.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2026, 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/.
+ */
+/**
+ * A hook that returns a boolean indicating whether a loader should be displayed after a short delay.
+ *
+ * @param {boolean} isLoading - Whether the loading is active.
+ * @param {number} delay - The delay before displaying the loader, in milliseconds.
+ *
+ * @returns {boolean} A boolean indicating whether the loader should be displayed.
+ */
+export declare const useOpenLoaderShortWait: ({ isLoading, delay }: {
+    isLoading: boolean;
+    delay: number;
+}) => boolean;

package/dist/hooks/useOpenLoaderShortWait.js

@@ -0,0 +1,19 @@
+import { useState, useEffect } from "react";
+const useOpenLoaderShortWait = ({ isLoading, delay }) => {
+  const [shouldOpen, setShouldOpen] = useState(false);
+  useEffect(() => {
+    let timeout;
+    if (!isLoading) {
+      setShouldOpen(false);
+    } else {
+      timeout = setTimeout(() => {
+        setShouldOpen(true);
+      }, delay);
+    }
+    return () => clearTimeout(timeout);
+  }, [delay, isLoading]);
+  return shouldOpen;
+};
+export {
+  useOpenLoaderShortWait
+};