@gridsuite/commons-ui 0.162.0 → 0.163.0

package/dist/components/inputs/reactHookForm/selectInputs/CountriesInput.d.ts

@@ -1,5 +1,6 @@
 export interface CountryInputProps {
     name: string;
     label: string;
+    dataTestId?: string;
 }
-export declare function CountriesInput({ name, label }: Readonly<CountryInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CountriesInput({ name, label, dataTestId }: Readonly<CountryInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/selectInputs/CountriesInput.js

@@ -4,7 +4,7 @@ import { Chip } from "@mui/material";
 import { AutocompleteInput } from "../autocompleteInputs/AutocompleteInput.js";
 import { useLocalizedCountries } from "../../../../hooks/useLocalizedCountries.js";
 import { useCustomFormContext } from "../provider/useCustomFormContext.js";
-function CountriesInput({ name, label }) {
+function CountriesInput({ name, label, dataTestId }) {
   const { language } = useCustomFormContext();
   const { translate, countryCodes } = useLocalizedCountries(language);
   const translateOption = useCallback(
@@ -19,13 +19,23 @@ function CountriesInput({ name, label }) {
   return /* @__PURE__ */ jsx(
     AutocompleteInput,
     {
+      "data-testid": dataTestId,
       name,
       label,
       options: countryCodes,
       getOptionLabel: translateOption,
       fullWidth: true,
       multiple: true,
-      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(Chip, { size: "small", label: translate(code), ...getTagsProps({ index }) }, code))
+      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          "data-testid": `${dataTestId}.${code}`,
+          size: "small",
+          label: translate(code),
+          ...getTagsProps({ index })
+        },
+        code
+      ))
     }
   );
 }

package/dist/components/inputs/reactHookForm/text/TextInput.d.ts

@@ -21,6 +21,7 @@ export interface TextInputProps {
     formProps?: Omit<TextFieldWithAdornmentProps | TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
     disabledTooltip?: boolean;
     disabled?: boolean;
+    dataTestId?: string;
 }
 export declare function TextInput({ name, label, labelValues, // this prop is used to add a value to label. this value is displayed without being translated
 id, adornment, customAdornment, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with number fields
@@ -28,4 +29,4 @@ inputTransform, // transform react hook form value before sending it to material
 acceptValue, // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
 onChange, // method called when input value changed, if you want to manually trigger validation for example (do not update the form here unless you know what you do, it's already done by RHF)
 previousValue, clearable, formProps, disabledTooltip, // In case we don't want to show tooltip on the value and warning/info icons
-disabled, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+disabled, dataTestId, }: TextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/TextInput.js

@@ -28,7 +28,8 @@ function TextInput({
   formProps,
   disabledTooltip,
   // In case we don't want to show tooltip on the value and warning/info icons
-  disabled
+  disabled,
+  dataTestId
 }) {
   const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
   const {
@@ -58,6 +59,7 @@ function TextInput({
   return /* @__PURE__ */ jsx(
     Field,
     {
+      "data-testid": dataTestId,
       size: "small",
       fullWidth: true,
       id: id ?? label,

package/dist/components/parameters/loadflow/load-flow-parameter-field.js

@@ -53,28 +53,46 @@ function LoadFlowParameterField({
   const renderField = () => {
     switch (type) {
       case ParameterType.STRING:
-        return possibleValues ? /* @__PURE__ */ jsx(MuiSelectInput, { name: `${id}.${name}`, options: possibleValues, size: "small" }) : /* @__PURE__ */ jsx(TextInput, { name: `${id}.${name}` });
+        return possibleValues ? /* @__PURE__ */ jsx(
+          MuiSelectInput,
+          {
+            name: `${id}.${name}`,
+            options: possibleValues,
+            size: "small",
+            "data-testid": `${id}.${name}`
+          }
+        ) : /* @__PURE__ */ jsx(TextInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
       case ParameterType.BOOLEAN:
-        return /* @__PURE__ */ jsx(SwitchInput, { name: `${id}.${name}` });
+        return /* @__PURE__ */ jsx(SwitchInput, { name: `${id}.${name}`, "data-testid": `${id}.${name}` });
       case ParameterType.COUNTRIES:
-        return /* @__PURE__ */ jsx(CountriesInput, { name: `${id}.${name}`, label: "descLfCountries" });
+        return /* @__PURE__ */ jsx(CountriesInput, { name: `${id}.${name}`, label: "descLfCountries", dataTestId: `${id}.${name}` });
       case ParameterType.DOUBLE:
-        return /* @__PURE__ */ jsx(FloatInput, { name: `${id}.${name}` });
+        return /* @__PURE__ */ jsx(FloatInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
       case ParameterType.STRING_LIST:
         return possibleValues ? /* @__PURE__ */ jsx(
           AutocompleteInput,
           {
+            "data-testid": `${id}.${name}`,
             name: `${id}.${name}`,
             label,
             options: possibleValues,
             fullWidth: true,
             multiple: true,
             size: "small",
-            renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(Chip, { size: "small", label: code, ...getTagsProps({ index }) }, code))
+            renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
+              Chip,
+              {
+                "data-testid": `${id}.${name}.${code}`,
+                size: "small",
+                label: code,
+                ...getTagsProps({ index })
+              },
+              code
+            ))
           }
-        ) : /* @__PURE__ */ jsx(MultipleAutocompleteInput, { name: `${id}.${name}`, size: "small" });
+        ) : /* @__PURE__ */ jsx(MultipleAutocompleteInput, { name: `${id}.${name}`, size: "small", "data-testid": `${id}.${name}` });
       case ParameterType.INTEGER:
-        return /* @__PURE__ */ jsx(IntegerInput, { name: `${id}.${name}` });
+        return /* @__PURE__ */ jsx(IntegerInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
       default:
         return null;
     }

package/dist/components/parameters/loadflow/load-flow-parameters-header.js

@@ -55,7 +55,15 @@ function LoadFlowParametersHeader({
       justifyContent: "space-between",
       children: [
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: "auto", sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(MuiSelectInput, { name: PROVIDER, size: "small", options: Object.values(formattedProviders) }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: "auto", sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+          MuiSelectInput,
+          {
+            "data-testid": "LfProvider",
+            name: PROVIDER,
+            size: "small",
+            options: Object.values(formattedProviders)
+          }
+        ) }),
         /* @__PURE__ */ jsx(LineSeparator, {}),
         /* @__PURE__ */ jsx(Grid, { item: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
           /* @__PURE__ */ jsx(
@@ -63,7 +71,8 @@ function LoadFlowParametersHeader({
             {
               label: /* @__PURE__ */ jsx(FormattedMessage, { id: TabValues.GENERAL }),
               value: TabValues.GENERAL,
-              sx: getTabStyle(tabIndexesWithError, TabValues.GENERAL)
+              sx: getTabStyle(tabIndexesWithError, TabValues.GENERAL),
+              "data-testid": "LfGeneralTab"
             }
           ),
           /* @__PURE__ */ jsx(
@@ -71,7 +80,8 @@ function LoadFlowParametersHeader({
             {
               label: /* @__PURE__ */ jsx(FormattedMessage, { id: TabValues.LIMIT_REDUCTIONS }),
               value: TabValues.LIMIT_REDUCTIONS,
-              sx: getTabStyle(tabIndexesWithError, TabValues.LIMIT_REDUCTIONS)
+              sx: getTabStyle(tabIndexesWithError, TabValues.LIMIT_REDUCTIONS),
+              "data-testid": "LfLimitReductionsTab"
             }
           )
         ] }) })

package/dist/components/parameters/loadflow/load-flow-parameters-inline.js

@@ -112,11 +112,26 @@ function LoadFlowParametersInline({
                   LabelledButton,
                   {
                     callback: () => setOpenSelectParameterDialog(true),
-                    label: "settings.button.chooseSettings"
+                    label: "settings.button.chooseSettings",
+                    "data-testid": "LfChooseParametersButton"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  LabelledButton,
+                  {
+                    callback: () => setOpenCreateParameterDialog(true),
+                    label: "save",
+                    "data-testid": "LfSaveButton"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  LabelledButton,
+                  {
+                    callback: handleResetAllClick,
+                    label: "resetToDefault",
+                    "data-testid": "LfResetToDefaultButton"
                   }
                 ),
-                /* @__PURE__ */ jsx(LabelledButton, { callback: () => setOpenCreateParameterDialog(true), label: "save" }),
-                /* @__PURE__ */ jsx(LabelledButton, { callback: handleResetAllClick, label: "resetToDefault" }),
                 /* @__PURE__ */ jsx(
                   SubmitButton,
                   {
@@ -125,6 +140,7 @@ function LoadFlowParametersInline({
                       loadflowMethods.onValidationError
                     ),
                     variant: "outlined",
+                    "data-testid": "LfValidateButton",
                     children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
                   }
                 )

package/dist/index.js

@@ -194,7 +194,7 @@ import { OptionalServicesStatus, useParametersBackend } from "./hooks/use-parame
 import { useCreateRowDataSensi } from "./hooks/use-create-row-data-sensi.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";
-import { fetchAppsMetadata, fetchBaseVoltages, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./services/appsMetadata.js";
+import { fetchAppsMetadata, fetchBaseVoltages, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isExploreMetadata, isStudyMetadata } from "./services/appsMetadata.js";
 import { fetchConfigParameter, fetchConfigParameters, getAppName, updateConfigParameter } from "./services/config.js";
 import { PermissionType, elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, hasElementPermission } from "./services/directory.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./services/explore.js";
@@ -830,6 +830,7 @@ export {
   intlPredefinedParametersOptions,
   isBlankOrEmpty,
   isEmpty,
+  isExploreMetadata,
   isFieldRequired,
   isFloatNumber,
   isIntegerNumber,

package/dist/services/appsMetadata.d.ts

@@ -1,4 +1,4 @@
-import { BaseVoltage, Metadata, StudyMetadata } from '../utils';
+import { BaseVoltage, ExploreMetadata, Metadata, StudyMetadata } from '../utils';
 export type UrlString = `${string}://${string}` | `/${string}` | `./${string}`;
 export type Url = UrlString | URL;
 export type Env = {
@@ -9,6 +9,7 @@ export type Env = {
 export declare function fetchEnv(): Promise<Env>;
 export declare function fetchAppsMetadata(): Promise<Metadata[]>;
 export declare function isStudyMetadata(metadata: Metadata): metadata is StudyMetadata;
+export declare function isExploreMetadata(metadata: Metadata): metadata is ExploreMetadata;
 export declare function fetchStudyMetadata(): Promise<StudyMetadata>;
 export declare function fetchBaseVoltages(): Promise<BaseVoltage[]>;
 export declare function fetchFavoriteAndDefaultCountries(): Promise<{

package/dist/services/appsMetadata.js

@@ -10,6 +10,9 @@ async function fetchAppsMetadata() {
 function isStudyMetadata(metadata) {
   return metadata.name === "Study";
 }
+function isExploreMetadata(metadata) {
+  return metadata.name === "Explore";
+}
 async function fetchStudyMetadata() {
   console.info(`Fetching study metadata...`);
   const studyMetadata = (await fetchAppsMetadata()).find(isStudyMetadata);
@@ -43,5 +46,6 @@ export {
   fetchEnv,
   fetchFavoriteAndDefaultCountries,
   fetchStudyMetadata,
+  isExploreMetadata,
   isStudyMetadata
 };

package/dist/services/index.js

@@ -1,4 +1,4 @@
-import { fetchAppsMetadata, fetchBaseVoltages, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./appsMetadata.js";
+import { fetchAppsMetadata, fetchBaseVoltages, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isExploreMetadata, isStudyMetadata } from "./appsMetadata.js";
 import { fetchConfigParameter, fetchConfigParameters, getAppName, updateConfigParameter } from "./config.js";
 import { PermissionType, elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, hasElementPermission } from "./directory.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./explore.js";
@@ -62,6 +62,7 @@ export {
   getVoltageInitUrl,
   handleNotOkResponse,
   hasElementPermission,
+  isExploreMetadata,
   isStudyMetadata,
   parseError,
   safeEncodeURIComponent,

package/dist/utils/types/metadata.d.ts

@@ -27,6 +27,10 @@ export type StudyMetadata = Metadata & {
         label: string;
     }[];
 };
+export type ExploreMetadata = Metadata & {
+    name: 'Explore';
+    maxFileSizeInMb?: number;
+};
 type ThemeColors = Record<string, string>;
 type SldAndNadColors = {
     darkThemeColors: ThemeColors;

package/package.json

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