@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/features/parameters/security-analysis/security-analysis-violations-hiding.js

@@ -0,0 +1,140 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid, Typography } from "@mui/material";
+import { useIntl } from "react-intl";
+import { Info } from "@mui/icons-material";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { parametersStyles } from "../parameters-style.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { FloatInput } from "../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import { PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD } from "../common/constants.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import "../common/contingency-table/contingency-table.js";
+import "../common/contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+function SecurityAnalysisFields({
+  label,
+  firstField,
+  secondField,
+  tooltipInfoId,
+  isSingleField
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(Grid, { sx: isSingleField ? parametersStyles.singleItem : parametersStyles.multipleItems, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({ id: label }) }) }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        item: true,
+        container: true,
+        xs: isSingleField ? 8 : 4,
+        sx: isSingleField ? parametersStyles.singleTextField : parametersStyles.firstTextField,
+        children: /* @__PURE__ */ jsx(
+          FloatInput,
+          {
+            name: firstField.name,
+            adornment: {
+              position: "end",
+              text: firstField.label
+            }
+          }
+        )
+      }
+    ),
+    !isSingleField && secondField && /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.secondTextField, children: /* @__PURE__ */ jsx(
+      FloatInput,
+      {
+        name: secondField.name,
+        adornment: {
+          position: "end",
+          text: secondField.label
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(CustomTooltip, { title: intl.formatMessage({ id: tooltipInfoId }), children: /* @__PURE__ */ jsx(Info, {}) })
+  ] });
+}
+const fieldsToShow = [
+  {
+    label: "securityAnalysis.current",
+    firstField: {
+      name: PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD,
+      label: "%"
+    },
+    tooltipInfoId: "securityAnalysis.toolTip.current",
+    isSingleField: true
+  },
+  {
+    label: "securityAnalysis.lowVoltage",
+    firstField: {
+      name: PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD,
+      label: "%"
+    },
+    secondField: {
+      label: "kV",
+      name: PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD
+    },
+    tooltipInfoId: "securityAnalysis.toolTip.lowVoltage"
+  },
+  {
+    label: "securityAnalysis.highVoltage",
+    firstField: {
+      name: PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD,
+      label: "%"
+    },
+    secondField: {
+      label: "kV",
+      name: PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD
+    },
+    tooltipInfoId: "securityAnalysis.toolTip.highVoltage"
+  }
+];
+function ViolationsHidingParameters() {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 8, sx: parametersStyles.text, children: [
+      /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({
+        id: "securityAnalysis.violationsHiding"
+      }) }),
+      /* @__PURE__ */ jsx(
+        CustomTooltip,
+        {
+          sx: parametersStyles.tooltip,
+          title: intl.formatMessage({ id: "securityAnalysis.toolTip.violationsHiding" }),
+          children: /* @__PURE__ */ jsx(Info, {})
+        }
+      )
+    ] }) }),
+    fieldsToShow?.map((item) => {
+      return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(SecurityAnalysisFields, { ...item }) }, item.label);
+    })
+  ] });
+}
+export {
+  ViolationsHidingParameters
+};

package/dist/features/parameters/security-analysis/use-security-analysis-parameters-form.js

@@ -0,0 +1,187 @@
+import { useForm } from "react-hook-form";
+import { useRef, useMemo, useState, useCallback, useEffect } from "react";
+import { yupResolver } from "@hookform/resolvers/yup";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, CONTINGENCY_LISTS_INFOS, PARAM_SA_PROVIDER, CONTINGENCY_LISTS } from "../common/constants.js";
+import "@mui/material";
+import "react-intl";
+import { updateParameter } from "../../../services/explore.js";
+import { mapSecurityAnalysisParameters } from "./types.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "yup";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "../common/widget/parameter-line-slider.js";
+import { LIMIT_REDUCTIONS_FORM, IST_FORM, LIMIT_DURATION_FORM, toFormValuesLimitReductions } from "../common/limitreductions/columns-definitions.js";
+import "../common/contingency-table/contingency-table.js";
+import "../common/contingency-table/columns-definitions.js";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+import { getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
+import { getSAParametersFormSchema, toFormValueSaParameters } from "./columns-definitions.js";
+import { ACTIVATED, DESCRIPTION, NAME, ID } from "../common/parameter-table-field/constants.js";
+import "react-dom";
+const useSecurityAnalysisParametersForm = (parametersBackend, parametersUuid, name, description) => {
+  const { providers, params, updateParameters, defaultLimitReductions } = parametersBackend;
+  const previousWatchProviderRef = useRef(void 0);
+  const { snackError } = useSnackMessage();
+  const formattedProviders = useMemo(() => {
+    return Object.entries(providers).filter(([key]) => !key.includes("DynaFlow")).map(([key, value]) => ({
+      id: key,
+      label: value
+    }));
+  }, [providers]);
+  const formSchema = useMemo(() => {
+    return getSAParametersFormSchema(name, params?.limitReductions);
+  }, [name, params?.limitReductions]);
+  const formMethods = useForm({
+    defaultValues: {
+      ...getNameElementEditorEmptyFormData(name, description),
+      [PARAM_SA_PROVIDER]: params?.provider,
+      [CONTINGENCY_LISTS_INFOS]: [],
+      [LIMIT_REDUCTIONS_FORM]: [],
+      [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: null,
+      [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: null,
+      [PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD]: null,
+      [PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD]: null,
+      [PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]: null
+    },
+    resolver: yupResolver(formSchema)
+  });
+  const { reset, watch } = formMethods;
+  const watchProvider = watch(PARAM_SA_PROVIDER);
+  const paramsLoaded = useMemo(() => !!params && !!watchProvider, [watchProvider, params]);
+  const [paramsFormInitialized, setParamsFormInitialized] = useState(false);
+  const toContingencyListsInfos = useCallback(
+    (formContingencyListsInfos) => {
+      if (!formContingencyListsInfos) {
+        return [];
+      }
+      return formContingencyListsInfos.map((contingencyListsInfos) => ({
+        [CONTINGENCY_LISTS]: contingencyListsInfos[CONTINGENCY_LISTS]?.map((c) => ({
+          [ID]: c[ID],
+          [NAME]: c[NAME]
+        })),
+        [DESCRIPTION]: contingencyListsInfos[DESCRIPTION],
+        [ACTIVATED]: contingencyListsInfos[ACTIVATED]
+      }));
+    },
+    []
+  );
+  const toLimitReductions = useCallback(
+    (formLimits) => {
+      if (!params?.limitReductions) {
+        return [];
+      }
+      return params.limitReductions.map((vlLimits, indexVl) => {
+        const vlLNewLimits = {
+          ...vlLimits,
+          permanentLimitReduction: formLimits[indexVl][IST_FORM]
+        };
+        vlLimits.temporaryLimitReductions.forEach((temporaryLimit, index) => {
+          vlLNewLimits.temporaryLimitReductions[index] = {
+            ...temporaryLimit,
+            reduction: formLimits[indexVl][LIMIT_DURATION_FORM + index]
+          };
+        });
+        return vlLNewLimits;
+      });
+    },
+    [params?.limitReductions]
+  );
+  const formatNewParams = useCallback(
+    (formData) => {
+      return {
+        [PARAM_SA_PROVIDER]: formData[PARAM_SA_PROVIDER],
+        [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: formData[PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD] / 100,
+        [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: formData[PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD] / 100,
+        [PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD]: formData[PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD],
+        [PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD]: formData[PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD] / 100,
+        [PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]: formData[PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD],
+        [CONTINGENCY_LISTS_INFOS]: toContingencyListsInfos(formData[CONTINGENCY_LISTS_INFOS]),
+        limitReductions: toLimitReductions(formData[LIMIT_REDUCTIONS_FORM])
+      };
+    },
+    [toContingencyListsInfos, toLimitReductions]
+  );
+  const onSaveInline = useCallback(
+    (formData) => {
+      updateParameters(formatNewParams(formData));
+    },
+    [updateParameters, formatNewParams]
+  );
+  const onSaveDialog = useCallback(
+    (formData) => {
+      if (parametersUuid) {
+        updateParameter(
+          parametersUuid,
+          mapSecurityAnalysisParameters(formatNewParams(formData)),
+          formData[NAME],
+          ElementType.SECURITY_ANALYSIS_PARAMETERS,
+          formData[DESCRIPTION] ?? ""
+        ).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "updateSecurityAnalysisParametersError" });
+        });
+      }
+    },
+    [parametersUuid, formatNewParams, snackError]
+  );
+  useEffect(() => {
+    if (watchProvider !== void 0 && watchProvider !== previousWatchProviderRef.current) {
+      if (previousWatchProviderRef.current !== void 0) {
+        if (params !== null) {
+          params.limitReductions = defaultLimitReductions;
+        }
+        formMethods.setValue(
+          LIMIT_REDUCTIONS_FORM,
+          toFormValuesLimitReductions(defaultLimitReductions)[LIMIT_REDUCTIONS_FORM]
+        );
+      }
+      previousWatchProviderRef.current = watchProvider;
+    }
+  }, [watchProvider, formMethods, defaultLimitReductions, params]);
+  useEffect(() => {
+    if (!params) {
+      return;
+    }
+    reset(toFormValueSaParameters(params));
+    setParamsFormInitialized(true);
+  }, [paramsLoaded, params, reset]);
+  return {
+    formMethods,
+    formSchema,
+    formattedProviders,
+    defaultLimitReductions,
+    toFormValueSaParameters,
+    formatNewParams,
+    params,
+    watchProvider,
+    paramsFormInitialized,
+    onSaveInline,
+    onSaveDialog
+  };
+};
+export {
+  useSecurityAnalysisParametersForm
+};

package/dist/features/parameters/sensi/columns-definitions.d.ts

@@ -0,0 +1,31 @@
+import { EquipmentType } from '../../../utils';
+import { DndColumn } from '../../../components/composite/dnd-table';
+export declare const MONITORED_BRANCHES_EQUIPMENT_TYPES: EquipmentType[];
+export declare const INJECTION_DISTRIBUTION_TYPES: {
+    id: string;
+    label: string;
+}[];
+export declare const SENSITIVITY_TYPES: {
+    id: string;
+    label: string;
+}[];
+export declare const PSTS_EQUIPMENT_TYPES: EquipmentType[];
+export declare const MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES: EquipmentType[];
+export declare const INJECTIONS_EQUIPMENT_TYPES: EquipmentType[];
+export declare const EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES: EquipmentType[];
+export declare const HVDC_EQUIPMENT_TYPES: EquipmentType[];
+export declare const COLUMNS_DEFINITIONS_INJECTIONS_SET: DndColumn[];
+export declare const COLUMNS_DEFINITIONS_INJECTIONS: DndColumn[];
+export declare const COLUMNS_DEFINITIONS_HVDCS: DndColumn[];
+export declare const COLUMNS_DEFINITIONS_PSTS: DndColumn[];
+export declare const COLUMNS_DEFINITIONS_NODES: DndColumn[];
+export declare enum SensiTabValues {
+    'SensitivityBranches' = 0,
+    'SensitivityNodes' = 1
+}
+export declare enum SensiBranchesTabValues {
+    'SensiInjectionsSet' = 0,
+    'SensiInjection' = 1,
+    'SensiHVDC' = 2,
+    'SensiPST' = 3
+}