@gridsuite/commons-ui 0.119.2 → 0.120.1

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

@@ -5,17 +5,17 @@ import { getTabIndicatorStyle, getTabStyle } from "../parameters-style.js";
 import "react";
 import "react-hook-form";
 import "../../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
 import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
-import "@mui/icons-material";
 import "yup";
 import "../../overflowableText/OverflowableText.js";
 import "../../treeViewFinder/TreeViewFinder.js";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/yupConfig.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";

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

@@ -3,6 +3,10 @@ import { useState, useCallback, useEffect } from "react";
 import { Box, Grid } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import "../../../utils/types/equipmentType.js";
+import "../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/yupConfig.js";
 import { updateVoltageInitParameters } from "../../../services/study.js";
 import { getVoltageInitParameters } from "../../../services/voltage-init.js";
 import "localized-countries";
@@ -12,7 +16,6 @@ import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import "react-hook-form";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
-import "@mui/icons-material";
 import "yup";
 import "../../overflowableText/OverflowableText.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
@@ -23,9 +26,6 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { PopupConfirmationDialog } from "../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
-import "../../../utils/conversionUtils.js";
-import { ElementType } from "../../../utils/types/elementType.js";
-import "../../../utils/yupConfig.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/hooks/use-unique-name-validation.js

@@ -61,28 +61,39 @@ function useUniqueNameValidation({
   );
   const debouncedHandleCheckName = useDebounce(handleCheckName, 700);
   useEffect(() => {
-    var _a2, _b;
-    const trimmedValue = (_a2 = value == null ? void 0 : value.trim) == null ? void 0 : _a2.call(value);
-    if (!trimmedValue && isDirty) {
-      clearErrors("root.isValidating");
-      setError(name, {
-        type: "validate",
-        message: "nameEmpty"
-      });
-      return;
+    const trimmedValue = value.trim();
+    if (selectedDirectory) {
+      debouncedHandleCheckName(trimmedValue);
     }
-    if (!isDirty || ((_b = defaultFieldValue == null ? void 0 : defaultFieldValue.trim) == null ? void 0 : _b.call(defaultFieldValue)) === trimmedValue) {
+    if (!isDirty) {
       clearErrors(name);
       return;
     }
-    setError("root.isValidating", {
-      type: "validate",
-      message: "cantSubmitWhileValidating"
-    });
-    if (directory) {
+    if (trimmedValue) {
+      clearErrors(name);
+      setError("root.isValidating", {
+        type: "validate",
+        message: "cantSubmitWhileValidating"
+      });
       debouncedHandleCheckName(trimmedValue);
+    } else {
+      clearErrors("root.isValidating");
+      setError(name, {
+        type: "validate",
+        message: "nameEmpty"
+      });
     }
-  }, [value, debouncedHandleCheckName, setError, clearErrors, name, isDirty, defaultFieldValue, directory]);
+  }, [
+    value,
+    debouncedHandleCheckName,
+    setError,
+    clearErrors,
+    name,
+    isDirty,
+    defaultFieldValue,
+    directory,
+    selectedDirectory
+  ]);
   return {
     isValidating
   };

package/dist/hooks/useConfidentialityWarning.js

@@ -1,5 +1,10 @@
 import { useState, useEffect } from "react";
 import { fetchEnv } from "../services/appsMetadata.js";
+import "../utils/conversionUtils.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../utils/types/equipmentType.js";
+import "../utils/yupConfig.js";
 const useConfidentialityWarning = () => {
   const [confidentialityWarningKey, setConfidentialityWarningKey] = useState();
   useEffect(() => {

package/dist/hooks/useLocalizedCountries.d.ts

@@ -1,12 +1,7 @@
-/**
- * Copyright (c) 2023, 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 const getSystemLanguage: () => string;
-export declare const getComputedLanguage: (language: string | undefined) => string;
-export declare const useLocalizedCountries: (language: string | undefined) => {
+import { GsLang, GsLangUser } from '../utils/langs';
+export declare const getSystemLanguage: () => GsLangUser;
+export declare const getComputedLanguage: (language: GsLang) => GsLangUser;
+export declare const useLocalizedCountries: (language: GsLang) => {
     translate: (countryCode: string) => string;
     countryCodes: string[];
 };

package/dist/hooks/usePredefinedProperties.js

@@ -2,6 +2,11 @@ import { useState, useEffect } from "react";
 import { equipmentTypesForPredefinedPropertiesMapper } from "../utils/mapper/equipmentTypesForPredefinedPropertiesMapper.js";
 import { useSnackMessage } from "./useSnackMessage.js";
 import { fetchStudyMetadata } from "../services/appsMetadata.js";
+import "../utils/conversionUtils.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../utils/types/equipmentType.js";
+import "../utils/yupConfig.js";
 const fetchPredefinedProperties = async (equipmentType) => {
   var _a;
   const networkEquipmentType = equipmentTypesForPredefinedPropertiesMapper(equipmentType);

package/dist/index.js

@@ -190,7 +190,7 @@ import { getUserToken, setCommonStore } from "./redux/commonStore.js";
 import { backendFetch, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./services/utils.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./services/explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./services/appsMetadata.js";
-import { elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, updateConfigParameter } from "./services/directory.js";
+import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./services/directory.js";
 import { PREFIX_STUDY_QUERIES, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowDefaultLimitReductions, getLoadFlowProviders, getLoadFlowSpecificParametersDescription, getLoadFlowUrl, setLoadFlowParameters } from "./services/loadflow.js";
 import { exportFilter, getAvailableComponentLibraries, getStudyNetworkVisualizationsParameters, getStudyShortCircuitParameters, invalidateStudyShortCircuitStatus, setStudyNetworkVisualizationParameters, setStudyShortCircuitParameters, updateVoltageInitParameters } from "./services/study.js";
 import { getNetworkVisualizationsParameters } from "./services/study-config.js";
@@ -202,7 +202,7 @@ import { FetchStatus } from "./utils/constants/fetchStatus.js";
 import { FieldConstants } from "./utils/constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./utils/constants/uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./utils/constants/unitsConstants.js";
-import { LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./utils/constants/configConstants.js";
+import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES, LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./utils/constants/configConstants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./utils/conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/functions.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./utils/langs.js";
@@ -298,6 +298,8 @@ export {
   COLUMNS_DEFINITIONS_NODES,
   COLUMNS_DEFINITIONS_PSTS,
   COMBINATOR_OPTIONS,
+  COMMON_APP_NAME,
+  COMMON_CONFIG_PARAMS_NAMES,
   COMMON_PARAMETERS,
   COMPONENT_LIBRARY,
   CONNECTED_COMPONENT_MODE,
@@ -688,6 +690,8 @@ export {
   exportParamsFr,
   extractDefault,
   fetchAppsMetadata,
+  fetchConfigParameter,
+  fetchConfigParameters,
   fetchCurrentAnnouncement,
   fetchDefaultCountry,
   fetchDefaultSecurityAnalysisProvider,
@@ -711,6 +715,7 @@ export {
   formatComputingTypeLabel,
   genHelperError,
   generateTreeViewFinderClass,
+  getAppName,
   getAvailableComponentLibraries,
   getComputedLanguage,
   getCriteriaBasedFormData,

package/dist/services/directory.d.ts

@@ -1,6 +1,9 @@
 import { UUID } from 'crypto';
 import { ElementAttributes } from '../utils';
-export declare function updateConfigParameter(name: string, value: string): Promise<Response>;
+export declare function getAppName(appName: string, name: string): string;
+export declare function updateConfigParameter(appName: string, name: string, value: string): Promise<Response>;
+export declare function fetchConfigParameters(appName: string): Promise<any>;
+export declare function fetchConfigParameter(appName: string, name: string): Promise<any>;
 export declare function fetchRootFolders(types: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryContent(directoryUuid: UUID, types?: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryElementPath(elementUuid: UUID): Promise<ElementAttributes[]>;

package/dist/services/directory.js

@@ -1,12 +1,32 @@
-import { backendFetch, getRequestParamFromList, backendFetchJson } from "./utils.js";
+import { backendFetch, backendFetchJson, getRequestParamFromList } from "./utils.js";
+import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES } from "../utils/constants/configConstants.js";
+import "../utils/conversionUtils.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../utils/types/equipmentType.js";
+import "../utils/yupConfig.js";
 const PREFIX_EXPLORE_SERVER_QUERIES = `${"api/gateway"}/explore`;
 const PREFIX_CONFIG_QUERIES = `${"api/gateway"}/config`;
-function updateConfigParameter(name, value) {
-  const appName = "common";
-  console.info("Updating config parameter '%s=%s' for app '%s' ", name, value, appName);
-  const updateParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${appName}/parameters/${name}?value=${encodeURIComponent(value)}`;
+function getAppName(appName, name) {
+  return COMMON_CONFIG_PARAMS_NAMES.has(name) ? COMMON_APP_NAME : appName;
+}
+function updateConfigParameter(appName, name, value) {
+  const targetAppName = getAppName(appName, name);
+  console.info(`Updating config parameter '${name}=${value}' for app '${targetAppName}'`);
+  const updateParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}?value=${encodeURIComponent(value)}`;
   return backendFetch(updateParams, { method: "put" });
 }
+function fetchConfigParameters(appName) {
+  console.info(`Fetching UI configuration params for app : ${appName}`);
+  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${appName}/parameters`;
+  return backendFetchJson(fetchParams);
+}
+function fetchConfigParameter(appName, name) {
+  const targetAppName = getAppName(appName, name);
+  console.info(`Fetching UI config parameter '${name}' for app '${targetAppName}'`);
+  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}`;
+  return backendFetchJson(fetchParams);
+}
 function fetchRootFolders(types) {
   console.info("Fetching Root Directories");
   const urlSearchParams = getRequestParamFromList("elementTypes", types).toString();
@@ -47,8 +67,11 @@ function elementAlreadyExists(directoryUuid, elementName, type) {
 }
 export {
   elementAlreadyExists,
+  fetchConfigParameter,
+  fetchConfigParameters,
   fetchDirectoryContent,
   fetchDirectoryElementPath,
   fetchRootFolders,
+  getAppName,
   updateConfigParameter
 };

package/dist/services/index.js

@@ -1,7 +1,7 @@
 import { backendFetch, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./utils.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./appsMetadata.js";
-import { elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, updateConfigParameter } from "./directory.js";
+import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./directory.js";
 import { PREFIX_STUDY_QUERIES, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowDefaultLimitReductions, getLoadFlowProviders, getLoadFlowSpecificParametersDescription, getLoadFlowUrl, setLoadFlowParameters } from "./loadflow.js";
 import { exportFilter, getAvailableComponentLibraries, getStudyNetworkVisualizationsParameters, getStudyShortCircuitParameters, invalidateStudyShortCircuitStatus, setStudyNetworkVisualizationParameters, setStudyShortCircuitParameters, updateVoltageInitParameters } from "./study.js";
 import { getNetworkVisualizationsParameters } from "./study-config.js";
@@ -19,6 +19,8 @@ export {
   elementAlreadyExists,
   exportFilter,
   fetchAppsMetadata,
+  fetchConfigParameter,
+  fetchConfigParameters,
   fetchCurrentAnnouncement,
   fetchDefaultCountry,
   fetchDefaultSecurityAnalysisProvider,
@@ -33,6 +35,7 @@ export {
   fetchSecurityAnalysisProviders,
   fetchStudyMetadata,
   fetchUserDetails,
+  getAppName,
   getAvailableComponentLibraries,
   getDefaultLoadFlowProvider,
   getLoadFlowDefaultLimitReductions,

package/dist/translations/en/networkModificationsEn.js

@@ -62,8 +62,8 @@ const networkModificationsEn = {
   "network_modifications.VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION": "Modifying voltage level topology {computedLabel}",
   "network_modifications.CREATE_COUPLING_DEVICE": "Creating a coupling device in voltage level {computedLabel}",
   "network_modifications.BALANCES_ADJUSTMENT_MODIFICATION": "Balances adjustment modification",
-  "network_modifications.CREATE_VOLTAGE_LEVEL_TOPOLOGY": "Creating a bus bar in voltage level {computedLabel}",
-  "network_modifications.CREATE_VOLTAGE_LEVEL_SECTION": "Creating voltage level Busbar sections {computedLabel}"
+  "network_modifications.CREATE_VOLTAGE_LEVEL_TOPOLOGY": "Creating a busbar in voltage level {computedLabel}",
+  "network_modifications.CREATE_VOLTAGE_LEVEL_SECTION": "Adding busbar section to voltage level {computedLabel}"
 };
 export {
   networkModificationsEn

package/dist/translations/fr/networkModificationsFr.js

@@ -63,7 +63,7 @@ const networkModificationsFr = {
   "network_modifications.CREATE_COUPLING_DEVICE": "Création de couplage / omnibus dans le poste {computedLabel}",
   "network_modifications.BALANCES_ADJUSTMENT_MODIFICATION": "Modification d'équilibrage bilan",
   "network_modifications.CREATE_VOLTAGE_LEVEL_TOPOLOGY": "Ajout d'un jeu de barre dans le poste {computedLabel}",
-  "network_modifications.CREATE_VOLTAGE_LEVEL_SECTION": "Création des Busbar sections dans le poste {computedLabel}"
+  "network_modifications.CREATE_VOLTAGE_LEVEL_SECTION": "Ajout de section / tronçon dans le poste {computedLabel}"
 };
 export {
   networkModificationsFr

package/dist/utils/constants/configConstants.d.ts

@@ -2,3 +2,5 @@ export declare const PARAM_THEME = "theme";
 export declare const PARAM_LANGUAGE = "language";
 export declare const PARAM_DEVELOPER_MODE = "enableDeveloperMode";
 export declare const LAST_SELECTED_DIRECTORY = "lastSelectedDirectory";
+export declare const COMMON_CONFIG_PARAMS_NAMES: Set<string>;
+export declare const COMMON_APP_NAME = "common";

package/dist/utils/constants/configConstants.js

@@ -2,7 +2,16 @@ const PARAM_THEME = "theme";
 const PARAM_LANGUAGE = "language";
 const PARAM_DEVELOPER_MODE = "enableDeveloperMode";
 const LAST_SELECTED_DIRECTORY = "lastSelectedDirectory";
+const COMMON_CONFIG_PARAMS_NAMES = /* @__PURE__ */ new Set([
+  PARAM_THEME,
+  PARAM_LANGUAGE,
+  LAST_SELECTED_DIRECTORY,
+  PARAM_DEVELOPER_MODE
+]);
+const COMMON_APP_NAME = "common";
 export {
+  COMMON_APP_NAME,
+  COMMON_CONFIG_PARAMS_NAMES,
   LAST_SELECTED_DIRECTORY,
   PARAM_DEVELOPER_MODE,
   PARAM_LANGUAGE,

package/dist/utils/constants/index.js

@@ -2,9 +2,11 @@ import { FetchStatus } from "./fetchStatus.js";
 import { FieldConstants } from "./fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./unitsConstants.js";
-import { LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./configConstants.js";
+import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES, LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./configConstants.js";
 export {
   AMPERE,
+  COMMON_APP_NAME,
+  COMMON_CONFIG_PARAMS_NAMES,
   DEGREE,
   FetchStatus,
   FieldConstants,

package/dist/utils/index.js

@@ -3,7 +3,7 @@ import { FetchStatus } from "./constants/fetchStatus.js";
 import { FieldConstants } from "./constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./constants/uiConstants.js";
 import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./constants/unitsConstants.js";
-import { LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./constants/configConstants.js";
+import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES, LAST_SELECTED_DIRECTORY, PARAM_DEVELOPER_MODE, PARAM_LANGUAGE, PARAM_THEME } from "./constants/configConstants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./functions.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./langs.js";
@@ -30,6 +30,8 @@ export {
   BASE_EQUIPMENTS,
   Battery,
   BusBar,
+  COMMON_APP_NAME,
+  COMMON_CONFIG_PARAMS_NAMES,
   DARK_THEME,
   DEGREE,
   DanglingLine,

package/package.json

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