@gridsuite/commons-ui 0.74.0 → 0.76.0

package/dist/components/filter/criteriaBased/FilterProperties.js

@@ -1,121 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Grid from "@mui/material/Grid";
-import { useMemo, useEffect } from "react";
-import { useWatch } from "react-hook-form";
-import { FormattedMessage } from "react-intl";
-import { Line, Hvdc, Substation, Load, Generator, TwoWindingTransfo, Battery, ShuntCompensator, VoltageLevel } from "../../../utils/types/equipmentTypes.js";
-import { areArrayElementsUnique } from "../../../utils/functions.js";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import "../../../utils/yupConfig.js";
-import { FreePropertiesTypes, FilterFreeProperties } from "./FilterFreeProperties.js";
-import { PROPERTY_NAME, PROPERTY_VALUES, PROPERTY_VALUES_1, PROPERTY_VALUES_2 } from "./FilterProperty.js";
-import { usePredefinedProperties } from "../../../hooks/usePredefinedProperties.js";
-import { FilterType } from "../constants/FilterConstants.js";
-import "@mui/icons-material";
-import { EquipmentType } from "../../../utils/types/equipmentType.js";
-import * as yup from "yup";
-function propertyValuesTest(values, context, doublePropertyValues) {
-  const rootLevelForm = context.from[context.from.length - 1];
-  const filterType = rootLevelForm.value[FieldConstants.FILTER_TYPE];
-  if (filterType !== FilterType.CRITERIA_BASED.id) {
-    return true;
-  }
-  const equipmentType = rootLevelForm.value[FieldConstants.EQUIPMENT_TYPE];
-  const isForLineOrHvdcLine = equipmentType === Line.type || equipmentType === Hvdc.type;
-  if (doublePropertyValues) {
-    return isForLineOrHvdcLine ? (values == null ? void 0 : values.length) > 0 : true;
-  }
-  return isForLineOrHvdcLine || (values == null ? void 0 : values.length) > 0;
-}
-const filterPropertiesYupSchema = {
-  [FreePropertiesTypes.SUBSTATION_FILTER_PROPERTIES]: yup.array().of(
-    yup.object().shape({
-      [PROPERTY_NAME]: yup.string().required(),
-      [PROPERTY_VALUES]: yup.array().of(yup.string()).test(
-        "can not be empty if not line",
-        "YupRequired",
-        (values, context) => propertyValuesTest(values, context, false)
-      ),
-      [PROPERTY_VALUES_1]: yup.array().of(yup.string()).test(
-        "can not be empty if line",
-        "YupRequired",
-        (values, context) => propertyValuesTest(values, context, true)
-      ),
-      [PROPERTY_VALUES_2]: yup.array().of(yup.string()).test(
-        "can not be empty if line",
-        "YupRequired",
-        (values, context) => propertyValuesTest(values, context, true)
-      )
-    })
-  ).test("distinct names", "filterPropertiesNameUniquenessError", (properties, context) => {
-    const rootLevelForm = context.from[context.from.length - 1];
-    const filterType = rootLevelForm.value[FieldConstants.FILTER_TYPE];
-    if (filterType !== FilterType.CRITERIA_BASED.id) {
-      return true;
-    }
-    const names = properties.filter((prop) => !!prop[PROPERTY_NAME]).map((prop) => prop[PROPERTY_NAME]);
-    return areArrayElementsUnique(names);
-  }),
-  [FreePropertiesTypes.FREE_FILTER_PROPERTIES]: yup.array().of(
-    yup.object().shape({
-      [PROPERTY_NAME]: yup.string().required(),
-      [PROPERTY_VALUES]: yup.array().of(yup.string()).test(
-        "can not be empty if not line",
-        "YupRequired",
-        (values, context) => propertyValuesTest(values, context, false)
-      )
-    })
-  ).test("distinct names", "filterPropertiesNameUniquenessError", (properties, context) => {
-    const rootLevelForm = context.from[context.from.length - 1];
-    const filterType = rootLevelForm.value[FieldConstants.FILTER_TYPE];
-    if (filterType !== FilterType.CRITERIA_BASED.id) {
-      return true;
-    }
-    const names = properties.filter((prop) => !!prop[PROPERTY_NAME]).map((prop) => prop[PROPERTY_NAME]);
-    return areArrayElementsUnique(names);
-  })
-};
-function FilterProperties() {
-  const watchEquipmentType = useWatch({
-    name: FieldConstants.EQUIPMENT_TYPE
-  });
-  const [equipmentPredefinedProps, setEquipmentType] = usePredefinedProperties(watchEquipmentType);
-  const [substationPredefinedProps, setSubstationType] = usePredefinedProperties(null);
-  const displayEquipmentProperties = useMemo(() => {
-    return watchEquipmentType === Substation.type || watchEquipmentType === Load.type || watchEquipmentType === Generator.type || watchEquipmentType === Line.type || watchEquipmentType === TwoWindingTransfo.type || watchEquipmentType === Battery.type || watchEquipmentType === ShuntCompensator.type || watchEquipmentType === VoltageLevel.type;
-  }, [watchEquipmentType]);
-  const displaySubstationProperties = useMemo(() => {
-    return watchEquipmentType !== Substation.type && watchEquipmentType !== null;
-  }, [watchEquipmentType]);
-  useEffect(() => {
-    if (displayEquipmentProperties) {
-      setEquipmentType(watchEquipmentType);
-    }
-  }, [displayEquipmentProperties, watchEquipmentType, setEquipmentType]);
-  useEffect(() => {
-    if (displaySubstationProperties) {
-      setSubstationType(EquipmentType.SUBSTATION);
-    }
-  }, [displaySubstationProperties, setSubstationType]);
-  return watchEquipmentType && /* @__PURE__ */ jsx(Grid, { item: true, container: true, spacing: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-    /* @__PURE__ */ jsx(FormattedMessage, { id: "FreePropsCrit", children: (txt) => /* @__PURE__ */ jsx("h3", { children: txt }) }),
-    displayEquipmentProperties && /* @__PURE__ */ jsx(
-      FilterFreeProperties,
-      {
-        freePropertiesType: FreePropertiesTypes.FREE_FILTER_PROPERTIES,
-        predefined: equipmentPredefinedProps
-      }
-    ),
-    displaySubstationProperties && /* @__PURE__ */ jsx(
-      FilterFreeProperties,
-      {
-        freePropertiesType: FreePropertiesTypes.SUBSTATION_FILTER_PROPERTIES,
-        predefined: substationPredefinedProps
-      }
-    )
-  ] }) });
-}
-export {
-  FilterProperties,
-  filterPropertiesYupSchema
-};

package/dist/components/filter/criteriaBased/FilterProperty.d.ts

@@ -1,18 +0,0 @@
-import { PredefinedProperties } from '../../../utils/types/types';
-
-export declare const PROPERTY_NAME = "name_property";
-export declare const PROPERTY_VALUES = "prop_values";
-export declare const PROPERTY_VALUES_1 = "prop_values1";
-export declare const PROPERTY_VALUES_2 = "prop_values2";
-interface FilterPropertyProps {
-    index: number;
-    valuesFields: Array<{
-        name: string;
-        label: string;
-    }>;
-    handleDelete: (index: number) => void;
-    predefined: PredefinedProperties;
-    propertyType: string;
-}
-export declare function FilterProperty(props: FilterPropertyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/filter/criteriaBased/FilterProperty.js

@@ -1,65 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
-import DeleteIcon from "@mui/icons-material/Delete";
-import IconButton from "@mui/material/IconButton";
-import Grid from "@mui/material/Grid";
-import { useFormContext, useWatch } from "react-hook-form";
-import { AutocompleteInput } from "../../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
-import { MultipleAutocompleteInput } from "../../inputs/reactHookForm/autocompleteInputs/MultipleAutocompleteInput.js";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-const PROPERTY_NAME = "name_property";
-const PROPERTY_VALUES = "prop_values";
-const PROPERTY_VALUES_1 = "prop_values1";
-const PROPERTY_VALUES_2 = "prop_values2";
-function FilterProperty(props) {
-  const { propertyType, index, predefined, valuesFields, handleDelete } = props;
-  const { setValue } = useFormContext();
-  const watchName = useWatch({
-    name: `${FieldConstants.CRITERIA_BASED}.${propertyType}[${index}].${PROPERTY_NAME}`
-  });
-  const predefinedNames = useMemo(() => {
-    return Object.keys(predefined ?? []).sort();
-  }, [predefined]);
-  const predefinedValues = useMemo(() => {
-    const predefinedForName = predefined == null ? void 0 : predefined[watchName];
-    if (!predefinedForName) {
-      return [];
-    }
-    return [...new Set(predefinedForName)].sort();
-  }, [watchName, predefined]);
-  const onNameChange = useCallback(() => {
-    valuesFields.forEach(
-      (valuesField) => setValue(`${FieldConstants.CRITERIA_BASED}.${propertyType}[${index}].${valuesField.name}`, [])
-    );
-  }, [setValue, index, valuesFields, propertyType]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 1, columns: 21, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-      AutocompleteInput,
-      {
-        name: `${FieldConstants.CRITERIA_BASED}.${propertyType}[${index}].${PROPERTY_NAME}`,
-        label: "PropertyName",
-        options: predefinedNames,
-        freeSolo: true,
-        autoSelect: true,
-        forcePopupIcon: true,
-        onChangeCallback: onNameChange
-      }
-    ) }),
-    valuesFields.map((valuesField) => /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
-      MultipleAutocompleteInput,
-      {
-        name: `${FieldConstants.CRITERIA_BASED}.${propertyType}[${index}].${valuesField.name}`,
-        label: valuesField.label,
-        options: predefinedValues
-      }
-    ) }, valuesField.name)),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, alignSelf: "center", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleDelete(index), children: /* @__PURE__ */ jsx(DeleteIcon, {}) }) })
-  ] });
-}
-export {
-  FilterProperty,
-  PROPERTY_NAME,
-  PROPERTY_VALUES,
-  PROPERTY_VALUES_1,
-  PROPERTY_VALUES_2
-};

package/dist/components/filter/criteriaBased/criteriaBasedFilterUtils.js

@@ -1,158 +0,0 @@
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { PROPERTY_VALUES, PROPERTY_VALUES_1, PROPERTY_VALUES_2, PROPERTY_NAME } from "./FilterProperty.js";
-import { FilterType } from "../constants/FilterConstants.js";
-import "../../../utils/yupConfig.js";
-import { getRangeInputSchema, DEFAULT_RANGE_VALUE } from "../../inputs/reactHookForm/numbers/RangeInput.js";
-import { FreePropertiesTypes } from "./FilterFreeProperties.js";
-import * as yup from "yup";
-function getCriteriaBasedSchema(extraFields = {}) {
-  return {
-    [FieldConstants.CRITERIA_BASED]: yup.object().shape({
-      [FieldConstants.COUNTRIES]: yup.array().of(yup.string().required()),
-      [FieldConstants.COUNTRIES_1]: yup.array().of(yup.string().required()),
-      [FieldConstants.COUNTRIES_2]: yup.array().of(yup.string().required()),
-      ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE),
-      ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_1),
-      ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_2),
-      ...getRangeInputSchema(FieldConstants.NOMINAL_VOLTAGE_3),
-      ...extraFields
-    })
-  };
-}
-function getCriteriaBasedFormData(criteriaValues, extraFields = {}) {
-  return {
-    [FieldConstants.CRITERIA_BASED]: {
-      [FieldConstants.COUNTRIES]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES]) ?? [],
-      [FieldConstants.COUNTRIES_1]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_1]) ?? [],
-      [FieldConstants.COUNTRIES_2]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.COUNTRIES_2]) ?? [],
-      [FieldConstants.NOMINAL_VOLTAGE]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_1]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_1]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_2]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_2]) ?? DEFAULT_RANGE_VALUE,
-      [FieldConstants.NOMINAL_VOLTAGE_3]: (criteriaValues == null ? void 0 : criteriaValues[FieldConstants.NOMINAL_VOLTAGE_3]) ?? DEFAULT_RANGE_VALUE,
-      ...extraFields
-    }
-  };
-}
-function backToFrontTweak(response) {
-  const subProps = response.equipmentFilterForm.substationFreeProperties;
-  const freeProps = response.equipmentFilterForm.freeProperties;
-  const props1 = response.equipmentFilterForm.freeProperties1;
-  const props2 = response.equipmentFilterForm.freeProperties2;
-  const allKeys = /* @__PURE__ */ new Set();
-  if (subProps) {
-    Object.keys(subProps).forEach((k) => allKeys.add(k));
-  }
-  if (props1) {
-    Object.keys(props1).forEach((k) => allKeys.add(k));
-  }
-  if (props2) {
-    Object.keys(props2).forEach((k) => allKeys.add(k));
-  }
-  const filterSubstationProperties = [];
-  const filterFreeProperties = [];
-  allKeys.forEach((k) => {
-    const prop = { [PROPERTY_NAME]: k };
-    const values = subProps == null ? void 0 : subProps[k];
-    if (values) {
-      prop[PROPERTY_VALUES] = values;
-    }
-    const values1 = props1 == null ? void 0 : props1[k];
-    if (values1) {
-      prop[PROPERTY_VALUES_1] = values1;
-    }
-    const values2 = props2 == null ? void 0 : props2[k];
-    if (values2) {
-      prop[PROPERTY_VALUES_2] = values2;
-    }
-    filterSubstationProperties.push(prop);
-  });
-  allKeys.clear();
-  if (freeProps) {
-    Object.keys(freeProps).forEach((k) => allKeys.add(k));
-  }
-  allKeys.forEach((k) => {
-    const prop = { [PROPERTY_NAME]: k };
-    const values = freeProps == null ? void 0 : freeProps[k];
-    if (values) {
-      prop[PROPERTY_VALUES] = values;
-    }
-    filterFreeProperties.push(prop);
-  });
-  return {
-    [FieldConstants.EQUIPMENT_TYPE]: response[FieldConstants.EQUIPMENT_TYPE],
-    ...getCriteriaBasedFormData(response.equipmentFilterForm, {
-      [FieldConstants.ENERGY_SOURCE]: response.equipmentFilterForm[FieldConstants.ENERGY_SOURCE],
-      [FreePropertiesTypes.SUBSTATION_FILTER_PROPERTIES]: filterSubstationProperties,
-      [FreePropertiesTypes.FREE_FILTER_PROPERTIES]: filterFreeProperties
-    })
-  };
-}
-function isNominalVoltageEmpty(nominalVoltage) {
-  return nominalVoltage[FieldConstants.VALUE_1] === null && nominalVoltage[FieldConstants.VALUE_2] === null;
-}
-function cleanNominalVoltages(formValues) {
-  const cleanedFormValues = { ...formValues };
-  if (isNominalVoltageEmpty(cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE])) {
-    cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE] = null;
-  }
-  if (isNominalVoltageEmpty(cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_1])) {
-    cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_1] = null;
-  }
-  if (isNominalVoltageEmpty(cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_2])) {
-    cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_2] = null;
-  }
-  if (isNominalVoltageEmpty(cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_3])) {
-    cleanedFormValues[FieldConstants.NOMINAL_VOLTAGE_3] = null;
-  }
-  return cleanedFormValues;
-}
-function frontToBackTweak(id, filter) {
-  const filterSubstationProperties = filter[FieldConstants.CRITERIA_BASED][FreePropertiesTypes.SUBSTATION_FILTER_PROPERTIES];
-  const eff = {
-    [FieldConstants.EQUIPMENT_TYPE]: filter[FieldConstants.EQUIPMENT_TYPE],
-    ...cleanNominalVoltages(filter[FieldConstants.CRITERIA_BASED])
-  };
-  delete eff[FreePropertiesTypes.SUBSTATION_FILTER_PROPERTIES];
-  const props = {};
-  const props1 = {};
-  const props2 = {};
-  filterSubstationProperties.forEach((prop) => {
-    const values = prop[PROPERTY_VALUES];
-    const values1 = prop[PROPERTY_VALUES_1];
-    const values2 = prop[PROPERTY_VALUES_2];
-    if (values) {
-      props[prop[PROPERTY_NAME]] = values;
-    }
-    if (values1) {
-      props1[prop[PROPERTY_NAME]] = values1;
-    }
-    if (values2) {
-      props2[prop[PROPERTY_NAME]] = values2;
-    }
-  });
-  eff.substationFreeProperties = props;
-  eff.freeProperties1 = props1;
-  eff.freeProperties2 = props2;
-  const filterFreeProperties = filter[FieldConstants.CRITERIA_BASED][FreePropertiesTypes.FREE_FILTER_PROPERTIES];
-  delete eff[FreePropertiesTypes.FREE_FILTER_PROPERTIES];
-  const freeProps = {};
-  filterFreeProperties.forEach((prop) => {
-    const values = prop[PROPERTY_VALUES];
-    if (values) {
-      freeProps[prop[PROPERTY_NAME]] = values;
-    }
-  });
-  eff.freeProperties = freeProps;
-  return {
-    id,
-    type: FilterType.CRITERIA_BASED.id,
-    // in the back end we store everything in a field called equipmentFilterForm
-    equipmentFilterForm: eff
-  };
-}
-export {
-  backToFrontTweak,
-  frontToBackTweak,
-  getCriteriaBasedFormData,
-  getCriteriaBasedSchema
-};

package/dist/components/filter/criteriaBased/index.js

@@ -1,27 +0,0 @@
-import { CriteriaBasedFilterEditionDialog } from "./CriteriaBasedFilterEditionDialog.js";
-import { CriteriaBasedFilterForm, criteriaBasedFilterEmptyFormData, criteriaBasedFilterSchema } from "./CriteriaBasedFilterForm.js";
-import { CriteriaBasedForm } from "./CriteriaBasedForm.js";
-import { FilterFreeProperties, FreePropertiesTypes } from "./FilterFreeProperties.js";
-import { FilterProperties, filterPropertiesYupSchema } from "./FilterProperties.js";
-import { FilterProperty, PROPERTY_NAME, PROPERTY_VALUES, PROPERTY_VALUES_1, PROPERTY_VALUES_2 } from "./FilterProperty.js";
-import { backToFrontTweak, frontToBackTweak, getCriteriaBasedFormData, getCriteriaBasedSchema } from "./criteriaBasedFilterUtils.js";
-export {
-  CriteriaBasedFilterEditionDialog,
-  CriteriaBasedFilterForm,
-  CriteriaBasedForm,
-  FilterFreeProperties,
-  FilterProperties,
-  FilterProperty,
-  FreePropertiesTypes,
-  PROPERTY_NAME,
-  PROPERTY_VALUES,
-  PROPERTY_VALUES_1,
-  PROPERTY_VALUES_2,
-  backToFrontTweak,
-  criteriaBasedFilterEmptyFormData,
-  criteriaBasedFilterSchema,
-  filterPropertiesYupSchema,
-  frontToBackTweak,
-  getCriteriaBasedFormData,
-  getCriteriaBasedSchema
-};