@gridsuite/commons-ui 0.192.0 → 0.193.0

package/dist/components/filter/constants/FilterConstants.d.ts

@@ -1,4 +1,9 @@
-import { ItemSelectionForCopy } from '../filter.type';
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
 export declare const DISTRIBUTION_KEY = "distributionKey";
 export declare const FilterType: {
     EXPERT: {
@@ -10,4 +15,3 @@ export declare const FilterType: {
         label: string;
     };
 };
-export declare const NO_ITEM_SELECTION_FOR_COPY: ItemSelectionForCopy;

package/dist/components/filter/constants/FilterConstants.js

@@ -3,16 +3,7 @@ const FilterType = {
   EXPERT: { id: "EXPERT", label: "filter.expert" },
   EXPLICIT_NAMING: { id: "IDENTIFIER_LIST", label: "filter.explicitNaming" }
 };
-const NO_ITEM_SELECTION_FOR_COPY = {
-  sourceItemUuid: null,
-  nameItem: null,
-  descriptionItem: null,
-  parentDirectoryUuid: null,
-  typeItem: null,
-  specificTypeItem: null
-};
 export {
   DISTRIBUTION_KEY,
-  FilterType,
-  NO_ITEM_SELECTION_FOR_COPY
+  FilterType
 };

package/dist/components/filter/expert/ExpertFilterEditionDialog.js

@@ -7,7 +7,8 @@ import { FetchStatus } from "../../../utils/constants/fetchStatus.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
 import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
-import { NO_ITEM_SELECTION_FOR_COPY, FilterType } from "../constants/FilterConstants.js";
+import { FilterType } from "../constants/FilterConstants.js";
+import { NO_ITEM_SELECTION_FOR_COPY } from "../../../utils/directory-utils.js";
 import { FilterForm } from "../FilterForm.js";
 import { saveExpertFilter } from "../utils/filterApi.js";
 import { expertFilterSchema } from "./ExpertFilterForm.js";

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

@@ -12,7 +12,8 @@ import { saveExplicitNamingFilter } from "../utils/filterApi.js";
 import { explicitNamingFilterSchema } from "./ExplicitNamingFilterForm.js";
 import { FetchStatus } from "../../../utils/constants/fetchStatus.js";
 import { FilterForm } from "../FilterForm.js";
-import { NO_ITEM_SELECTION_FOR_COPY, FilterType } from "../constants/FilterConstants.js";
+import { FilterType } from "../constants/FilterConstants.js";
+import { NO_ITEM_SELECTION_FOR_COPY } from "../../../utils/directory-utils.js";
 import { HeaderFilterSchema } from "../HeaderFilterForm.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
 import { snackWithFallback } from "../../../utils/error.js";

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

@@ -4,8 +4,8 @@ import { default as yup } from '../../../utils/yupConfig';
 import { DISTRIBUTION_KEY } from '../constants/FilterConstants';
 export declare const explicitNamingFilterSchema: {
     filterEquipmentsAttributes: yup.ArraySchema<{
-        equipmentID?: string | null | undefined;
         distributionKey?: number | null | undefined;
+        equipmentID?: string | null | undefined;
     }[] | undefined, yup.AnyObject, "", "">;
 };
 interface FilterTableRow {

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

@@ -1,23 +1,24 @@
 import { UUID } from 'node:crypto';
-import { FieldConstants, GsLang } from '../../utils';
+import { EquipmentType, FieldConstants, GsLang } from '../../utils';
+import { ItemSelectionForCopy } from '../../utils/types/types';
 import { RuleGroupTypeExport } from './expert/expertFilter.type';
 import { EXPERT_FILTER_QUERY } from './expert/expertFilterConstants';
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from './explicitNaming/ExplicitNamingFilterConstants';
-/**
- * Represent an item/object in directories.
- */
-export type ItemSelectionForCopy = {
-    sourceItemUuid: UUID | null;
-    typeItem: string | null;
-    nameItem: string | null;
-    descriptionItem: string | null;
-    parentDirectoryUuid: UUID | null;
-    specificTypeItem: string | null;
-};
-type EquipmentsFilter = {
+import { FilterType } from './constants/FilterConstants';
+export type EquipmentsFilter = {
     equipmentID: string;
     distributionKey?: number;
 };
+export interface IdentifiableAttributes {
+    id: string;
+    type: EquipmentType;
+    distributionKey: number;
+}
+export interface FilterEquipments {
+    filterId: UUID;
+    identifiableAttributes: IdentifiableAttributes[];
+    notFoundEquipments: string[];
+}
 export interface FilterEditionProps {
     id: string;
     name: string;
@@ -37,11 +38,20 @@ export interface FilterEditionProps {
     description?: string;
     isDeveloperMode: boolean;
 }
-export interface NewFilterType {
-    id: string | null;
+export type NewFilterType = ExpertFilter | ExplicitNamingFilter;
+type BaseFilter = {
+    id?: string | null;
+    name?: string;
     type: string;
     equipmentType: string;
-    rules?: RuleGroupTypeExport;
+};
+export type ExpertFilter = BaseFilter & {
+    type: typeof FilterType.EXPERT.id;
+    rules: RuleGroupTypeExport;
+    topologyKind?: string;
+};
+export type ExplicitNamingFilter = BaseFilter & {
+    type: typeof FilterType.EXPLICIT_NAMING.id;
     filterEquipmentsAttributes?: EquipmentsFilter[];
-}
+};
 export {};

package/dist/components/filter/index.js

@@ -1,6 +1,6 @@
 import { FilterCreationDialog } from "./FilterCreationDialog.js";
 import { FilterForm } from "./FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType } from "./constants/FilterConstants.js";
 import { ExpertFilterEditionDialog } from "./expert/ExpertFilterEditionDialog.js";
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData } from "./expert/ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./expert/expertFilter.type.js";
@@ -33,7 +33,6 @@ export {
   FilterForm,
   FilterType,
   LOAD_TYPE_OPTIONS,
-  NO_ITEM_SELECTION_FOR_COPY,
   OPERATOR_OPTIONS,
   OperatorType,
   PHASE_REGULATION_MODE_OPTIONS,

package/dist/components/index.js

@@ -40,7 +40,7 @@ import { useElementSearch } from "./elementSearch/hooks/useElementSearch.js";
 import { TagRenderer } from "./elementSearch/tagRenderer/TagRenderer.js";
 import { FilterCreationDialog } from "./filter/FilterCreationDialog.js";
 import { FilterForm } from "./filter/FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./filter/constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType } from "./filter/constants/FilterConstants.js";
 import { ExpertFilterEditionDialog } from "./filter/expert/ExpertFilterEditionDialog.js";
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData } from "./filter/expert/ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./filter/expert/expertFilter.type.js";
@@ -160,6 +160,8 @@ import { LimitReductionTableRow } from "./parameters/common/limitreductions/limi
 import { LimitReductionTableCell } from "./parameters/common/limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./parameters/common/contingency-table/contingency-table.js";
 import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./parameters/common/contingency-table/columns-definitions.js";
+import { useTabs } from "./parameters/common/hook/use-tabs.js";
+import { useParametersForm } from "./parameters/common/hook/use-parameters-form.js";
 import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INTL_LINE_FLOW_MODE_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NAD_POSITIONS_GENERATION_MODE, NAD_POSITIONS_GENERATION_MODE_LABEL, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_NAD_POSITIONS_GENERATION_MODE, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./parameters/network-visualizations/constants.js";
 import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_ETALAB, MAP_BASEMAP_MAPBOX, NadPositionsGenerationMode, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
 import { NetworkVisualizationParametersInline } from "./parameters/network-visualizations/network-visualizations-parameters-inline.js";
@@ -181,10 +183,11 @@ import { SecurityAnalysisParametersDialog } from "./parameters/security-analysis
 import { SensitivityAnalysisParametersInline } from "./parameters/sensi/sensitivity-analysis-parameters-inline.js";
 import { SensitivityAnalysisParametersDialog } from "./parameters/sensi/sensitivity-analysis-parameters-dialog.js";
 import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./parameters/sensi/columns-definitions.js";
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
-import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
+import { DynamicSimulationInline } from "./parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
+import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
+import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 import { OverflowableTableCell } from "./muiTable/OverflowableTableCell.js";
 import { OverflowableTableCellWithCheckbox } from "./muiTable/OverflowableTableCellWithCheckbox.js";
@@ -345,6 +348,7 @@ export {
   DndTableBottomRightButtons,
   DynamicMarginCalculationInline,
   DynamicSecurityAnalysisInline,
+  DynamicSimulationInline,
   ENERGY_SOURCE_OPTIONS,
   EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES,
   EQUIPMENT_TYPE_ORDER,
@@ -453,7 +457,6 @@ export {
   NAME,
   NODE_CLUSTER,
   NODE_CLUSTER_FILTER_IDS,
-  NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
   NetworkModificationNameCellRenderer,
   NetworkVisualizationParametersInline,
@@ -765,6 +768,8 @@ export {
   useHvdcLccDeletion,
   useListenerManager,
   useNotificationsListener,
+  useParametersForm,
+  useTabs,
   useTabsWithError,
   useValid,
   voltageLevelCreationDtoToForm,

package/dist/components/inputs/checkbox-autocomplete/checkbox-autocomplete.d.ts

@@ -0,0 +1,12 @@
+import { AutocompleteProps } from '@mui/material';
+interface CheckboxAutocompleteProps<Value> extends Omit<AutocompleteProps<Value, true, false, false>, 'limitTags' | 'multiple' | 'ListboxComponent' | 'renderInput' | 'renderOption' | 'inputValue' | 'onChange' | 'onBlur'> {
+    id?: string;
+    virtualize?: boolean;
+    maxSelection?: number;
+    options: Value[];
+    getOptionLabel: (option: Value) => string;
+    value: Value[];
+    onChange: (value: Value[]) => void;
+}
+export declare function CheckboxAutocomplete<Value>({ id, virtualize, maxSelection, options, getOptionLabel, onChange, ...otherProps }: Readonly<CheckboxAutocompleteProps<Value>>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,126 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { styled, Popper, autocompleteClasses, Autocomplete, lighten, TextField } from "@mui/material";
+import { useIntl } from "react-intl";
+import VirtualizedList from "./virtualized-list.js";
+import CheckboxItem from "./checkbox-item.js";
+const styles = {
+  autocomplete: (theme) => ({
+    ".MuiAutocomplete-inputRoot": {
+      height: "40px",
+      backgroundColor: "unset"
+      // prevents the field from changing size when selected with the keyboard
+    },
+    ".Mui-expanded, .Mui-focused, .Mui-focusVisible": {
+      position: "absolute",
+      width: "inherit",
+      height: "inherit",
+      zIndex: 20,
+      // jump up to avoid input zone pushed down below component
+      backgroundColor: lighten(theme.palette.background.default, 0.16)
+    },
+    "&.Mui-focused": {
+      ".MuiInputLabel-root": {
+        zIndex: 21,
+        // jump up to show max limit text
+        width: "auto"
+      }
+    },
+    "&:not(.Mui-focused) .MuiAutocomplete-tag": {
+      maxWidth: "calc(100% - 32px)"
+      // reduce 32px to avoid the number of hidden tags, e.g +2, shown in a new line
+    }
+  })
+};
+const StyledPopper = styled(Popper)({
+  [`& .${autocompleteClasses.listbox}`]: {
+    boxSizing: "border-box",
+    "& ul": {
+      padding: 0,
+      margin: 0
+    }
+  }
+});
+function CheckboxAutocomplete({
+  id,
+  virtualize = false,
+  maxSelection = 0,
+  options,
+  getOptionLabel,
+  onChange,
+  ...otherProps
+}) {
+  const intl = useIntl();
+  const [inputValue, setInputValue] = useState("");
+  const [isFocusInput, setIsFocusInput] = useState(false);
+  const [isMaxLimitReached, setMaxLimitReached] = useState(false);
+  const handleChange = (_event, value) => {
+    if (!maxSelection || value.length <= maxSelection) {
+      setMaxLimitReached(false);
+      onChange(value);
+    } else {
+      setMaxLimitReached(true);
+    }
+  };
+  const getInputLabel = () => {
+    if (!isFocusInput) {
+      return `${options?.length} ${intl.formatMessage({
+        id: "options"
+      })}`;
+    }
+    if (isMaxLimitReached) {
+      return `${maxSelection} ${intl.formatMessage({
+        id: "maxSelection"
+      })}`;
+    }
+    return void 0;
+  };
+  const renderInput = (params) => /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ...params,
+      label: getInputLabel(),
+      onChange: (event) => {
+        setInputValue(event.target.value);
+      },
+      onFocus: () => {
+        setIsFocusInput(true);
+      },
+      onBlur: () => {
+        setIsFocusInput(false);
+        setMaxLimitReached(false);
+      },
+      color: isMaxLimitReached ? "warning" : void 0
+    }
+  );
+  const renderOption = (props, option, state) => virtualize ? [option, state.selected, getOptionLabel, props] : /* @__PURE__ */ jsx(CheckboxItem, { option, selected: state.selected, getOptionLabel, ...props });
+  const handleBlur = () => {
+    setInputValue("");
+  };
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id: id ? `checkbox-autocomplete-${id}` : void 0,
+      sx: styles.autocomplete,
+      disableCloseOnSelect: true,
+      size: "small",
+      disableListWrap: true,
+      PopperComponent: StyledPopper,
+      options,
+      noOptionsText: intl.formatMessage({ id: "noOption" }),
+      getOptionLabel,
+      ...otherProps,
+      limitTags: 1,
+      multiple: true,
+      ListboxComponent: virtualize ? VirtualizedList : void 0,
+      renderInput,
+      renderOption,
+      inputValue,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  );
+}
+export {
+  CheckboxAutocomplete
+};

package/dist/components/inputs/checkbox-autocomplete/checkbox-item.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+interface CheckboxItemProps<Value> extends HTMLAttributes<HTMLElement> {
+    option: Value;
+    selected: boolean;
+    getOptionLabel: (option: Value) => string;
+}
+declare function CheckboxItem<Value>({ option, selected, getOptionLabel, ...otherProps }: Readonly<CheckboxItemProps<Value>>): import("react/jsx-runtime").JSX.Element;
+export default CheckboxItem;

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Typography, Checkbox } from "@mui/material";
+import { OverflowableText } from "../../overflowableText/OverflowableText.js";
+const styles = {
+  checkbox: {
+    marginRight: 8
+  }
+};
+function CheckboxItem({ option, selected, getOptionLabel, ...otherProps }) {
+  return /* @__PURE__ */ jsxs(Typography, { component: "li", ...otherProps, noWrap: true, children: [
+    /* @__PURE__ */ jsx(Checkbox, { style: styles.checkbox, checked: selected }),
+    /* @__PURE__ */ jsx(OverflowableText, { text: getOptionLabel(option) })
+  ] });
+}
+export {
+  CheckboxItem as default
+};

package/dist/components/inputs/checkbox-autocomplete/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './checkbox-autocomplete';

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

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

package/dist/components/inputs/checkbox-autocomplete/virtualized-list-item.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes, Key } from 'react';
+import { RowComponentProps } from 'react-window';
+export type VirtualizedItem = [
+    option: string,
+    selected: boolean,
+    getOptionLabel: (option: string) => string,
+    itemProps?: HTMLAttributes<HTMLElement> & {
+        key: Key;
+        style?: CSSProperties;
+    }
+];
+declare function VirtualizedListItem({ index, itemData, style, }: RowComponentProps & {
+    itemData: VirtualizedItem[];
+}): import("react/jsx-runtime").JSX.Element;
+export default VirtualizedListItem;

package/dist/components/inputs/checkbox-autocomplete/virtualized-list-item.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import CheckboxItem from "./checkbox-item.js";
+function VirtualizedListItem({
+  index,
+  itemData,
+  style
+}) {
+  const [option, selected, getOptionLabel, itemProps] = itemData[index];
+  const { key, style: itemStyle, ...restItemProps } = itemProps ?? {};
+  return /* @__PURE__ */ jsx(
+    CheckboxItem,
+    {
+      option,
+      selected,
+      getOptionLabel,
+      style: {
+        ...itemStyle,
+        ...style
+      },
+      ...restItemProps
+    },
+    key
+  );
+}
+export {
+  VirtualizedListItem as default
+};

package/dist/components/inputs/checkbox-autocomplete/virtualized-list.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+declare const VirtualizedList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLDivElement>>;
+export default VirtualizedList;

package/dist/components/inputs/checkbox-autocomplete/virtualized-list.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { List } from "react-window";
+import VirtualizedListItem from "./virtualized-list-item.js";
+const VirtualizedList = forwardRef((props, ref) => {
+  const { children, ...otherProps } = props;
+  const itemData = [...children];
+  const itemCount = itemData.length;
+  const itemSize = 48;
+  const getHeight = () => {
+    if (itemCount > 8) {
+      return 7 * itemSize;
+    }
+    return itemCount * itemSize;
+  };
+  return /* @__PURE__ */ jsx("div", { ref, ...otherProps, children: /* @__PURE__ */ jsx(
+    List,
+    {
+      rowProps: { itemData },
+      rowHeight: itemSize,
+      style: { height: getHeight() },
+      overscanCount: 5,
+      rowCount: itemCount,
+      rowComponent: VirtualizedListItem
+    }
+  ) });
+});
+export {
+  VirtualizedList as default
+};

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';