@gridsuite/commons-ui 0.189.0 → 0.191.0

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment-form.js

@@ -0,0 +1,218 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { DensityLarge } from "@mui/icons-material";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useIntl } from "react-intl";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import { ElementType } from "../../../../../utils/types/elementType.js";
+import "../../../../../utils/types/equipmentType.js";
+import { FieldType } from "../../../../../utils/types/fieldType.js";
+import { areIdsEqual, getIdOrValue } from "../../../../../utils/ts-utils.js";
+import "../../../../../utils/yupConfig.js";
+import "@mui/material";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { usePredefinedProperties } from "../../../../../hooks/usePredefinedProperties.js";
+import { usePrevious } from "../../../../../hooks/usePrevious.js";
+import "notistack";
+import { useFormatLabelWithUnit } from "../../../../../hooks/useFormatLabelWithUnit.js";
+import "../../../../overflowableText/OverflowableText.js";
+import "../../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { DirectoryItemsInput } from "../../../../inputs/reactHookForm/DirectoryItemsInput.js";
+import "../../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { AutocompleteInput } from "../../../../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
+import { SwitchInput } from "../../../../inputs/reactHookForm/booleans/SwitchInput.js";
+import { FloatInput } from "../../../../inputs/reactHookForm/numbers/FloatInput.js";
+import { IntegerInput } from "../../../../inputs/reactHookForm/numbers/IntegerInput.js";
+import "../../../../inputs/reactHookForm/numbers/RangeInput.js";
+import { SelectInput } from "../../../../inputs/reactHookForm/selectInputs/SelectInput.js";
+import { TextInput } from "../../../../inputs/reactHookForm/text/TextInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../../filter/expert/expertFilterConstants.js";
+import "../../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { DataType } from "./assignment.type.js";
+import GridItem from "../../../../grid/grid-item.js";
+import { EQUIPMENTS_FIELDS } from "./assignment-constants.js";
+const comparatorStrIgnoreCase = (str1, str2) => {
+  return str1?.toLowerCase()?.localeCompare(str2?.toLowerCase());
+};
+function AssignmentForm(props) {
+  const { name, index } = props;
+  const { setError, setValue } = useFormContext();
+  const intl = useIntl();
+  const watchEditedField = useWatch({
+    name: `${name}.${index}.${FieldConstants.EDITED_FIELD}`
+  });
+  const watchEquipmentType = useWatch({
+    name: FieldConstants.EQUIPMENT_TYPE
+  });
+  const equipmentFields = useMemo(
+    () => Object.values(EQUIPMENTS_FIELDS[watchEquipmentType] ?? []),
+    [watchEquipmentType]
+  );
+  const networkEquipmentType = useMemo(() => {
+    if ([
+      FieldType.OPERATIONAL_LIMITS_GROUP_1_WITH_PROPERTIES,
+      FieldType.OPERATIONAL_LIMITS_GROUP_2_WITH_PROPERTIES
+    ].includes(watchEditedField)) {
+      return "limitsGroup";
+    }
+    return watchEquipmentType;
+  }, [watchEquipmentType, watchEditedField]);
+  const [predefinedProperties] = usePredefinedProperties(networkEquipmentType);
+  const dataType = useMemo(() => {
+    return equipmentFields?.find((fieldOption) => fieldOption?.id === watchEditedField)?.dataType;
+  }, [watchEditedField, equipmentFields]);
+  const settableToNone = useMemo(() => {
+    return equipmentFields?.find((fieldOption) => fieldOption?.id === watchEditedField)?.settableToNone ?? false;
+  }, [watchEditedField, equipmentFields]);
+  const watchPropertyName = useWatch({
+    name: `${name}.${index}.${FieldConstants.PROPERTY_NAME}`
+  });
+  const predefinedPropertiesNames = useMemo(() => {
+    return Object.keys(predefinedProperties ?? {}).sort(comparatorStrIgnoreCase);
+  }, [predefinedProperties]);
+  const predefinedPropertiesValues = useMemo(() => {
+    return [...predefinedProperties?.[watchPropertyName] ?? []].sort(comparatorStrIgnoreCase);
+  }, [watchPropertyName, predefinedProperties]);
+  const options = useMemo(() => {
+    return equipmentFields?.find((fieldOption) => fieldOption?.id === watchEditedField)?.values ?? [];
+  }, [watchEditedField, equipmentFields]);
+  const prevDataType = usePrevious(dataType);
+  if (prevDataType && prevDataType !== dataType) {
+    setValue(`${name}.${index}.${FieldConstants.VALUE}`, dataType === DataType.BOOLEAN ? false : null);
+  }
+  const emptyValueStr = useMemo(() => {
+    return intl.formatMessage({ id: "EmptyField" });
+  }, [intl]);
+  const formatLabelWithUnit = useFormatLabelWithUnit();
+  const renderAutoCompleteSettableToNone = useCallback(
+    (numberOnly) => /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        name: `${name}.${index}.${FieldConstants.VALUE}`,
+        label: "ValueOrEmptyField",
+        options: [emptyValueStr],
+        size: "small",
+        onCheckNewValue: numberOnly ? (option) => {
+          if (option && option !== emptyValueStr && Number.isNaN(Number(option))) {
+            setError(`${name}.${index}.${FieldConstants.VALUE}`, {
+              message: "NumericValueOrEmptyField"
+            });
+          } else {
+            setError(`${name}.${index}.${FieldConstants.VALUE}`, {
+              message: ""
+            });
+          }
+          return true;
+        } : void 0,
+        getOptionLabel: (option) => typeof option !== "string" ? option?.label ?? option : option,
+        allowNewValue: true
+      }
+    ),
+    [emptyValueStr, index, name, setError]
+  );
+  const filtersField = /* @__PURE__ */ jsx(
+    DirectoryItemsInput,
+    {
+      name: `${name}.${index}.${FieldConstants.FILTERS}`,
+      equipmentTypes: [watchEquipmentType],
+      elementType: ElementType.FILTER,
+      label: "filter",
+      titleId: "FiltersListsSelection",
+      disable: !watchEquipmentType
+    }
+  );
+  const editedField = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      name: `${name}.${index}.${FieldConstants.EDITED_FIELD}`,
+      options: equipmentFields,
+      label: "EditedField",
+      size: "small",
+      inputTransform: (value) => equipmentFields.find((option) => option?.id === value) || value,
+      outputTransform: (option) => getIdOrValue(option) ?? null,
+      getOptionLabel: (option) => formatLabelWithUnit(option),
+      isOptionEqualToValue: areIdsEqual
+    }
+  );
+  const propertyNameField = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      name: `${name}.${index}.${FieldConstants.PROPERTY_NAME}`,
+      options: predefinedPropertiesNames,
+      label: "PropertyName",
+      size: "small",
+      allowNewValue: true
+    }
+  );
+  const valueField = useMemo(() => {
+    if (dataType === DataType.PROPERTY) {
+      return /* @__PURE__ */ jsx(
+        AutocompleteInput,
+        {
+          name: `${name}.${index}.${FieldConstants.VALUE}`,
+          label: "PropertyValue",
+          options: predefinedPropertiesValues,
+          size: "small",
+          allowNewValue: true
+        }
+      );
+    }
+    if (dataType === DataType.INTEGER) {
+      return /* @__PURE__ */ jsx(IntegerInput, { name: `${name}.${index}.${FieldConstants.VALUE}`, label: "Value" });
+    }
+    if (dataType === DataType.BOOLEAN) {
+      return /* @__PURE__ */ jsx(SwitchInput, { name: `${name}.${index}.${FieldConstants.VALUE}`, formProps: { value: false } });
+    }
+    if (dataType === DataType.ENUM) {
+      return /* @__PURE__ */ jsx(
+        SelectInput,
+        {
+          name: `${name}.${index}.${FieldConstants.VALUE}`,
+          label: "Value",
+          options,
+          size: "small"
+        }
+      );
+    }
+    if (dataType === DataType.STRING && settableToNone) {
+      return renderAutoCompleteSettableToNone();
+    }
+    if (dataType === DataType.STRING) {
+      return /* @__PURE__ */ jsx(TextInput, { name: `${name}.${index}.${FieldConstants.VALUE}`, label: "Value", clearable: true });
+    }
+    if (dataType === DataType.DOUBLE && settableToNone) {
+      return renderAutoCompleteSettableToNone(true);
+    }
+    return /* @__PURE__ */ jsx(FloatInput, { name: `${name}.${index}.${FieldConstants.VALUE}`, label: "Value" });
+  }, [dataType, settableToNone, name, index, predefinedPropertiesValues, options, renderAutoCompleteSettableToNone]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GridItem, { size: 3.25, children: filtersField }),
+    /* @__PURE__ */ jsx(GridItem, { size: 3, children: editedField }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      dataType === DataType.PROPERTY && /* @__PURE__ */ jsx(GridItem, { size: 2, children: propertyNameField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 0.25, children: /* @__PURE__ */ jsx(DensityLarge, { fontSize: "small", sx: { marginTop: 1 } }) })
+    ] }),
+    /* @__PURE__ */ jsx(GridItem, { size: dataType === DataType.PROPERTY ? 2.25 : 4.25, children: valueField })
+  ] });
+}
+export {
+  AssignmentForm as default
+};

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment-utils.d.ts

@@ -0,0 +1,21 @@
+import { yupConfig as yup } from '../../../../../utils';
+import { Assignment, DataType, FieldOptionType, FieldValue } from './assignment.type';
+export declare const getFieldOption: (fieldName?: string | null) => FieldOptionType | undefined;
+export declare const getDataType: (fieldName?: string | null) => DataType | undefined;
+export declare const getUnsettable: (fieldName?: string | null) => boolean | undefined;
+export declare const getAssignmentInitialValue: () => {
+    filters: never[];
+    editedField: null;
+    propertyName: null;
+    value: null;
+};
+export declare function getAssignmentsSchema(emptyValueStr: string): yup.ArraySchema<{
+    propertyName?: string | undefined;
+    editedField: string;
+    filters: {
+        id: string;
+        name: string;
+    }[];
+    value: NonNullable<FieldValue | undefined>;
+}[], yup.AnyObject, "", "">;
+export declare function getAssignmentFromEditData(assignment: Assignment): Assignment;

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment-utils.js

@@ -0,0 +1,89 @@
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../../../../../utils/yupConfig.js";
+import { DataType } from "./assignment.type.js";
+import { FIELD_OPTIONS } from "./assignment-constants.js";
+import * as yup from "yup";
+const getFieldOption = (fieldName) => {
+  return Object.values(FIELD_OPTIONS).find((fieldOption) => fieldOption.id === fieldName);
+};
+const getDataType = (fieldName) => {
+  return getFieldOption(fieldName)?.dataType;
+};
+const getUnsettable = (fieldName) => {
+  return getFieldOption(fieldName)?.settableToNone;
+};
+function getValueSchema(emptyValueStr, dataType, settable_to_none) {
+  let schema;
+  switch (dataType) {
+    case DataType.DOUBLE:
+      schema = settable_to_none ? yup.string().test("is-number-or-none", "NumericValueOrEmptyField", (value) => {
+        return value === emptyValueStr || !Number.isNaN(Number(value));
+      }) : yup.number();
+      break;
+    case DataType.INTEGER:
+      schema = yup.number().integer();
+      break;
+    case DataType.ENUM:
+    case DataType.PROPERTY:
+      schema = yup.string();
+      break;
+    case DataType.BOOLEAN:
+      schema = yup.boolean();
+      break;
+    case DataType.STRING:
+      schema = yup.string();
+      break;
+    default:
+      schema = yup.number();
+  }
+  return schema.required();
+}
+const getAssignmentInitialValue = () => ({
+  [FieldConstants.FILTERS]: [],
+  [FieldConstants.EDITED_FIELD]: null,
+  [FieldConstants.PROPERTY_NAME]: null,
+  [FieldConstants.VALUE]: null
+});
+function getAssignmentsSchema(emptyValueStr) {
+  return yup.array().of(
+    yup.object().shape({
+      [FieldConstants.FILTERS]: yup.array().of(
+        yup.object().shape({
+          [FieldConstants.ID]: yup.string().required(),
+          [FieldConstants.NAME]: yup.string().required()
+        })
+      ).required().min(1, "YupRequired"),
+      [FieldConstants.EDITED_FIELD]: yup.string().required(),
+      [FieldConstants.PROPERTY_NAME]: yup.string().when([FieldConstants.EDITED_FIELD], ([editedField], schema) => {
+        const dataType = getDataType(editedField);
+        if (dataType === DataType.PROPERTY) {
+          return schema.required();
+        }
+        return schema.nullable();
+      }),
+      [FieldConstants.VALUE]: yup.mixed().when([FieldConstants.EDITED_FIELD], ([editedField]) => {
+        const dataType = getDataType(editedField);
+        const unsettable = getUnsettable(editedField);
+        return getValueSchema(emptyValueStr, dataType, unsettable);
+      }).required()
+    })
+  ).required();
+}
+function getAssignmentFromEditData(assignment) {
+  return {
+    ...assignment,
+    [FieldConstants.FILTERS]: assignment.filters.map((filter) => ({ ...filter }))
+  };
+}
+export {
+  getAssignmentFromEditData,
+  getAssignmentInitialValue,
+  getAssignmentsSchema,
+  getDataType,
+  getFieldOption,
+  getUnsettable
+};

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment.type.d.ts

@@ -0,0 +1,28 @@
+import { Option } from '../../../../../utils';
+import { Filter } from '../../commons/by-filter.type';
+export declare enum DataType {
+    ENUM = "ENUM",
+    BOOLEAN = "BOOLEAN",
+    INTEGER = "INTEGER",
+    DOUBLE = "DOUBLE",
+    PROPERTY = "PROPERTY",
+    STRING = "STRING"
+}
+export type FieldOptionType = {
+    id: string;
+    label: string;
+    unit?: string;
+    dataType: DataType;
+    settableToNone?: boolean;
+    values?: Option[];
+    outputConverter?: (value: number) => number | undefined;
+    inputConverter?: (value: number) => number | undefined;
+};
+export type Assignment = {
+    filters: Filter[];
+    editedField: string;
+    dataType: DataType;
+    value: string | number | boolean;
+    propertyName?: string;
+};
+export type FieldValue = string | number | boolean;

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment.type.js

@@ -0,0 +1,12 @@
+var DataType = /* @__PURE__ */ ((DataType2) => {
+  DataType2["ENUM"] = "ENUM";
+  DataType2["BOOLEAN"] = "BOOLEAN";
+  DataType2["INTEGER"] = "INTEGER";
+  DataType2["DOUBLE"] = "DOUBLE";
+  DataType2["PROPERTY"] = "PROPERTY";
+  DataType2["STRING"] = "STRING";
+  return DataType2;
+})(DataType || {});
+export {
+  DataType
+};

package/dist/components/network-modifications/by-filter/assignment/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './modification-by-assignment-form';
+export * from './modificationByAssignment.types';
+export * from './modificationByAssignment.utils';
+export { DataType as AssignmentDataType, type FieldValue as AssignmentFieldValue } from './assignment/assignment.type';

package/dist/components/network-modifications/by-filter/assignment/index.js

@@ -0,0 +1,11 @@
+import { ModificationByAssignmentForm } from "./modification-by-assignment-form.js";
+import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./modificationByAssignment.utils.js";
+import { DataType } from "./assignment/assignment.type.js";
+export {
+  DataType as AssignmentDataType,
+  ModificationByAssignmentForm,
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
+};

package/dist/components/network-modifications/by-filter/assignment/modification-by-assignment-form.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export declare function ModificationByAssignmentForm(): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modifications/by-filter/assignment/modification-by-assignment-form.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Grid } from "@mui/material";
+import { useFormContext } from "react-hook-form";
+import "react-intl";
+import "../../../overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../../../utils/styles.js";
+import "../../../../utils/yupConfig.js";
+import "react";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useGetLabelEquipmentTypes } from "../../../../hooks/useGetLabelEquipmentTypes.js";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import { SelectWithConfirmationInput } from "../../../inputs/reactHookForm/selectInputs/SelectWithConfirmationInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { ExpandableInput } from "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { unscrollableDialogStyles } from "../../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import GridItem from "../../../grid/grid-item.js";
+import AssignmentForm from "./assignment/assignment-form.js";
+import { getAssignmentInitialValue } from "./assignment/assignment-utils.js";
+import { EQUIPMENTS_FIELDS } from "./assignment/assignment-constants.js";
+const EQUIPMENT_TYPE_OPTIONS = Object.keys(EQUIPMENTS_FIELDS);
+function ModificationByAssignmentForm() {
+  const { setValue, getValues } = useFormContext();
+  const getOptionLabel = useGetLabelEquipmentTypes();
+  const getEquipmentTypeOptionLabel = (option) => {
+    if (!option || typeof option !== "string") {
+      return "";
+    }
+    return getOptionLabel(option);
+  };
+  const equipmentTypeField = /* @__PURE__ */ jsx(
+    SelectWithConfirmationInput,
+    {
+      name: FieldConstants.EQUIPMENT_TYPE,
+      label: "EquipmentType",
+      options: EQUIPMENT_TYPE_OPTIONS,
+      onValidate: () => {
+        setValue(
+          FieldConstants.ASSIGNMENTS,
+          getValues(FieldConstants.ASSIGNMENTS).map(() => ({
+            ...getAssignmentInitialValue()
+          }))
+        );
+      },
+      getOptionLabel: getEquipmentTypeOptionLabel
+    }
+  );
+  const assignmentsField = /* @__PURE__ */ jsx(
+    ExpandableInput,
+    {
+      name: FieldConstants.ASSIGNMENTS,
+      Field: AssignmentForm,
+      addButtonLabel: "addNewAssignment",
+      initialValue: getAssignmentInitialValue()
+    }
+  );
+  return /* @__PURE__ */ jsxs(Box, { sx: mergeSx(unscrollableDialogStyles.unscrollableContainer, { height: "100%" }), children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 3.15, children: equipmentTypeField }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: assignmentsField }) })
+  ] });
+}
+export {
+  ModificationByAssignmentForm
+};

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.types.d.ts

@@ -0,0 +1,7 @@
+import { EquipmentType, ModificationType } from '../../../../utils';
+import { Assignment } from './assignment/assignment.type';
+export interface ModificationByAssignmentDto {
+    type: ModificationType.MODIFICATION_BY_ASSIGNMENT;
+    equipmentType: EquipmentType;
+    assignmentInfosList: Assignment[];
+}

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.types.js

@@ -0,0 +1 @@
+

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.utils.d.ts

@@ -0,0 +1,22 @@
+import { InferType } from 'yup';
+import { DeepNullable, EquipmentType, yupConfig as yup } from '../../../../utils';
+import { ModificationByAssignmentDto } from './modificationByAssignment.types';
+export declare const modificationByAssignmentFormSchema: yup.ObjectSchema<{
+    equipmentType: NonNullable<EquipmentType | undefined>;
+    assignments: {
+        propertyName?: string | undefined;
+        editedField: string;
+        filters: {
+            id: string;
+            name: string;
+        }[];
+        value: NonNullable<import('.').AssignmentFieldValue | undefined>;
+    }[];
+}, yup.AnyObject, {
+    equipmentType: undefined;
+    assignments: "";
+}, "">;
+export type ModificationByAssignmentFormData = InferType<typeof modificationByAssignmentFormSchema>;
+export declare const emptyModificationByAssignmentFormData: DeepNullable<ModificationByAssignmentFormData>;
+export declare const modificationByAssignmentDtoToForm: (dto: ModificationByAssignmentDto) => ModificationByAssignmentFormData;
+export declare const modificationByAssignmentFormToDto: (formData: ModificationByAssignmentFormData) => ModificationByAssignmentDto;

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.utils.js

@@ -0,0 +1,55 @@
+import * as yup from "yup";
+import { mixed } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { convertInputValue, convertOutputValue } from "../../../../utils/conversionUtils.js";
+import { EquipmentType } from "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import { FieldType } from "../../../../utils/types/fieldType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import { getAssignmentsSchema, getAssignmentInitialValue, getAssignmentFromEditData, getDataType } from "./assignment/assignment-utils.js";
+import { DataType } from "./assignment/assignment.type.js";
+const emptyValueStr = "—";
+const modificationByAssignmentFormSchema = yup.object().shape({
+  [FieldConstants.EQUIPMENT_TYPE]: mixed().oneOf(Object.values(EquipmentType)).required(),
+  [FieldConstants.ASSIGNMENTS]: getAssignmentsSchema(emptyValueStr)
+}).required();
+const emptyModificationByAssignmentFormData = {
+  [FieldConstants.EQUIPMENT_TYPE]: null,
+  [FieldConstants.ASSIGNMENTS]: [getAssignmentInitialValue()]
+};
+const modificationByAssignmentDtoToForm = (dto) => ({
+  [FieldConstants.EQUIPMENT_TYPE]: dto.equipmentType,
+  [FieldConstants.ASSIGNMENTS]: dto.assignmentInfosList?.map((info) => {
+    const assignment = getAssignmentFromEditData(info);
+    const fieldKey = assignment.editedField;
+    const field = FieldType[fieldKey];
+    const { value } = assignment;
+    const valueConverted = convertInputValue(field, value);
+    return {
+      ...assignment,
+      value: valueConverted !== 0 && !valueConverted ? emptyValueStr : valueConverted
+    };
+  }) ?? [getAssignmentInitialValue()]
+});
+const modificationByAssignmentFormToDto = (formData) => ({
+  type: ModificationType.MODIFICATION_BY_ASSIGNMENT,
+  equipmentType: formData.equipmentType,
+  assignmentInfosList: formData.assignments.map((assignment) => {
+    const fieldKey = assignment.editedField;
+    const field = FieldType[fieldKey];
+    const value = assignment.value === emptyValueStr ? "" : assignment.value;
+    return {
+      ...assignment,
+      dataType: getDataType(assignment.editedField) ?? DataType.STRING,
+      value: convertOutputValue(field, value)
+    };
+  })
+});
+export {
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
+};

package/dist/components/network-modifications/by-filter/deletion/ByFilterDeletionForm.js

@@ -31,6 +31,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/network-modifications/by-filter/index.d.ts

@@ -5,3 +5,4 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './deletion';
+export * from './assignment';

package/dist/components/network-modifications/by-filter/index.js

@@ -1,10 +1,19 @@
 import { ByFilterDeletionForm } from "./deletion/ByFilterDeletionForm.js";
 import { EQUIPMENT_TYPE_ORDER, byFilterDeletionDtoToForm, byFilterDeletionFormSchema, byFilterDeletionFormToDto, emptyFormData } from "./deletion/byFilterDeletion.utils.js";
+import { ModificationByAssignmentForm } from "./assignment/modification-by-assignment-form.js";
+import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./assignment/modificationByAssignment.utils.js";
+import { DataType } from "./assignment/assignment/assignment.type.js";
 export {
+  DataType as AssignmentDataType,
   ByFilterDeletionForm,
   EQUIPMENT_TYPE_ORDER,
+  ModificationByAssignmentForm,
   byFilterDeletionDtoToForm,
   byFilterDeletionFormSchema,
   byFilterDeletionFormToDto,
-  emptyFormData
+  emptyFormData,
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
 };

package/dist/components/network-modifications/common/connectivity/ConnectivityForm.js

@@ -36,6 +36,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import { CheckboxNullableInput } from "../../../inputs/reactHookForm/CheckboxNullableInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";

package/dist/components/network-modifications/common/measurements/PowerWithValidityForm.js

@@ -32,6 +32,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/network-modifications/common/properties/PropertyForm.js

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";