@gridsuite/commons-ui 0.214.0 → 0.215.0

package/dist/components/network-modifications/common/shortCircuit/ShortCircuitForm.js

@@ -1,75 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import "@mui/icons-material";
-import "react-intl";
-import "react";
-import "../../../../utils/types/equipmentType.js";
-import { OhmAdornment } from "../../../../utils/constants/adornments.js";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import "uuid";
-import "../../../notifications/contexts/NotificationsContext.js";
-import "../../../ui/overflowableText/OverflowableText.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/yupConfig.js";
-import "react-hook-form";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-import "../../../ui/reactHookForm/provider/CustomFormProvider.js";
-import "yup";
-import "../../../treeViewFinder/TreeViewFinder.js";
-import "../../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import { FloatInput } from "../../../ui/reactHookForm/numbers/FloatInput.js";
-import "../../../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 "../../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../../ui/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
-import "../../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "../../../ui/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "@hello-pangea/dnd";
-import "../../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../ui/snackbarProvider/SnackbarProvider.js";
-import "mui-nested-menu";
-import "react-resizable-panels";
-import GridItem from "../../../grid/grid-item.js";
-function ShortCircuitForm({ previousValues }) {
-  const transientReactanceField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.TRANSIENT_REACTANCE,
-      label: "TransientReactanceForm",
-      adornment: OhmAdornment,
-      previousValue: previousValues?.directTransX ?? void 0,
-      clearable: true
-    }
-  );
-  const transformerReactanceField = /* @__PURE__ */ jsx(
-    FloatInput,
-    {
-      name: FieldConstants.TRANSFORMER_REACTANCE,
-      label: "TransformerReactanceForm",
-      adornment: OhmAdornment,
-      previousValue: Number.isNaN(Number(previousValues?.stepUpTransformerX)) ? void 0 : previousValues?.stepUpTransformerX ?? void 0,
-      clearable: true
-    }
-  );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(GridItem, { size: 4, children: transientReactanceField }),
-    /* @__PURE__ */ jsx(GridItem, { size: 4, children: transformerReactanceField })
-  ] });
-}
-export {
-  ShortCircuitForm
-};

package/dist/components/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -1,178 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import { useRef, useState, useMemo, useEffect, useCallback } from "react";
-import { useWatch, useFormContext } from "react-hook-form";
-import { useHvdcLccDeletion } from "./hvdcLccDeletion/useHvdcLccDeletion.js";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import "../../../utils/conversionUtils.js";
-import { snackWithFallback } from "../../../utils/error.js";
-import { EquipmentType } from "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import { richTypeEquals, getObjectId, areIdsEqual } from "../../../utils/ts-utils.js";
-import "../../../utils/yupConfig.js";
-import { filledTextField } from "../common/form.utils.js";
-import "../common/properties/propertyUtils.js";
-import "react-intl";
-import "uuid";
-import "../../notifications/contexts/NotificationsContext.js";
-import "../../ui/overflowableText/OverflowableText.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import { useGetLabelEquipmentTypes } from "../../../hooks/useGetLabelEquipmentTypes.js";
-import "../../ui/reactHookForm/provider/CustomFormProvider.js";
-import "yup";
-import "../../treeViewFinder/TreeViewFinder.js";
-import "../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import { AutocompleteInput } from "../../ui/reactHookForm/autocompleteInputs/AutocompleteInput.js";
-import "../../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 "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
-import "../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "../../ui/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "@hello-pangea/dnd";
-import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../ui/snackbarProvider/SnackbarProvider.js";
-import "mui-nested-menu";
-import "react-resizable-panels";
-import { HvdcLccDeletionSpecificForm } from "./hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
-const NULL_UUID = "00000000-0000-0000-0000-000000000000";
-const EQUIPMENT_TYPE_ORDER = [
-  EquipmentType.SUBSTATION,
-  EquipmentType.VOLTAGE_LEVEL,
-  EquipmentType.LINE,
-  EquipmentType.TWO_WINDINGS_TRANSFORMER,
-  EquipmentType.THREE_WINDINGS_TRANSFORMER,
-  EquipmentType.HVDC_LINE,
-  EquipmentType.GENERATOR,
-  EquipmentType.BATTERY,
-  EquipmentType.LOAD,
-  EquipmentType.SHUNT_COMPENSATOR,
-  EquipmentType.BOUNDARY_LINE,
-  EquipmentType.STATIC_VAR_COMPENSATOR
-];
-function EquipmentDeletionForm({
-  editData,
-  fetchEquipmentIds,
-  fetchHvdcWithShuntCompensators
-}) {
-  const { snackError } = useSnackMessage();
-  const editedIdRef = useRef(null);
-  const currentTypeRef = useRef(null);
-  const watchType = useWatch({
-    name: FieldConstants.TYPE
-  });
-  const watchEquipmentId = useWatch({
-    name: FieldConstants.EQUIPMENT_ID
-  });
-  const watchSpecificData = useWatch({
-    name: FieldConstants.DELETION_SPECIFIC_DATA
-  });
-  const { specificUpdate: hvdcLccSpecificUpdate } = useHvdcLccDeletion({ fetchHvdcWithShuntCompensators });
-  const {
-    setValue,
-    formState: { isDirty, dirtyFields }
-  } = useFormContext();
-  const getOptionLabel = useGetLabelEquipmentTypes();
-  const [equipmentsOptions, setEquipmentsOptions] = useState([]);
-  const typesOptions = useMemo(() => {
-    return Object.values(EQUIPMENT_TYPE_ORDER);
-  }, []);
-  useEffect(() => {
-    setEquipmentsOptions([]);
-    let ignore = false;
-    if (watchType !== currentTypeRef.current) {
-      currentTypeRef.current = watchType;
-    }
-    if (watchType && fetchEquipmentIds) {
-      fetchEquipmentIds(watchType).then((equipmentIds) => {
-        if (!ignore) {
-          setEquipmentsOptions(
-            equipmentIds.toSorted((equipment1, equipment2) => equipment1.localeCompare(equipment2))
-          );
-        }
-      }).catch((error) => {
-        snackWithFallback(snackError, error, { headerId: "equipmentsLoadingError" });
-      });
-    }
-    return () => {
-      ignore = true;
-    };
-  }, [fetchEquipmentIds, snackError, watchType]);
-  useEffect(() => {
-    if (!fetchHvdcWithShuntCompensators && isDirty && dirtyFields[FieldConstants.EQUIPMENT_ID]) {
-      setValue(FieldConstants.DELETION_SPECIFIC_DATA, null);
-    }
-  }, [fetchHvdcWithShuntCompensators, isDirty, dirtyFields, setValue]);
-  useEffect(() => {
-    if (!fetchHvdcWithShuntCompensators) {
-      return;
-    }
-    if (editData?.equipmentId) {
-      if (editedIdRef.current === null) {
-        editedIdRef.current = editData.equipmentId;
-      } else if (watchEquipmentId !== editedIdRef.current && editedIdRef.current !== NULL_UUID) {
-        editedIdRef.current = NULL_UUID;
-      }
-    }
-    if (watchEquipmentId && currentTypeRef.current === EquipmentType.HVDC_LINE) {
-      hvdcLccSpecificUpdate(watchEquipmentId, watchEquipmentId === editedIdRef.current ? editData : void 0);
-    } else {
-      setValue(FieldConstants.DELETION_SPECIFIC_DATA, null);
-    }
-  }, [editData, fetchHvdcWithShuntCompensators, hvdcLccSpecificUpdate, setValue, snackError, watchEquipmentId]);
-  const handleTypeChange = useCallback(() => {
-    setValue(FieldConstants.EQUIPMENT_ID, null);
-  }, [setValue]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
-        AutocompleteInput,
-        {
-          isOptionEqualToValue: richTypeEquals,
-          name: FieldConstants.TYPE,
-          label: "Type",
-          options: typesOptions,
-          onChangeCallback: handleTypeChange,
-          getOptionLabel,
-          size: "small",
-          inputTransform: (value) => typesOptions.find((option) => option === value) || value,
-          formProps: filledTextField
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
-        AutocompleteInput,
-        {
-          isOptionEqualToValue: areIdsEqual,
-          allowNewValue: true,
-          forcePopupIcon: true,
-          name: FieldConstants.EQUIPMENT_ID,
-          label: "ID",
-          options: equipmentsOptions,
-          getOptionLabel: getObjectId,
-          inputTransform: (value) => value ?? "",
-          outputTransform: (value) => value === "" ? null : getObjectId(value),
-          size: "small",
-          formProps: filledTextField
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {}) })
-  ] });
-}
-export {
-  EquipmentDeletionForm
-};

package/dist/components/network-modifications/equipmentDeletion/equipmentDeletion.utils.js

@@ -1,86 +0,0 @@
-import { object, mixed, string } from "yup";
-import { EquipmentType } from "../../../utils/types/equipmentType.js";
-import { getHvdcLccDeletionSchema } from "./hvdcLccDeletion/hvdcLccDeletion.utils.js";
-import "react/jsx-runtime";
-import "@mui/material";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
-import "../../../utils/conversionUtils.js";
-import { ModificationType } from "../../../utils/types/modificationType.js";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-import "react-intl";
-import "react";
-import "uuid";
-import "../../notifications/contexts/NotificationsContext.js";
-import "../../ui/overflowableText/OverflowableText.js";
-import "react-hook-form";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-import "../../ui/reactHookForm/provider/CustomFormProvider.js";
-import "../../treeViewFinder/TreeViewFinder.js";
-import "../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import "../../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 "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
-import "../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "../../ui/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "@hello-pangea/dnd";
-import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../ui/snackbarProvider/SnackbarProvider.js";
-import "mui-nested-menu";
-import "react-resizable-panels";
-const equipmentDeletionFormSchema = object().shape({
-  [FieldConstants.EQUIPMENT_ID]: string().nullable().required(YUP_REQUIRED),
-  [FieldConstants.TYPE]: mixed().oneOf(Object.values(EquipmentType)).nullable().required(YUP_REQUIRED),
-  [FieldConstants.DELETION_SPECIFIC_DATA]: getHvdcLccDeletionSchema()
-}).required();
-const equipmentDeletionEmptyFormData = {
-  equipmentID: "",
-  type: null,
-  equipmentInfos: null
-};
-const equipmentDeletionFormToDto = (form) => {
-  return {
-    type: ModificationType.EQUIPMENT_DELETION,
-    equipmentId: form.equipmentID,
-    equipmentType: form.type,
-    equipmentInfos: form.equipmentInfos ?? void 0
-  };
-};
-const newEquipmentDeletionDto = (equipmentType, equipmentId) => {
-  return {
-    type: ModificationType.EQUIPMENT_DELETION,
-    equipmentId,
-    equipmentType,
-    equipmentInfos: void 0
-  };
-};
-const equipmentDeletionDtoToForm = (dto) => {
-  return {
-    equipmentID: dto.equipmentId,
-    type: dto.equipmentType,
-    equipmentInfos: dto.equipmentInfos
-  };
-};
-export {
-  equipmentDeletionDtoToForm,
-  equipmentDeletionEmptyFormData,
-  equipmentDeletionFormSchema,
-  equipmentDeletionFormToDto,
-  newEquipmentDeletionDto
-};

package/dist/components/network-modifications/equipmentDeletion/hvdcLccDeletion/HvdcLccDeletionSpecificForm.js

@@ -1,42 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import { useFieldArray } from "react-hook-form";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../../utils/yupConfig.js";
-import GridSection from "../../../grid/grid-section.js";
-import { ShuntCompensatorSelectionForm } from "./ShuntCompensatorSelectionForm.js";
-function HvdcLccDeletionSpecificForm() {
-  const { fields: mcsRows1 } = useFieldArray({
-    name: `${FieldConstants.DELETION_SPECIFIC_DATA}.${FieldConstants.SHUNT_COMPENSATOR_SIDE_1}`
-  });
-  const { fields: mcsRows2 } = useFieldArray({
-    name: `${FieldConstants.DELETION_SPECIFIC_DATA}.${FieldConstants.SHUNT_COMPENSATOR_SIDE_2}`
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GridSection, { title: "LCCConverterStationShuntCompensators" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
-        ShuntCompensatorSelectionForm,
-        {
-          title: "Side1",
-          arrayFormName: `${FieldConstants.DELETION_SPECIFIC_DATA}.${FieldConstants.SHUNT_COMPENSATOR_SIDE_1}`,
-          mcsRows: mcsRows1
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
-        ShuntCompensatorSelectionForm,
-        {
-          title: "Side2",
-          arrayFormName: `${FieldConstants.DELETION_SPECIFIC_DATA}.${FieldConstants.SHUNT_COMPENSATOR_SIDE_2}`,
-          mcsRows: mcsRows2
-        }
-      ) })
-    ] })
-  ] });
-}
-export {
-  HvdcLccDeletionSpecificForm
-};

package/dist/components/network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js

@@ -1,67 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../../utils/yupConfig.js";
-import "react-intl";
-import "react";
-import "uuid";
-import "../../../notifications/contexts/NotificationsContext.js";
-import "../../../ui/overflowableText/OverflowableText.js";
-import "react-hook-form";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-import "../../../ui/reactHookForm/provider/CustomFormProvider.js";
-import "yup";
-import "../../../treeViewFinder/TreeViewFinder.js";
-import "../../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import { CheckboxInput } from "../../../ui/reactHookForm/booleans/CheckboxInput.js";
-import "../../../ui/reactHookForm/numbers/RangeInput.js";
-import { ReadOnlyInput } from "../../../ui/reactHookForm/readOnly/ReadOnlyInput.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 "../../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../../ui/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../../filter/expert/expertFilterConstants.js";
-import "../../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "../../../ui/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "@hello-pangea/dnd";
-import "../../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../ui/snackbarProvider/SnackbarProvider.js";
-import "mui-nested-menu";
-import "react-resizable-panels";
-import GridSection from "../../../grid/grid-section.js";
-function ShuntCompensatorSelectionForm({
-  title,
-  arrayFormName,
-  mcsRows
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GridSection, { title, heading: 4 }),
-    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
-        CheckboxInput,
-        {
-          name: `${arrayFormName}[${index}].${FieldConstants.SHUNT_COMPENSATOR_SELECTED}`
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
-    ] }, field.id))
-  ] });
-}
-export {
-  ShuntCompensatorSelectionForm
-};