@gridsuite/commons-ui 0.105.1 → 0.106.0

package/dist/components/parameters/network-visualizations/constants.js

@@ -0,0 +1,94 @@
+import { SubstationLayout, MAP_BASEMAP_MAPBOX, MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL } from "./network-visualizations.types.js";
+var LineFlowMode = /* @__PURE__ */ ((LineFlowMode2) => {
+  LineFlowMode2["STATIC_ARROWS"] = "staticArrows";
+  LineFlowMode2["ANIMATED_ARROWS"] = "animatedArrows";
+  LineFlowMode2["FEEDERS"] = "feeders";
+  return LineFlowMode2;
+})(LineFlowMode || {});
+const PARAM_LINE_FULL_PATH = "lineFullPath";
+const PARAM_LINE_PARALLEL_PATH = "lineParallelPath";
+const PARAM_LINE_FLOW_MODE = "lineFlowMode";
+const PARAM_MAP_MANUAL_REFRESH = "mapManualRefresh";
+const PARAM_MAP_BASEMAP = "mapBaseMap";
+const PARAM_CENTER_LABEL = "centerLabel";
+const PARAM_COMPONENT_LIBRARY = "componentLibrary";
+const PARAM_DIAGONAL_LABEL = "diagonalLabel";
+const PARAM_SUBSTATION_LAYOUT = "substationLayout";
+const PARAM_INIT_NAD_WITH_GEO_DATA = "initNadWithGeoData";
+var NetworkVisualizationTabValues = /* @__PURE__ */ ((NetworkVisualizationTabValues2) => {
+  NetworkVisualizationTabValues2["MAP"] = "mapParameters";
+  NetworkVisualizationTabValues2["SINGLE_LINE_DIAGRAM"] = "singleLineDiagramParameters";
+  NetworkVisualizationTabValues2["NETWORK_AREA_DIAGRAM"] = "networkAreaDiagramParameters";
+  return NetworkVisualizationTabValues2;
+})(NetworkVisualizationTabValues || {});
+const MAP_MANUAL_REFRESH = "MapManualRefresh";
+const LINE_FLOW_MODE = "LineFlowMode";
+const MAP_BASE_MAP = "MapBaseMap";
+const DIAGONAL_LABEL = "diagonalLabel";
+const CENTER_LABEL = "centerLabel";
+const SUBSTATION_LAYOUT = "SubstationLayout";
+const COMPONENT_LIBRARY = "ComponentLibrary";
+const INIT_NAD_WITH_GEO_DATA = "initNadWithGeoData";
+const INTL_LINE_FLOW_MODE_OPTIONS = [
+  {
+    id: "staticArrows",
+    label: "StaticArrows"
+  },
+  {
+    id: "animatedArrows",
+    label: "AnimatedArrows"
+  },
+  {
+    id: "feeders",
+    label: "Feeders"
+  }
+];
+const INTL_MAP_BASE_MAP_OPTIONS = [
+  {
+    id: MAP_BASEMAP_MAPBOX,
+    label: "Mapbox"
+  },
+  {
+    id: MAP_BASEMAP_CARTO,
+    label: "Carto"
+  },
+  {
+    id: MAP_BASEMAP_CARTO_NOLABEL,
+    label: "CartoNoLabel"
+  }
+];
+const INTL_SUBSTATION_LAYOUT_OPTIONS = [
+  {
+    id: SubstationLayout.HORIZONTAL,
+    label: "HorizontalSubstationLayout"
+  },
+  {
+    id: SubstationLayout.VERTICAL,
+    label: "VerticalSubstationLayout"
+  }
+];
+export {
+  CENTER_LABEL,
+  COMPONENT_LIBRARY,
+  DIAGONAL_LABEL,
+  INIT_NAD_WITH_GEO_DATA,
+  INTL_LINE_FLOW_MODE_OPTIONS,
+  INTL_MAP_BASE_MAP_OPTIONS,
+  INTL_SUBSTATION_LAYOUT_OPTIONS,
+  LINE_FLOW_MODE,
+  LineFlowMode,
+  MAP_BASE_MAP,
+  MAP_MANUAL_REFRESH,
+  NetworkVisualizationTabValues,
+  PARAM_CENTER_LABEL,
+  PARAM_COMPONENT_LIBRARY,
+  PARAM_DIAGONAL_LABEL,
+  PARAM_INIT_NAD_WITH_GEO_DATA,
+  PARAM_LINE_FLOW_MODE,
+  PARAM_LINE_FULL_PATH,
+  PARAM_LINE_PARALLEL_PATH,
+  PARAM_MAP_BASEMAP,
+  PARAM_MAP_MANUAL_REFRESH,
+  PARAM_SUBSTATION_LAYOUT,
+  SUBSTATION_LAYOUT
+};

package/dist/components/parameters/network-visualizations/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2025, 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 https://mozilla.org/MPL/2.0/.
+ */
+export * from './constants';
+export * from './network-visualizations.types';
+export * from './network-visualizations-parameters-inline';
+export * from './network-visualizations-parameters-dialog';

package/dist/components/parameters/network-visualizations/index.js

@@ -0,0 +1,35 @@
+import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INIT_NAD_WITH_GEO_DATA, INTL_LINE_FLOW_MODE_OPTIONS, INTL_MAP_BASE_MAP_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_INIT_NAD_WITH_GEO_DATA, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./constants.js";
+import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_MAPBOX, SubstationLayout } from "./network-visualizations.types.js";
+import { NetworkVisualizationParametersInline } from "./network-visualizations-parameters-inline.js";
+import { NetworkVisualizationsParametersEditionDialog } from "./network-visualizations-parameters-dialog.js";
+export {
+  CENTER_LABEL,
+  COMPONENT_LIBRARY,
+  DIAGONAL_LABEL,
+  INIT_NAD_WITH_GEO_DATA,
+  INTL_LINE_FLOW_MODE_OPTIONS,
+  INTL_MAP_BASE_MAP_OPTIONS,
+  INTL_SUBSTATION_LAYOUT_OPTIONS,
+  LINE_FLOW_MODE,
+  LineFlowMode,
+  MAP_BASEMAP_CARTO,
+  MAP_BASEMAP_CARTO_NOLABEL,
+  MAP_BASEMAP_MAPBOX,
+  MAP_BASE_MAP,
+  MAP_MANUAL_REFRESH,
+  NetworkVisualizationParametersInline,
+  NetworkVisualizationTabValues,
+  NetworkVisualizationsParametersEditionDialog,
+  PARAM_CENTER_LABEL,
+  PARAM_COMPONENT_LIBRARY,
+  PARAM_DIAGONAL_LABEL,
+  PARAM_INIT_NAD_WITH_GEO_DATA,
+  PARAM_LINE_FLOW_MODE,
+  PARAM_LINE_FULL_PATH,
+  PARAM_LINE_PARALLEL_PATH,
+  PARAM_MAP_BASEMAP,
+  PARAM_MAP_MANUAL_REFRESH,
+  PARAM_SUBSTATION_LAYOUT,
+  SUBSTATION_LAYOUT,
+  SubstationLayout
+};

package/dist/components/parameters/network-visualizations/map-parameters.d.ts

@@ -0,0 +1 @@
+export declare function MapParameters(): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/network-visualizations/map-parameters.js

@@ -0,0 +1,97 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { MAP_BASE_MAP, NetworkVisualizationTabValues, PARAM_MAP_BASEMAP, INTL_MAP_BASE_MAP_OPTIONS, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, INTL_LINE_FLOW_MODE_OPTIONS, LINE_FLOW_MODE, PARAM_LINE_FLOW_MODE, MAP_MANUAL_REFRESH, PARAM_MAP_MANUAL_REFRESH } from "./constants.js";
+import { LineSeparator } from "../common/line-separator.js";
+import { parametersStyles } from "../parameters-style.js";
+import "react";
+import "../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "react-hook-form";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "@mui/icons-material";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "yup";
+import "../../overflowableText/OverflowableText.js";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/yupConfig.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 "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+function MapParameters() {
+  var _a;
+  const lineSwitch = (name, label) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.MAP}.${name}` }) })
+  ] });
+  const lineFlow = (name, label, options) => {
+    var _a2;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+        MuiSelectInput,
+        {
+          fullWidth: true,
+          name: `${NetworkVisualizationTabValues.MAP}.${name}`,
+          size: "small",
+          options: (_a2 = Object.values(options)) == null ? void 0 : _a2.map((option) => option)
+        }
+      ) })
+    ] });
+  };
+  const mapBaseMap = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: MAP_BASE_MAP }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+      MuiSelectInput,
+      {
+        fullWidth: true,
+        name: `${NetworkVisualizationTabValues.MAP}.${PARAM_MAP_BASEMAP}`,
+        size: "small",
+        options: (_a = Object.values(INTL_MAP_BASE_MAP_OPTIONS)) == null ? void 0 : _a.map((option) => option)
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 1,
+      sx: parametersStyles.scrollableGrid,
+      marginTop: -3,
+      justifyContent: "space-between",
+      children: [
+        lineSwitch(PARAM_LINE_FULL_PATH, PARAM_LINE_FULL_PATH),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        lineSwitch(PARAM_LINE_PARALLEL_PATH, PARAM_LINE_PARALLEL_PATH),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        lineFlow(PARAM_LINE_FLOW_MODE, LINE_FLOW_MODE, INTL_LINE_FLOW_MODE_OPTIONS),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        lineSwitch(PARAM_MAP_MANUAL_REFRESH, MAP_MANUAL_REFRESH),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        mapBaseMap
+      ]
+    },
+    "mapParameters"
+  );
+}
+export {
+  MapParameters
+};

package/dist/components/parameters/network-visualizations/network-area-diagram-parameters.d.ts

@@ -0,0 +1 @@
+export declare function NetworkAreaDiagramParameters(): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/network-visualizations/network-area-diagram-parameters.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { INIT_NAD_WITH_GEO_DATA, NetworkVisualizationTabValues, PARAM_INIT_NAD_WITH_GEO_DATA } from "./constants.js";
+import { parametersStyles } from "../parameters-style.js";
+import "@mui/icons-material";
+import "react";
+import "react-hook-form";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../overflowableText/OverflowableText.js";
+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 { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.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 NetworkAreaDiagramParameters() {
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 1,
+      sx: parametersStyles.scrollableGrid,
+      marginTop: -3,
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: INIT_NAD_WITH_GEO_DATA }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.NETWORK_AREA_DIAGRAM}.${PARAM_INIT_NAD_WITH_GEO_DATA}` }) })
+      ]
+    },
+    "networkAreaDiagramParameters"
+  );
+}
+export {
+  NetworkAreaDiagramParameters
+};

package/dist/components/parameters/network-visualizations/network-visualizations-form.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { User } from 'oidc-client';
+import { UseNetworkVisualizationParametersFormReturn } from './use-network-visualizations-parameters-form';
+interface NetworkVisualizationParametersFormProps {
+    networkVisuMethods: UseNetworkVisualizationParametersFormReturn;
+    renderTitleFields?: () => ReactNode;
+    renderActions?: () => ReactNode;
+    user: User | null;
+}
+export declare function NetworkVisualizationParametersForm({ networkVisuMethods, renderTitleFields, renderActions, user, }: Readonly<NetworkVisualizationParametersFormProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/parameters/network-visualizations/network-visualizations-form.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid, Tabs, Tab, LinearProgress } from "@mui/material";
+import { useState, useEffect } from "react";
+import { FormattedMessage } from "react-intl";
+import "@mui/icons-material";
+import "react-hook-form";
+import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../overflowableText/OverflowableText.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import { getAvailableComponentLibraries } from "../../../services/study.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 "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.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 { NetworkVisualizationTabValues } from "./constants.js";
+import { MapParameters } from "./map-parameters.js";
+import { SingleLineDiagramParameters } from "./single-line-diagram-parameters.js";
+import { NetworkAreaDiagramParameters } from "./network-area-diagram-parameters.js";
+import { TabPanel } from "../common/parameters.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+const useGetAvailableComponentLibraries = (user) => {
+  const [componentLibraries, setComponentLibraries] = useState([]);
+  useEffect(() => {
+    if (user !== null) {
+      getAvailableComponentLibraries().then((libraries) => {
+        if (libraries != null) {
+          setComponentLibraries(libraries);
+        }
+      });
+    }
+  }, [user]);
+  return componentLibraries;
+};
+function NetworkVisualizationParametersForm({
+  networkVisuMethods,
+  renderTitleFields,
+  renderActions,
+  user
+}) {
+  const componentLibraries = useGetAvailableComponentLibraries(user);
+  const { formMethods, formSchema, selectedTab, handleTabChange, paramsLoaded } = networkVisuMethods;
+  return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields == null ? void 0 : renderTitleFields() }),
+    paramsLoaded ? /* @__PURE__ */ jsxs(Grid, { item: true, container: true, direction: "column", children: [
+      /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: handleTabChange, children: [
+        /* @__PURE__ */ jsx(Tab, { label: /* @__PURE__ */ jsx(FormattedMessage, { id: "Map" }), value: NetworkVisualizationTabValues.MAP }),
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "SingleLineDiagram" }),
+            value: NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "NetworkAreaDiagram" }),
+            value: NetworkVisualizationTabValues.NETWORK_AREA_DIAGRAM
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: NetworkVisualizationTabValues.MAP, children: /* @__PURE__ */ jsx(MapParameters, {}) }),
+      /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM, children: /* @__PURE__ */ jsx(SingleLineDiagramParameters, { componentLibraries }) }),
+      /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: NetworkVisualizationTabValues.NETWORK_AREA_DIAGRAM, children: /* @__PURE__ */ jsx(NetworkAreaDiagramParameters, {}) })
+    ] }) : /* @__PURE__ */ jsx(LinearProgress, {}),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        item: true,
+        container: true,
+        direction: "column",
+        sx: {
+          position: "absolute",
+          bottom: "30px"
+        },
+        children: renderActions == null ? void 0 : renderActions()
+      }
+    )
+  ] }) });
+}
+export {
+  NetworkVisualizationParametersForm
+};

package/dist/components/parameters/network-visualizations/network-visualizations-parameters-dialog.d.ts

@@ -0,0 +1,14 @@
+import { UUID } from 'crypto';
+import { User } from 'oidc-client';
+export interface NetworkVisualizationsParametersEditionDialogProps {
+    id: UUID;
+    open: boolean;
+    onClose: () => void;
+    titleId: string;
+    name: string;
+    description: string | null;
+    activeDirectory: UUID;
+    language?: string;
+    user: User | null;
+}
+export declare function NetworkVisualizationsParametersEditionDialog({ id, open, onClose, titleId, name, description, activeDirectory, language, user, }: Readonly<NetworkVisualizationsParametersEditionDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/network-visualizations/network-visualizations-parameters-dialog.js

@@ -0,0 +1,93 @@
+import { jsx } from "react/jsx-runtime";
+import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "react";
+import "@mui/material";
+import "react-intl";
+import "react-hook-form";
+import "@mui/icons-material";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "notistack";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
+import { NetworkVisualizationParametersForm } from "./network-visualizations-form.js";
+import { useNetworkVisualizationParametersForm } from "./use-network-visualizations-parameters-form.js";
+import { NameElementEditorForm } from "../common/name-element-editor/name-element-editor-form.js";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../overflowableText/OverflowableText.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 "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+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 NetworkVisualizationsParametersEditionDialog({
+  id,
+  open,
+  onClose,
+  titleId,
+  name,
+  description,
+  activeDirectory,
+  language,
+  user
+}) {
+  const networkVisuMethods = useNetworkVisualizationParametersForm(id, null, null, name, description);
+  const {
+    formState: { errors, dirtyFields }
+  } = networkVisuMethods.formMethods;
+  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: networkVisuMethods.onSaveDialog,
+      formSchema: networkVisuMethods.formSchema,
+      formMethods: networkVisuMethods.formMethods,
+      titleId,
+      removeOptional: true,
+      language,
+      disabledSave: disableSave,
+      PaperProps: {
+        sx: {
+          height: "65vh"
+          // we want the dialog height to be fixed even when switching tabs
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        NetworkVisualizationParametersForm,
+        {
+          user,
+          networkVisuMethods,
+          renderTitleFields: () => {
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.NETWORK_VISUALIZATIONS_PARAMETERS
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  NetworkVisualizationsParametersEditionDialog
+};

package/dist/components/parameters/network-visualizations/network-visualizations-parameters-inline.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { UUID } from 'crypto';
+import { User } from 'oidc-client';
+import { NetworkVisualizationParameters } from './network-visualizations.types';
+export declare function NetworkVisualizationParametersInline({ studyUuid, setHaveDirtyFields, user, parameters, }: Readonly<{
+    studyUuid: UUID | null;
+    setHaveDirtyFields: Dispatch<SetStateAction<boolean>>;
+    user: User | null;
+    parameters: NetworkVisualizationParameters | null;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/network-visualizations/network-visualizations-parameters-inline.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { Box, Grid } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import "../../../utils/types/equipmentType.js";
+import { getNetworkVisualizationsParameters } from "../../../services/study-config.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "@mui/icons-material";
+import "react-hook-form";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../overflowableText/OverflowableText.js";
+import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.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 "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/yupConfig.js";
+import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.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 { LabelledButton } from "../common/parameters.js";
+import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import { NetworkVisualizationParametersForm } from "./network-visualizations-form.js";
+import { useNetworkVisualizationParametersForm } from "./use-network-visualizations-parameters-form.js";
+function NetworkVisualizationParametersInline({
+  studyUuid,
+  setHaveDirtyFields,
+  user,
+  parameters
+}) {
+  const networkVisuMethods = useNetworkVisualizationParametersForm(null, studyUuid, parameters, null, null);
+  const intl = useIntl();
+  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
+  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
+  const { snackError } = useSnackMessage();
+  const { reset, getValues, formState, handleSubmit } = networkVisuMethods.formMethods;
+  const handleLoadParameters = useCallback(
+    (newParams) => {
+      if (newParams && newParams.length > 0) {
+        setOpenSelectParameterDialog(false);
+        getNetworkVisualizationsParameters(newParams[0].id).then((result) => {
+          reset(result, {
+            keepDefaultValues: true
+          });
+        }).catch((error) => {
+          console.error(error);
+          snackError({
+            messageTxt: error.message,
+            headerId: "paramsRetrievingError"
+          });
+        });
+      }
+      setOpenSelectParameterDialog(false);
+    },
+    [reset, snackError]
+  );
+  useEffect(() => {
+    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+  }, [formState, setHaveDirtyFields]);
+  return /* @__PURE__ */ jsx(
+    NetworkVisualizationParametersForm,
+    {
+      user,
+      networkVisuMethods,
+      renderActions: () => {
+        return /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+            /* @__PURE__ */ jsx(
+              LabelledButton,
+              {
+                callback: () => setOpenSelectParameterDialog(true),
+                label: "settings.button.chooseSettings"
+              }
+            ),
+            /* @__PURE__ */ jsx(LabelledButton, { callback: () => setOpenCreateParameterDialog(true), label: "save" }),
+            /* @__PURE__ */ jsx(SubmitButton, { onClick: handleSubmit(networkVisuMethods.onSaveInline), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) })
+          ] }),
+          openCreateParameterDialog && /* @__PURE__ */ jsx(
+            CreateParameterDialog,
+            {
+              studyUuid,
+              open: openCreateParameterDialog,
+              onClose: () => setOpenCreateParameterDialog(false),
+              parameterValues: () => getValues(),
+              parameterFormatter: (newParams) => newParams,
+              parameterType: ElementType.NETWORK_VISUALIZATIONS_PARAMETERS
+            }
+          ),
+          openSelectParameterDialog && /* @__PURE__ */ jsx(
+            DirectoryItemSelector,
+            {
+              open: openSelectParameterDialog,
+              onClose: handleLoadParameters,
+              types: [ElementType.NETWORK_VISUALIZATIONS_PARAMETERS],
+              title: intl.formatMessage({
+                id: "showSelectParameterDialog"
+              }),
+              multiSelect: false,
+              validationButtonText: intl.formatMessage({
+                id: "validate"
+              })
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+export {
+  NetworkVisualizationParametersInline
+};