@gridsuite/commons-ui 0.191.0 → 0.193.0

package/dist/components/network-modifications/voltageLevel/modification/VoltageLevelModificationForm.js

@@ -1,7 +1,6 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { TextField, Grid } from "@mui/material";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, TextField } from "@mui/material";
 import { useWatch } from "react-hook-form";
-import GridItem from "../../../grid/grid-item.js";
 import GridSection from "../../../grid/grid-section.js";
 import "react-intl";
 import "../../../overflowableText/OverflowableText.js";
@@ -46,113 +45,107 @@ import "../../common/properties/propertyUtils.js";
 function VoltageLevelModificationForm({ voltageLevelToModify }) {
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
   const watchHideSubstationField = useWatch({ name: FieldConstants.HIDE_SUBSTATION_FIELD, defaultValue: true });
-  const voltageLevelIdField = /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      fullWidth: true,
-      label: "ID",
-      value: equipmentId ?? "",
-      InputProps: {
-        readOnly: true
-      },
-      disabled: true,
-      ...filledTextField
-    }
-  );
-  const voltageLevelNameField = /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      name: FieldConstants.EQUIPMENT_NAME,
-      label: "Name",
-      formProps: filledTextField,
-      clearable: true,
-      previousValue: voltageLevelToModify?.name ?? void 0
-    }
-  );
-  const substationField = /* @__PURE__ */ jsx(
-    AutocompleteInput,
-    {
-      allowNewValue: true,
-      forcePopupIcon: true,
-      name: FieldConstants.SUBSTATION_ID,
-      label: "SUBSTATION",
-      options: [voltageLevelToModify?.substationId ?? ""],
-      inputTransform: (value) => value === null ? "" : value,
-      outputTransform: (value) => value,
-      size: "small",
-      formProps: filledTextField,
-      disabled: true
-    }
-  );
-  const nominalVoltageField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.NOMINAL_V,
-      label: "NominalVoltage",
-      adornment: VoltageAdornment,
-      clearable: true,
-      previousValue: voltageLevelToModify?.nominalV
-    }
-  );
-  const lowVoltageLimitField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.LOW_VOLTAGE_LIMIT,
-      label: "LowVoltageLimit",
-      adornment: VoltageAdornment,
-      clearable: true,
-      previousValue: voltageLevelToModify?.lowVoltageLimit ?? void 0
-    }
-  );
-  const highVoltageLimitField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.HIGH_VOLTAGE_LIMIT,
-      label: "HighVoltageLimit",
-      adornment: VoltageAdornment,
-      clearable: true,
-      previousValue: voltageLevelToModify?.highVoltageLimit ?? void 0
-    }
-  );
-  const lowShortCircuitCurrentLimitField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
-      label: "LowShortCircuitCurrentLimit",
-      adornment: KiloAmpereAdornment,
-      clearable: true,
-      previousValue: voltageLevelToModify?.identifiableShortCircuit?.ipMin ?? void 0
-    }
-  );
-  const highShortCircuitCurrentLimitField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT,
-      label: "HighShortCircuitCurrentLimit",
-      adornment: KiloAmpereAdornment,
-      clearable: true,
-      previousValue: voltageLevelToModify?.identifiableShortCircuit?.ipMax ?? void 0
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageLevelIdField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageLevelNameField }),
-      !watchHideSubstationField && /* @__PURE__ */ jsx(GridItem, { size: 4, children: substationField })
-    ] }),
-    /* @__PURE__ */ jsx(GridSection, { title: "VoltageText" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: nominalVoltageField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: lowVoltageLimitField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: highVoltageLimitField })
-    ] }),
-    /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: lowShortCircuitCurrentLimitField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: highShortCircuitCurrentLimitField })
-    ] }),
-    /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "voltageLevel", isModification: true })
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          size: "small",
+          fullWidth: true,
+          label: "ID",
+          value: equipmentId ?? "",
+          InputProps: {
+            readOnly: true
+          },
+          disabled: true,
+          ...filledTextField
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          name: FieldConstants.EQUIPMENT_NAME,
+          label: "Name",
+          formProps: filledTextField,
+          clearable: true,
+          previousValue: voltageLevelToModify?.name ?? void 0
+        }
+      ) }),
+      !watchHideSubstationField && /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+        AutocompleteInput,
+        {
+          allowNewValue: true,
+          forcePopupIcon: true,
+          name: FieldConstants.SUBSTATION_ID,
+          label: "SUBSTATION",
+          options: [voltageLevelToModify?.substationId ?? ""],
+          inputTransform: (value) => value === null ? "" : value,
+          outputTransform: (value) => value,
+          size: "small",
+          formProps: filledTextField,
+          disabled: true
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "VoltageText" }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: FieldConstants.NOMINAL_V,
+            label: "NominalVoltage",
+            adornment: VoltageAdornment,
+            clearable: true,
+            previousValue: voltageLevelToModify?.nominalV
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: FieldConstants.LOW_VOLTAGE_LIMIT,
+            label: "LowVoltageLimit",
+            adornment: VoltageAdornment,
+            clearable: true,
+            previousValue: voltageLevelToModify?.lowVoltageLimit ?? void 0
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: FieldConstants.HIGH_VOLTAGE_LIMIT,
+            label: "HighVoltageLimit",
+            adornment: VoltageAdornment,
+            clearable: true,
+            previousValue: voltageLevelToModify?.highVoltageLimit ?? void 0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: FieldConstants.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
+            label: "LowShortCircuitCurrentLimit",
+            adornment: KiloAmpereAdornment,
+            clearable: true,
+            previousValue: voltageLevelToModify?.identifiableShortCircuit?.ipMin ?? void 0
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: FieldConstants.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT,
+            label: "HighShortCircuitCurrentLimit",
+            adornment: KiloAmpereAdornment,
+            clearable: true,
+            previousValue: voltageLevelToModify?.identifiableShortCircuit?.ipMax ?? void 0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "voltageLevel", isModification: true })
+    ] })
   ] });
 }
 export {

package/dist/components/node/build-status-chip.d.ts

@@ -6,7 +6,8 @@ type BuildStatusChipProps = {
     sx?: SxStyle;
     icon?: ReactElement;
     onClick?: (e: React.MouseEvent) => void;
+    isRootNode?: boolean;
     overrideLabel?: boolean;
 };
-export declare function BuildStatusChip({ buildStatus, sx, icon, onClick, overrideLabel, }: Readonly<BuildStatusChipProps>): import("react/jsx-runtime").JSX.Element;
+export declare function BuildStatusChip({ buildStatus, sx, icon, onClick, isRootNode, overrideLabel, }: Readonly<BuildStatusChipProps>): import("react/jsx-runtime").JSX.Element;
 export default BuildStatusChip;

package/dist/components/node/build-status-chip.js

@@ -7,7 +7,7 @@ import "@mui/icons-material";
 import { mergeSx } from "../../utils/styles.js";
 import "../../utils/yupConfig.js";
 import { BuildStatus } from "./constant.js";
-function getBuildStatusSx(buildStatus) {
+function getBuildStatusSx(isRootNode, buildStatus) {
   return (theme) => {
     const bs = theme.node.buildStatus;
     let bg;
@@ -25,6 +25,9 @@ function getBuildStatusSx(buildStatus) {
         bg = bs.notBuilt;
         break;
     }
+    if (isRootNode) {
+      bg = bs.warning;
+    }
     return {
       background: bg,
       // only set explicit contrast color when it's the "notBuilt" background
@@ -46,15 +49,22 @@ function BuildStatusChip({
   sx,
   icon,
   onClick,
+  isRootNode = false,
   overrideLabel = false
 }) {
   const intl = useIntl();
   let labelId = buildStatus?.toString();
+  let localNodeStatus = buildStatus;
   if (overrideLabel) {
-    if (labelId === BuildStatus.BUILT) {
+    if (isRootNode) {
+      labelId = "ROOT_NODE";
+      localNodeStatus = BuildStatus.NOT_BUILT;
+    } else if (labelId === BuildStatus.BUILT || labelId === BuildStatus.BUILT_WITH_WARNING || labelId === BuildStatus.BUILT_WITH_ERROR) {
       labelId = "NODE_BUILT";
+      localNodeStatus = BuildStatus.BUILT;
     } else if (labelId === BuildStatus.NOT_BUILT) {
       labelId = "NODE_NOT_BUILT";
+      localNodeStatus = BuildStatus.NOT_BUILT;
     }
   }
   const label = intl.formatMessage({ id: labelId });
@@ -65,7 +75,7 @@ function BuildStatusChip({
       size: "small",
       icon,
       onClick,
-      sx: mergeSx(getBuildStatusSx(buildStatus), sx, baseStyle)
+      sx: mergeSx(getBuildStatusSx(isRootNode, localNodeStatus), sx, baseStyle)
     }
   );
 }

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

@@ -18,6 +18,8 @@ import { LimitReductionTableRow } from "./limitreductions/limit-reduction-table-
 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 { useTabs } from "./hook/use-tabs.js";
+import { useParametersForm } from "./hook/use-parameters-form.js";
 export {
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
@@ -67,5 +69,7 @@ export {
   isValidComputingType,
   sanitizePercentageValue,
   toFormValuesContingencyListsInfos,
-  toFormValuesLimitReductions
+  toFormValuesLimitReductions,
+  useParametersForm,
+  useTabs
 };

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

@@ -48,6 +48,8 @@ import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "./widget/parameter-line-slider.js";
 import "./limitreductions/columns-definitions.js";
 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/parameters-edition-dialog-props.d.ts

@@ -10,6 +10,7 @@ export interface ParametersEditionDialogProps {
     name: string;
     description: string | null;
     activeDirectory: UUID;
+    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 {};

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

@@ -1,8 +1,6 @@
-import { useState, useCallback } from "react";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { ParameterType } from "../../../utils/types/parameters.type.js";
-import { isObjectEmpty } from "../../../utils/functions.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
@@ -82,47 +80,10 @@ const setSpecificParameters = (provider, specificParamsDescriptions, formMethods
   const specificParamsValues = getDefaultSpecificParamsValues(specificParams);
   formMethods.setValue(SPECIFIC_PARAMETERS, specificParamsValues);
 };
-function useTabs({
-  defaultTab,
-  tabEnum
-}) {
-  const [tabValue, setTabValue] = useState(defaultTab);
-  const [tabValuesWithError, setTabValuesWithError] = useState([]);
-  const handleTabChange = useCallback((event, newValue) => {
-    setTabValue(newValue);
-  }, []);
-  const onError = useCallback(
-    (errors) => {
-      if (!errors || isObjectEmpty(errors)) {
-        return;
-      }
-      const tabsInError = [];
-      Object.values(tabEnum).forEach((tab) => {
-        if (errors?.[tab] && tab !== tabValue) {
-          tabsInError.push(tab);
-        }
-      });
-      if (tabsInError.includes(tabValue)) {
-        setTabValuesWithError(tabsInError.filter((errorTab) => errorTab !== tabValue));
-      } else if (tabsInError.length > 0) {
-        setTabValue(tabsInError[0]);
-        setTabValuesWithError(tabsInError.filter((errorTab, index, arr) => errorTab !== arr[0]));
-      }
-    },
-    [tabValue, tabEnum]
-  );
-  return {
-    selectedTab: tabValue,
-    tabsWithError: tabValuesWithError,
-    onTabChange: handleTabChange,
-    onError
-  };
-}
 export {
   formatSpecificParameters,
   getAllSpecificParametersValues,
   getDefaultSpecificParamsValues,
   getSpecificParametersFormSchema,
-  setSpecificParameters,
-  useTabs
+  setSpecificParameters
 };

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-form.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import { UseDynamicMarginCalculationParametersFormReturn } from './use-dynamic-margin-calculation-parameters-form';
+import { FieldErrors } from 'react-hook-form';
+import { UseComputationParametersFormReturn } from '../common/utils';
 type DynamicMarginCalculationFormProps = {
-    dynamicMarginCalculationMethods: UseDynamicMarginCalculationParametersFormReturn;
+    dynamicMarginCalculationMethods: UseComputationParametersFormReturn;
     renderTitleFields?: () => ReactNode;
-    renderActions?: () => ReactNode;
+    renderActions?: (onSubmitError: (errors: FieldErrors) => void) => ReactNode;
 };
 export declare function DynamicMarginCalculationForm({ dynamicMarginCalculationMethods, renderTitleFields, renderActions, }: Readonly<DynamicMarginCalculationFormProps>): import("react/jsx-runtime").JSX.Element;
 export {};