@gridsuite/commons-ui 0.133.0 → 0.135.0

package/dist/components/inputs/reactHookForm/chip-items-input.js

@@ -83,15 +83,15 @@ function ChipItemsInput({ label, name, hideErrorMessage }) {
   const handleChange = (e) => {
     setTextEntered(e.target.value);
   };
-  const hasError = !!(error == null ? void 0 : error.message);
+  const hasError = !!error?.message;
   const containerStyle = useMemo(
     () => ({ ...styles.chipContainer, borderColor: hasError ? "error.main" : null }),
     [hasError]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(FormControl, { sx: containerStyle, error: hasError, children: [
-      (elements == null ? void 0 : elements.length) === 0 && label && /* @__PURE__ */ jsx(FieldLabel, { label, optional: !isFieldRequired(name, validationSchema, getValues()) }),
-      (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.chipItem, children: elements.map((item, index) => /* @__PURE__ */ jsx(
+      elements?.length === 0 && label && /* @__PURE__ */ jsx(FieldLabel, { label, optional: !isFieldRequired(name, validationSchema, getValues()) }),
+      elements?.length > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.chipItem, children: elements.map((item, index) => /* @__PURE__ */ jsx(
         Chip,
         {
           size: "small",

package/dist/components/inputs/reactHookForm/errorManagement/ErrorInput.js

@@ -3,7 +3,6 @@ import { useRef, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { useController } from "react-hook-form";
 function ErrorInput({ name, InputField }) {
-  var _a;
   const {
     fieldState: { error },
     formState: { isSubmitting }
@@ -32,7 +31,7 @@ function ErrorInput({ name, InputField }) {
       errorRef.current.scrollIntoView({ behavior: "smooth" });
     }
   }, [isSubmitting]);
-  const errorMsg = (error == null ? void 0 : error.message) || ((_a = error == null ? void 0 : error.root) == null ? void 0 : _a.message);
+  const errorMsg = error?.message || error?.root?.message;
   return errorMsg && /* @__PURE__ */ jsx("div", { ref: errorRef, children: InputField({
     message: /* @__PURE__ */ jsx(FormattedMessage, { ...errorProps(errorMsg) })
   }) });

package/dist/components/inputs/reactHookForm/numbers/FloatInput.js

@@ -27,7 +27,7 @@ function FloatInput(props) {
     if (value === "") {
       return null;
     }
-    const tmp = (value == null ? void 0 : value.replace(",", ".")) || "";
+    const tmp = value?.replace(",", ".") || "";
     if (tmp.endsWith(".") || tmp.includes(".") && tmp.endsWith("0")) {
       return tmp;
     }

package/dist/components/inputs/reactHookForm/numbers/SliderInput.js

@@ -18,7 +18,7 @@ function SliderInput({
     field: { onChange, value }
   } = useController({ name });
   const handleValueChange = (event, newValue, activeThumb) => {
-    onValueChanged == null ? void 0 : onValueChanged(newValue);
+    onValueChanged?.(newValue);
     onChange(newValue);
   };
   return /* @__PURE__ */ jsx(

package/dist/components/inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js

@@ -29,7 +29,7 @@ function InputWithPopupConfirmation({
     }
   };
   const handlePopupConfirmation = () => {
-    resetOnConfirmation == null ? void 0 : resetOnConfirmation();
+    resetOnConfirmation?.();
     onChange(newValue);
     setOpenPopup(false);
   };
@@ -40,7 +40,7 @@ function InputWithPopupConfirmation({
         name,
         ...props,
         onChange: (e, value) => {
-          handleOnChange(e, (value == null ? void 0 : value.id) ?? value);
+          handleOnChange(e, value?.id ?? value);
         }
       }
     ),

package/dist/components/inputs/reactHookForm/selectInputs/SelectInput.js

@@ -11,15 +11,15 @@ function SelectInput(props) {
       return null;
     }
     if (typeof value === "string") {
-      return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value) || null;
+      return options.find((option) => typeof option !== "string" && option?.id === value) || null;
     }
-    return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value.id) || null;
+    return options.find((option) => typeof option !== "string" && option?.id === value.id) || null;
   };
   const outputTransform = (value) => {
     if (typeof value === "string") {
       return value;
     }
-    return (value == null ? void 0 : value.id) ?? null;
+    return value?.id ?? null;
   };
   const getOptionLabel = (option) => {
     if (typeof option === "string") {

package/dist/components/inputs/reactHookForm/tableInputs/table-numerical-input.js

@@ -46,7 +46,7 @@ function TableNumericalInput({
       if (str === "") {
         return null;
       }
-      const tmp = (str == null ? void 0 : str.replace(",", ".")) || "";
+      const tmp = str?.replace(",", ".") || "";
       if (tmp.endsWith(".") || tmp.endsWith("0")) {
         return str;
       }
@@ -67,13 +67,13 @@ function TableNumericalInput({
     {
       value: transformedValue,
       onChange: handleInputChange,
-      error: !!(error == null ? void 0 : error.message),
+      error: !!error?.message,
       size: "small",
       fullWidth: true,
       inputRef: ref,
       InputProps: {
         endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
-          transformedValue && (adornment == null ? void 0 : adornment.text),
+          transformedValue && adornment?.text,
           clearable && /* @__PURE__ */ jsx(
             IconButton,
             {
@@ -92,7 +92,7 @@ function TableNumericalInput({
             fontSize: "small",
             color: previousValue !== void 0 && previousValue === parseFloat(value) && !valueModified ? "grey" : void 0,
             // grey out the value if it is the same as the previous one
-            textAlign: (style == null ? void 0 : style.textAlign) ?? "left"
+            textAlign: style?.textAlign ?? "left"
           },
           inputMode: "numeric",
           pattern: "[0-9]*",

package/dist/components/inputs/reactHookForm/tableInputs/table-text-input.js

@@ -9,7 +9,7 @@ function TableTextInput({ name, showErrorMsg, inputProps, ...props }) {
   } = useController({ name });
   const intl = useIntl();
   const outputTransform = (str) => {
-    return (str == null ? void 0 : str.trim()) === "" ? "" : str;
+    return str?.trim() === "" ? "" : str;
   };
   const handleInputChange = (e) => {
     onChange(outputTransform(e.target.value));
@@ -19,8 +19,8 @@ function TableTextInput({ name, showErrorMsg, inputProps, ...props }) {
     {
       value,
       onChange: handleInputChange,
-      error: !!(error == null ? void 0 : error.message),
-      helperText: showErrorMsg && ((error == null ? void 0 : error.message) ? intl.formatMessage({ id: error.message }) : ""),
+      error: !!error?.message,
+      helperText: showErrorMsg && (error?.message ? intl.formatMessage({ id: error.message }) : ""),
       size: "small",
       fullWidth: true,
       inputRef: ref,

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

@@ -23,8 +23,8 @@ function ExpandingTextField({
   const handleBlur = () => {
     setIsFocused(false);
   };
-  const isOverTheLimit = (descriptionWatch == null ? void 0 : descriptionWatch.length) > maxCharactersNumber;
-  const descriptionLength = (descriptionWatch == null ? void 0 : descriptionWatch.length) ?? 0;
+  const isOverTheLimit = descriptionWatch?.length > maxCharactersNumber;
+  const descriptionLength = descriptionWatch?.length ?? 0;
   const descriptionCounter = `${descriptionLength}/${maxCharactersNumber}`;
   const rowsToDisplay = isFocused ? rows : minRows;
   const formProps = {

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

@@ -35,8 +35,8 @@ function TextInput({
   } = useController({ name });
   const Field = adornment ? TextFieldWithAdornment : TextField;
   const finalAdornment = {
-    adornmentPosition: (adornment == null ? void 0 : adornment.position) ?? "",
-    adornmentText: (adornment == null ? void 0 : adornment.text) ?? ""
+    adornmentPosition: adornment?.position ?? "",
+    adornmentText: adornment?.text ?? ""
   };
   const handleClearValue = () => {
     onChange(outputTransform(""));
@@ -50,7 +50,7 @@ function TextInput({
   const fieldLabel = !label ? null : FieldLabel({
     label,
     values: labelValues,
-    optional: !isFieldRequired(name, validationSchema, getValues()) && !(formProps == null ? void 0 : formProps.disabled) && !removeOptional
+    optional: !isFieldRequired(name, validationSchema, getValues()) && !formProps?.disabled && !removeOptional
   });
   return /* @__PURE__ */ jsx(
     Field,
@@ -78,10 +78,10 @@ function TextInput({
           previousValue,
           isNodeBuilt,
           disabledTooltip: disabledTooltip || !isUpdate && isNodeBuilt,
-          adornmentText: adornment == null ? void 0 : adornment.text
+          adornmentText: adornment?.text
         }
       ),
-      ...genHelperError(error == null ? void 0 : error.message),
+      ...genHelperError(error?.message),
       ...formProps,
       ...adornment && { ...finalAdornment }
     },

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

@@ -32,11 +32,11 @@ function UniqueNameInput({
   });
   const handleManualChange = (e) => {
     onChange(e.target.value);
-    onManualChangeCallback == null ? void 0 : onManualChangeCallback();
+    onManualChangeCallback?.();
   };
   const translatedLabel = /* @__PURE__ */ jsx(FormattedMessage, { id: label });
   const translatedError = error && /* @__PURE__ */ jsx(FormattedMessage, { id: error.message });
-  const showOk = (value == null ? void 0 : value.trim()) && !isValidating && !error;
+  const showOk = value?.trim() && !isValidating && !error;
   const endAdornment = /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
     isValidating && /* @__PURE__ */ jsx(CircularProgress, { size: "1rem" }),
     showOk && /* @__PURE__ */ jsx(Check, { style: { color: "green" } })

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

@@ -4,7 +4,7 @@ import { useFormState } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 function SubmitButton(buttonProps) {
   const { isDirty } = useFormState();
-  return /* @__PURE__ */ jsx(Button, { ...buttonProps, disabled: !isDirty || ((buttonProps == null ? void 0 : buttonProps.disabled) ?? false), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) });
+  return /* @__PURE__ */ jsx(Button, { ...buttonProps, disabled: !isDirty || (buttonProps?.disabled ?? false), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) });
 }
 export {
   SubmitButton

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

@@ -16,9 +16,8 @@ function identity(x) {
   return x;
 }
 const isFieldRequired = (fieldName, schema, values) => {
-  var _a;
   const { schema: fieldSchema, parent: parentValues } = getIn(schema, fieldName, values) || {};
-  return ((_a = fieldSchema.describe({ parent: parentValues })) == null ? void 0 : _a.optional) === false;
+  return fieldSchema.describe({ parent: parentValues })?.optional === false;
 };
 const gridItem = (field, size = 6) => {
   return /* @__PURE__ */ jsx(Grid, { item: true, xs: size, alignItems: "start", children: field });
@@ -30,7 +29,7 @@ const toFloatOrNullValue = (value) => {
   if (value === "0") {
     return 0;
   }
-  const tmp = (value == null ? void 0 : value.replace(",", ".")) || "";
+  const tmp = value?.replace(",", ".") || "";
   return parseFloat(tmp) || null;
 };
 export {

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

@@ -15,8 +15,8 @@ import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
 import "react-hook-form";
 function OperatorSelector(props) {
   const { options } = props;
-  const selectAppearance = useSelectAppearance((options == null ? void 0 : options.length) || 0);
-  if (!(options == null ? void 0 : options.length)) {
+  const selectAppearance = useSelectAppearance(options?.length || 0);
+  if (!options?.length) {
     return null;
   }
   return /* @__PURE__ */ jsx(MaterialValueSelector, { ...props, ...selectAppearance, sx: { border: "none" } });

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

@@ -12,13 +12,13 @@ function PropertyValueEditor(props) {
   const { equipmentType, valueEditorProps } = props;
   const valid = useValid(valueEditorProps);
   const intl = useIntl();
-  const { propertyName, propertyOperator, propertyValues } = (valueEditorProps == null ? void 0 : valueEditorProps.value) ?? {};
+  const { propertyName, propertyOperator, propertyValues } = valueEditorProps?.value ?? {};
   const [equipmentPredefinedProps] = usePredefinedProperties(equipmentType);
   const predefinedNames = useMemo(() => {
     return Object.keys(equipmentPredefinedProps ?? {}).sort();
   }, [equipmentPredefinedProps]);
   const predefinedValues = useMemo(() => {
-    const predefinedForName = equipmentPredefinedProps == null ? void 0 : equipmentPredefinedProps[propertyName];
+    const predefinedForName = equipmentPredefinedProps?.[propertyName];
     if (!predefinedForName) {
       return [];
     }
@@ -26,10 +26,9 @@ function PropertyValueEditor(props) {
   }, [equipmentPredefinedProps, propertyName]);
   const onChange = useCallback(
     (field, value) => {
-      var _a, _b;
       let updatedValue = {
-        ...valueEditorProps == null ? void 0 : valueEditorProps.value,
-        [FieldConstants.PROPERTY_OPERATOR]: ((_a = valueEditorProps == null ? void 0 : valueEditorProps.value) == null ? void 0 : _a.propertyOperator) ?? PROPERTY_VALUE_OPERATORS[0].customName,
+        ...valueEditorProps?.value,
+        [FieldConstants.PROPERTY_OPERATOR]: valueEditorProps?.value?.propertyOperator ?? PROPERTY_VALUE_OPERATORS[0].customName,
         [field]: value
       };
       if (field === FieldConstants.PROPERTY_NAME) {
@@ -38,7 +37,7 @@ function PropertyValueEditor(props) {
           [FieldConstants.PROPERTY_VALUES]: []
         };
       }
-      (_b = valueEditorProps == null ? void 0 : valueEditorProps.handleOnChange) == null ? void 0 : _b.call(valueEditorProps, updatedValue);
+      valueEditorProps?.handleOnChange?.(updatedValue);
     },
     [valueEditorProps]
   );
@@ -64,7 +63,7 @@ function PropertyValueEditor(props) {
       {
         value: propertyOperator ?? PROPERTY_VALUE_OPERATORS[0].customName,
         size: "small",
-        title: valueEditorProps == null ? void 0 : valueEditorProps.title,
+        title: valueEditorProps?.title,
         error: !valid,
         onChange: (event) => {
           onChange(FieldConstants.PROPERTY_OPERATOR, event.target.value);
@@ -77,14 +76,14 @@ function PropertyValueEditor(props) {
       {
         value: propertyValues ?? [],
         options: predefinedValues ?? [],
-        title: valueEditorProps == null ? void 0 : valueEditorProps.title,
+        title: valueEditorProps?.title,
         multiple: true,
         renderInput: (params) => /* @__PURE__ */ jsx(
           TextField,
           {
             ...params,
             error: !valid,
-            placeholder: (propertyValues == null ? void 0 : propertyValues.length) > 0 ? "" : intl.formatMessage({ id: "valuesList" })
+            placeholder: propertyValues?.length > 0 ? "" : intl.formatMessage({ id: "valuesList" })
           }
         ),
         freeSolo: true,

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

@@ -28,7 +28,7 @@ function TextValueEditor(props) {
         {
           ...params,
           error: !valid,
-          placeholder: (value == null ? void 0 : value.length) > 0 ? "" : intl.formatMessage({ id: "valuesList" })
+          placeholder: value?.length > 0 ? "" : intl.formatMessage({ id: "valuesList" })
         }
       ),
       size: "small",

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

@@ -9,7 +9,7 @@ function TranslatedValueEditor(props) {
   const intl = useIntl();
   const { values, value, handleOnChange, title } = props;
   const translatedValues = useMemo(() => {
-    return values == null ? void 0 : values.map((v) => {
+    return values?.map((v) => {
       return {
         name: v.name,
         label: intl.formatMessage({ id: v.label })

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

@@ -31,9 +31,8 @@ function ValueEditor(props) {
   const { getValues } = formContext;
   const itemFilter = useCallback(
     (filterValue) => {
-      var _a, _b, _c;
-      if ((filterValue == null ? void 0 : filterValue.type) === ElementType.FILTER) {
-        return field === FieldType.ID && ((_a = filterValue == null ? void 0 : filterValue.specificMetadata) == null ? void 0 : _a.equipmentType) === getValues(FieldConstants.EQUIPMENT_TYPE) || (field === FieldType.VOLTAGE_LEVEL_ID || field === FieldType.VOLTAGE_LEVEL_ID_1 || field === FieldType.VOLTAGE_LEVEL_ID_2 || field === FieldType.VOLTAGE_LEVEL_ID_3) && ((_b = filterValue == null ? void 0 : filterValue.specificMetadata) == null ? void 0 : _b.equipmentType) === VoltageLevel.type || (field === FieldType.SUBSTATION_ID || field === FieldType.SUBSTATION_ID_1 || field === FieldType.SUBSTATION_ID_2) && ((_c = filterValue == null ? void 0 : filterValue.specificMetadata) == null ? void 0 : _c.equipmentType) === Substation.type;
+      if (filterValue?.type === ElementType.FILTER) {
+        return field === FieldType.ID && filterValue?.specificMetadata?.equipmentType === getValues(FieldConstants.EQUIPMENT_TYPE) || (field === FieldType.VOLTAGE_LEVEL_ID || field === FieldType.VOLTAGE_LEVEL_ID_1 || field === FieldType.VOLTAGE_LEVEL_ID_2 || field === FieldType.VOLTAGE_LEVEL_ID_3) && filterValue?.specificMetadata?.equipmentType === VoltageLevel.type || (field === FieldType.SUBSTATION_ID || field === FieldType.SUBSTATION_ID_1 || field === FieldType.SUBSTATION_ID_2) && filterValue?.specificMetadata?.equipmentType === Substation.type;
       }
       return true;
     },

package/dist/components/inputs/reactQueryBuilder/compositeRuleEditor/GroupValueEditor.js

@@ -21,7 +21,7 @@ function GroupValueEditor(props) {
         ...value,
         combinator,
         rules: {
-          ...value == null ? void 0 : value.rules,
+          ...value?.rules,
           [field]: rule
         }
       };
@@ -29,20 +29,17 @@ function GroupValueEditor(props) {
     },
     [handleOnChange, combinator, value]
   );
-  return /* @__PURE__ */ jsx(Grid, { container: true, direction: "column", sx: styles.group, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: children && Object.values(children).map((fieldData) => {
-    var _a;
-    return /* @__PURE__ */ createElement(
-      RuleValueEditor,
-      {
-        ...props,
-        key: fieldData.name,
-        field: fieldData.name,
-        fieldData,
-        rule: (_a = value == null ? void 0 : value.rules) == null ? void 0 : _a[fieldData.name],
-        handleOnChangeRule: generateOnChangeRuleHandler(fieldData.name)
-      }
-    );
-  }) });
+  return /* @__PURE__ */ jsx(Grid, { container: true, direction: "column", sx: styles.group, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: children && Object.values(children).map((fieldData) => /* @__PURE__ */ createElement(
+    RuleValueEditor,
+    {
+      ...props,
+      key: fieldData.name,
+      field: fieldData.name,
+      fieldData,
+      rule: value?.rules?.[fieldData.name],
+      handleOnChangeRule: generateOnChangeRuleHandler(fieldData.name)
+    }
+  )) });
 }
 export {
   GroupValueEditor

package/dist/components/inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js

@@ -9,7 +9,6 @@ const styles = {
   }
 };
 function RuleValueEditor(props) {
-  var _a, _b;
   const {
     schema: {
       controls: { valueEditor: ValueEditorControlElement }
@@ -19,7 +18,7 @@ function RuleValueEditor(props) {
     handleOnChangeRule
   } = props;
   const intl = useIntl();
-  const operator = (rule == null ? void 0 : rule.operator) ?? ((_a = fieldData.operators) == null ? void 0 : _a.map((op) => op.name)[0]);
+  const operator = rule?.operator ?? fieldData.operators?.map((op) => op.name)[0];
   const handleOnChangeOperator = (newOperator) => {
     handleOnChangeRule({
       ...rule,
@@ -44,7 +43,7 @@ function RuleValueEditor(props) {
           handleOnChangeOperator(event.target.value);
         },
         variant: "standard",
-        children: (_b = fieldData.operators) == null ? void 0 : _b.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.name, children: intl.formatMessage({ id: option.label }) }, option.name))
+        children: fieldData.operators?.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.name, children: intl.formatMessage({ id: option.label }) }, option.name))
       }
     ) }),
     /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 5.5, sx: styles.gridItem, paddingLeft: 1, children: /* @__PURE__ */ jsx(
@@ -53,7 +52,7 @@ function RuleValueEditor(props) {
         ...props,
         operator,
         handleOnChange: handleOnChangeValue,
-        value: rule == null ? void 0 : rule.value
+        value: rule?.value
       }
     ) })
   ] });

package/dist/components/notifications/hooks/useListenerManager.js

@@ -26,8 +26,7 @@ const useListenerManager = (urls) => {
     urlsListenersRef.current = urlsListeners;
   }, []);
   const removeListenerEvent = useCallback((urlKey, id) => {
-    var _a;
-    const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
+    const listeners = urlsListenersRef.current?.[urlKey];
     if (listeners) {
       const newListerners = listeners.filter((l) => l.id !== id);
       urlsListenersRef.current = {
@@ -38,8 +37,7 @@ const useListenerManager = (urls) => {
   }, []);
   const broadcast = useCallback(
     (urlKey) => (...args) => {
-      var _a;
-      const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
+      const listeners = urlsListenersRef.current?.[urlKey];
       if (listeners) {
         listeners.forEach(({ callback }) => {
           callback(...args);

package/dist/components/overflowableText/OverflowableText.js

@@ -34,7 +34,6 @@ const OverflowableText = styled(
     children,
     ...props
   }) => {
-    var _a, _b, _c, _d;
     const element = useRef();
     const isMultiLine = useMemo(() => maxLineCount && maxLineCount > 1, [maxLineCount]);
     const [overflowed, setOverflowed] = useState(false);
@@ -53,10 +52,10 @@ const OverflowableText = styled(
     }, [
       checkOverflow,
       text,
-      (_a = element.current) == null ? void 0 : _a.scrollWidth,
-      (_b = element.current) == null ? void 0 : _b.clientWidth,
-      (_c = element.current) == null ? void 0 : _c.scrollHeight,
-      (_d = element.current) == null ? void 0 : _d.clientHeight
+      element.current?.scrollWidth,
+      element.current?.clientWidth,
+      element.current?.scrollHeight,
+      element.current?.clientHeight
     ]);
     const defaultTooltipSx = !tooltipStyle ? overflowStyle.tooltip : false;
     const finalTooltipSx = tooltipSx || defaultTooltipSx;

package/dist/components/parameters/common/computing-type.d.ts

@@ -13,7 +13,8 @@ export declare enum ComputingType {
     DYNAMIC_SIMULATION = "DYNAMIC_SIMULATION",
     DYNAMIC_SECURITY_ANALYSIS = "DYNAMIC_SECURITY_ANALYSIS",
     VOLTAGE_INITIALIZATION = "VOLTAGE_INITIALIZATION",
-    STATE_ESTIMATION = "STATE_ESTIMATION"
+    STATE_ESTIMATION = "STATE_ESTIMATION",
+    PCC_MIN = "PCC_MIN"
 }
 export declare const isValidComputingType: (value: string | undefined) => boolean;
 export declare const formatComputingTypeLabel: (type: ComputingType) => string | undefined;

package/dist/components/parameters/common/computing-type.js

@@ -8,6 +8,7 @@ var ComputingType = /* @__PURE__ */ ((ComputingType2) => {
   ComputingType2["DYNAMIC_SECURITY_ANALYSIS"] = "DYNAMIC_SECURITY_ANALYSIS";
   ComputingType2["VOLTAGE_INITIALIZATION"] = "VOLTAGE_INITIALIZATION";
   ComputingType2["STATE_ESTIMATION"] = "STATE_ESTIMATION";
+  ComputingType2["PCC_MIN"] = "PCC_MIN";
   return ComputingType2;
 })(ComputingType || {});
 const isValidComputingType = (value) => {
@@ -33,6 +34,8 @@ const formatComputingTypeLabel = (type) => {
       return "DynamicSecurityAnalysis";
     case "STATE_ESTIMATION":
       return "StateEstimation";
+    case "PCC_MIN":
+      return "PccMin";
     default:
       console.warn(`Unrecognized computing type while formatting its label : ${type}`);
       return void 0;

package/dist/components/parameters/common/limitreductions/columns-definitions.js

@@ -66,7 +66,7 @@ const getSAParametersFromSchema = (name, limitReductions) => {
     [PARAM_SA_PROVIDER]: yup.string().required()
   });
   const limitReductionsSchema = getLimitReductionsFormSchema(
-    (limitReductions == null ? void 0 : limitReductions.length) ? limitReductions[0].temporaryLimitReductions.length : 0
+    limitReductions?.length ? limitReductions[0].temporaryLimitReductions.length : 0
   );
   const thresholdsSchema = yup.object().shape({
     [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: yup.number().min(0, "NormalizedPercentage").max(100, "NormalizedPercentage").required(),

package/dist/components/parameters/common/limitreductions/limit-reductions-form-util.js

@@ -13,7 +13,7 @@ const toFormValuesLimitReductions = (limits) => !limits ? {} : {
 };
 const toFormValueSaParameters = (params) => ({
   [PARAM_SA_PROVIDER]: params[PARAM_SA_PROVIDER],
-  ...toFormValuesLimitReductions(params == null ? void 0 : params.limitReductions),
+  ...toFormValuesLimitReductions(params?.limitReductions),
   // SA specific form values
   [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: params[PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD] * 100,
   [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: params[PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD] * 100,

package/dist/components/parameters/common/widget/parameter-line-slider.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { parametersStyles } from "../../parameters-style.js";
@@ -35,7 +35,8 @@ function sanitizePercentageValue(value) {
 const styles = {
   container: {
     ...parametersStyles.controlItem,
-    paddingRight: 2
+    paddingTop: 3,
+    paddingRight: 3
   }
 };
 function ParameterLineSlider({
@@ -46,9 +47,9 @@ function ParameterLineSlider({
   minValue = 0,
   maxValue = 100
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: styles.container, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: styles.container, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
       SliderInput,
       {
         name,

package/dist/components/parameters/loadflow/load-flow-general-parameters.js

@@ -163,7 +163,7 @@ function LoadFlowGeneralParameters({ provider, specificParams }) {
         onClick: setShowSpecificLfParams,
         infoText: provider ?? "",
         disabled: !provider || !specificParams,
-        children: showSpecificLfParams && (specificParams == null ? void 0 : specificParams.map((item) => /* @__PURE__ */ createElement(LoadFlowParameterField, { id: SPECIFIC_PARAMETERS, ...item, key: item.name })))
+        children: showSpecificLfParams && specificParams?.map((item) => /* @__PURE__ */ createElement(LoadFlowParameterField, { id: SPECIFIC_PARAMETERS, ...item, key: item.name }))
       }
     )
   ] });

package/dist/components/parameters/loadflow/load-flow-parameters-content.js

@@ -60,7 +60,7 @@ function LoadFlowParametersContent({
 }) {
   return /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid, { item: true, sx: styles.maxWidth, children: [
     /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.GENERAL, children: /* @__PURE__ */ jsx(LoadFlowGeneralParameters, { provider: currentProvider, specificParams: specificParameters }) }),
-    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.LIMIT_REDUCTIONS, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { width: "100%" }, children: currentProvider === PARAM_PROVIDER_OPENLOADFLOW ? /* @__PURE__ */ jsx(LimitReductionsTableForm, { limits: (params == null ? void 0 : params.limitReductions) ?? defaultLimitReductions }) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.LIMIT_REDUCTIONS, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { width: "100%" }, children: currentProvider === PARAM_PROVIDER_OPENLOADFLOW ? /* @__PURE__ */ jsx(LimitReductionsTableForm, { limits: params?.limitReductions ?? defaultLimitReductions }) : /* @__PURE__ */ jsx(
       ParameterLineSlider,
       {
         name: PARAM_LIMIT_REDUCTION,

package/dist/components/parameters/loadflow/load-flow-parameters-form.js

@@ -74,7 +74,7 @@ function LoadFlowParametersForm({
     paramsLoaded
   } = loadflowMethods;
   return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, language, children: /* @__PURE__ */ jsxs(Box, { sx: styles.form, children: [
-    renderTitleFields == null ? void 0 : renderTitleFields(),
+    renderTitleFields?.(),
     paramsLoaded ? /* @__PURE__ */ jsxs(Box, { sx: styles.loadflowParameters, children: [
       /* @__PURE__ */ jsx(
         LoadFlowParametersHeader,

package/dist/components/parameters/loadflow/load-flow-parameters-utils.js

@@ -72,7 +72,7 @@ const getCommonLoadFlowParametersFormSchema = () => {
 };
 const getSpecificLoadFlowParametersFormSchema = (specificParameters) => {
   const shape = {};
-  specificParameters == null ? void 0 : specificParameters.forEach((param) => {
+  specificParameters?.forEach((param) => {
     switch (param.type) {
       case ParameterType.STRING:
         shape[param.name] = yup.string().required();
@@ -98,7 +98,7 @@ const getSpecificLoadFlowParametersFormSchema = (specificParameters) => {
   });
 };
 const getDefaultSpecificParamsValues = (specificParams) => {
-  return specificParams == null ? void 0 : specificParams.reduce((acc, param) => {
+  return specificParams?.reduce((acc, param) => {
     if (param.type === ParameterType.STRING_LIST && param.defaultValue === null) {
       acc[param.name] = [];
     } else if ((param.type === ParameterType.DOUBLE || param.type === ParameterType.INTEGER) && Number.isNaN(Number(param.defaultValue))) {
@@ -110,7 +110,7 @@ const getDefaultSpecificParamsValues = (specificParams) => {
   }, {});
 };
 const setSpecificParameters = (provider, specificParamsDescriptions, formMethods) => {
-  const specificParams = provider ? (specificParamsDescriptions == null ? void 0 : specificParamsDescriptions[provider]) ?? [] : [];
+  const specificParams = provider ? specificParamsDescriptions?.[provider] ?? [] : [];
   const specificParamsValues = getDefaultSpecificParamsValues(specificParams);
   formMethods.setValue(SPECIFIC_PARAMETERS, specificParamsValues);
 };
@@ -124,6 +124,7 @@ const setLimitReductions = (provider, defaultLimitReductions, formMethods) => {
   } else {
     formMethods.setValue(PARAM_LIMIT_REDUCTION, DEFAULT_LIMIT_REDUCTION_VALUE);
     formMethods.setValue(LIMIT_REDUCTIONS_FORM, []);
+    formMethods.clearErrors(LIMIT_REDUCTIONS_FORM);
   }
 };
 const mapLimitReductions = (vlLimits, formLimits, indexVl) => {