@gridsuite/commons-ui 0.139.0 → 0.141.0

package/dist/components/csvDownloader/csv-export.d.ts

@@ -1,2 +1,2 @@
 import { CsvExportProps } from './csv-export.type';
-export declare function CsvExport({ columns, tableNamePrefix, tableName, disabled, skipColumnHeaders, skipPinnedBottom, language, exportDataAsCsv, }: CsvExportProps): JSX.Element;
+export declare function CsvExport({ columns, tableNamePrefix, tableName, disabled, skipColumnHeaders, skipPinnedBottom, language, getData, }: CsvExportProps): JSX.Element;

package/dist/components/csvDownloader/csv-export.js

@@ -10,29 +10,20 @@ function CsvExport({
   skipColumnHeaders = false,
   skipPinnedBottom = false,
   language,
-  exportDataAsCsv
+  getData
 }) {
-  const { downloadCSVData } = useCsvExport();
+  const csvExport = useCsvExport();
   const download = useCallback(() => {
-    downloadCSVData({
+    csvExport.getData({
       columns,
       tableName,
       tableNamePrefix,
       skipColumnHeaders,
       skipPinnedBottom,
       language,
-      exportDataAsCsv
+      getData
     });
-  }, [
-    downloadCSVData,
-    columns,
-    tableName,
-    tableNamePrefix,
-    skipColumnHeaders,
-    skipPinnedBottom,
-    language,
-    exportDataAsCsv
-  ]);
+  }, [columns, csvExport, tableName, tableNamePrefix, skipColumnHeaders, skipPinnedBottom, language, getData]);
   return /* @__PURE__ */ jsx(ExportCsvButton, { disabled, onClick: download });
 }
 export {

package/dist/components/csvDownloader/csv-export.type.d.ts

@@ -7,7 +7,7 @@ export type CsvDownloadProps = {
     skipColumnHeaders?: boolean;
     skipPinnedBottom?: boolean;
     language: GsLang;
-    exportDataAsCsv: (params?: CsvExportParams) => void;
+    getData: (params?: CsvExportParams) => string | undefined | void;
 };
 export type CsvExportProps = CsvDownloadProps & {
     disabled: boolean;

package/dist/components/csvDownloader/use-csv-export.d.ts

@@ -1,4 +1,4 @@
 import { CsvDownloadProps } from './csv-export.type';
 export declare const useCsvExport: () => {
-    downloadCSVData: (props: CsvDownloadProps) => void;
+    getData: (props: CsvDownloadProps) => string | undefined | void;
 };

package/dist/components/csvDownloader/use-csv-export.js

@@ -7,30 +7,30 @@ import "@mui/icons-material";
 import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
 const NA_VALUE = "N/A";
-const formatNAValue = (value, intl) => {
-  return value === NA_VALUE ? intl.formatMessage({ id: "export/undefined" }) : value;
-};
 const useCsvExport = () => {
   const intl = useIntl();
-  const getCSVFilename = useCallback((tableName) => {
-    return tableName.trim().replace(/[\\/:"*?<>|\s]/g, "-").substring(0, 27);
-  }, []);
-  const downloadCSVData = useCallback(
+  const getData = useCallback(
     (props) => {
+      const formatNAValue = (value) => {
+        return value === NA_VALUE ? intl.formatMessage({ id: "export/undefined" }) : value;
+      };
       const hasColId = (colId) => {
         return colId !== void 0;
       };
       const processCell = (params) => {
         if (params.column.getColId() === "limitName") {
-          return formatNAValue(params.value, intl);
+          return formatNAValue(params.value);
         }
         if (props.language === LANG_FRENCH && typeof params.value === "number") {
           return params.value.toString().replace(".", ",");
         }
         return params.value;
       };
+      const getCSVFilename = (tableName) => {
+        return tableName.trim().replace(/[\\/:"*?<>|\s]/g, "-").substring(0, 27);
+      };
       const prefix = props.tableNamePrefix ?? "";
-      props.exportDataAsCsv({
+      return props.getData({
         suppressQuotes: false,
         skipPinnedBottom: props.skipPinnedBottom,
         columnSeparator: props.language === LANG_FRENCH ? ";" : ",",
@@ -41,9 +41,9 @@ const useCsvExport = () => {
         processCellCallback: processCell
       });
     },
-    [getCSVFilename, intl]
+    [intl]
   );
-  return { downloadCSVData };
+  return { getData };
 };
 export {
   useCsvExport

package/dist/components/customAGGrid/cell-renderers.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { ICellRendererParams } from 'ag-grid-community';
+import { CustomCellRendererProps } from 'ag-grid-react';
+export declare function BooleanCellRenderer({ value }: Readonly<any>): import("react/jsx-runtime").JSX.Element;
+export declare function BooleanNullableCellRenderer({ value }: Readonly<any>): import("react/jsx-runtime").JSX.Element;
+export interface NumericCellRendererProps extends CustomCellRendererProps {
+    fractionDigits?: number;
+}
+export declare function NumericCellRenderer({ value, fractionDigits }: Readonly<NumericCellRendererProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorCellRenderer({ value }: Readonly<CustomCellRendererProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultCellRenderer(props: Readonly<CustomCellRendererProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkModificationNameCellRenderer({ value }: Readonly<CustomCellRendererProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MessageLogCellRenderer({ param, highlightColor, currentHighlightColor, searchTerm, currentResultIndex, searchResults, }: Readonly<{
+    param: ICellRendererParams;
+    highlightColor?: string;
+    currentHighlightColor?: string;
+    searchTerm?: string;
+    currentResultIndex?: number;
+    searchResults?: number[];
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function ContingencyCellRenderer({ value, }: Readonly<{
+    value: {
+        cellValue: ReactNode;
+        tooltipValue: ReactNode;
+    };
+}>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/customAGGrid/cell-renderers.js

@@ -0,0 +1,199 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox, Box, Tooltip } from "@mui/material";
+import { useRef, useState, useEffect } from "react";
+import { useIntl } from "react-intl";
+import { isBlankOrEmpty } from "../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../utils/styles.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
+const styles = {
+  tableCell: (theme) => ({
+    fontSize: "small",
+    cursor: "inherit",
+    display: "flex",
+    "&:before": {
+      content: '""',
+      position: "absolute",
+      left: theme.spacing(0.5),
+      right: theme.spacing(0.5),
+      bottom: 0
+    }
+  }),
+  overflow: {
+    whiteSpace: "pre",
+    textOverflow: "ellipsis",
+    overflow: "hidden"
+  }
+};
+const FORMULA_ERROR_KEY = "spreadsheet/formula/error";
+function BooleanCellRenderer({ value }) {
+  const isChecked = value;
+  return /* @__PURE__ */ jsx("div", { children: value !== void 0 && /* @__PURE__ */ jsx(Checkbox, { style: { padding: 0 }, color: "default", checked: isChecked, disableRipple: true }) });
+}
+function BooleanNullableCellRenderer({ value }) {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      style: { padding: 0 },
+      color: "default",
+      checked: value === true,
+      indeterminate: isBlankOrEmpty(value),
+      disableRipple: true
+    }
+  ) });
+}
+const formatNumericCell = (value, fractionDigits) => {
+  if (value === null || Number.isNaN(value)) {
+    return { value: null };
+  }
+  return { value: value.toFixed(fractionDigits ?? 2), tooltip: value?.toString() };
+};
+const formatCell = (props) => {
+  let value = props?.valueFormatted || props.value;
+  let tooltipValue;
+  if (!value && props.colDef.valueGetter) {
+    props.colDef.valueGetter(props);
+  }
+  if (value != null && props.colDef.context?.numeric && props.colDef.context?.fractionDigits) {
+    tooltipValue = value;
+    value = Number.parseFloat(value).toFixed(props.colDef.context.fractionDigits);
+  }
+  if (props.colDef.context?.numeric && Number.isNaN(value)) {
+    value = null;
+  }
+  return { value, tooltip: tooltipValue };
+};
+function NumericCellRenderer({ value, fractionDigits }) {
+  const numericalValue = typeof value === "number" ? value : Number.parseFloat(value);
+  const cellValue = formatNumericCell(numericalValue, fractionDigits);
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      disableFocusListener: true,
+      disableTouchListener: true,
+      title: cellValue.tooltip ? cellValue.tooltip : cellValue.value?.toString(),
+      children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: cellValue.value })
+    }
+  ) });
+}
+function BaseCellRenderer({ value, tooltip }) {
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(Tooltip, { disableFocusListener: true, disableTouchListener: true, title: tooltip || value || "", children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: value }) }) });
+}
+function ErrorCellRenderer({ value }) {
+  const intl = useIntl();
+  const errorMessage = intl.formatMessage({ id: value?.error });
+  const errorValue = intl.formatMessage({ id: FORMULA_ERROR_KEY });
+  return /* @__PURE__ */ jsx(BaseCellRenderer, { value: errorValue, tooltip: errorMessage });
+}
+function DefaultCellRenderer(props) {
+  const cellValue = formatCell(props).value?.toString();
+  return /* @__PURE__ */ jsx(BaseCellRenderer, { value: cellValue });
+}
+function NetworkModificationNameCellRenderer({ value }) {
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      disableFocusListener: true,
+      disableTouchListener: true,
+      title: value,
+      componentsProps: {
+        tooltip: {
+          sx: {
+            maxWidth: "none"
+          }
+        }
+      },
+      children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: value })
+    }
+  ) });
+}
+function MessageLogCellRenderer({
+  param,
+  highlightColor,
+  currentHighlightColor,
+  searchTerm,
+  currentResultIndex,
+  searchResults
+}) {
+  const marginLeft = (param.data?.depth ?? 0) * 2;
+  const textRef = useRef(null);
+  const [isEllipsisActive, setIsEllipsisActive] = useState(false);
+  const checkEllipsis = () => {
+    if (textRef.current) {
+      const zoomLevel = window.devicePixelRatio;
+      const adjustedScrollWidth = textRef.current.scrollWidth / zoomLevel;
+      const adjustedClientWidth = textRef.current.clientWidth / zoomLevel;
+      setIsEllipsisActive(adjustedScrollWidth > adjustedClientWidth);
+    }
+  };
+  useEffect(() => {
+    checkEllipsis();
+    const resizeObserver = new ResizeObserver(() => checkEllipsis());
+    if (textRef.current) {
+      resizeObserver.observe(textRef.current);
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [param.value]);
+  const escapeRegExp = (string) => {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  };
+  const renderHighlightedText = (value) => {
+    if (!searchTerm || searchTerm === "") {
+      return value;
+    }
+    const escapedSearchTerm = escapeRegExp(searchTerm);
+    const parts = value.split(new RegExp(`(${escapedSearchTerm})`, "gi"));
+    let count = 0;
+    return /* @__PURE__ */ jsx("span", { children: parts.map((part) => {
+      count += 1;
+      const key = `${param.node.rowIndex}-${count}`;
+      const isMatch = part.toLowerCase() === searchTerm.toLowerCase();
+      if (isMatch) {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              backgroundColor: searchResults && currentResultIndex !== void 0 && searchResults[currentResultIndex] === param.node.rowIndex ? currentHighlightColor : highlightColor
+            },
+            children: part
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ jsx("span", { children: part }, key);
+    }) });
+  };
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(Tooltip, { disableFocusListener: true, disableTouchListener: true, title: isEllipsisActive ? param.value : "", children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: textRef,
+      sx: {
+        ...styles.overflow,
+        marginLeft
+      },
+      children: renderHighlightedText(param.value)
+    }
+  ) }) });
+}
+function ContingencyCellRenderer({
+  value
+}) {
+  const { cellValue, tooltipValue } = value ?? {};
+  if (cellValue == null || tooltipValue == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx("div", { style: { whiteSpace: "pre-line" }, children: tooltipValue }), children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: cellValue }) }) });
+}
+export {
+  BooleanCellRenderer,
+  BooleanNullableCellRenderer,
+  ContingencyCellRenderer,
+  DefaultCellRenderer,
+  ErrorCellRenderer,
+  MessageLogCellRenderer,
+  NetworkModificationNameCellRenderer,
+  NumericCellRenderer
+};

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

@@ -7,3 +7,4 @@
 export * from './customAggrid.style';
 export * from './customAggrid';
 export * from './separatorCellRenderer';
+export * from './cell-renderers';

package/dist/components/customAGGrid/index.js

@@ -1,9 +1,18 @@
 import { CUSTOM_AGGRID_THEME, styles } from "./customAggrid.style.js";
 import { CustomAGGrid } from "./customAggrid.js";
 import { SeparatorCellRenderer } from "./separatorCellRenderer.js";
+import { BooleanCellRenderer, BooleanNullableCellRenderer, ContingencyCellRenderer, DefaultCellRenderer, ErrorCellRenderer, MessageLogCellRenderer, NetworkModificationNameCellRenderer, NumericCellRenderer } from "./cell-renderers.js";
 export {
+  BooleanCellRenderer,
+  BooleanNullableCellRenderer,
   CUSTOM_AGGRID_THEME,
+  ContingencyCellRenderer,
   CustomAGGrid,
+  DefaultCellRenderer,
+  ErrorCellRenderer,
+  MessageLogCellRenderer,
+  NetworkModificationNameCellRenderer,
+  NumericCellRenderer,
   SeparatorCellRenderer,
   styles
 };

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { FormattedMessage } from "react-intl";
-import { Dialog, LinearProgress, DialogTitle, Grid, DialogContent, DialogActions } from "@mui/material";
+import { Dialog, LinearProgress, DialogTitle, DialogContent, DialogActions } from "@mui/material";
 import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
 import { CancelButton } from "../../inputs/reactHookForm/utils/CancelButton.js";
 import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
@@ -120,7 +120,7 @@ function CustomMuiDialog({
             ...dialogProps,
             children: [
               isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
-              /* @__PURE__ */ jsx(DialogTitle, { "data-testid": "DialogTitle", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
+              /* @__PURE__ */ jsx(DialogTitle, { "data-testid": "DialogTitle", children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }),
               /* @__PURE__ */ jsx(DialogContent, { sx: unscrollableFullHeight ? unscrollableDialogStyles.unscrollableContainer : null, children }),
               /* @__PURE__ */ jsxs(DialogActions, { children: [
                 /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel, "data-testid": "CancelButton" }),

package/dist/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.d.ts

@@ -4,6 +4,6 @@ export interface DescriptionModificationDialogProps {
     description: string;
     open: boolean;
     onClose: () => void;
-    updateElement: (uuid: UUID, data: Record<string, string>) => Promise<void>;
+    updateElement: (uuid: UUID, data: Record<string, string>) => Promise<Response>;
 }
 export declare function DescriptionModificationDialog({ elementUuid, description, open, onClose, updateElement, }: Readonly<DescriptionModificationDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/modifyElementSelection/ModifyElementSelection.js

@@ -7,6 +7,9 @@ import { FolderOutlined } from "@mui/icons-material";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
 import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
 import { fetchDirectoryElementPath } from "../../../services/directory.js";
 function ModifyElementSelection(props) {
   const intl = useIntl();

package/dist/components/directoryItemSelector/DirectoryItemSelector.js

@@ -4,10 +4,13 @@ import { getFileIcon } from "../../utils/mapper/getFileIcon.js";
 import { ElementType } from "../../utils/types/elementType.js";
 import { TreeViewFinder } from "../treeViewFinder/TreeViewFinder.js";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
-import { fetchElementsInfos } from "../../services/explore.js";
+import "../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../utils/error.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
 import { fetchRootFolders, fetchDirectoryContent } from "../../services/directory.js";
+import { fetchElementsInfos } from "../../services/explore.js";
 import { getExpansionPathsForSelected, fetchChildrenForExpandedNodes, initializeFromLastSelected, saveLastSelectedDirectoryFromNode } from "./utils.js";
-import { snackWithFallback } from "../../utils/error.js";
 const styles = {
   icon: (theme) => ({
     marginRight: theme.spacing(1),

package/dist/components/directoryItemSelector/utils.js

@@ -5,7 +5,8 @@ import "@mui/icons-material";
 import { ElementType } from "../../utils/types/elementType.js";
 import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
-import { updateConfigParameter, fetchDirectoryElementPath } from "../../services/directory.js";
+import { updateConfigParameter } from "../../services/config.js";
+import { fetchDirectoryElementPath } from "../../services/directory.js";
 function getLastSelectedDirectoryId() {
   const lastSelectedDirId = localStorage.getItem(LAST_SELECTED_DIRECTORY);
   if (!lastSelectedDirId || lastSelectedDirId === "null") {

package/dist/components/filter/FilterCreationDialog.js

@@ -111,7 +111,8 @@ function FilterCreationDialog({
           creation: true,
           activeDirectory,
           filterType,
-          sourceFilterForExplicitNamingConversion
+          sourceFilterForExplicitNamingConversion,
+          language
         }
       )
     }

package/dist/components/filter/FilterForm.d.ts

@@ -1,2 +1,16 @@
-import { FilterFormProps } from './HeaderFilterForm';
-export declare function FilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, filterType, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;
+import { UUID } from 'node:crypto';
+import { GsLang } from '../../utils';
+export interface FilterFormProps {
+    creation?: boolean;
+    activeDirectory?: UUID;
+    filterType?: {
+        id: string;
+        label: string;
+    };
+    sourceFilterForExplicitNamingConversion?: {
+        id: UUID;
+        equipmentType: string;
+    };
+    language?: GsLang;
+}
+export declare function FilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, filterType, language, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/FilterForm.js

@@ -20,21 +20,16 @@ function FilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,
   activeDirectory,
-  filterType
+  filterType,
+  language
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(
-      HeaderFilterForm,
-      {
-        creation,
-        activeDirectory,
-        sourceFilterForExplicitNamingConversion
-      }
-    ) }),
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(HeaderFilterForm, { creation, activeDirectory }) }),
     filterType?.id === FilterType.EXPLICIT_NAMING.id && /* @__PURE__ */ jsx(
       ExplicitNamingFilterForm,
       {
-        sourceFilterForExplicitNamingConversion
+        sourceFilterForExplicitNamingConversion,
+        language
       }
     ),
     filterType?.id === FilterType.EXPERT.id && /* @__PURE__ */ jsx(ExpertFilterForm, {})

package/dist/components/filter/HeaderFilterForm.d.ts

@@ -10,21 +10,17 @@ export declare const filterStyles: {
         readonly width: "50%";
     };
 };
-export interface FilterFormProps {
+export declare const HeaderFilterSchema: {
+    name: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    equipmentType: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    description: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+};
+export interface HeaderFilterFormProps {
     creation?: boolean;
     activeDirectory?: UUID;
-    filterType?: {
-        id: string;
-        label: string;
-    };
     sourceFilterForExplicitNamingConversion?: {
         id: UUID;
         equipmentType: string;
     };
 }
-export declare const HeaderFilterSchema: {
-    name: yup.StringSchema<string, yup.AnyObject, undefined, "">;
-    equipmentType: yup.StringSchema<string, yup.AnyObject, undefined, "">;
-    description: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
-};
-export declare function HeaderFilterForm({ creation, activeDirectory }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderFilterForm({ creation, activeDirectory }: Readonly<HeaderFilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js

@@ -102,7 +102,14 @@ function ExplicitNamingFilterEditionDialog({
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
       unscrollableFullHeight: true,
-      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, filterType: FilterType.EXPLICIT_NAMING })
+      children: isDataReady && /* @__PURE__ */ jsx(
+        FilterForm,
+        {
+          activeDirectory,
+          filterType: FilterType.EXPLICIT_NAMING,
+          language
+        }
+      )
     }
   );
 }

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.d.ts

@@ -2,6 +2,7 @@ import { UUID } from 'node:crypto';
 import { FieldConstants } from '../../../utils/constants/fieldConstants';
 import { default as yup } from '../../../utils/yupConfig';
 import { DISTRIBUTION_KEY } from '../constants/FilterConstants';
+import { GsLang } from '../../../utils';
 export declare const explicitNamingFilterSchema: {
     filterEquipmentsAttributes: yup.ArraySchema<{
         equipmentID?: string | null | undefined;
@@ -22,6 +23,7 @@ export interface FilterForExplicitConversionProps {
 }
 interface ExplicitNamingFilterFormProps {
     sourceFilterForExplicitNamingConversion?: FilterForExplicitConversionProps;
+    language?: GsLang;
 }
-export declare function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }: ExplicitNamingFilterFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion, language, }: Readonly<ExplicitNamingFilterFormProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -23,7 +23,10 @@ import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialo
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
 import { filterStyles } from "../HeaderFilterForm.js";
+import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
+import "@mui/icons-material";
+import "../../../utils/types/equipmentType.js";
 import * as yup from "yup";
 function isGeneratorOrLoad(equipmentType) {
   return equipmentType === Generator.type || equipmentType === Load.type;
@@ -58,7 +61,10 @@ function getExplicitNamingFilterEmptyFormData() {
     [FILTER_EQUIPMENTS_ATTRIBUTES]: makeDefaultTableRows()
   };
 }
-function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
+function ExplicitNamingFilterForm({
+  sourceFilterForExplicitNamingConversion,
+  language
+}) {
   const intl = useIntl();
   const { snackError } = useSnackMessage();
   const { getValues, setValue } = useFormContext();
@@ -203,7 +209,8 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
             id: "filterCsvFileName"
           }),
           fileHeaders: csvFileHeaders,
-          getDataFromCsv: getDataFromCsvFile
+          getDataFromCsv: getDataFromCsvFile,
+          language
         },
         cssProps: {
           padding: 1,

package/dist/components/index.d.ts

@@ -27,3 +27,5 @@ export * from './notifications';
 export * from './icons';
 export * from './parameters';
 export * from './menus';
+export * from './muiTable';
+export * from './resizablePanels';