@gridsuite/commons-ui 0.266.0 → 0.268.0

package/dist/components/composite/grid/grid-section.d.ts

@@ -1,8 +1,11 @@
-import { SxStyle } from '../../../utils/styles';
+import { SxStyle } from '../../../utils';
 export interface GridSectionProps {
     title: string;
     heading?: 1 | 2 | 3 | 4 | 5 | 6;
     size?: number;
     customStyle?: SxStyle;
+    tooltipEnabled?: boolean;
+    tooltipMessage?: string;
+    isLiteralText?: boolean;
 }
-export declare function GridSection({ title, heading, size, customStyle }: Readonly<GridSectionProps>): import("react").JSX.Element;
+export declare function GridSection({ title, heading, size, customStyle, tooltipEnabled, tooltipMessage, isLiteralText, }: Readonly<GridSectionProps>): import("react").JSX.Element;

package/dist/components/composite/grid/grid-section.js

@@ -1,8 +1,60 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Grid, Box } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-function GridSection({ title, heading = 3, size = 12, customStyle }) {
-  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(Grid, { size, children: /* @__PURE__ */ jsx(Box, { sx: customStyle, component: `h${heading}`, children: /* @__PURE__ */ jsx(FormattedMessage, { id: title }) }) }) });
+import { useIntl, FormattedMessage } from "react-intl";
+import { InfoOutlined } from "@mui/icons-material";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../ui/overflowableText/OverflowableText.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { CustomTooltip } from "../../ui/tooltip/CustomTooltip.js";
+import "../../ui/treeViewFinder/TreeViewFinder.js";
+import "../../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 "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+function GridSection({
+  title,
+  heading = 3,
+  size = 12,
+  customStyle,
+  tooltipEnabled = false,
+  tooltipMessage,
+  isLiteralText = false
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(Grid, { size, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: mergeSx(customStyle, {
+        display: "flex",
+        alignItems: "center"
+      }),
+      component: `h${heading}`,
+      children: [
+        isLiteralText ? title : /* @__PURE__ */ jsx(FormattedMessage, { id: title }),
+        tooltipEnabled && /* @__PURE__ */ jsx(CustomTooltip, { sx: { paddingLeft: 1 }, title: intl.formatMessage({ id: tooltipMessage }), children: /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "medium" }) })
+      ]
+    }
+  ) }) });
 }
 export {
   GridSection

package/dist/components/ui/inputs/checkbox-autocomplete/checkbox-autocomplete.js

@@ -105,6 +105,7 @@ function CheckboxAutocomplete({
       disableCloseOnSelect: true,
       size: "small",
       disableListWrap: true,
+      slots: { popper: StyledPopper },
       options,
       noOptionsText: intl.formatMessage({ id: "noOption" }),
       getOptionLabel,
@@ -116,8 +117,8 @@ function CheckboxAutocomplete({
       inputValue,
       onChange: handleChange,
       onBlur: handleBlur,
-      slots: { popper: StyledPopper },
       slotProps: {
+        ...otherProps?.slotProps,
         listbox: { component: virtualize ? VirtualizedList : void 0 }
       }
     }

package/dist/components/ui/reactHookForm/CheckboxNullableInput.js

@@ -36,6 +36,7 @@ function CheckboxNullableInput({
     onChange?.(newValue);
   }, [rhfOnChange, onChange, value]);
   const currentLabel = typeof label === "function" ? label(value) : label;
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, size: "small", children: [
     /* @__PURE__ */ jsx(
       FormControlLabel,
@@ -51,9 +52,10 @@ function CheckboxNullableInput({
             slotProps: {
               input: {
                 "aria-label": "primary checkbox"
-              }
+              },
+              ...slotProps
             },
-            ...formProps
+            ...otherFormProps
           }
         ),
         label: !label ? "" : intl.formatMessage({

package/dist/components/ui/reactHookForm/autocompleteInputs/MultipleAutocompleteInput.js

@@ -20,6 +20,7 @@ function MultipleAutocompleteInput({ name, ...props }) {
     const newValues = values.map((val) => val.trim());
     return newValues.filter((val, index) => newValues.indexOf(val) === index);
   };
+  const { slotProps, ...otherProps } = props;
   return /* @__PURE__ */ jsx(
     AutocompleteInput,
     {
@@ -34,8 +35,8 @@ function MultipleAutocompleteInput({ name, ...props }) {
       onBlur: handleOnBlur,
       blurOnSelect: false,
       multiple: true,
-      slotProps: { chip: { size: "small" } },
-      ...props
+      slotProps: { chip: { size: "small" }, ...slotProps },
+      ...otherProps
     }
   );
 }

package/dist/components/ui/reactHookForm/booleans/BooleanInput.d.ts

@@ -8,5 +8,5 @@ export type BooleanInputProps<TInput extends InputTypes> = {
     formProps?: InputProps<TInput>;
     Input: TInput;
 };
-export declare function BooleanInput<TInput extends InputTypes>({ name, label, formProps, Input, ...props }: Readonly<BooleanInputProps<TInput>>): JSX.Element;
+export declare function BooleanInput<TInput extends InputTypes>({ name, label, formProps, Input, }: Readonly<BooleanInputProps<TInput>>): JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/booleans/BooleanInput.js

@@ -7,10 +7,9 @@ function BooleanInput({
   name,
   label,
   formProps,
-  Input,
-  ...props
+  Input
 }) {
-  const { onChange, ...otherFormProps } = formProps ?? { onChange: void 0 };
+  const { onChange, slotProps, ...otherFormProps } = formProps ?? { onChange: void 0 };
   const {
     field: { onChange: onChangeRhf, value, ref }
   } = useController({ name });
@@ -25,12 +24,11 @@ function BooleanInput({
   const CustomInput = /* @__PURE__ */ jsx(
     Input,
     {
-      checked: value,
+      checked: value ?? false,
       onChange: handleChangeValue,
       inputRef: ref,
-      slotProps: { input: { "aria-label": "primary checkbox" } },
-      ...otherFormProps,
-      ...props
+      slotProps: { input: { "aria-label": "primary checkbox" }, ...slotProps },
+      ...otherFormProps
     }
   );
   if (label) {

package/dist/components/ui/reactHookForm/tableInputs/table-numerical-input.js

@@ -64,6 +64,7 @@ function TableNumericalInput({
   const handleClearValue = () => {
     onChange(outputTransform(previousValue));
   };
+  const { slotProps, ...otherProps } = props;
   return /* @__PURE__ */ jsx(
     TextField,
     {
@@ -103,10 +104,11 @@ function TableNumericalInput({
             // to have '.' as decimal separator
             ...inputProps
           }
-        }
+        },
+        ...slotProps
       },
       ...hideErrorMessage ? {} : genHelperError(error?.message),
-      ...props
+      ...otherProps
     }
   );
 }

package/dist/components/ui/reactHookForm/tableInputs/table-text-input.d.ts

@@ -4,5 +4,5 @@ interface TableTextInputProps {
     hideErrorMessage?: boolean;
     inputProps?: InputBaseComponentProps;
 }
-export declare function TableTextInput({ name, hideErrorMessage, inputProps, ...props }: Readonly<TableTextInputProps>): import("react").JSX.Element;
+export declare function TableTextInput({ name, hideErrorMessage, inputProps }: Readonly<TableTextInputProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/tableInputs/table-text-input.js

@@ -5,7 +5,7 @@ import "react-intl";
 import "react";
 import "@mui/icons-material";
 import { genHelperError } from "../utils/functions.js";
-function TableTextInput({ name, hideErrorMessage, inputProps, ...props }) {
+function TableTextInput({ name, hideErrorMessage, inputProps }) {
   const {
     field: { onChange, value, ref },
     fieldState: { error }
@@ -37,8 +37,7 @@ function TableTextInput({ name, hideErrorMessage, inputProps, ...props }) {
           }
         }
       },
-      ...hideErrorMessage ? {} : genHelperError(error?.message),
-      ...props
+      ...hideErrorMessage ? {} : genHelperError(error?.message)
     }
   );
 }

package/dist/components/ui/reactHookForm/text/ExpandingTextField.js

@@ -27,34 +27,36 @@ function ExpandingTextField({
   const descriptionLength = descriptionWatch?.length ?? 0;
   const descriptionCounter = `${descriptionLength}/${maxCharactersNumber}`;
   const rowsToDisplay = isFocused ? rows : minRows;
+  const { slotProps, ...otherProps } = textFieldFormProps ?? {};
   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
-      },
-      inputProps: { "data-testid": "DescriptionInputField" }
-    },
     helperText: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: descriptionCounter }),
     slotProps: {
+      input: {
+        style: {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          // disable scrolling
+          whiteSpace: "pre",
+          resize: "none"
+          // or 'horizontal' for horizontal resizing
+        },
+        inputProps: { "data-testid": "DescriptionInputField" }
+      },
       formHelperText: {
         sx: {
           ml: "auto",
           color: (theme) => isOverTheLimit ? theme.palette.error.main : theme.palette.text.secondary
         }
-      }
+      },
+      ...slotProps
     },
     ...rowsToDisplay && { rows: rowsToDisplay },
     ...sx && { sx },
-    ...textFieldFormProps
+    ...otherProps
   };
   return /* @__PURE__ */ jsx(TextInput, { name, label, formProps, ...otherTexFieldProps });
 }

package/dist/components/ui/reactHookForm/text/TextInput.js

@@ -56,6 +56,7 @@ function TextInput({
     values: labelValues,
     optional: !isFieldRequired(name, validationSchema, getValues()) && !formProps?.disabled && !removeOptional
   });
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsx(
     Field,
     {
@@ -73,7 +74,8 @@ function TextInput({
             clearable && transformedValue !== void 0 && transformedValue !== "" && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, size: "small", children: /* @__PURE__ */ jsx(Clear, { fontSize: "small" }) }),
             customAdornment && { ...customAdornment }
           ] })
-        }
+        },
+        ...slotProps
       },
       inputRef: ref,
       ...clearable && adornment && {
@@ -89,7 +91,7 @@ function TextInput({
         }
       ),
       ...genHelperError(error?.message),
-      ...formProps,
+      ...otherFormProps,
       ...adornment && { ...finalAdornment }
     },
     id ?? label

package/dist/components/ui/reactHookForm/text/UniqueNameInput.js

@@ -41,6 +41,7 @@ function UniqueNameInput({
     isValidating && /* @__PURE__ */ jsx(CircularProgress, { size: "1rem" }),
     showOk && /* @__PURE__ */ jsx(Check, { style: { color: "green" } })
   ] });
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsx(
     TextField,
     {
@@ -64,9 +65,10 @@ function UniqueNameInput({
           inputProps: {
             "data-testid": "NameInputField"
           }
-        }
+        },
+        ...slotProps
       },
-      ...formProps
+      ...otherFormProps
     }
   );
 }

package/dist/components/ui/reactHookForm/utils/TextFieldWithAdornment.js

@@ -3,7 +3,7 @@ import { useState, useCallback } from "react";
 import { Clear } from "@mui/icons-material";
 import { InputAdornment, IconButton, TextField } from "@mui/material";
 function TextFieldWithAdornment(props) {
-  const { adornmentPosition, adornmentText, value, variant, handleClearValue, ...otherProps } = props;
+  const { adornmentPosition, adornmentText, value, variant, handleClearValue, slotProps, ...otherProps } = props;
   const [isFocused, setIsFocused] = useState(false);
   const getAdornmentStyle = useCallback((innerVariant) => {
     if (innerVariant === "filled") {
@@ -54,6 +54,7 @@ function TextFieldWithAdornment(props) {
       onFocus: () => setIsFocused(true),
       onBlur: () => setIsFocused(false),
       slotProps: {
+        ...slotProps,
         input: adornmentPosition === "start" ? withStartAdornmentText() : withEndAdornmentText()
       }
     }

package/dist/features/common/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 './renderTable-ExportCsv';

package/dist/features/common/index.js

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

package/dist/features/common/renderTable-ExportCsv.d.ts

@@ -0,0 +1,18 @@
+import { Key, RefObject } from 'react';
+import { ColDef, GridReadyEvent, RowClassParams, RowStyle } from 'ag-grid-community';
+import { AgGridReact } from 'ag-grid-react';
+import { GsLangUser } from '../../utils';
+export interface RenderTableAndExportCsvProps {
+    gridRef: RefObject<AgGridReact | null>;
+    columns: ColDef[];
+    defaultColDef: ColDef;
+    tableName: string;
+    rows: any[];
+    language: GsLangUser;
+    getRowStyle?: (params: RowClassParams) => RowStyle | undefined;
+    overlayNoRowsTemplate: string | undefined;
+    skipColumnHeaders: boolean;
+    exportCsvResetKey?: Key;
+    onGridReady?: (params: GridReadyEvent) => void;
+}
+export declare function RenderTableAndExportCsv({ gridRef, columns, defaultColDef, tableName, rows, language, getRowStyle, overlayNoRowsTemplate, skipColumnHeaders, exportCsvResetKey, onGridReady, }: RenderTableAndExportCsvProps): import("react").JSX.Element;

package/dist/features/common/renderTable-ExportCsv.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Box } from "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../components/ui/overflowableText/OverflowableText.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+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 { CsvExport } from "../../components/ui/csvDownloader/csv-export.js";
+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 { CustomAGGrid } from "../../components/composite/customAGGrid/customAggrid.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 { AGGRID_LOCALES } from "../../translations/not-intl/aggrid-locales.js";
+const styles = {
+  gridContainer: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%"
+  },
+  csvExport: {
+    display: "flex",
+    alignItems: "baseline",
+    marginTop: "-45px"
+  },
+  grid: {
+    flexGrow: "1"
+  }
+};
+function RenderTableAndExportCsv({
+  gridRef,
+  columns,
+  defaultColDef,
+  tableName,
+  rows,
+  language,
+  getRowStyle,
+  overlayNoRowsTemplate,
+  skipColumnHeaders = false,
+  exportCsvResetKey,
+  onGridReady
+}) {
+  const isRowsEmpty = !rows || rows.length === 0;
+  const onRowDataUpdated = useCallback((params) => {
+    if (params.api) {
+      params.api.sizeColumnsToFit();
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(Box, { sx: styles.gridContainer, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: styles.csvExport, children: [
+      /* @__PURE__ */ jsx(Box, { style: { flexGrow: 1 } }),
+      /* @__PURE__ */ jsx(
+        CsvExport,
+        {
+          columns,
+          tableName,
+          disabled: isRowsEmpty,
+          language,
+          skipColumnHeaders,
+          getData: (params) => gridRef.current?.api?.exportDataAsCsv(params),
+          resetKey: exportCsvResetKey
+        }
+      )
+    ] }),
+    rows && /* @__PURE__ */ jsx(Box, { sx: styles.grid, children: /* @__PURE__ */ jsx(
+      CustomAGGrid,
+      {
+        ref: gridRef,
+        rowData: rows,
+        defaultColDef,
+        columnDefs: columns,
+        onRowDataUpdated,
+        onGridReady,
+        getRowStyle,
+        overlayNoRowsTemplate,
+        onModelUpdated: ({ api }) => {
+          if (api.getDisplayedRowCount()) {
+            api.hideOverlay();
+          } else {
+            api.showNoRowsOverlay();
+          }
+        },
+        overrideLocales: AGGRID_LOCALES
+      }
+    ) })
+  ] });
+}
+export {
+  RenderTableAndExportCsv
+};

package/dist/features/index.d.ts

@@ -14,5 +14,10 @@ export * from './node';
 export * from './network-modification-table';
 export * from './announcement';
 export * from './results/securityanalysis';
+export * from './results/loadflow';
+export * from './results/utils';
+export * from './results/constants';
 export * from './process-configs';
 export * from './global-filter';
+export * from './common';
+export * from './results/hooks';