@gridsuite/commons-ui 0.191.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/network-modifications/by-filter/deletion/ByFilterDeletionForm.d.ts

@@ -1,7 +1 @@
-/**
- * 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 function ByFilterDeletionForm(): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modifications/by-filter/deletion/ByFilterDeletionForm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
-import { useCallback, useMemo } from "react";
+import { useCallback } from "react";
 import { useWatch, useFormContext } from "react-hook-form";
 import "react-intl";
 import "../../../overflowableText/OverflowableText.js";
@@ -48,24 +48,20 @@ function ByFilterDeletionForm() {
   const handleEquipmentTypeChange = useCallback(() => {
     setValue(FieldConstants.FILTERS, []);
   }, [setValue]);
-  const typesOptions = useMemo(() => {
-    return Object.values(EQUIPMENT_TYPE_ORDER);
-  }, []);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, padding: 0.5, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, pt: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {
         isOptionEqualToValue: richTypeEquals,
         name: FieldConstants.TYPE,
         label: "Type",
-        options: typesOptions,
+        options: EQUIPMENT_TYPE_ORDER,
         onChangeCallback: handleEquipmentTypeChange,
         getOptionLabel,
-        size: "small",
-        formProps: { variant: "filled" }
+        size: "small"
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
       DirectoryItemsInput,
       {
         name: FieldConstants.FILTERS,

package/dist/components/network-modifications/common/connectivity/BranchConnectivityForm.js

@@ -1,7 +1,5 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import GridSection from "../../../grid/grid-section.js";
-import GridItem from "../../../grid/grid-item.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -17,45 +15,43 @@ function BranchConnectivityForm({
 }) {
   const id1 = `${FieldConstants.CONNECTIVITY}.${FieldConstants.CONNECTIVITY_1}`;
   const id2 = `${FieldConstants.CONNECTIVITY}.${FieldConstants.CONNECTIVITY_2}`;
-  const connectivity1Field = /* @__PURE__ */ jsx(
-    ConnectivityForm,
-    {
-      id: id1,
-      withPosition: true,
-      isEquipmentModification: isModification,
-      previousValues: {
-        connectablePosition: previousValues?.connectablePosition1,
-        voltageLevelId: previousValues?.voltageLevelId1,
-        busOrBusbarSectionId: previousValues?.busOrBusbarSectionId1,
-        terminalConnected: previousValues?.terminal1Connected
-      },
-      voltageLevelOptions,
-      fetchBusesOrBusbarSections,
-      PositionDiagramPane
-    }
-  );
-  const connectivity2Field = /* @__PURE__ */ jsx(
-    ConnectivityForm,
-    {
-      id: id2,
-      withPosition: true,
-      isEquipmentModification: isModification,
-      previousValues: {
-        connectablePosition: previousValues?.connectablePosition2,
-        voltageLevelId: previousValues?.voltageLevelId2,
-        busOrBusbarSectionId: previousValues?.busOrBusbarSectionId2,
-        terminalConnected: previousValues?.terminal2Connected
-      },
-      voltageLevelOptions,
-      fetchBusesOrBusbarSections,
-      PositionDiagramPane
-    }
-  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "Side1", heading: 4 }),
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivity1Field }) }),
+    /* @__PURE__ */ jsx(
+      ConnectivityForm,
+      {
+        id: id1,
+        withPosition: true,
+        isEquipmentModification: isModification,
+        previousValues: {
+          connectablePosition: previousValues?.connectablePosition1,
+          voltageLevelId: previousValues?.voltageLevelId1,
+          busOrBusbarSectionId: previousValues?.busOrBusbarSectionId1,
+          terminalConnected: previousValues?.terminal1Connected
+        },
+        voltageLevelOptions,
+        fetchBusesOrBusbarSections,
+        PositionDiagramPane
+      }
+    ),
     /* @__PURE__ */ jsx(GridSection, { title: "Side2", heading: 4 }),
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivity2Field }) })
+    /* @__PURE__ */ jsx(
+      ConnectivityForm,
+      {
+        id: id2,
+        withPosition: true,
+        isEquipmentModification: isModification,
+        previousValues: {
+          connectablePosition: previousValues?.connectablePosition2,
+          voltageLevelId: previousValues?.voltageLevelId2,
+          busOrBusbarSectionId: previousValues?.busOrBusbarSectionId2,
+          terminalConnected: previousValues?.terminal2Connected
+        },
+        voltageLevelOptions,
+        fetchBusesOrBusbarSections,
+        PositionDiagramPane
+      }
+    )
   ] });
 }
 export {

package/dist/components/network-modifications/common/measurements/BranchActiveReactivePowerMeasurementsForm.js

@@ -1,17 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { PowerMeasurementsForm } from "./PowerMeasurementsForm.js";
 import GridSection from "../../../grid/grid-section.js";
-const styles = {
-  h3: {
-    marginTop: 0,
-    marginBottom: 0
-  }
-};
 function BranchActiveReactivePowerMeasurementsForm({
   equipmentToModify
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GridSection, { title: "MeasurementsSection", customStyle: styles.h3 }),
+    /* @__PURE__ */ jsx(GridSection, { title: "MeasurementsSection" }),
     /* @__PURE__ */ jsx(GridSection, { title: "Side1", heading: 4 }),
     /* @__PURE__ */ jsx(
       PowerMeasurementsForm,

package/dist/components/network-modifications/common/measurements/PowerMeasurementsForm.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { PowerWithValidityForm } from "./PowerWithValidityForm.js";
-import GridItem from "../../../grid/grid-item.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -28,8 +27,8 @@ function PowerMeasurementsForm({
   };
   const activePowerId = `${FieldConstants.STATE_ESTIMATION}.${getActiveMeasurementType(side)}`;
   const reactivePowerId = `${FieldConstants.STATE_ESTIMATION}.${getReactiveMeasurementType(side)}`;
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    !reactivePowerOnly && /* @__PURE__ */ jsx(GridItem, { size: 12, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
+    !reactivePowerOnly && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
       PowerWithValidityForm,
       {
         id: activePowerId,
@@ -37,7 +36,7 @@ function PowerMeasurementsForm({
         measurement: activePowerMeasurement
       }
     ) }),
-    /* @__PURE__ */ jsx(GridItem, { size: 12, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
       PowerWithValidityForm,
       {
         id: reactivePowerId,