@gridsuite/commons-ui 0.193.0 → 0.195.0

package/dist/components/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useFieldArray } from "react-hook-form";
 import { Info } from "@mui/icons-material";
-import { Tooltip, IconButton, Grid, Typography } from "@mui/material";
-import { useIntl, FormattedMessage } from "react-intl";
+import { Tooltip, Grid } from "@mui/material";
+import { useIntl } from "react-intl";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
 import { VoltageAdornment } from "../../../utils/constants/adornments.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
@@ -11,8 +10,10 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { EquipmentType } from "../../../utils/types/equipmentType.js";
 import "../../../utils/yupConfig.js";
-import { DndTable } from "../../dnd-table/dnd-table.js";
-import { DndColumnType, SELECTED } from "../../dnd-table/dnd-table.type.js";
+import "react-dom";
+import "react-hook-form";
+import "@hello-pangea/dnd";
+import { DndColumnType, SELECTED } from "../../dnd-table-v2/dnd-table.type.js";
 import "../../overflowableText/OverflowableText.js";
 import "localized-countries";
 import "localized-countries/data/fr";
@@ -39,6 +40,7 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
+import { ParameterTableField } from "../common/parameter-table-field/parameter-table-field.js";
 function VoltageLimitsParameters() {
   const intl = useIntl();
   const VoltageLevelFilterTooltip = useMemo(() => {
@@ -48,7 +50,9 @@ function VoltageLimitsParameters() {
         title: intl.formatMessage({
           id: "VoltageLevelFilterTooltip"
         }),
-        children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Info, {}) })
+        placement: "right-start",
+        sx: { marginLeft: 1 },
+        children: /* @__PURE__ */ jsx(Info, {})
       }
     );
   }, [intl]);
@@ -142,43 +146,25 @@ function VoltageLimitsParameters() {
     return newRowData;
   }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
   const createVoltageLimitDefaultRows = () => [newDefaultRowData];
-  const useVoltageLimitsModificationFieldArrayOutput = useFieldArray({
-    name: `${VOLTAGE_LIMITS_MODIFICATION}`
-  });
-  const useVoltageLimitsDefaultFieldArrayOutput = useFieldArray({
-    name: `${VOLTAGE_LIMITS_DEFAULT}`
-  });
   return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AdjustExistingLimits" }) }),
-      /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AdjustExistingLimitsInfo" }),
-          placement: "right-start",
-          sx: { marginLeft: 1 },
-          children: /* @__PURE__ */ jsx(Info, {})
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsx(
-      DndTable,
+      ParameterTableField,
       {
-        arrayFormName: `${VOLTAGE_LIMITS_MODIFICATION}`,
+        name: `${VOLTAGE_LIMITS_MODIFICATION}`,
+        label: "AdjustExistingLimits",
+        tooltipProps: { title: "AdjustExistingLimitsInfo" },
         columnsDefinition: VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS,
-        useFieldArrayOutput: useVoltageLimitsModificationFieldArrayOutput,
         createRows: createVoltageLimitModificationRows,
         tableHeight: 270,
         withAddRowsDialog: false
       }
     ),
-    /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "SetDefaultLimits" }) }),
     /* @__PURE__ */ jsx(
-      DndTable,
+      ParameterTableField,
       {
-        arrayFormName: `${VOLTAGE_LIMITS_DEFAULT}`,
+        name: `${VOLTAGE_LIMITS_DEFAULT}`,
+        label: "SetDefaultLimits",
         columnsDefinition: VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS,
-        useFieldArrayOutput: useVoltageLimitsDefaultFieldArrayOutput,
         createRows: createVoltageLimitDefaultRows,
         tableHeight: 270,
         withAddRowsDialog: false

package/dist/hooks/index.d.ts

@@ -16,5 +16,4 @@ export * from './useSnackMessage';
 export * from './useFormatLabelWithUnit';
 export * from './useSelectAppearance';
 export * from './use-parameters-backend';
-export * from './use-create-row-data';
 export * from './useGetLabelEquipmentTypes';

package/dist/hooks/index.js

@@ -11,14 +11,12 @@ import { useSnackMessage } from "./useSnackMessage.js";
 import { useFormatLabelWithUnit } from "./useFormatLabelWithUnit.js";
 import { useSelectAppearance } from "./useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./use-parameters-backend.js";
-import { useCreateRowData } from "./use-create-row-data.js";
 import { useGetLabelEquipmentTypes } from "./useGetLabelEquipmentTypes.js";
 export {
   OptionalServicesStatus,
   getComputedLanguage,
   getSystemLanguage,
   useConfidentialityWarning,
-  useCreateRowData,
   useDebounce,
   useFormatLabelWithUnit,
   useGetLabelEquipmentTypes,

package/dist/index.js

@@ -160,7 +160,7 @@ import { LimitReductionsTableForm } from "./components/parameters/common/limitre
 import { LimitReductionTableRow } from "./components/parameters/common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./components/parameters/common/limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./components/parameters/common/contingency-table/contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./components/parameters/common/contingency-table/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./components/parameters/common/contingency-table/columns-definitions.js";
 import { useTabs } from "./components/parameters/common/hook/use-tabs.js";
 import { useParametersForm } from "./components/parameters/common/hook/use-parameters-form.js";
 import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INTL_LINE_FLOW_MODE_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NAD_POSITIONS_GENERATION_MODE, NAD_POSITIONS_GENERATION_MODE_LABEL, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_NAD_POSITIONS_GENERATION_MODE, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./components/parameters/network-visualizations/constants.js";
@@ -183,7 +183,7 @@ import { SecurityAnalysisParametersInline } from "./components/parameters/securi
 import { SecurityAnalysisParametersDialog } from "./components/parameters/security-analysis/security-analysis-parameters-dialog.js";
 import { SensitivityAnalysisParametersInline } from "./components/parameters/sensi/sensitivity-analysis-parameters-inline.js";
 import { SensitivityAnalysisParametersDialog } from "./components/parameters/sensi/sensitivity-analysis-parameters-dialog.js";
-import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./components/parameters/sensi/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiTabValues } from "./components/parameters/sensi/columns-definitions.js";
 import { DynamicSimulationInline } from "./components/parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./components/parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./components/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
@@ -310,7 +310,6 @@ import { useSnackMessage } from "./hooks/useSnackMessage.js";
 import { useFormatLabelWithUnit } from "./hooks/useFormatLabelWithUnit.js";
 import { useSelectAppearance } from "./hooks/useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./hooks/use-parameters-backend.js";
-import { useCreateRowData } from "./hooks/use-create-row-data.js";
 import { useGetLabelEquipmentTypes } from "./hooks/useGetLabelEquipmentTypes.js";
 import { LOGOUT_ERROR, RESET_AUTHENTICATION_ROUTER_ERROR, SHOW_AUTH_INFO_LOGIN, SIGNIN_CALLBACK_ERROR, UNAUTHORIZED_USER_INFO, USER, USER_VALIDATION_ERROR, resetAuthenticationRouterError, setLoggedUser, setLogoutError, setShowAuthenticationRouterLogin, setSignInCallbackError, setUnauthorizedUserInfo, setUserValidationError } from "./redux/actions/authActions.js";
 import { getUserToken, setCommonStore } from "./redux/commonStore.js";
@@ -708,7 +707,6 @@ export {
   PRIORITY,
   PROVIDER,
   PSTS_EQUIPMENT_TYPES,
-  ParamContingencyLists,
   ParameterFloat,
   ParameterGroup,
   ParameterLineDirectoryItemsInput,
@@ -785,11 +783,6 @@ export {
   SelectInput,
   SelectWithConfirmationInput,
   SensiBranchesTabValues,
-  SensiHvdcs,
-  SensiInjection,
-  SensiInjectionsSet,
-  SensiNodes,
-  SensiPsts,
   SensiTabValues,
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
@@ -1087,6 +1080,7 @@ export {
   isObjectEmpty,
   isStudyMetadata,
   isValidComputingType,
+  isValidContingencyRow,
   italicFontTextField,
   keyGenerator,
   kiloUnitToUnit,
@@ -1189,7 +1183,6 @@ export {
   updateVoltageInitParameters,
   useConfidentialityWarning,
   useConvertValue,
-  useCreateRowData,
   useCsvExport,
   useCustomFormContext,
   useDebounce,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.193.0",
+    "version": "0.195.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",

package/dist/components/parameters/common/parameter-dnd-table-field.d.ts

@@ -1,9 +0,0 @@
-import { SxProps, TooltipProps } from '@mui/material';
-import { DndTableProps } from '../../dnd-table';
-export type ParameterDndTableFieldProps = {
-    name: string;
-    label: string;
-    tooltipProps?: Omit<TooltipProps, 'children'>;
-    sxContainerProps?: SxProps;
-} & Omit<DndTableProps, 'arrayFormName' | 'useFieldArrayOutput'>;
-export default function ParameterDndTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/parameter-dnd-table-field.js

@@ -1,86 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Typography, Tooltip } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-import { useFieldArray } from "react-hook-form";
-import { Info } from "@mui/icons-material";
-import { useMemo, useCallback } from "react";
-import { DndTable } from "../../dnd-table/dnd-table.js";
-import "../../overflowableText/OverflowableText.js";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "../../../utils/yupConfig.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-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 "@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";
-function ParameterDndTableField({
-  name,
-  label,
-  columnsDefinition,
-  tooltipProps,
-  sxContainerProps,
-  ...otherProps
-}) {
-  const useFieldArrayOutput = useFieldArray({
-    name
-  });
-  const newDefaultRowData = useMemo(() => {
-    const newRowData = {};
-    columnsDefinition.forEach((columnDefinition) => {
-      newRowData[columnDefinition.dataKey] = columnDefinition.initialValue || null;
-    });
-    return newRowData;
-  }, [columnsDefinition]);
-  const createRows = useCallback(() => [newDefaultRowData], [newDefaultRowData]);
-  const { title, ...otherTooltipProps } = tooltipProps || {};
-  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
-    /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-      tooltipProps && /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
-          placement: "right-start",
-          sx: { marginLeft: 1 },
-          ...otherTooltipProps,
-          children: /* @__PURE__ */ jsx(Info, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      DndTable,
-      {
-        arrayFormName: name,
-        useFieldArrayOutput,
-        columnsDefinition,
-        createRows,
-        withAddRowsDialog: false,
-        ...otherProps
-      }
-    )
-  ] });
-}
-export {
-  ParameterDndTableField as default
-};

package/dist/components/parameters/common/parameter-table/index.js

@@ -1,10 +0,0 @@
-import { ACTIVATED, DESCRIPTION, ID, MAX_ROWS_NUMBER, NAME } from "./constants.js";
-import { ParameterTable } from "./parameter-table.js";
-export {
-  ACTIVATED,
-  DESCRIPTION,
-  ID,
-  MAX_ROWS_NUMBER,
-  NAME,
-  ParameterTable
-};

package/dist/hooks/use-create-row-data.d.ts

@@ -1,4 +0,0 @@
-import { Parameters } from '../components/parameters/common/parameter-table/types';
-export declare function useCreateRowData(params: Parameters): readonly [() => {
-    [key: string]: any;
-}[], import('react-hook-form').UseFieldArrayReturn<import('react-hook-form').FieldValues, string, "id">];

package/dist/hooks/use-create-row-data.js

@@ -1,19 +0,0 @@
-import { useFieldArray } from "react-hook-form";
-import { useMemo } from "react";
-function useCreateRowData(params) {
-  const useFieldArrayOutput = useFieldArray({
-    name: params.name || ""
-  });
-  const newRowData = useMemo(() => {
-    const rowData = {};
-    params.columnsDef.forEach((column) => {
-      rowData[column.dataKey] = column.initialValue;
-    });
-    return rowData;
-  }, [params.columnsDef]);
-  const createNewRowData = () => [newRowData];
-  return [createNewRowData, useFieldArrayOutput];
-}
-export {
-  useCreateRowData
-};