@gridsuite/commons-ui 0.214.0 → 0.215.0

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

@@ -1,253 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useCallback } from "react";
-import { useIntl } from "react-intl";
-import { useWatch } from "react-hook-form";
-import { Box } from "@mui/material";
-import { v4 } from "uuid";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import "../../../utils/yupConfig.js";
-import { CustomAgGridTable } from "../../ui/reactHookForm/agGridTable/CustomAgGridTable.js";
-import { SelectInput } from "../../ui/reactHookForm/selectInputs/SelectInput.js";
-import { isInjection } from "../../../utils/types/equipmentTypes.js";
-import { NumericEditor } from "../../ui/reactHookForm/agGridTable/cellEditors/numericEditor.js";
-import { InputWithPopupConfirmation } from "../../ui/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
-import { toFloatOrNullValue } from "../../ui/reactHookForm/utils/functions.js";
-import { DISTRIBUTION_KEY } from "../constants/FilterConstants.js";
-import { FILTER_EQUIPMENTS } from "../utils/filterFormUtils.js";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import { ElementType } from "../../../utils/types/elementType.js";
-import { ModifyElementSelection } from "../../ui/dialogs/modifyElementSelection/ModifyElementSelection.js";
-import { exportFilter } from "../../../services/study.js";
-import { unscrollableDialogStyles } from "../../ui/dialogs/customMuiDialog/CustomMuiDialog.js";
-import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../utils/conversionUtils.js";
-import { snackWithFallback } from "../../../utils/error.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "@hello-pangea/dnd";
-import "../../ui/overflowableText/OverflowableText.js";
-import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
-import { filterStyles } from "../HeaderFilterForm.js";
-import "../../notifications/contexts/NotificationsContext.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "../../ui/reactHookForm/provider/CustomFormProvider.js";
-import { useCustomFormContext } from "../../ui/reactHookForm/provider/useCustomFormContext.js";
-import "../../treeViewFinder/TreeViewFinder.js";
-import "../../ui/reactHookForm/agGridTable/BottomRightButtons.js";
-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/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../expert/expertFilterConstants.js";
-import "../../ui/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "../../ui/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "../../ui/snackbarProvider/SnackbarProvider.js";
-import "mui-nested-menu";
-import "react-resizable-panels";
-import * as yup from "yup";
-const explicitNamingFilterSchema = {
-  [FILTER_EQUIPMENTS_ATTRIBUTES]: yup.array().of(
-    yup.object().shape({
-      [FieldConstants.EQUIPMENT_ID]: yup.string().nullable(),
-      [DISTRIBUTION_KEY]: yup.number().nullable()
-    })
-  ).compact((row) => !row[DISTRIBUTION_KEY] && !row[FieldConstants.EQUIPMENT_ID]).min(1, "emptyFilterError").when([FieldConstants.EQUIPMENT_TYPE], {
-    is: (equipmentType) => isInjection(equipmentType),
-    then: (innerSchema) => innerSchema.test("noKeyWithoutId", "distributionKeyWithMissingIdError", (array) => {
-      return !array.some((row) => !row[FieldConstants.EQUIPMENT_ID]);
-    }).test("ifOneKeyThenKeyEverywhere", "missingDistributionKeyError", (array) => {
-      return !(array.some((row) => row[DISTRIBUTION_KEY]) && array.some((row) => !row[DISTRIBUTION_KEY]));
-    })
-  })
-};
-function makeDefaultRowData() {
-  return {
-    [FieldConstants.AG_GRID_ROW_UUID]: v4(),
-    [FieldConstants.EQUIPMENT_ID]: "",
-    [DISTRIBUTION_KEY]: null
-  };
-}
-function makeDefaultTableRows() {
-  return [makeDefaultRowData(), makeDefaultRowData(), makeDefaultRowData()];
-}
-function getExplicitNamingFilterEmptyFormData() {
-  return {
-    [FILTER_EQUIPMENTS_ATTRIBUTES]: makeDefaultTableRows()
-  };
-}
-function ExplicitNamingFilterForm({
-  sourceFilterForExplicitNamingConversion,
-  isEditing
-}) {
-  const intl = useIntl();
-  const { snackError } = useSnackMessage();
-  const { getValues, setValue, isDeveloperMode, language } = useCustomFormContext();
-  const watchEquipmentType = useWatch({
-    name: FieldConstants.EQUIPMENT_TYPE
-  });
-  useEffect(() => {
-    if (watchEquipmentType && !(watchEquipmentType in FILTER_EQUIPMENTS)) {
-      snackError({
-        headerId: "obsoleteFilter"
-      });
-    }
-  }, [snackError, watchEquipmentType]);
-  const forGeneratorBatteryOrLoad = isInjection(watchEquipmentType);
-  useEffect(() => {
-    if (sourceFilterForExplicitNamingConversion) {
-      setValue(FieldConstants.EQUIPMENT_TYPE, sourceFilterForExplicitNamingConversion.equipmentType);
-    }
-  }, [sourceFilterForExplicitNamingConversion, setValue]);
-  const columnDefs = useMemo(() => {
-    const newColumnDefs = [
-      {
-        headerName: intl.formatMessage({
-          id: FieldConstants.EQUIPMENT_ID
-        }),
-        rowDrag: true,
-        field: FieldConstants.EQUIPMENT_ID,
-        editable: true,
-        singleClickEdit: true,
-        flex: 1,
-        valueParser: (params) => params.newValue?.trim() ?? null
-      }
-    ];
-    if (forGeneratorBatteryOrLoad) {
-      newColumnDefs.push({
-        headerName: intl.formatMessage({ id: DISTRIBUTION_KEY }),
-        field: DISTRIBUTION_KEY,
-        editable: true,
-        singleClickEdit: true,
-        cellEditor: NumericEditor,
-        flex: 1
-      });
-    }
-    return newColumnDefs;
-  }, [intl, forGeneratorBatteryOrLoad]);
-  const defaultColDef = useMemo(
-    () => ({
-      suppressMovable: true
-    }),
-    []
-  );
-  const csvFileHeaders = useMemo(() => {
-    const newCsvFileHeaders = [intl.formatMessage({ id: FieldConstants.EQUIPMENT_ID })];
-    if (forGeneratorBatteryOrLoad) {
-      newCsvFileHeaders.push(intl.formatMessage({ id: DISTRIBUTION_KEY }));
-    }
-    return newCsvFileHeaders;
-  }, [intl, forGeneratorBatteryOrLoad]);
-  const getDataFromCsvFile = useCallback((csvData) => {
-    if (csvData) {
-      return csvData.map((value) => {
-        return {
-          [FieldConstants.AG_GRID_ROW_UUID]: v4(),
-          [FieldConstants.EQUIPMENT_ID]: value[0]?.trim(),
-          [DISTRIBUTION_KEY]: toFloatOrNullValue(value[1]?.trim())
-        };
-      });
-    }
-    return [];
-  }, []);
-  const openConfirmationPopup = () => {
-    return getValues(FILTER_EQUIPMENTS_ATTRIBUTES).some(
-      (row) => row[DISTRIBUTION_KEY] || row[FieldConstants.EQUIPMENT_ID]
-    );
-  };
-  const handleResetOnConfirmation = () => {
-    setValue(FILTER_EQUIPMENTS_ATTRIBUTES, makeDefaultTableRows());
-  };
-  const onStudySelected = (studyUuid) => {
-    exportFilter(studyUuid, sourceFilterForExplicitNamingConversion?.id).then((matchingEquipments) => {
-      setValue(
-        FILTER_EQUIPMENTS_ATTRIBUTES,
-        matchingEquipments.length === 0 ? makeDefaultTableRows() : matchingEquipments.map((equipment) => ({
-          [FieldConstants.AG_GRID_ROW_UUID]: v4(),
-          [FieldConstants.EQUIPMENT_ID]: equipment.id,
-          [DISTRIBUTION_KEY]: equipment.distributionKey
-        }))
-      );
-    }).catch(
-      (error) => snackWithFallback(snackError, error, { headerId: "convertIntoExplicitNamingFilterError" })
-    );
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: [
-      /* @__PURE__ */ jsx(
-        InputWithPopupConfirmation,
-        {
-          Input: SelectInput,
-          name: FieldConstants.EQUIPMENT_TYPE,
-          options: Object.values(FILTER_EQUIPMENTS),
-          disabled: !!sourceFilterForExplicitNamingConversion || isEditing && !isDeveloperMode,
-          label: "equipmentType",
-          shouldOpenPopup: openConfirmationPopup,
-          resetOnConfirmation: handleResetOnConfirmation,
-          message: "changeTypeMessage",
-          validateButtonLabel: "button.changeType",
-          sx: filterStyles.textField,
-          "data-testid": "EquipmentTypeSelector"
-        }
-      ),
-      sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(
-        ModifyElementSelection,
-        {
-          elementType: ElementType.STUDY,
-          onElementValidated: onStudySelected,
-          dialogOpeningButtonLabel: "selectStudyDialogButton",
-          dialogTitleLabel: "selectStudyDialogTitle",
-          dialogMessageLabel: "selectStudyText",
-          noElementMessageLabel: "noSelectedStudyText"
-        }
-      )
-    ] }),
-    watchEquipmentType && /* @__PURE__ */ jsx(
-      CustomAgGridTable,
-      {
-        name: FILTER_EQUIPMENTS_ATTRIBUTES,
-        columnDefs,
-        defaultColDef,
-        makeDefaultRowData,
-        pagination: true,
-        paginationPageSize: 100,
-        rowSelection: {
-          mode: "multiRow",
-          enableClickSelection: false,
-          checkboxes: true,
-          headerCheckbox: true
-        },
-        alwaysShowVerticalScroll: true,
-        stopEditingWhenCellsLoseFocus: true,
-        csvProps: {
-          fileName: intl.formatMessage({
-            id: "filterCsvFileName"
-          }),
-          fileHeaders: csvFileHeaders,
-          getDataFromCsv: getDataFromCsvFile,
-          language
-        },
-        cssProps: {
-          padding: 1,
-          "& .ag-root-wrapper-body": {
-            maxHeight: "unset"
-          }
-        }
-      }
-    )
-  ] });
-}
-export {
-  ExplicitNamingFilterForm,
-  explicitNamingFilterSchema,
-  getExplicitNamingFilterEmptyFormData
-};

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

@@ -1,57 +0,0 @@
-import { UUID } from 'node:crypto';
-import { EquipmentType, FieldConstants, GsLang } from '../../utils';
-import { ItemSelectionForCopy } from '../../utils/types/types';
-import { RuleGroupTypeExport } from './expert/expertFilter.type';
-import { EXPERT_FILTER_QUERY } from './expert/expertFilterConstants';
-import { FILTER_EQUIPMENTS_ATTRIBUTES } from './explicitNaming/ExplicitNamingFilterConstants';
-import { FilterType } from './constants/FilterConstants';
-export type EquipmentsFilter = {
-    equipmentID: string;
-    distributionKey?: number;
-};
-export interface IdentifiableAttributes {
-    id: string;
-    type: EquipmentType;
-    distributionKey: number;
-}
-export interface FilterEquipments {
-    filterId: UUID;
-    identifiableAttributes: IdentifiableAttributes[];
-    notFoundEquipments: string[];
-}
-export interface FilterEditionProps {
-    id: string;
-    name: string;
-    titleId: string;
-    open: boolean;
-    onClose: () => void;
-    broadcastChannel: BroadcastChannel;
-    itemSelectionForCopy: ItemSelectionForCopy;
-    setItemSelectionForCopy: (selection: ItemSelectionForCopy) => void;
-    getFilterById: (id: string) => Promise<{
-        [FieldConstants.EQUIPMENT_TYPE]: string;
-        [EXPERT_FILTER_QUERY]?: RuleGroupTypeExport;
-        [FILTER_EQUIPMENTS_ATTRIBUTES]?: EquipmentsFilter[];
-    }>;
-    activeDirectory?: UUID;
-    language?: GsLang;
-    description?: string;
-    isDeveloperMode: boolean;
-}
-export type NewFilterType = ExpertFilter | ExplicitNamingFilter;
-type BaseFilter = {
-    id?: string | null;
-    name?: string;
-    type: string;
-    equipmentType: string;
-};
-export type ExpertFilter = BaseFilter & {
-    type: typeof FilterType.EXPERT.id;
-    rules: RuleGroupTypeExport;
-    topologyKind?: string;
-};
-export type ExplicitNamingFilter = BaseFilter & {
-    type: typeof FilterType.EXPLICIT_NAMING.id;
-    filterEquipmentsAttributes?: EquipmentsFilter[];
-};
-export {};

package/dist/components/filter/utils/filterApi.js

@@ -1,111 +0,0 @@
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { isInjection } from "../../../utils/types/equipmentTypes.js";
-import { exportExpertRules } from "../expert/expertFilterUtils.js";
-import { DISTRIBUTION_KEY, FilterType } from "../constants/FilterConstants.js";
-import { createFilter, saveFilter } from "../../../services/explore.js";
-import "../../../utils/conversionUtils.js";
-import { catchErrorHandler } from "../../../utils/error.js";
-import "../../../utils/types/equipmentType.js";
-import "react/jsx-runtime";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-const saveExplicitNamingFilter = (tableValues, isFilterCreation, equipmentType, name, description, id, setCreateFilterErr, handleClose, activeDirectory, token) => {
-  let cleanedTableValues;
-  const isEquipmentAnInjection = isInjection(equipmentType);
-  if (isEquipmentAnInjection) {
-    cleanedTableValues = tableValues.map((row) => ({
-      [FieldConstants.EQUIPMENT_ID]: row[FieldConstants.EQUIPMENT_ID],
-      [DISTRIBUTION_KEY]: row[DISTRIBUTION_KEY]
-    }));
-  } else {
-    cleanedTableValues = tableValues.map((row) => ({
-      [FieldConstants.EQUIPMENT_ID]: row[FieldConstants.EQUIPMENT_ID]
-    }));
-  }
-  if (isFilterCreation) {
-    createFilter(
-      {
-        id: null,
-        type: FilterType.EXPLICIT_NAMING.id,
-        equipmentType,
-        filterEquipmentsAttributes: cleanedTableValues
-      },
-      name,
-      description,
-      activeDirectory,
-      token
-    ).then(() => {
-      handleClose();
-    }).catch((error) => {
-      setCreateFilterErr(error instanceof Error ? error : new Error("unknown error"));
-    });
-  } else {
-    saveFilter(
-      {
-        id,
-        type: FilterType.EXPLICIT_NAMING.id,
-        equipmentType,
-        filterEquipmentsAttributes: cleanedTableValues
-      },
-      name,
-      description,
-      token
-    ).then(() => {
-      handleClose();
-    }).catch((error) => {
-      setCreateFilterErr(error instanceof Error ? error : new Error("unknown error"));
-    });
-  }
-};
-const saveExpertFilter = (id, query, equipmentType, name, description, isFilterCreation, activeDirectory, onClose, onError, token) => {
-  if (isFilterCreation) {
-    createFilter(
-      {
-        id: null,
-        type: FilterType.EXPERT.id,
-        equipmentType,
-        rules: exportExpertRules(query)
-      },
-      name,
-      description,
-      activeDirectory,
-      token
-    ).then(() => {
-      onClose();
-    }).catch((error) => {
-      if (error instanceof Error) {
-        onError(error);
-      } else {
-        catchErrorHandler(error, (message) => {
-          onError(new Error(message));
-        });
-      }
-    });
-  } else {
-    saveFilter(
-      {
-        id,
-        type: FilterType.EXPERT.id,
-        equipmentType,
-        rules: exportExpertRules(query)
-      },
-      name,
-      description,
-      token
-    ).then(() => {
-      onClose();
-    }).catch((error) => {
-      if (error instanceof Error) {
-        onError(error);
-      } else {
-        catchErrorHandler(error, (message) => {
-          onError(new Error(message));
-        });
-      }
-    });
-  }
-};
-export {
-  saveExpertFilter,
-  saveExplicitNamingFilter
-};

package/dist/components/filter/utils/filterFormUtils.d.ts

@@ -1,7 +0,0 @@
-import { ALL_EQUIPMENTS, EquipmentType } from '../../../utils';
-export type ContingencyListEquipment = {
-    id: string;
-    label: string;
-};
-export declare const CONTINGENCY_LIST_EQUIPMENTS: Record<EquipmentType.BUSBAR_SECTION | EquipmentType.LINE | EquipmentType.TWO_WINDINGS_TRANSFORMER | EquipmentType.THREE_WINDINGS_TRANSFORMER | EquipmentType.GENERATOR | EquipmentType.BATTERY | EquipmentType.LOAD | EquipmentType.SHUNT_COMPENSATOR | EquipmentType.STATIC_VAR_COMPENSATOR | EquipmentType.HVDC_LINE | EquipmentType.BOUNDARY_LINE, ContingencyListEquipment>;
-export declare const FILTER_EQUIPMENTS: typeof ALL_EQUIPMENTS;

package/dist/components/filter/utils/filterFormUtils.js

@@ -1,60 +0,0 @@
-import "../../../utils/conversionUtils.js";
-import { EquipmentType, ALL_EQUIPMENTS, BASE_EQUIPMENTS } from "../../../utils/types/equipmentType.js";
-import "react/jsx-runtime";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-const CONTINGENCY_LIST_EQUIPMENTS = {
-  BUSBAR_SECTION: {
-    id: "BUSBAR_SECTION",
-    label: "BusBarSections"
-  },
-  LINE: {
-    id: "LINE",
-    label: "Lines"
-  },
-  TWO_WINDINGS_TRANSFORMER: {
-    id: "TWO_WINDINGS_TRANSFORMER",
-    label: "TwoWindingsTransformers"
-  },
-  THREE_WINDINGS_TRANSFORMER: {
-    id: "THREE_WINDINGS_TRANSFORMER",
-    label: "ThreeWindingsTransformers"
-  },
-  GENERATOR: {
-    id: "GENERATOR",
-    label: "Generators"
-  },
-  BATTERY: {
-    id: "BATTERY",
-    label: "Batteries"
-  },
-  LOAD: {
-    id: "LOAD",
-    label: "Loads"
-  },
-  SHUNT_COMPENSATOR: {
-    id: "SHUNT_COMPENSATOR",
-    label: "ShuntCompensators"
-  },
-  STATIC_VAR_COMPENSATOR: {
-    id: "STATIC_VAR_COMPENSATOR",
-    label: "StaticVarCompensators"
-  },
-  HVDC_LINE: {
-    id: "HVDC_LINE",
-    label: "HvdcLines"
-  },
-  BOUNDARY_LINE: {
-    id: "BOUNDARY_LINE",
-    label: "BoundaryLines"
-  }
-};
-const FILTER_EQUIPMENTS = {
-  ...BASE_EQUIPMENTS,
-  [EquipmentType.HVDC_LINE]: ALL_EQUIPMENTS[EquipmentType.HVDC_LINE],
-  [EquipmentType.VSC_CONVERTER_STATION]: ALL_EQUIPMENTS[EquipmentType.VSC_CONVERTER_STATION]
-};
-export {
-  CONTINGENCY_LIST_EQUIPMENTS,
-  FILTER_EQUIPMENTS
-};