@gridsuite/commons-ui 0.88.1 → 0.88.3

package/dist/components/contingencyList/criteriaBased/CriteriaBasedForm.js

@@ -17,7 +17,6 @@ import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";
 import "@mui/material/DialogActions";
 import "@mui/material/Button";
-import "@mui/material/styles";
 function CriteriaBasedForm({ equipments, defaultValues, children }) {
   const { getValues, setValue } = useFormContext();
   const { snackError } = useSnackMessage();

package/dist/components/dialogs/elementCreationDialog/ElementCreationDialog.js

@@ -33,7 +33,6 @@ import "@mui/material/Button";
 import "@mui/material/Grid";
 import "react-csv-downloader";
 import "@mui/material/Alert";
-import "@mui/material/styles";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";
 import "localized-countries/data/fr";

package/dist/components/filter/FilterForm.js

@@ -19,7 +19,6 @@ import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";
 import "@mui/material/DialogActions";
 import "@mui/material/Button";
-import "@mui/material/styles";
 function FilterForm({
   sourceFilterForExplicitNamingConversion,
   creation,

package/dist/components/filter/HeaderFilterForm.js

@@ -31,7 +31,6 @@ import "@mui/material/Button";
 import "@mui/material/Grid";
 import "react-csv-downloader";
 import "@mui/material/Alert";
-import "@mui/material/styles";
 import { RadioInput } from "../inputs/reactHookForm/booleans/RadioInput.js";
 import "../inputs/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";

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

@@ -24,7 +24,6 @@ import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";
 import "@mui/material/DialogActions";
 import "@mui/material/Button";
-import "@mui/material/styles";
 import { FieldType } from "../../../utils/types/fieldType.js";
 import { useFormatLabelWithUnit } from "../../../hooks/useFormatLabelWithUnit.js";
 import { filterStyles } from "../HeaderFilterForm.js";

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

@@ -11,6 +11,7 @@ export declare enum OperatorType {
     GREATER_OR_EQUALS = "GREATER_OR_EQUALS",
     BETWEEN = "BETWEEN",
     IN = "IN",
+    NOT_IN = "NOT_IN",
     IS = "IS",
     CONTAINS = "CONTAINS",
     BEGINS_WITH = "BEGINS_WITH",

package/dist/components/filter/expert/expertFilter.type.js

@@ -7,6 +7,7 @@ var OperatorType = /* @__PURE__ */ ((OperatorType2) => {
   OperatorType2["GREATER_OR_EQUALS"] = "GREATER_OR_EQUALS";
   OperatorType2["BETWEEN"] = "BETWEEN";
   OperatorType2["IN"] = "IN";
+  OperatorType2["NOT_IN"] = "NOT_IN";
   OperatorType2["IS"] = "IS";
   OperatorType2["CONTAINS"] = "CONTAINS";
   OperatorType2["BEGINS_WITH"] = "BEGINS_WITH";

package/dist/components/filter/expert/expertFilterConstants.d.ts

@@ -142,6 +142,11 @@ export declare const OPERATOR_OPTIONS: {
         customName: OperatorType;
         label: string;
     };
+    NOT_IN: {
+        name: string;
+        customName: OperatorType;
+        label: string;
+    };
     IS: {
         name: OperatorType;
         customName: OperatorType;

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

@@ -145,6 +145,7 @@ const OPERATOR_OPTIONS = {
     label: "between"
   },
   IN: { name: "in", customName: OperatorType.IN, label: "in" },
+  NOT_IN: { name: "notIn", customName: OperatorType.NOT_IN, label: "notIn" },
   // String
   IS: { name: OperatorType.IS, customName: OperatorType.IS, label: "is" },
   CONTAINS: {

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

@@ -98,11 +98,7 @@ const getOperators = (fieldName, intl) => {
       }));
     }
     case DataType.PROPERTY: {
-      const propertiesOperators = [OPERATOR_OPTIONS.IS];
-      return propertiesOperators.map((operator) => ({
-        name: operator.name,
-        label: intl.formatMessage({ id: operator.label })
-      }));
+      return [];
     }
     case DataType.COMBINATOR: {
       const combinatorOperators = [OPERATOR_OPTIONS.IS];

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

@@ -26,7 +26,6 @@ import "@mui/material/DialogTitle";
 import "@mui/material/DialogContent";
 import "@mui/material/DialogActions";
 import "@mui/material/Button";
-import "@mui/material/styles";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
 import { filterStyles } from "../HeaderFilterForm.js";
 import * as yup from "yup";

package/dist/components/index.js

@@ -75,7 +75,8 @@ import { CancelButton } from "./inputs/reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./inputs/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./inputs/reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./inputs/reactHookForm/utils/TextFieldWithAdornment.js";
-import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./inputs/reactHookForm/utils/functions.js";
+import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./inputs/reactHookForm/utils/functions.js";
+import { HelperPreviousValue } from "./inputs/reactHookForm/utils/HelperPreviousValue.js";
 import { AddButton } from "./inputs/reactQueryBuilder/AddButton.js";
 import { AutocompleteWithFavorites } from "./inputs/reactQueryBuilder/AutocompleteWithFavorites.js";
 import { CombinatorSelector } from "./inputs/reactQueryBuilder/CombinatorSelector.js";
@@ -168,6 +169,7 @@ export {
   FloatInput,
   GridLogo,
   GroupValueEditor,
+  HelperPreviousValue,
   InputWithPopupConfirmation,
   IntegerInput,
   LOAD_TYPE_OPTIONS,
@@ -228,7 +230,6 @@ export {
   exportExpertRules,
   extractDefault,
   genHelperError,
-  genHelperPreviousValue,
   generateTreeViewFinderClass,
   getCriteriaBasedFormData,
   getCriteriaBasedSchema,

package/dist/components/inputs/index.js

@@ -33,7 +33,8 @@ import { CancelButton } from "./reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./reactHookForm/utils/TextFieldWithAdornment.js";
-import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./reactHookForm/utils/functions.js";
+import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./reactHookForm/utils/functions.js";
+import { HelperPreviousValue } from "./reactHookForm/utils/HelperPreviousValue.js";
 import { AddButton } from "./reactQueryBuilder/AddButton.js";
 import { AutocompleteWithFavorites } from "./reactQueryBuilder/AutocompleteWithFavorites.js";
 import { CombinatorSelector } from "./reactQueryBuilder/CombinatorSelector.js";
@@ -76,6 +77,7 @@ export {
   FieldLabel,
   FloatInput,
   GroupValueEditor,
+  HelperPreviousValue,
   InputWithPopupConfirmation,
   IntegerInput,
   MidFormError,
@@ -103,7 +105,6 @@ export {
   ValueEditor,
   ValueSelector,
   genHelperError,
-  genHelperPreviousValue,
   getRangeInputSchema,
   gridItem,
   identity,

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.d.ts

@@ -12,8 +12,9 @@ export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, b
     allowNewValue?: boolean;
     onChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
+    disabledTooltip?: boolean;
 }
 export declare function AutocompleteInput({ name, label, options, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with select fields that need to return a string
 inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with select fields that need to return a string
 readOnly, previousValue, allowNewValue, onChangeCallback, // method called when input value is changing
-formProps, ...props }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;
+formProps, disabledTooltip, ...props }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete, TextField } from "@mui/material";
 import { useController } from "react-hook-form";
-import { identity, genHelperError, genHelperPreviousValue, isFieldRequired } from "../utils/functions.js";
+import { identity, genHelperError, isFieldRequired } from "../utils/functions.js";
 import { FieldLabel } from "../utils/FieldLabel.js";
 import { useCustomFormContext } from "../provider/useCustomFormContext.js";
+import { HelperPreviousValue } from "../utils/HelperPreviousValue.js";
 function AutocompleteInput({
   name,
   label,
@@ -18,14 +19,19 @@ function AutocompleteInput({
   onChangeCallback,
   // method called when input value is changing
   formProps,
+  disabledTooltip,
   ...props
 }) {
-  const { validationSchema, getValues, removeOptional } = useCustomFormContext();
+  const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
   const {
     field: { onChange, value, ref },
     fieldState: { error }
   } = useController({ name });
   const handleChange = (newValue) => {
+    const currentValue = getValues(name);
+    if ((currentValue == null ? void 0 : currentValue.id) === newValue) {
+      return;
+    }
     onChangeCallback == null ? void 0 : onChangeCallback();
     if (!allowNewValue || typeof newValue !== "string") {
       onChange(outputTransform(newValue));
@@ -64,7 +70,14 @@ function AutocompleteInput({
           },
           inputRef: ref,
           inputProps: { ...inputProps, readOnly },
-          ...genHelperPreviousValue(previousValue),
+          helperText: /* @__PURE__ */ jsx(
+            HelperPreviousValue,
+            {
+              previousValue,
+              isNodeBuilt,
+              disabledTooltip: disabledTooltip || !isUpdate && isNodeBuilt
+            }
+          ),
           ...genHelperError(error == null ? void 0 : error.message),
           ...formProps,
           ...rest

package/dist/components/inputs/reactHookForm/index.js

@@ -32,7 +32,8 @@ import { CancelButton } from "./utils/CancelButton.js";
 import { FieldLabel } from "./utils/FieldLabel.js";
 import { SubmitButton } from "./utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./utils/TextFieldWithAdornment.js";
-import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./utils/functions.js";
+import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./utils/functions.js";
+import { HelperPreviousValue } from "./utils/HelperPreviousValue.js";
 export {
   AutocompleteInput,
   BooleanInput,
@@ -52,6 +53,7 @@ export {
   FieldErrorAlert,
   FieldLabel,
   FloatInput,
+  HelperPreviousValue,
   InputWithPopupConfirmation,
   IntegerInput,
   MidFormError,
@@ -71,7 +73,6 @@ export {
   TextInput,
   UniqueNameInput,
   genHelperError,
-  genHelperPreviousValue,
   getRangeInputSchema,
   gridItem,
   identity,

package/dist/components/inputs/reactHookForm/provider/CustomFormProvider.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { ObjectSchema } from 'yup';
 
@@ -6,8 +6,10 @@ type CustomFormContextProps<TFieldValues extends FieldValues = FieldValues> = {
     removeOptional?: boolean;
     validationSchema: ObjectSchema<TFieldValues>;
     language?: string;
+    isNodeBuilt?: boolean;
+    isUpdate?: boolean;
 };
 export type MergedFormContextProps<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & CustomFormContextProps<TFieldValues>;
-export declare const CustomFormContext: React.Context<CustomFormContextProps<FieldValues>>;
+export declare const CustomFormContext: import('react').Context<CustomFormContextProps<FieldValues>>;
 export declare function CustomFormProvider<TFieldValues extends FieldValues = FieldValues>(props: PropsWithChildren<MergedFormContextProps<TFieldValues>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/reactHookForm/provider/CustomFormProvider.js

@@ -1,21 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import React, { createContext } from "react";
+import { createContext, useMemo } from "react";
 import { FormProvider } from "react-hook-form";
 import * as yup from "yup";
+import "react-intl";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/material";
 import { getSystemLanguage } from "../../../../hooks/useLocalizedCountries.js";
+import "notistack";
 const CustomFormContext = createContext({
   removeOptional: false,
   validationSchema: yup.object(),
-  language: getSystemLanguage()
+  language: getSystemLanguage(),
+  isNodeBuilt: false,
+  isUpdate: false
 });
 function CustomFormProvider(props) {
-  const { validationSchema, removeOptional, language, children, ...formMethods } = props;
+  const { validationSchema, removeOptional, language, isNodeBuilt, isUpdate, children, ...formMethods } = props;
   return /* @__PURE__ */ jsx(FormProvider, { ...formMethods, children: /* @__PURE__ */ jsx(
     CustomFormContext.Provider,
     {
-      value: React.useMemo(
-        () => ({ validationSchema, removeOptional, language }),
-        [validationSchema, removeOptional, language]
+      value: useMemo(
+        () => ({ validationSchema, removeOptional, language, isNodeBuilt, isUpdate }),
+        [validationSchema, removeOptional, language, isNodeBuilt, isUpdate]
       ),
       children
     }

package/dist/components/inputs/reactHookForm/text/TextInput.d.ts

@@ -19,9 +19,10 @@ export interface TextInputProps {
     previousValue?: Input;
     clearable?: boolean;
     formProps?: Omit<TextFieldWithAdornmentProps | TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
+    disabledTooltip?: boolean;
 }
 export declare function TextInput({ name, label, labelValues, // this prop is used to add a value to label. this value is displayed without being translated
 id, adornment, customAdornment, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with number fields
 inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with number fields
 acceptValue, // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
-previousValue, clearable, formProps, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+previousValue, clearable, formProps, disabledTooltip, }: TextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/TextInput.js

@@ -4,8 +4,9 @@ import { Clear } from "@mui/icons-material";
 import { useController } from "react-hook-form";
 import { TextFieldWithAdornment } from "../utils/TextFieldWithAdornment.js";
 import { FieldLabel } from "../utils/FieldLabel.js";
-import { identity, isFieldRequired, genHelperError, genHelperPreviousValue } from "../utils/functions.js";
+import { identity, isFieldRequired, genHelperError } from "../utils/functions.js";
 import { useCustomFormContext } from "../provider/useCustomFormContext.js";
+import { HelperPreviousValue } from "../utils/HelperPreviousValue.js";
 function TextInput({
   name,
   label,
@@ -22,9 +23,11 @@ function TextInput({
   // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
   previousValue,
   clearable,
-  formProps
+  formProps,
+  disabledTooltip
+  // In case we don't want to show tooltip on the value and warning/info icons
 }) {
-  const { validationSchema, getValues, removeOptional } = useCustomFormContext();
+  const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
   const {
     field: { onChange, value, ref },
     fieldState: { error }
@@ -67,7 +70,15 @@ function TextInput({
       ...clearable && adornment && {
         handleClearValue
       },
-      ...genHelperPreviousValue(previousValue, adornment),
+      helperText: /* @__PURE__ */ jsx(
+        HelperPreviousValue,
+        {
+          previousValue,
+          isNodeBuilt,
+          disabledTooltip: disabledTooltip || !isUpdate && isNodeBuilt,
+          adornmentText: adornment == null ? void 0 : adornment.text
+        }
+      ),
       ...genHelperError(error == null ? void 0 : error.message),
       ...formProps,
       ...adornment && { ...finalAdornment }

package/dist/components/inputs/reactHookForm/utils/CancelButton.d.ts

@@ -1,9 +1,3 @@
-/**
- * Copyright (c) 2023, 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 CancelButton({ ...inProps }: {
-    [x: string]: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from '@mui/material';
+
+export declare function CancelButton(inProps: Readonly<Omit<ButtonProps, 'children'>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/utils/CancelButton.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Button } from "@mui/material";
+import { useThemeProps, Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import { useThemeProps } from "@mui/material/styles";
-function CancelButton({ ...inProps }) {
+function CancelButton(inProps) {
   const props = useThemeProps({ props: inProps, name: "CancelButton" });
   return /* @__PURE__ */ jsx(Button, { ...props, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "cancel" }) });
 }

package/dist/components/inputs/reactHookForm/utils/HelperPreviousValue.d.ts

@@ -0,0 +1,9 @@
+import { Input } from '../../../../utils';
+
+export interface HelperPreviousValueProps {
+    previousValue?: Input;
+    isNodeBuilt?: boolean;
+    disabledTooltip?: boolean;
+    adornmentText?: string;
+}
+export declare function HelperPreviousValue({ previousValue, isNodeBuilt, disabledTooltip, adornmentText, }: Readonly<HelperPreviousValueProps>): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/inputs/reactHookForm/utils/HelperPreviousValue.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { FormHelperText, Stack, Tooltip, Typography } from "@mui/material";
+import { InfoOutlined, WarningAmberRounded } from "@mui/icons-material";
+function HelperPreviousValue({
+  previousValue,
+  isNodeBuilt,
+  disabledTooltip,
+  adornmentText
+}) {
+  const intl = useIntl();
+  if (!previousValue && previousValue !== 0) {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx(FormHelperText, { error: false, sx: { marginLeft: 0 }, children: !disabledTooltip ? /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: intl.formatMessage({ id: isNodeBuilt ? "builtNodeTooltip" : "notBuiltNodeTooltip" }),
+        placement: "right",
+        arrow: true,
+        PopperProps: {
+          modifiers: [
+            {
+              name: "offset",
+              options: {
+                offset: [0, -10]
+              }
+            }
+          ]
+        },
+        children: isNodeBuilt ? /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "small" }) : /* @__PURE__ */ jsx(WarningAmberRounded, { color: "warning", fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { noWrap: true, fontSize: 11, align: "center", children: previousValue + (adornmentText ? ` ${adornmentText}` : "") })
+  ] }) : previousValue + (adornmentText ? ` ${adornmentText}` : "") });
+}
+export {
+  HelperPreviousValue
+};

package/dist/components/inputs/reactHookForm/utils/functions.d.ts

@@ -1,9 +1,5 @@
 import { ReactElement } from 'react';
 
-export declare function genHelperPreviousValue(previousValue: number | string, adornment?: any): {
-    error?: boolean | undefined;
-    helperText?: string | undefined;
-};
 export declare function genHelperError(...errors: any[]): {
     error: boolean;
     helperText: import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/utils/functions.js

@@ -2,14 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { getIn } from "yup";
 import { Grid } from "@mui/material";
-function genHelperPreviousValue(previousValue, adornment) {
-  return {
-    ...(previousValue || previousValue === 0) && {
-      error: false,
-      helperText: previousValue + (adornment ? ` ${adornment == null ? void 0 : adornment.text}` : "")
-    }
-  };
-}
 function genHelperError(...errors) {
   const inError = errors.find((e) => e);
   if (inError) {
@@ -43,7 +35,6 @@ const toFloatOrNullValue = (value) => {
 };
 export {
   genHelperError,
-  genHelperPreviousValue,
   gridItem,
   identity,
   isFieldRequired,

package/dist/components/inputs/reactHookForm/utils/index.d.ts

@@ -9,3 +9,4 @@ export * from './FieldLabel';
 export * from './SubmitButton';
 export * from './TextFieldWithAdornment';
 export * from './functions';
+export * from './HelperPreviousValue';

package/dist/components/inputs/reactHookForm/utils/index.js

@@ -2,14 +2,15 @@ import { CancelButton } from "./CancelButton.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { SubmitButton } from "./SubmitButton.js";
 import { TextFieldWithAdornment } from "./TextFieldWithAdornment.js";
-import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./functions.js";
+import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./functions.js";
+import { HelperPreviousValue } from "./HelperPreviousValue.js";
 export {
   CancelButton,
   FieldLabel,
+  HelperPreviousValue,
   SubmitButton,
   TextFieldWithAdornment,
   genHelperError,
-  genHelperPreviousValue,
   gridItem,
   identity,
   isFieldRequired,

package/dist/components/inputs/reactQueryBuilder/CustomReactQueryBuilder.js

@@ -18,6 +18,7 @@ import { FieldErrorAlert } from "../reactHookForm/errorManagement/FieldErrorAler
 import { countRules, queryValidator, getOperators } from "../../filter/expert/expertFilterUtils.js";
 import { RemoveButton } from "./RemoveButton.js";
 import { FieldSelector } from "./FieldSelector.js";
+import { OperatorSelector } from "./OperatorSelector.js";
 function RuleAddButton(props) {
   return /* @__PURE__ */ jsx(AddButton, { ...props, label: "rule" });
 }
@@ -86,7 +87,7 @@ function CustomReactQueryBuilder(props) {
           removeRuleAction: RemoveButton,
           removeGroupAction: RemoveButton,
           valueEditor: ValueEditor,
-          operatorSelector: ValueSelector,
+          operatorSelector: OperatorSelector,
           fieldSelector: FieldSelector,
           valueSourceSelector: ValueSelector
         },

package/dist/components/inputs/reactQueryBuilder/OperatorSelector.d.ts

@@ -0,0 +1,3 @@
+import { ValueSelectorProps } from 'react-querybuilder';
+
+export declare function OperatorSelector(props: Readonly<ValueSelectorProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/inputs/reactQueryBuilder/OperatorSelector.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { MaterialValueSelector } from "@react-querybuilder/material";
+import "react";
+import "react-intl";
+import "../../../utils/types/equipmentType.js";
+import "@mui/material";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
+function OperatorSelector(props) {
+  const { options } = props;
+  const selectAppearance = useSelectAppearance((options == null ? void 0 : options.length) || 0);
+  if (!(options == null ? void 0 : options.length)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(MaterialValueSelector, { ...props, ...selectAppearance, sx: { border: "none" } });
+}
+export {
+  OperatorSelector
+};

package/dist/components/inputs/reactQueryBuilder/PropertyValueEditor.js

@@ -1,15 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useCallback } from "react";
 import Grid from "@mui/material/Grid";
-import { Autocomplete, TextField, Select, MenuItem } from "@mui/material";
+import { Autocomplete, TextField, FormControl, Select, MenuItem } from "@mui/material";
 import { useIntl } from "react-intl";
 import { useValid } from "./hooks/useValid.js";
 import { OPERATOR_OPTIONS } from "../../filter/expert/expertFilterConstants.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { usePredefinedProperties } from "../../../hooks/usePredefinedProperties.js";
-import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
 import { useCustomFilterOptions } from "../../../hooks/useCustomFilterOptions.js";
-const PROPERTY_VALUE_OPERATORS = [OPERATOR_OPTIONS.IN];
+const PROPERTY_VALUE_OPERATORS = [OPERATOR_OPTIONS.IN, OPERATOR_OPTIONS.NOT_IN];
 function PropertyValueEditor(props) {
   const { equipmentType, valueEditorProps } = props;
   const valid = useValid(valueEditorProps);
@@ -48,7 +47,7 @@ function PropertyValueEditor(props) {
     [valueEditorProps]
   );
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, item: true, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
       Autocomplete,
       {
         value: propertyName ?? "",
@@ -64,20 +63,19 @@ function PropertyValueEditor(props) {
         filterOptions: useCustomFilterOptions()
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: "auto", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: "auto", children: /* @__PURE__ */ jsx(FormControl, { variant: "standard", sx: { mt: 1, minWidth: 160 }, children: /* @__PURE__ */ jsx(
       Select,
       {
         value: propertyOperator ?? PROPERTY_VALUE_OPERATORS[0].customName,
         size: "small",
         title: valueEditorProps == null ? void 0 : valueEditorProps.title,
         error: !valid,
-        onChange: (event, value) => {
-          onChange(FieldConstants.PROPERTY_OPERATOR, value);
+        onChange: (event) => {
+          onChange(FieldConstants.PROPERTY_OPERATOR, event.target.value);
         },
-        ...useSelectAppearance(PROPERTY_VALUE_OPERATORS.length),
         children: PROPERTY_VALUE_OPERATORS.map((operator) => /* @__PURE__ */ jsx(MenuItem, { value: operator.customName, children: intl.formatMessage({ id: operator.label }) }, operator.customName))
       }
-    ) }),
+    ) }) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
       Autocomplete,
       {

package/dist/index.js

@@ -76,7 +76,8 @@ import { CancelButton } from "./components/inputs/reactHookForm/utils/CancelButt
 import { FieldLabel } from "./components/inputs/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./components/inputs/reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./components/inputs/reactHookForm/utils/TextFieldWithAdornment.js";
-import { genHelperError, genHelperPreviousValue, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./components/inputs/reactHookForm/utils/functions.js";
+import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./components/inputs/reactHookForm/utils/functions.js";
+import { HelperPreviousValue } from "./components/inputs/reactHookForm/utils/HelperPreviousValue.js";
 import { AddButton } from "./components/inputs/reactQueryBuilder/AddButton.js";
 import { AutocompleteWithFavorites } from "./components/inputs/reactQueryBuilder/AutocompleteWithFavorites.js";
 import { CombinatorSelector } from "./components/inputs/reactQueryBuilder/CombinatorSelector.js";
@@ -135,7 +136,7 @@ import { getFileIcon } from "./utils/mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./utils/mapper/equipmentTypesForPredefinedPropertiesMapper.js";
 import { makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./utils/styles.js";
 import { ElementType } from "./utils/types/elementType.js";
-import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./utils/types/equipmentType.js";
+import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./utils/types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./utils/types/equipmentTypes.js";
 import { MODIFICATION_TYPES, ModificationType } from "./utils/types/modificationType.js";
 import { FieldType } from "./utils/types/fieldType.js";
@@ -161,6 +162,7 @@ import { treeviewFinderEn } from "./translations/en/treeviewFinderEn.js";
 import { networkModificationsEn } from "./translations/en/networkModificationsEn.js";
 import { exportParamsEn } from "./translations/en/external/exportParamsEn.js";
 import { importParamsEn } from "./translations/en/external/importParamsEn.js";
+import { componentsEn } from "./translations/en/componentsEn.js";
 import { cardErrorBoundaryFr } from "./translations/fr/cardErrorBoundaryFr.js";
 import { commonButtonFr } from "./translations/fr/commonButtonFr.js";
 import { csvFr } from "./translations/fr/csvFr.js";
@@ -182,6 +184,7 @@ import { treeviewFinderFr } from "./translations/fr/treeviewFinderFr.js";
 import { networkModificationsFr } from "./translations/fr/networkModificationsFr.js";
 import { exportParamsFr } from "./translations/fr/external/exportParamsFr.js";
 import { importParamsFr } from "./translations/fr/external/importParamsFr.js";
+import { componentsFr } from "./translations/fr/componentsFr.js";
 import * as yup from "yup";
 export {
   AMPERE,
@@ -264,7 +267,9 @@ export {
   Generator,
   GridLogo,
   GroupValueEditor,
+  HelperPreviousValue,
   Hvdc,
+  HvdcType,
   InputWithPopupConfirmation,
   IntegerInput,
   KILO_AMPERE,
@@ -364,6 +369,8 @@ export {
   catchErrorHandler,
   commonButtonEn,
   commonButtonFr,
+  componentsEn,
+  componentsFr,
   convertInputValue,
   convertOutputValue,
   countRules,
@@ -408,7 +415,6 @@ export {
   flatParametersEn,
   flatParametersFr,
   genHelperError,
-  genHelperPreviousValue,
   generateTreeViewFinderClass,
   getComputedLanguage,
   getCriteriaBasedFormData,

package/dist/services/utils.js

@@ -28,7 +28,7 @@ const handleError = (response) => {
       customError.status = errorJson.status;
     } else {
       customError = new Error(`${errorName + response.status} ${response.statusText}, message : ${text}`);
-      customError.status = response.statusText;
+      customError.status = response.status;
     }
     throw customError;
   });

package/dist/translations/en/componentsEn.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2025, 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 componentsEn: {
+    notBuiltNodeTooltip: string;
+    builtNodeTooltip: string;
+};

package/dist/translations/en/componentsEn.js

@@ -0,0 +1,7 @@
+const componentsEn = {
+  notBuiltNodeTooltip: "Value from last built node in current branch",
+  builtNodeTooltip: "Current value taking into account all applied modifications"
+};
+export {
+  componentsEn
+};

package/dist/translations/en/filterEn.d.ts

@@ -17,6 +17,7 @@ export declare const filterEn: {
     not_exists: string;
     between: string;
     in: string;
+    notIn: string;
     inFilter: string;
     notInFilter: string;
     emptyRule: string;

package/dist/translations/en/filterEn.js

@@ -10,7 +10,8 @@ const filterEn = {
   exists: "exists",
   not_exists: "not exists",
   between: "between",
-  in: "in",
+  in: "is in",
+  notIn: "is not in",
   inFilter: "in filter",
   notInFilter: "not in filter",
   emptyRule: "Filter contains an empty field",

package/dist/translations/en/index.d.ts

@@ -25,3 +25,4 @@ export * from './treeviewFinderEn';
 export * from './networkModificationsEn';
 export * from './external/exportParamsEn';
 export * from './external/importParamsEn';
+export * from './componentsEn';

package/dist/translations/en/index.js

@@ -19,9 +19,11 @@ import { treeviewFinderEn } from "./treeviewFinderEn.js";
 import { networkModificationsEn } from "./networkModificationsEn.js";
 import { exportParamsEn } from "./external/exportParamsEn.js";
 import { importParamsEn } from "./external/importParamsEn.js";
+import { componentsEn } from "./componentsEn.js";
 export {
   cardErrorBoundaryEn,
   commonButtonEn,
+  componentsEn,
   csvEn,
   descriptionEn,
   directoryItemsInputEn,

package/dist/translations/fr/componentsFr.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2025, 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 componentsFr: {
+    notBuiltNodeTooltip: string;
+    builtNodeTooltip: string;
+};

package/dist/translations/fr/componentsFr.js

@@ -0,0 +1,7 @@
+const componentsFr = {
+  notBuiltNodeTooltip: "Valeur du dernier nœud réalisé de la branche courante",
+  builtNodeTooltip: "Valeur courante prenant en compte toutes les modifications réalisées"
+};
+export {
+  componentsFr
+};

package/dist/translations/fr/filterFr.d.ts

@@ -17,6 +17,7 @@ export declare const filterFr: {
     not_exists: string;
     between: string;
     in: string;
+    notIn: string;
     inFilter: string;
     notInFilter: string;
     emptyRule: string;

package/dist/translations/fr/filterFr.js

@@ -10,7 +10,8 @@ const filterFr = {
   exists: "existe",
   not_exists: "n'existe pas",
   between: "entre",
-  in: "dans",
+  in: "est parmi",
+  notIn: "n'est pas parmi",
   inFilter: "dans le filtre",
   notInFilter: "pas dans le filtre",
   emptyRule: "Le filtre contient un champ vide",

package/dist/translations/fr/index.d.ts

@@ -25,3 +25,4 @@ export * from './treeviewFinderFr';
 export * from './networkModificationsFr';
 export * from './external/exportParamsFr';
 export * from './external/importParamsFr';
+export * from './componentsFr';

package/dist/translations/fr/index.js

@@ -19,9 +19,11 @@ import { treeviewFinderFr } from "./treeviewFinderFr.js";
 import { networkModificationsFr } from "./networkModificationsFr.js";
 import { exportParamsFr } from "./external/exportParamsFr.js";
 import { importParamsFr } from "./external/importParamsFr.js";
+import { componentsFr } from "./componentsFr.js";
 export {
   cardErrorBoundaryFr,
   commonButtonFr,
+  componentsFr,
   csvFr,
   descriptionFr,
   directoryItemsInputFr,

package/dist/utils/index.js

@@ -10,7 +10,7 @@ import { getFileIcon } from "./mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./mapper/equipmentTypesForPredefinedPropertiesMapper.js";
 import { makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./styles.js";
 import { ElementType } from "./types/elementType.js";
-import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./types/equipmentType.js";
+import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./types/equipmentTypes.js";
 import { MODIFICATION_TYPES, ModificationType } from "./types/modificationType.js";
 import { FieldType } from "./types/fieldType.js";
@@ -34,6 +34,7 @@ export {
   GRIDSUITE_DEFAULT_PRECISION,
   Generator,
   Hvdc,
+  HvdcType,
   KILO_AMPERE,
   KILO_METER,
   KILO_VOLT,

package/dist/utils/types/elementType.d.ts

@@ -4,6 +4,9 @@
  * 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/.
  */
+/**
+ * All the elements we can find in the GridSuite storage system.
+ */
 export declare enum ElementType {
     DIRECTORY = "DIRECTORY",
     STUDY = "STUDY",

package/dist/utils/types/equipmentType.d.ts

@@ -39,6 +39,7 @@ export declare const equipmentStyles: {
 /**
  * The order of the equipments in this list is important, as many UI follow it directly.
  * When EquipmentType is used for an interface this order must be maintained.
+ * @deprecated move to a specialized subtype as this one is used everywhere and cause problems
  */
 export declare enum EquipmentType {
     SUBSTATION = "SUBSTATION",
@@ -63,6 +64,10 @@ export declare enum EquipmentType {
     DISCONNECTOR = "DISCONNECTOR",
     BREAKER = "BREAKER"
 }
+export declare enum HvdcType {
+    LCC = "LCC",
+    VSC = "VSC"
+}
 export declare enum ExtendedEquipmentType {
     HVDC_LINE_LCC = "HVDC_LINE_LCC",
     HVDC_LINE_VSC = "HVDC_LINE_VSC"
@@ -101,9 +106,9 @@ export interface EquipmentInfos extends Identifiable {
     voltageLevelId2?: string;
     voltageLevelName2?: string;
 }
-export declare const OperatingStatus: {
-    IN_OPERATION: string;
-    PLANNED_OUTAGE: string;
-    FORCED_OUTAGE: string;
-};
-export declare const getEquipmentsInfosForSearchBar: (equipmentsInfos: Equipment[], getNameOrId: (e: Identifiable) => string) => EquipmentInfos[];
+export declare enum OperatingStatus {
+    IN_OPERATION = "IN_OPERATION",
+    PLANNED_OUTAGE = "PLANNED_OUTAGE",
+    FORCED_OUTAGE = "FORCED_OUTAGE"
+}
+export declare function getEquipmentsInfosForSearchBar(equipmentsInfos: Equipment[], getNameOrId: (e: Identifiable) => string): EquipmentInfos[];

package/dist/utils/types/equipmentType.js

@@ -65,6 +65,11 @@ var EquipmentType = /* @__PURE__ */ ((EquipmentType2) => {
   EquipmentType2["BREAKER"] = "BREAKER";
   return EquipmentType2;
 })(EquipmentType || {});
+var HvdcType = /* @__PURE__ */ ((HvdcType2) => {
+  HvdcType2["LCC"] = "LCC";
+  HvdcType2["VSC"] = "VSC";
+  return HvdcType2;
+})(HvdcType || {});
 var ExtendedEquipmentType = /* @__PURE__ */ ((ExtendedEquipmentType2) => {
   ExtendedEquipmentType2["HVDC_LINE_LCC"] = "HVDC_LINE_LCC";
   ExtendedEquipmentType2["HVDC_LINE_VSC"] = "HVDC_LINE_VSC";
@@ -301,12 +306,13 @@ const SEARCH_EQUIPMENTS = {
     label: "VSC"
   }
 };
-const OperatingStatus = {
-  IN_OPERATION: "IN_OPERATION",
-  PLANNED_OUTAGE: "PLANNED_OUTAGE",
-  FORCED_OUTAGE: "FORCED_OUTAGE"
-};
-const getEquipmentsInfosForSearchBar = (equipmentsInfos, getNameOrId) => {
+var OperatingStatus = /* @__PURE__ */ ((OperatingStatus2) => {
+  OperatingStatus2["IN_OPERATION"] = "IN_OPERATION";
+  OperatingStatus2["PLANNED_OUTAGE"] = "PLANNED_OUTAGE";
+  OperatingStatus2["FORCED_OUTAGE"] = "FORCED_OUTAGE";
+  return OperatingStatus2;
+})(OperatingStatus || {});
+function getEquipmentsInfosForSearchBar(equipmentsInfos, getNameOrId) {
   return equipmentsInfos.flatMap((e) => {
     var _a;
     const label = getNameOrId(e);
@@ -317,23 +323,22 @@ const getEquipmentsInfosForSearchBar = (equipmentsInfos, getNameOrId) => {
         key: e.id,
         type: e.type
       }
-    ] : ((_a = e.voltageLevels) == null ? void 0 : _a.map((vli) => {
-      return {
-        label,
-        id: e.id,
-        key: `${e.id}_${vli.id}`,
-        type: e.type,
-        voltageLevelLabel: getNameOrId(vli),
-        voltageLevelId: vli.id
-      };
-    })) ?? [];
+    ] : ((_a = e.voltageLevels) == null ? void 0 : _a.map((vli) => ({
+      label,
+      id: e.id,
+      key: `${e.id}_${vli.id}`,
+      type: e.type,
+      voltageLevelLabel: getNameOrId(vli),
+      voltageLevelId: vli.id
+    }))) ?? [];
   });
-};
+}
 export {
   BASE_EQUIPMENTS,
   EQUIPMENT_TYPE,
   EquipmentType,
   ExtendedEquipmentType,
+  HvdcType,
   OperatingStatus,
   SEARCH_EQUIPMENTS,
   TYPE_TAG_MAX_SIZE,

package/dist/utils/types/index.js

@@ -1,5 +1,5 @@
 import { ElementType } from "./elementType.js";
-import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./equipmentType.js";
+import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./equipmentTypes.js";
 import { MODIFICATION_TYPES, ModificationType } from "./modificationType.js";
 import { FieldType } from "./fieldType.js";
@@ -15,6 +15,7 @@ export {
   FieldType,
   Generator,
   Hvdc,
+  HvdcType,
   LCC,
   Line,
   Load,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.88.1",
+    "version": "0.88.3",
     "description": "common react components for gridsuite applications",
     "engines": {
         "node": ">=22",
@@ -115,7 +115,6 @@
         "glob": "^11.0.1",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^29.7.0",
-        "jest-dom": "^4.0.0",
         "jest-environment-jsdom": "^29.7.0",
         "license-checker": "^25.0.1",
         "notistack": "^3.0.2",