@gridsuite/commons-ui 0.285.0 → 0.286.0

package/dist/components/ui/reactHookForm/DirectoryItemsInput.d.ts

@@ -18,9 +18,10 @@ export interface DirectoryItemsInputProps<CP extends OverflowableChipProps = Ove
     fullHeight?: boolean;
     fullWidth?: boolean;
     dataTestId?: string;
+    showPlaceHolder?: boolean;
 }
 export declare function DirectoryItemsInput<CP extends OverflowableChipProps = OverflowableChipProps>({ label, name, elementType, // Used to specify type of element (Filter, Contingency list, ...)
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, fullWidth, dataTestId, }: Readonly<DirectoryItemsInputProps<CP>>): import("react").JSX.Element;
+hideErrorMessage, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, fullWidth, dataTestId, showPlaceHolder, }: Readonly<DirectoryItemsInputProps<CP>>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/DirectoryItemsInput.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, FormControl, InputLabel, Select, IconButton, OutlinedInput } from "@mui/material";
+import { Box, FormControl, InputLabel, Select, IconButton, Typography, OutlinedInput } from "@mui/material";
 import { DriveFolderUpload } from "@mui/icons-material";
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useFieldArray, useWatch, useController } from "react-hook-form";
@@ -71,7 +71,8 @@ function DirectoryItemsInput({
   chipProps,
   fullHeight = false,
   fullWidth = true,
-  dataTestId
+  dataTestId,
+  showPlaceHolder = false
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
@@ -233,6 +234,17 @@ function DirectoryItemsInput({
               ),
               renderValue: (directoryElements) => /* @__PURE__ */ jsxs(Box, { sx: styles.renderDirectoryElements, children: [
                 /* @__PURE__ */ jsx(CustomTooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: disable, children: /* @__PURE__ */ jsx(DriveFolderUpload, { "data-testid": "DriveFolderUploadIcon" }) }) }) }),
+                showPlaceHolder && !directoryElements?.length && /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    color: "text.secondary",
+                    sx: {
+                      whiteSpace: "nowrap"
+                    },
+                    children: intl.formatMessage({ id: "importElements" })
+                  }
+                ),
                 directoryElements?.map((item, index) => {
                   const elementName = watchedElements?.[index]?.[NAME] ?? getValues(`${name}.${index}.${NAME}`) ?? item?.[NAME];
                   const equipmentTypeShortLabel = getEquipmentTypeShortLabel(

package/dist/components/ui/reactHookForm/text/DescriptionField.d.ts

@@ -3,5 +3,7 @@ export interface DescriptionFieldProps {
     expandingTextSx?: SxStyle;
     maxCharactersNumber?: number;
     rows?: number;
+    buttonLabel?: string;
+    buttonSx?: SxStyle;
 }
-export declare function DescriptionField({ expandingTextSx, maxCharactersNumber, rows, }: Readonly<DescriptionFieldProps>): import("react").JSX.Element;
+export declare function DescriptionField({ expandingTextSx, maxCharactersNumber, rows, buttonLabel, buttonSx, }: Readonly<DescriptionFieldProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/text/DescriptionField.js

@@ -12,7 +12,9 @@ import { AddButton } from "../../addButton/AddButton.js";
 function DescriptionField({
   expandingTextSx,
   maxCharactersNumber = MAX_CHAR_DESCRIPTION,
-  rows = 3
+  rows = 3,
+  buttonLabel,
+  buttonSx
 }) {
   const { setValue, getValues } = useFormContext();
   const description = getValues(FieldConstants.DESCRIPTION);
@@ -29,7 +31,15 @@ function DescriptionField({
       setIsDescriptionFieldVisible(true);
     }
   }, [description]);
-  return !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(AddButton, { onClick: handleOpenDescription, "data-testid": "AddDescriptionButton", label: "AddDescription" }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+  return !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(
+    AddButton,
+    {
+      onClick: handleOpenDescription,
+      "data-testid": "AddDescriptionButton",
+      sx: buttonSx,
+      label: buttonLabel || "AddDescription"
+    }
+  ) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
     /* @__PURE__ */ jsx(
       ExpandingTextField,
       {

package/dist/features/index.js

@@ -322,7 +322,7 @@ import { RESULTS_LOADING_DELAY } from "./results/constants.js";
 import { ProcessType } from "./process-configs/common/process-config.type.js";
 import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./process-configs/common/process-config-modifications-edition.utils.js";
 import { ProcessConfigModificationsEdition } from "./process-configs/common/process-config-modifications-edition.js";
-import { isProcessType } from "./process-configs/process-config.utils.js";
+import { getNamedProcessConfigFormData, isProcessType } from "./process-configs/process-config.utils.js";
 import { LFProcessConfigEditionDialog } from "./process-configs/lf-process-config-edition-dialog.js";
 import { SAProcessConfigEditionDialog } from "./process-configs/sa-process-config-edition-dialog.js";
 import { SCProcessConfigEditionDialog } from "./process-configs/sc-process-config-edition-dialog.js";
@@ -956,6 +956,7 @@ export {
   getLineCharacteristicsEmptyFormData,
   getLineCharacteristicsFormData,
   getLineCharacteristicsValidationSchemaProps,
+  getNamedProcessConfigFormData,
   getNewVoltageLevelData,
   getNoRowsMessage,
   getOptionLabel,

package/dist/features/network-modification-table/renderers/reference-link-cell.js

@@ -83,15 +83,15 @@ function ReferenceLinkCell({ data, disabled = false }) {
         fetchNetworkModification(data.uuid).then((res) => res.json()),
         fetchAppsMetadata()
       ]).then(([referenceInfos, metadata]) => {
-        const referenceId = referenceInfos?.referenceId;
+        const referencedId = referenceInfos?.referencedId;
         const exploreUrl = metadata?.find(isExploreMetadata)?.url;
-        if (!referenceId || !exploreUrl) {
+        if (!referencedId || !exploreUrl) {
           throw new Error(
-            `Cannot build reference link: ${!referenceId ? "referenceId" : "exploreUrl"} is missing`
+            `Cannot build reference link: ${!referencedId ? "referencedId" : "exploreUrl"} is missing`
           );
         }
         const link = new URL(
-          `${exploreUrl}/elements/${referenceId}`,
+          `${exploreUrl}/elements/${referencedId}`,
           globalThis.location.origin
         ).toString();
         return navigator.clipboard.writeText(link).then(() => snackInfo({ headerId: "linkCopied" }));

package/dist/features/network-modification-table/utils.js

@@ -61,7 +61,7 @@ function normalizeReferenceChild(child) {
   };
 }
 function extractReferenceChildren(detail) {
-  const referenceInfos = detail?.referenceInfos;
+  const referenceInfos = detail?.referencedInfos;
   if (!referenceInfos) {
     return [];
   }

package/dist/features/parameters/common/widget/parameter-line-directory-items-input.d.ts

@@ -11,6 +11,9 @@ type DirectoryItemsInputLineProps = {
     elementType: string;
     hideErrorMessage?: boolean;
     allowMultiSelect?: boolean;
+    labelGridSize?: number;
+    inputGridSize?: number;
+    showPlaceHolder?: boolean;
 };
-export declare function ParameterLineDirectoryItemsInput({ label, name, equipmentTypes, elementType, hideErrorMessage, allowMultiSelect, }: Readonly<DirectoryItemsInputLineProps>): import("react").JSX.Element;
+export declare function ParameterLineDirectoryItemsInput({ label, name, equipmentTypes, elementType, hideErrorMessage, allowMultiSelect, labelGridSize, inputGridSize, showPlaceHolder, }: Readonly<DirectoryItemsInputLineProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/widget/parameter-line-directory-items-input.js

@@ -37,11 +37,14 @@ function ParameterLineDirectoryItemsInput({
   equipmentTypes,
   elementType,
   hideErrorMessage,
-  allowMultiSelect = true
+  allowMultiSelect = true,
+  labelGridSize = 7,
+  inputGridSize = 5,
+  showPlaceHolder = false
 }) {
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, paddingBottom: 1, sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx(Grid, { size: 7, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { size: 5, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid, { size: labelGridSize, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { size: inputGridSize, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       DirectoryItemsInput,
       {
         name,
@@ -51,7 +54,8 @@ function ParameterLineDirectoryItemsInput({
         hideErrorMessage,
         label: void 0,
         itemFilter: void 0,
-        allowMultiSelect
+        allowMultiSelect,
+        showPlaceHolder
       }
     ) })
   ] });

package/dist/features/process-configs/index.js

@@ -1,7 +1,7 @@
 import { ProcessType } from "./common/process-config.type.js";
 import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./common/process-config-modifications-edition.utils.js";
 import { ProcessConfigModificationsEdition } from "./common/process-config-modifications-edition.js";
-import { isProcessType } from "./process-config.utils.js";
+import { getNamedProcessConfigFormData, isProcessType } from "./process-config.utils.js";
 import { LFProcessConfigEditionDialog } from "./lf-process-config-edition-dialog.js";
 import { SAProcessConfigEditionDialog } from "./sa-process-config-edition-dialog.js";
 import { SCProcessConfigEditionDialog } from "./sc-process-config-edition-dialog.js";
@@ -12,6 +12,7 @@ export {
   SAProcessConfigEditionDialog,
   SCProcessConfigEditionDialog,
   emptyProcessConfigModificationsFormData,
+  getNamedProcessConfigFormData,
   getProcessConfigModificationsBackendFromFormData,
   getProcessConfigModificationsFormData,
   isProcessType,

package/dist/features/process-configs/process-config.utils.d.ts

@@ -1,2 +1,33 @@
 import { ProcessType } from './common';
 export declare function isProcessType(type: string): type is ProcessType;
+export declare function getNamedProcessConfigFormData(processConfig: any, name: string, description: string | null): Promise<{
+    description?: string | null | undefined;
+    name?: string | null | undefined;
+    loadflowParameters: {
+        name?: string | undefined;
+        id: string;
+    }[];
+    modifications: {
+        description?: string | null | undefined;
+        active: NonNullable<boolean | undefined>;
+        modification: {
+            name?: string | undefined;
+            id: string;
+        }[];
+    }[];
+} | {
+    description?: string | null | undefined;
+    name?: string | null | undefined;
+    shortcircuitParameters: {
+        name?: string | undefined;
+        id: string;
+    }[];
+    modifications: {
+        description?: string | null | undefined;
+        active: NonNullable<boolean | undefined>;
+        modification: {
+            name?: string | undefined;
+            id: string;
+        }[];
+    }[];
+}>;

package/dist/features/process-configs/process-config.utils.js

@@ -58,9 +58,62 @@ 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";
+import "../parameters/common/parameter-layout/parameter-layout-provider.js";
+import "../parameters/common/widget/parameter-line-slider.js";
+import "../parameters/common/contingency-table/contingency-table.js";
+import "../parameters/common/contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../parameters/network-visualizations/constants.js";
+import "../parameters/loadflow/load-flow-parameters-context.js";
+import "../parameters/loadflow/load-flow-parameters-utils.js";
+import "../parameters/loadflow/load-flow-parameters-content.js";
+import "../parameters/short-circuit/short-circuit-parameters-content.js";
+import "../parameters/short-circuit/short-circuit-parameters-utils.js";
+import "../parameters/voltage-init/constants.js";
+import "../parameters/voltage-init/voltage-init-form-utils.js";
+import "../parameters/security-analysis/constants.js";
+import "../parameters/security-analysis/security-analysis-parameters-utils.js";
+import "../parameters/sensi/utils.js";
+import "../parameters/sensi/columns-definitions.js";
+import "../parameters/dynamic-simulation/use-dynamic-simulation-parameters-form.js";
+import "../parameters/dynamic-simulation/dynamic-simulation.type.js";
+import "../parameters/dynamic-simulation/time-delay/time-delay-parameters-utils.js";
+import "../parameters/dynamic-simulation/time-delay/time-delay-parameters.js";
+import "../parameters/dynamic-simulation/solver/solver-parameters-utils.js";
+import "../parameters/dynamic-simulation/solver/solver-parameters.js";
+import "../parameters/dynamic-simulation/mapping/mapping-parameters-utils.js";
+import "../parameters/dynamic-simulation/network/network-parameters-utils.js";
+import "../parameters/dynamic-simulation/network/network-parameters.js";
+import "../parameters/dynamic-simulation/curve/dialog/curve-preview.js";
+import "../parameters/dynamic-simulation/curve/dialog/curve-selector.js";
+import "../parameters/dynamic-simulation/curve/common/grid-search.js";
+import "../parameters/dynamic-security-analysis/use-dynamic-security-analysis-parameters-form.js";
+import "../parameters/dynamic-security-analysis/scenario-parameters.js";
+import "../parameters/dynamic-security-analysis/contingency-parameters.js";
+import "../parameters/dynamic-security-analysis/dynamic-security-analysis.type.js";
+import "../parameters/dynamic-margin-calculation/time-delay-parameters.js";
+import "../parameters/dynamic-margin-calculation/loads-variations-parameters.js";
+import "../parameters/dynamic-margin-calculation/dynamic-margin-calculation.type.js";
+import "../parameters/dynamic-margin-calculation/use-dynamic-margin-calculation-parameters-form.js";
+import { getNamedLFProcessConfigFormData } from "./loadflow/lf-process-config-edition.utils.js";
+import { getNamedSAProcessConfigFormData } from "./security-analysis/sa-process-config-edition.utils.js";
+import { getNamedSCProcessConfigFormData } from "./shortcircuit/sc-process-config-edition.utils.js";
 function isProcessType(type) {
   return Object.values(ProcessType).includes(type);
 }
+async function getNamedProcessConfigFormData(processConfig, name, description) {
+  switch (processConfig.processType) {
+    case ProcessType.LOADFLOW:
+      return getNamedLFProcessConfigFormData(processConfig, name, description);
+    case ProcessType.SECURITY_ANALYSIS:
+      return getNamedSAProcessConfigFormData(processConfig, name, description);
+    case ProcessType.SHORT_CIRCUIT:
+      return getNamedSCProcessConfigFormData(processConfig, name, description);
+    default:
+      throw new Error(`Unsupported process type: ${processConfig.processType}`);
+  }
+}
 export {
+  getNamedProcessConfigFormData,
   isProcessType
 };

package/dist/index.js

@@ -518,7 +518,7 @@ import { RESULTS_LOADING_DELAY } from "./features/results/constants.js";
 import { ProcessType } from "./features/process-configs/common/process-config.type.js";
 import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./features/process-configs/common/process-config-modifications-edition.utils.js";
 import { ProcessConfigModificationsEdition } from "./features/process-configs/common/process-config-modifications-edition.js";
-import { isProcessType } from "./features/process-configs/process-config.utils.js";
+import { getNamedProcessConfigFormData, isProcessType } from "./features/process-configs/process-config.utils.js";
 import { LFProcessConfigEditionDialog } from "./features/process-configs/lf-process-config-edition-dialog.js";
 import { SAProcessConfigEditionDialog } from "./features/process-configs/sa-process-config-edition-dialog.js";
 import { SCProcessConfigEditionDialog } from "./features/process-configs/sc-process-config-edition-dialog.js";
@@ -1702,6 +1702,7 @@ export {
   getLoadTypeLabel,
   getNameElementEditorEmptyFormData,
   getNameElementEditorSchema,
+  getNamedProcessConfigFormData,
   getNetworkModificationsFromComposite,
   getNetworkVisualizationsParameters,
   getNewVoltageLevelData,

package/dist/utils/types/network-modification-metadata.d.ts

@@ -23,8 +23,8 @@ export interface ComposedModificationMetadata extends BasicComposedModificationM
 export interface ReferencedCompositeModifications extends NetworkModificationMetadata {
     modificationsInfos?: NetworkModificationMetadata[];
 }
-export interface ReferenceModificationInfos extends NetworkModificationMetadata {
-    referenceId?: UUID;
+export interface ModificationReferenceInfos extends NetworkModificationMetadata {
+    referencedId?: UUID;
     referenceType?: string;
-    referenceInfos?: BasicComposedModificationMetadata;
+    referencedInfos?: BasicComposedModificationMetadata;
 }

package/package.json

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