@gridsuite/commons-ui 0.241.0 → 0.242.0

package/dist/features/network-modifications/common/currentLimits/LimitsPane.d.ts

@@ -0,0 +1,7 @@
+import { BranchInfos } from '../../line/common/line.types';
+export interface LimitsPaneProps {
+    id?: string;
+    equipmentToModify?: BranchInfos | null;
+    clearableFields?: boolean;
+}
+export declare function LimitsPane({ id, equipmentToModify, clearableFields, }: Readonly<LimitsPaneProps>): import("react").JSX.Element;

package/dist/features/network-modifications/common/currentLimits/LimitsPane.js

@@ -0,0 +1,243 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid2, Box, IconButton, lighten } from "@mui/material";
+import { useState, useMemo, useCallback } from "react";
+import { useFormContext, useWatch, useFieldArray } from "react-hook-form";
+import { ControlPoint } from "@mui/icons-material";
+import { OperationalLimitsGroups } from "./operationalLimitsGroups/OperationalLimitsGroups.js";
+import { SelectedOperationalLimitGroup } from "./SelectedOperationalLimitGroup.js";
+import { LimitsEditor } from "./limitsEditor/LimitsEditor.js";
+import { generateEmptyOperationalLimitsGroup, generateUniqueId, mapServerLimitsGroupsToFormInfos } from "./limitsPane.utils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { APPLICABILITY } from "./limits.types.js";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 { SwitchInput } from "../../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { InputWithPopupConfirmation } from "../../../../components/ui/reactHookForm/selectInputs/InputWithPopupConfirmation.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 "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.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 "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+const limitsStyles = {
+  parametersBox: (theme) => ({
+    backgroundColor: theme.palette.mode === "light" ? theme.palette.background.paper : lighten(theme.palette.background.paper, 0.2),
+    height: "100%",
+    position: "relative",
+    padding: 0
+  })
+};
+function LimitsPane({
+  id = FieldConstants.LIMITS,
+  equipmentToModify,
+  clearableFields
+}) {
+  const [indexSelectedLimitSet, setIndexSelectedLimitSet] = useState(null);
+  const { getValues, reset } = useFormContext();
+  const olgEditable = useWatch({
+    name: `${id}.${FieldConstants.ENABLE_OLG_MODIFICATION}`
+  });
+  const operationalLimitsGroupsFormName = `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}`;
+  const {
+    fields: operationalLimitsGroups,
+    append: appendToLimitsGroups,
+    prepend: prependToLimitsGroups,
+    remove: removeLimitsGroups
+  } = useFieldArray({
+    name: operationalLimitsGroupsFormName
+  });
+  const watchedOperationalLimitsGroups = useWatch({
+    name: operationalLimitsGroupsFormName
+  });
+  const isAModification = useMemo(() => !!equipmentToModify, [equipmentToModify]);
+  const getCurrentLimits = (equipment, operationalLimitsGroupId) => {
+    if (equipment?.currentLimits) {
+      return equipment.currentLimits.find(
+        (currentLimit) => currentLimit.id + currentLimit.applicability === operationalLimitsGroupId
+      );
+    }
+    return null;
+  };
+  const getCurrentLimitsIgnoreApplicability = (equipment, operationalLimitsGroupName) => {
+    if (equipment?.currentLimits) {
+      return equipment.currentLimits.find(
+        (currentLimit) => currentLimit.id === operationalLimitsGroupName
+      );
+    }
+    return null;
+  };
+  const handlePopupConfirmation = () => {
+    const resetOLGs = mapServerLimitsGroupsToFormInfos(
+      equipmentToModify?.currentLimits ?? []
+    );
+    const currentValues = getValues();
+    reset(
+      {
+        ...currentValues,
+        [FieldConstants.LIMITS]: {
+          [FieldConstants.OPERATIONAL_LIMITS_GROUPS]: resetOLGs,
+          [FieldConstants.ENABLE_OLG_MODIFICATION]: false
+        }
+      },
+      { keepDefaultValues: true }
+    );
+  };
+  const prependEmptyOperationalLimitsGroup = useCallback(
+    (name) => {
+      prependToLimitsGroups(generateEmptyOperationalLimitsGroup(name));
+    },
+    [prependToLimitsGroups]
+  );
+  const addNewLimitSet = useCallback(() => {
+    let name = "DEFAULT";
+    if (watchedOperationalLimitsGroups?.length > 0) {
+      const ids = watchedOperationalLimitsGroups.map((l) => l.name);
+      name = generateUniqueId("DEFAULT", ids);
+    }
+    prependEmptyOperationalLimitsGroup(name);
+    setIndexSelectedLimitSet(0);
+  }, [watchedOperationalLimitsGroups, prependEmptyOperationalLimitsGroup]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid2, { container: true, columns: 6, spacing: 1, sx: { maxWidth: "600px" }, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(GridSection, { title: "SelectedOperationalLimitGroups" }) }),
+      /* @__PURE__ */ jsx(
+        Grid2,
+        {
+          size: 3,
+          sx: {
+            display: "flex",
+            alignItems: "center"
+          },
+          children: isAModification && /* @__PURE__ */ jsx(
+            InputWithPopupConfirmation,
+            {
+              Input: SwitchInput,
+              name: `${id}.${FieldConstants.ENABLE_OLG_MODIFICATION}`,
+              label: olgEditable ? "Edit" : "View",
+              shouldOpenPopup: () => olgEditable,
+              resetOnConfirmation: handlePopupConfirmation,
+              message: "disableOLGedition",
+              validateButtonLabel: "validate"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(
+        SelectedOperationalLimitGroup,
+        {
+          selectedFormName: `${id}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID1}`,
+          optionsFormName: `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}`,
+          label: "Side1",
+          filteredApplicability: APPLICABILITY.SIDE1.id,
+          previousValue: equipmentToModify?.selectedOperationalLimitsGroupId1,
+          isABranchModif: !!equipmentToModify
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid2, { size: 3, children: /* @__PURE__ */ jsx(
+        SelectedOperationalLimitGroup,
+        {
+          selectedFormName: `${id}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID2}`,
+          optionsFormName: `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}`,
+          label: "Side2",
+          filteredApplicability: APPLICABILITY.SIDE2.id,
+          previousValue: equipmentToModify?.selectedOperationalLimitsGroupId2,
+          isABranchModif: !!equipmentToModify
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, columns: 10.25, children: [
+      /* @__PURE__ */ jsxs(Grid2, { size: 4, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(GridSection, { size: 12, title: "LimitSets" }),
+              /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: addNewLimitSet, disabled: !olgEditable, children: /* @__PURE__ */ jsx(ControlPoint, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          OperationalLimitsGroups,
+          {
+            parentFormName: id,
+            appendToLimitsGroups,
+            removeLimitsGroups,
+            indexSelectedLimitSet,
+            setIndexSelectedLimitSet,
+            editable: olgEditable,
+            currentLimitsToModify: equipmentToModify?.currentLimits ?? []
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Grid2, { size: 6, sx: limitsStyles.parametersBox, marginLeft: 2, children: indexSelectedLimitSet !== null && operationalLimitsGroups.map(
+        (operationalLimitsGroup, index) => index === indexSelectedLimitSet && /* @__PURE__ */ jsx(
+          LimitsEditor,
+          {
+            name: `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}[${index}]`,
+            clearableFields,
+            permanentCurrentLimitPreviousValue: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.permanentLimit ?? getCurrentLimitsIgnoreApplicability(
+              equipmentToModify,
+              operationalLimitsGroup.name
+            )?.permanentLimit,
+            temporaryLimitsPreviousValues: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.temporaryLimits ?? [],
+            disabled: !olgEditable
+          },
+          operationalLimitsGroup.id
+        )
+      ) })
+    ] })
+  ] });
+}
+export {
+  LimitsPane
+};

package/dist/features/network-modifications/common/currentLimits/LimitsTagChip.d.ts

@@ -0,0 +1,9 @@
+import { ChipProps } from '@mui/material';
+import { LimitsProperty } from './limits.types';
+import * as React from 'react';
+export declare function getPropertyAvatar(type: string): string;
+export interface LimitTagChipProps extends Omit<ChipProps, 'sx' | 'label' | 'avatar'> {
+    limitsProperty: LimitsProperty;
+    showTooltip?: boolean;
+}
+export declare function LimitsTagChip({ limitsProperty, showTooltip, onDelete, ...props }: Readonly<LimitTagChipProps>): React.JSX.Element;

package/dist/features/network-modifications/common/currentLimits/LimitsTagChip.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { Chip, Avatar, Tooltip } from "@mui/material";
+function getPropertyAvatar(type) {
+  const transformedType = type;
+  const descriptions = {
+    [
+      "Limit type"
+      /* LIMITS_TYPE */
+    ]: "Ty"
+  };
+  return descriptions[transformedType] ?? transformedType.substring(0, 2);
+}
+function LimitsTagChip({ limitsProperty, showTooltip, onDelete, ...props }) {
+  const chipContent = /* @__PURE__ */ jsx(
+    Chip,
+    {
+      avatar: /* @__PURE__ */ jsx(Avatar, { children: getPropertyAvatar(limitsProperty.name) }),
+      label: limitsProperty.value,
+      sx: { maxWidth: onDelete ? "200px" : "180px", margin: 0.5, borderRadius: "4px" },
+      onDelete,
+      ...props
+    }
+  );
+  return showTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: `${limitsProperty.name} : ${limitsProperty.value}`, children: chipContent }) : chipContent;
+}
+export {
+  LimitsTagChip,
+  getPropertyAvatar
+};

package/dist/features/network-modifications/common/currentLimits/SelectedOperationalLimitGroup.d.ts

@@ -0,0 +1,9 @@
+export interface SelectedOperationalLimitGroupProps {
+    selectedFormName: string;
+    optionsFormName: string;
+    label?: string;
+    filteredApplicability?: string;
+    previousValue?: string;
+    isABranchModif: boolean;
+}
+export declare function SelectedOperationalLimitGroup({ selectedFormName, optionsFormName, label, filteredApplicability, previousValue, isABranchModif, }: Readonly<SelectedOperationalLimitGroupProps>): import("react").JSX.Element;

package/dist/features/network-modifications/common/currentLimits/SelectedOperationalLimitGroup.js

@@ -0,0 +1,100 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { Box } from "@mui/material";
+import { useIntl } from "react-intl";
+import { APPLICABILITY } from "./limits.types.js";
+import "@mui/icons-material";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+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 { AutocompleteInput } from "../../../../components/ui/reactHookForm/autocompleteInputs/AutocompleteInput.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 "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.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 "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function SelectedOperationalLimitGroup({
+  selectedFormName,
+  optionsFormName,
+  label,
+  filteredApplicability,
+  previousValue,
+  isABranchModif
+}) {
+  const optionsValues = useWatch({
+    name: optionsFormName
+  });
+  const intl = useIntl();
+  const opLimitsGroupsNames = useMemo(() => {
+    const finalOptions = optionsValues ? optionsValues.filter(
+      (optionObj) => optionObj.applicability && (optionObj.applicability === filteredApplicability || optionObj.applicability === APPLICABILITY.EQUIPMENT.id)
+    ).map((filteredoptionObj) => filteredoptionObj.name).filter((id) => id != null) : [];
+    if (isABranchModif) {
+      finalOptions.push(
+        intl.formatMessage({
+          id: "None"
+        })
+      );
+    }
+    return finalOptions;
+  }, [filteredApplicability, intl, isABranchModif, optionsValues]);
+  return /* @__PURE__ */ jsx(Box, { sx: { maxWidth: 300 }, children: /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      name: selectedFormName,
+      options: opLimitsGroupsNames,
+      label: label ?? "SelectedOperationalLimitGroup",
+      size: "small",
+      previousValue,
+      allowNewValue: isABranchModif
+    }
+  ) });
+}
+export {
+  SelectedOperationalLimitGroup
+};

package/dist/features/network-modifications/common/currentLimits/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 './limits.types';
+export * from './LimitsTagChip';
+export * from './LimitsPane';
+export * from './limitsPane.utils';
+export * from './limitsEditor';
+export * from './operationalLimitsGroups';

package/dist/features/network-modifications/common/currentLimits/index.js

@@ -0,0 +1,47 @@
+import { APPLICABILITY, TEMPORARY_LIMIT_MODIFICATION_TYPE } from "./limits.types.js";
+import { LimitsTagChip, getPropertyAvatar } from "./LimitsTagChip.js";
+import { LimitsPane } from "./LimitsPane.js";
+import { addModificationTypeToOpLimitsGroups, addModificationTypeToTemporaryLimits, addOperationTypeToSelectedOpLG, convertToOperationalLimitsGroupFormSchema, formatMapInfosToTemporaryLimitsFormSchema, formatOpLimitGroupsToFormInfos, formatTemporaryLimitsModificationToFormSchema, generateEmptyOperationalLimitsGroup, generateUniqueId, getAllLimitsFormData, getAllLimitsFormDataProperties, getLimitsEmptyFormData, getLimitsEmptyFormDataProps, getLimitsValidationSchema, getLimitsValidationSchemaProps, mapServerLimitsGroupsToFormInfos, sanitizeLimitNames, sanitizeLimitsGroups } from "./limitsPane.utils.js";
+import { LimitsChart } from "./limitsEditor/limitsChart.js";
+import { LimitsPropertiesSideStack } from "./limitsEditor/LimitsPropertiesSideStack.js";
+import { LimitsEditor } from "./limitsEditor/LimitsEditor.js";
+import { TemporaryLimitsTable } from "./limitsEditor/TemporaryLimitsTable.js";
+import { OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE } from "./operationalLimitsGroups/operationalLimitsGroups.types.js";
+import { LimitsGroupsContextualMenu } from "./operationalLimitsGroups/LimitsGroupsContextualMenu.js";
+import { LimitsPropertiesStack } from "./operationalLimitsGroups/LimitsPropertiesStack.js";
+import { OperationalLimitsGroups } from "./operationalLimitsGroups/OperationalLimitsGroups.js";
+import { OperationalLimitsGroupTabLabel } from "./operationalLimitsGroups/OperationalLimitsGroupTabLabel.js";
+export {
+  APPLICABILITY,
+  LimitsChart,
+  LimitsEditor,
+  LimitsGroupsContextualMenu,
+  LimitsPane,
+  LimitsPropertiesSideStack,
+  LimitsPropertiesStack,
+  LimitsTagChip,
+  OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE,
+  OperationalLimitsGroupTabLabel,
+  OperationalLimitsGroups,
+  TEMPORARY_LIMIT_MODIFICATION_TYPE,
+  TemporaryLimitsTable,
+  addModificationTypeToOpLimitsGroups,
+  addModificationTypeToTemporaryLimits,
+  addOperationTypeToSelectedOpLG,
+  convertToOperationalLimitsGroupFormSchema,
+  formatMapInfosToTemporaryLimitsFormSchema,
+  formatOpLimitGroupsToFormInfos,
+  formatTemporaryLimitsModificationToFormSchema,
+  generateEmptyOperationalLimitsGroup,
+  generateUniqueId,
+  getAllLimitsFormData,
+  getAllLimitsFormDataProperties,
+  getLimitsEmptyFormData,
+  getLimitsEmptyFormDataProps,
+  getLimitsValidationSchema,
+  getLimitsValidationSchemaProps,
+  getPropertyAvatar,
+  mapServerLimitsGroupsToFormInfos,
+  sanitizeLimitNames,
+  sanitizeLimitsGroups
+};

package/dist/features/network-modifications/common/currentLimits/limits.types.d.ts

@@ -0,0 +1,52 @@
+import { AttributeModification } from '../../../../utils';
+export declare const APPLICABILITY: {
+    EQUIPMENT: {
+        id: string;
+        label: string;
+    };
+    SIDE1: {
+        id: string;
+        label: string;
+    };
+    SIDE2: {
+        id: string;
+        label: string;
+    };
+};
+export declare const TEMPORARY_LIMIT_MODIFICATION_TYPE: {
+    readonly MODIFY: "MODIFY";
+    readonly MODIFY_OR_ADD: "MODIFY_OR_ADD";
+    readonly ADD: "ADD";
+    readonly DELETE: "DELETE";
+    readonly REPLACE: "REPLACE";
+};
+export interface LimitsProperty {
+    name: string;
+    value: string;
+}
+export interface TemporaryLimitsData {
+    name: string;
+    value: number | null;
+    acceptableDuration: number | null;
+}
+export interface CurrentLimitsData {
+    id: string;
+    applicability: string;
+    limitsProperties?: LimitsProperty[];
+    permanentLimit: number;
+    temporaryLimits: TemporaryLimitsData[];
+}
+export interface Limit {
+    name: AttributeModification<string> | null;
+    acceptableDuration: AttributeModification<number> | null;
+    value: AttributeModification<number> | null;
+}
+export interface TemporaryLimit extends Limit {
+    modificationType: string | null;
+    selected?: boolean;
+}
+export interface CurrentLimits {
+    id?: string;
+    permanentLimit: number | null;
+    temporaryLimits: TemporaryLimit[];
+}

package/dist/features/network-modifications/common/currentLimits/limits.types.js

@@ -0,0 +1,17 @@
+const APPLICABILITY = {
+  EQUIPMENT: { id: "EQUIPMENT", label: "BothSides" },
+  SIDE1: { id: "SIDE1", label: "Side1" },
+  SIDE2: { id: "SIDE2", label: "Side2" }
+};
+const TEMPORARY_LIMIT_MODIFICATION_TYPE = {
+  MODIFY: "MODIFY",
+  MODIFY_OR_ADD: "MODIFY_OR_ADD",
+  // if the limit exists it is modified, if not it is created
+  ADD: "ADD",
+  DELETE: "DELETE",
+  REPLACE: "REPLACE"
+};
+export {
+  APPLICABILITY,
+  TEMPORARY_LIMIT_MODIFICATION_TYPE
+};

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsEditor.d.ts

@@ -0,0 +1,10 @@
+import { TemporaryLimitsData } from '../limits.types';
+export interface LimitsEditorProps {
+    name?: string;
+    permanentCurrentLimitPreviousValue: number | null | undefined;
+    temporaryLimitsPreviousValues: TemporaryLimitsData[];
+    applicabilityPreviousValue?: string;
+    clearableFields: boolean | undefined;
+    disabled: boolean;
+}
+export declare function LimitsEditor({ name, permanentCurrentLimitPreviousValue, temporaryLimitsPreviousValues, applicabilityPreviousValue, clearableFields, disabled, }: Readonly<LimitsEditorProps>): import("react").JSX.Element;