@gridsuite/commons-ui 0.192.0 → 0.194.0

package/dist/components/parameters/common/contingency-table/contingency-table.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Alert, CircularProgress } from "@mui/material";
-import { useState, useCallback, useEffect } from "react";
+import { Grid, Alert, CircularProgress } from "@mui/material";
+import { useState, useCallback, useMemo, useEffect } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { useWatch } from "react-hook-form";
+import { useFormContext } from "react-hook-form";
 import "../../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../../utils/error.js";
 import "../../../../utils/types/equipmentType.js";
@@ -13,40 +13,44 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../../hooks/useSnackMessage.js";
-import { useCreateRowData } from "../../../../hooks/use-create-row-data.js";
-import { ACTIVATED, ID } from "../parameter-table/constants.js";
-import { ParameterTable } from "../parameter-table/parameter-table.js";
-import { CONTINGENCY_LISTS_INFOS, CONTINGENCY_LISTS } from "../constants.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists } from "./columns-definitions.js";
+import { ACTIVATED, ID } from "../parameter-table-field/constants.js";
+import { ParameterTableField } from "../parameter-table-field/parameter-table-field.js";
+import { CONTINGENCY_LISTS } from "../constants.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, isValidContingencyRow } from "./columns-definitions.js";
+const styles = {
+  alert: { color: "text.primary", paddingTop: 0, paddingBottom: 0 }
+};
 function ContingencyTable({
+  name,
   showContingencyCount = false,
   fetchContingencyCount,
   isBuiltCurrentNode
 }) {
   const intl = useIntl();
   const [simulatedContingencyCount, setSimulatedContingencyCount] = useState(null);
-  const [rowData, useFieldArrayOutput] = useCreateRowData(ParamContingencyLists);
-  const contingencyListsInfos = useWatch({ name: CONTINGENCY_LISTS_INFOS });
   const [isLoading, setIsLoading] = useState(false);
+  const [contingencyCountRefreshTrigger, setContingencyCountRefreshTrigger] = useState(0);
   const { snackError } = useSnackMessage();
-  const getColumnsDefinition = useCallback(
-    (columns) => {
-      if (columns) {
-        return columns.map((column) => ({
-          ...column,
-          label: intl.formatMessage({ id: column.label })
-        }));
-      }
-      return [];
-    },
-    [intl]
-  );
+  const { getValues } = useFormContext();
+  const handleOnChange = useCallback(() => {
+    setContingencyCountRefreshTrigger((prevValue) => prevValue + 1);
+  }, []);
+  const columnsDefinition = useMemo(() => {
+    return COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS.map(
+      (colDef) => ({
+        ...colDef,
+        label: intl.formatMessage({ id: colDef.label })
+      })
+    );
+  }, [intl]);
   useEffect(() => {
     if (!showContingencyCount || !isBuiltCurrentNode) {
       setIsLoading(false);
+      setSimulatedContingencyCount(null);
       return () => {
       };
     }
+    const contingencyListsInfos = getValues(name);
     const hasNoContingencies = !contingencyListsInfos || (contingencyListsInfos.length ?? 0) === 0 || contingencyListsInfos.every(
       (contingencyList) => !contingencyList[ACTIVATED] || (contingencyList[CONTINGENCY_LISTS]?.length ?? 0) === 0
     );
@@ -80,26 +84,26 @@ function ContingencyTable({
       controller?.abort(new Error(IGNORE_SIGNAL));
       clearTimeout(loadingTimeoutId);
     };
-  }, [snackError, contingencyListsInfos, fetchContingencyCount, showContingencyCount, isBuiltCurrentNode]);
+  }, [
+    snackError,
+    getValues,
+    fetchContingencyCount,
+    showContingencyCount,
+    isBuiltCurrentNode,
+    name,
+    contingencyCountRefreshTrigger
+  ]);
   const renderContingencyCount = () => {
     if (!isBuiltCurrentNode) {
-      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "warning", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "contingencyCountImpossibleOnUnbuiltNode" }) });
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "warning", sx: styles.alert, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "contingencyCountImpossibleOnUnbuiltNode" }) });
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx(
-        Alert,
-        {
-          variant: "standard",
-          icon: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }),
-          severity: "info",
-          sx: { color: "text.primary" }
-        }
-      );
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }), severity: "info", sx: styles.alert });
     }
     if (simulatedContingencyCount?.contingencies === 0 && simulatedContingencyCount.notFoundElements === 0) {
-      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "error", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "noContingency" }) });
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "error", sx: styles.alert, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "noContingency" }) });
     }
-    return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: false, severity: "info", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: false, severity: "info", sx: styles.alert, children: /* @__PURE__ */ jsx(
       FormattedMessage,
       {
         id: "xContingenciesWillBeSimulatedAndYNotFound",
@@ -110,18 +114,15 @@ function ContingencyTable({
       }
     ) });
   };
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 0, sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", children: [
     /* @__PURE__ */ jsx(
-      ParameterTable,
+      ParameterTableField,
       {
-        arrayFormName: CONTINGENCY_LISTS_INFOS,
-        useFieldArrayOutput,
-        columnsDefinition: getColumnsDefinition(COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS),
+        name,
+        columnsDefinition,
         tableHeight: 270,
-        createRows: rowData,
-        onFormChanged: () => {
-        },
-        isValidParameterRow: (row) => row[CONTINGENCY_LISTS]?.length > 0
+        onChange: handleOnChange,
+        isValidRow: isValidContingencyRow
       }
     ),
     showContingencyCount && renderContingencyCount()

package/dist/components/parameters/common/contingency-table/index.js

@@ -1,9 +1,9 @@
 import { ContingencyTable } from "./contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./columns-definitions.js";
 export {
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
   ContingencyTable,
-  ParamContingencyLists,
   getContingencyListsInfosFormSchema,
+  isValidContingencyRow,
   toFormValuesContingencyListsInfos
 };

package/dist/components/parameters/common/hook/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 './use-tabs';
+export * from './use-parameters-form';

package/dist/components/parameters/common/hook/index.js

@@ -0,0 +1,6 @@
+import { useTabs } from "./use-tabs.js";
+import { useParametersForm } from "./use-parameters-form.js";
+export {
+  useParametersForm,
+  useTabs
+};

package/dist/components/parameters/common/hook/use-parameters-form.d.ts

@@ -0,0 +1,13 @@
+import { FieldValues } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
+import { UseComputationParametersFormReturn } from '../utils';
+export type UseParametersFormProps<TParams> = {
+    providers: Record<string, string>;
+    params: TParams | null;
+    name: string | null;
+    description: string | null;
+    formSchema: ObjectSchema<any>;
+    emptyFormData: FieldValues;
+    toFormValues: (params: TParams) => FieldValues;
+};
+export declare function useParametersForm<TParams>({ providers, params, name: initialName, description: initialDescription, formSchema: baseFormSchema, emptyFormData, toFormValues, }: Readonly<UseParametersFormProps<TParams>>): UseComputationParametersFormReturn;

package/dist/components/parameters/common/hook/use-parameters-form.js

@@ -0,0 +1,60 @@
+import { useMemo, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import "react/jsx-runtime";
+import "@mui/material";
+import "react-intl";
+import "@mui/icons-material";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "../../../filter/HeaderFilterForm.js";
+import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from "../name-element-editor/name-element-editor-utils.js";
+function useParametersForm({
+  providers,
+  params,
+  name: initialName,
+  description: initialDescription,
+  formSchema: baseFormSchema,
+  emptyFormData,
+  toFormValues
+}) {
+  const paramsLoaded = useMemo(() => !!params, [params]);
+  const formattedProviders = useMemo(
+    () => Object.entries(providers).map(([key, value]) => ({
+      id: key,
+      label: value
+    })),
+    [providers]
+  );
+  const returnFormSchema = useMemo(() => {
+    return initialName === null ? baseFormSchema : baseFormSchema.concat(getNameElementEditorSchema(initialName));
+  }, [initialName, baseFormSchema]);
+  const newEmptyFormData = useMemo(() => {
+    return {
+      ...initialName === null ? {} : getNameElementEditorEmptyFormData(initialName, initialDescription),
+      ...emptyFormData
+    };
+  }, [initialName, initialDescription, emptyFormData]);
+  const returnFormMethods = useForm({
+    defaultValues: newEmptyFormData,
+    resolver: yupResolver(returnFormSchema)
+  });
+  const { reset } = returnFormMethods;
+  useEffect(() => {
+    if (params) {
+      reset(toFormValues(params));
+    }
+  }, [params, paramsLoaded, reset, toFormValues]);
+  return {
+    formMethods: returnFormMethods,
+    formSchema: returnFormSchema,
+    paramsLoaded,
+    formattedProviders
+  };
+}
+export {
+  useParametersForm
+};

package/dist/components/parameters/common/hook/use-tabs.d.ts

@@ -0,0 +1,13 @@
+import { SyntheticEvent } from 'react';
+import { FieldErrors } from 'react-hook-form';
+export type UseTabs<TTabValue extends string> = {
+    selectedTab: TTabValue;
+    tabsWithError: TTabValue[];
+    onTabChange: (event: SyntheticEvent, newValue: TTabValue) => void;
+    onError: (errors: FieldErrors) => void;
+};
+export type UseTabsProps<TTabValue extends string> = {
+    defaultTab: TTabValue;
+    tabEnum: Record<string, TTabValue>;
+};
+export declare function useTabs<TTabValue extends string>({ defaultTab, tabEnum, }: Readonly<UseTabsProps<TTabValue>>): UseTabs<TTabValue>;

package/dist/components/parameters/common/hook/use-tabs.js

@@ -0,0 +1,60 @@
+import { useState, useCallback } from "react";
+import { useFormState } from "react-hook-form";
+import { isObjectEmpty } from "../../../../utils/functions.js";
+function useTabs({
+  defaultTab,
+  tabEnum
+}) {
+  const { errors } = useFormState();
+  const [selectedTab, setSelectedTab] = useState(defaultTab);
+  const [tabsWithError, setTabsWithError] = useState([]);
+  const onTabChange = useCallback(
+    (event, newSelectedTab) => {
+      setSelectedTab(newSelectedTab);
+      if (!errors || isObjectEmpty(errors)) {
+        return;
+      }
+      const tabsHasError = [];
+      Object.values(tabEnum).forEach((tabValue) => {
+        if (errors?.[tabValue]) {
+          tabsHasError.push(tabValue);
+        }
+      });
+      if (tabsHasError.includes(newSelectedTab)) {
+        setTabsWithError(tabsHasError.filter((errorTab) => errorTab !== newSelectedTab));
+      } else {
+        setTabsWithError(tabsHasError);
+      }
+    },
+    [errors, tabEnum]
+  );
+  const onError = useCallback(
+    (_errors) => {
+      if (!_errors || isObjectEmpty(_errors)) {
+        return;
+      }
+      const tabsHasError = [];
+      Object.values(tabEnum).forEach((tabValue) => {
+        if (_errors?.[tabValue]) {
+          tabsHasError.push(tabValue);
+        }
+      });
+      if (tabsHasError.includes(selectedTab)) {
+        setTabsWithError(tabsHasError.filter((errorTab) => errorTab !== selectedTab));
+      } else if (tabsHasError.length > 0) {
+        setSelectedTab(tabsHasError[0]);
+        setTabsWithError(tabsHasError.filter((errorTab, index, arr) => errorTab !== arr[0]));
+      }
+    },
+    [selectedTab, tabEnum]
+  );
+  return {
+    selectedTab,
+    tabsWithError,
+    onTabChange,
+    onError
+  };
+}
+export {
+  useTabs
+};

package/dist/components/parameters/common/index.d.ts

@@ -15,3 +15,4 @@ export * from './widget';
 export * from './voltage-level-table';
 export * from './limitreductions';
 export * from './contingency-table';
+export * from './hook';

package/dist/components/parameters/common/index.js

@@ -17,7 +17,9 @@ import { LimitReductionsTableForm } from "./limitreductions/limit-reductions-tab
 import { LimitReductionTableRow } from "./limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./contingency-table/contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./contingency-table/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./contingency-table/columns-definitions.js";
+import { useTabs } from "./hook/use-tabs.js";
+import { useParametersForm } from "./hook/use-parameters-form.js";
 export {
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
@@ -46,7 +48,6 @@ export {
   PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD,
   PARAM_SA_PROVIDER,
   PROVIDER,
-  ParamContingencyLists,
   ParameterFloat,
   ParameterGroup,
   ParameterLineDirectoryItemsInput,
@@ -65,7 +66,10 @@ export {
   getContingencyListsInfosFormSchema,
   getLimitReductionsFormSchema,
   isValidComputingType,
+  isValidContingencyRow,
   sanitizePercentageValue,
   toFormValuesContingencyListsInfos,
-  toFormValuesLimitReductions
+  toFormValuesLimitReductions,
+  useParametersForm,
+  useTabs
 };

package/dist/components/parameters/common/parameter-field.js

@@ -47,7 +47,11 @@ import { LineSeparator } from "./line-separator.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "./widget/parameter-line-slider.js";
 import "./limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "./contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../filter/HeaderFilterForm.js";
 function ParameterField({ id, name, type, label, description, possibleValues, sx }) {
   const renderField = () => {
     switch (type) {

package/dist/components/parameters/common/parameter-table/table-cell.js

@@ -51,7 +51,7 @@ function EditableTableCell(arrayFormName, rowIndex, column, onRowChanged) {
             hideErrorMessage: true,
             label: void 0,
             itemFilter: void 0,
-            onRowChanged
+            onChange: onRowChanged
           }
         ),
         column.menuItems && /* @__PURE__ */ jsx(

package/dist/components/parameters/common/parameter-table-field/constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 NAME = "name";
+export declare const ID = "id";
+export declare const ACTIVATED = "activated";
+export declare const DESCRIPTION = "description";

package/dist/components/parameters/common/parameter-table-field/constants.js

@@ -0,0 +1,10 @@
+const NAME = "name";
+const ID = "id";
+const ACTIVATED = "activated";
+const DESCRIPTION = "description";
+export {
+  ACTIVATED,
+  DESCRIPTION,
+  ID,
+  NAME
+};

package/dist/components/parameters/common/{parameter-table → parameter-table-field}/index.d.ts

@@ -2,8 +2,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 https://mozilla.org/MPL/2.0/.
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './constants';
-export * from './parameter-table';
-export * from './types';
+export * from './parameter-table-field';

package/dist/components/parameters/common/parameter-table-field/index.js

@@ -0,0 +1,9 @@
+import { ACTIVATED, DESCRIPTION, ID, NAME } from "./constants.js";
+import { ParameterTableField } from "./parameter-table-field.js";
+export {
+  ACTIVATED,
+  DESCRIPTION,
+  ID,
+  NAME,
+  ParameterTableField
+};

package/dist/components/parameters/common/parameter-table-field/parameter-table-field.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, TooltipProps } from '@mui/material';
+import { FieldValues } from 'react-hook-form';
+import { DndTableProps } from '../../../dnd-table-v2';
+export type ParameterDndTableFieldProps = {
+    label?: string;
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    sxContainerProps?: SxProps;
+    isValidRow?: (rowData: FieldValues) => boolean;
+    onChange?: () => void;
+} & Omit<DndTableProps, 'useFieldArrayOutput' | 'onChange' | 'onDelete'>;
+export declare function ParameterTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, onChange, isValidRow, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/parameter-table-field/parameter-table-field.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Typography, Tooltip } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useFieldArray, useFormContext } from "react-hook-form";
+import { Info } from "@mui/icons-material";
+import { useRef, useMemo, useCallback } from "react";
+import { DndTable } from "../../../dnd-table-v2/dnd-table.js";
+import { getDefaultRowData } from "../../../dnd-table-v2/dnd-table-utils.js";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+function ParameterTableField({
+  name,
+  label,
+  columnsDefinition,
+  tooltipProps,
+  sxContainerProps,
+  onChange,
+  isValidRow,
+  ...otherProps
+}) {
+  const useFieldArrayOutput = useFieldArray({
+    name
+  });
+  const { getValues } = useFormContext();
+  const validRowCountRef = useRef(
+    getValues(name).filter((row) => isValidRow ? isValidRow(row) : true).length
+  );
+  const newDefaultRowData = useMemo(() => {
+    return getDefaultRowData(columnsDefinition);
+  }, [columnsDefinition]);
+  const createRows = useCallback(
+    (numberOfRows) => Array.from({ length: numberOfRows }, () => ({ ...newDefaultRowData })),
+    [newDefaultRowData]
+  );
+  const { title, ...otherTooltipProps } = tooltipProps || {};
+  const handleOnChange = useCallback(
+    (changedRow) => {
+      const currentValidRowCount = getValues(name).filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      const previousValidRowCount = validRowCountRef.current;
+      validRowCountRef.current = currentValidRowCount;
+      if (isValidRow ? isValidRow(changedRow) : true) {
+        onChange?.();
+      } else if (previousValidRowCount !== currentValidRowCount) {
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange, getValues, name]
+  );
+  const handleOnDelete = useCallback(
+    (removedRows) => {
+      const wasValidRowCount = removedRows.filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      if (wasValidRowCount > 0) {
+        validRowCountRef.current -= wasValidRowCount;
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange]
+  );
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
+    label && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+      tooltipProps && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
+          placement: "right-start",
+          sx: { marginLeft: 1 },
+          ...otherTooltipProps,
+          children: /* @__PURE__ */ jsx(Info, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DndTable,
+      {
+        name,
+        useFieldArrayOutput,
+        columnsDefinition,
+        createRows,
+        withAddRowsDialog: false,
+        onChange: handleOnChange,
+        onDelete: handleOnDelete,
+        ...otherProps
+      }
+    )
+  ] });
+}
+export {
+  ParameterTableField
+};

package/dist/components/parameters/common/parameters-edition-dialog-props.d.ts

@@ -10,7 +10,7 @@ export interface ParametersEditionDialogProps {
     name: string;
     description: string | null;
     activeDirectory: UUID;
-    isRootNode: boolean;
+    isRootNode?: boolean;
     language?: GsLang;
     user: User | null;
     globalBuildStatus?: BuildStatus;

package/dist/components/parameters/common/utils.d.ts

@@ -1,6 +1,5 @@
 import { ObjectSchema } from 'yup';
-import { SyntheticEvent } from 'react';
-import { FieldErrors, UseFormReturn } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
 import { SpecificParameterInfos, SpecificParametersDescription, SpecificParametersValues } from '../../../utils';
 import { default as yup } from '../../../utils/yupConfig';
 export declare const getSpecificParametersFormSchema: (specificParameters: SpecificParameterInfos[] | undefined) => ObjectSchema<{
@@ -14,13 +13,7 @@ export declare const getDefaultSpecificParamsValues: (specificParametersDescript
 export declare const formatSpecificParameters: (specificParametersDescriptionForProvider: SpecificParameterInfos[], specificParamsList: SpecificParametersValues) => SpecificParametersValues;
 export declare const getAllSpecificParametersValues: (formData: Record<string, any>, _specificParametersValues: SpecificParametersValues) => SpecificParametersValues;
 export declare const setSpecificParameters: (provider: string, specificParamsDescriptions: SpecificParametersDescription | null, formMethods: UseFormReturn) => void;
-type UseTabsReturn<TTabValue extends string> = {
-    selectedTab: TTabValue;
-    tabsWithError: TTabValue[];
-    onTabChange: (event: SyntheticEvent, newValue: TTabValue) => void;
-    onError: (errors: FieldErrors) => void;
-};
-export type UseComputationParametersFormReturn<TTabValue extends string> = UseTabsReturn<TTabValue> & {
+export type UseComputationParametersFormReturn = {
     formMethods: UseFormReturn;
     formSchema: ObjectSchema<any>;
     paramsLoaded: boolean;
@@ -29,9 +22,3 @@ export type UseComputationParametersFormReturn<TTabValue extends string> = UseTa
         label: string;
     }[];
 };
-type UseTabsProps<TTabValue extends string> = {
-    defaultTab: TTabValue;
-    tabEnum: Record<string, TTabValue>;
-};
-export declare function useTabs<TTabValue extends string>({ defaultTab, tabEnum, }: Readonly<UseTabsProps<TTabValue>>): UseTabsReturn<TTabValue>;
-export {};