@gridsuite/commons-ui 0.245.0 → 0.247.0

package/dist/components/composite/agGridTable/BottomTableButtons.js

@@ -1,25 +1,18 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { styled, IconButton, Grid2, Box, Button } from "@mui/material";
+import { styled, IconButton, Grid2, Box } from "@mui/material";
 import { ControlPoint, Delete, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
-import { FormattedMessage } from "react-intl";
-import { useCSVDownloader } from "react-papaparse";
 import { ErrorInput } from "../../ui/reactHookForm/errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../../ui/reactHookForm/errorManagement/FieldErrorAlert.js";
+import { CsvDownloadButton } from "../../ui/csvDownloader/csv-download-button.js";
+import "react";
+import "react-intl";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
-import { getCsvDelimiter } from "../../../utils/langs.js";
 const InnerColoredButton = styled(IconButton)(({ theme }) => {
   return {
     color: theme.palette.primary.main
   };
 });
-function CsvDownloadButton({ data, fileName, delimiter, labelId, disabled }) {
-  const { CSVDownloader } = useCSVDownloader();
-  if (disabled) {
-    return /* @__PURE__ */ jsx(Button, { variant: "outlined", disabled: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: labelId }) });
-  }
-  return /* @__PURE__ */ jsx(CSVDownloader, { data, filename: fileName, config: { delimiter }, children: /* @__PURE__ */ jsx(Button, { variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: labelId }) }) });
-}
 function BottomTableButtons({
   name,
   disableUp,
@@ -32,24 +25,16 @@ function BottomTableButtons({
   csvProps
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid2, { container: true, paddingTop: 1, alignItems: "center", spacing: 1, children: [
-      csvProps?.getTemplateData && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
-        CsvDownloadButton,
-        {
-          data: csvProps.getTemplateData,
-          fileName: csvProps.fileName,
-          delimiter: getCsvDelimiter(csvProps.language),
-          labelId: "GenerateCSV"
-        }
-      ) }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, paddingTop: 1, paddingLeft: 1, alignItems: "center", spacing: 1, children: [
       csvProps?.getTableData && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
         CsvDownloadButton,
         {
           data: csvProps.getTableData,
           fileName: csvProps.fileName,
-          delimiter: getCsvDelimiter(csvProps.language),
+          language: csvProps.language,
           labelId: "DownloadCSV",
-          disabled: !csvProps.hasTableData
+          disabled: !csvProps.hasTableData,
+          withExportButton: true
         }
       ) }),
       csvProps?.extraButtons && /* @__PURE__ */ jsx(Grid2, { children: csvProps.extraButtons }),

package/dist/components/composite/agGridTable/agGridTable-utils.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 export interface CsvProps {
     fileName: string;
     language?: string;
-    getTemplateData?: () => unknown[];
     getTableData?: () => unknown[];
     extraButtons?: ReactNode;
     hasTableData?: boolean;

package/dist/components/composite/filter/expert/expertFilterConstants.js

@@ -16,6 +16,7 @@ const EXPERT_FILTER_QUERY = "rules";
 const EXPERT_FILTER_EQUIPMENTS = {
   [EquipmentType.SUBSTATION]: ALL_EQUIPMENTS[EquipmentType.SUBSTATION],
   [EquipmentType.VOLTAGE_LEVEL]: ALL_EQUIPMENTS[EquipmentType.VOLTAGE_LEVEL],
+  [EquipmentType.BUSBAR_SECTION]: ALL_EQUIPMENTS[EquipmentType.BUSBAR_SECTION],
   [EquipmentType.LINE]: ALL_EQUIPMENTS[EquipmentType.LINE],
   [EquipmentType.TWO_WINDINGS_TRANSFORMER]: ALL_EQUIPMENTS[EquipmentType.TWO_WINDINGS_TRANSFORMER],
   [EquipmentType.THREE_WINDINGS_TRANSFORMER]: ALL_EQUIPMENTS[EquipmentType.THREE_WINDINGS_TRANSFORMER],
@@ -1122,6 +1123,17 @@ const EXPERT_FILTER_FIELDS = {
     FIELDS_OPTIONS.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
     FIELDS_OPTIONS.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT
   ],
+  BUSBAR_SECTION: [
+    FIELDS_OPTIONS.ID,
+    FIELDS_OPTIONS.NAME,
+    FIELDS_OPTIONS.COUNTRY,
+    FIELDS_OPTIONS.VOLTAGE_LEVEL_ID,
+    FIELDS_OPTIONS.NOMINAL_VOLTAGE,
+    FIELDS_OPTIONS.PROPERTY,
+    FIELDS_OPTIONS.SUBSTATION_ID,
+    FIELDS_OPTIONS.SUBSTATION_PROPERTY,
+    FIELDS_OPTIONS.VOLTAGE_LEVEL_PROPERTY
+  ],
   LINE: [
     FIELDS_OPTIONS.ID,
     FIELDS_OPTIONS.NAME,

package/dist/components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useCallback, useState, useRef } from "react";
 import { useIntl } from "react-intl";
 import { useWatch } from "react-hook-form";
@@ -45,6 +45,7 @@ import "../../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
+import { CsvDownloadButton } from "../../../ui/csvDownloader/csv-download-button.js";
 import { CsvPicker } from "../../../ui/csvPicker/csv-picker.js";
 const explicitNamingFilterSchema = {
   [FILTER_EQUIPMENTS_ATTRIBUTES]: yup.array().of(
@@ -193,77 +194,87 @@ function ExplicitNamingFilterForm({
       padding: 1,
       sx: { flexGrow: 1, flexWrap: "nowrap", minHeight: 0 },
       children: [
-        /* @__PURE__ */ jsxs(Grid2, { container: true, justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ jsxs(Grid2, { children: [
-            /* @__PURE__ */ jsx(
-              InputWithPopupConfirmation,
+        /* @__PURE__ */ jsxs(Grid2, { children: [
+          /* @__PURE__ */ jsx(
+            InputWithPopupConfirmation,
+            {
+              Input: SelectInput,
+              name: FieldConstants.EQUIPMENT_TYPE,
+              options: Object.values(FILTER_EQUIPMENTS),
+              disabled: !!sourceFilterForExplicitNamingConversion || isEditing && !isDeveloperMode,
+              label: "equipmentType",
+              shouldOpenPopup: openConfirmationPopup,
+              resetOnConfirmation: handleResetOnConfirmation,
+              message: "changeTypeMessage",
+              validateButtonLabel: "button.changeType",
+              sx: { width: 400, maxWidth: "100%" },
+              "data-testid": "EquipmentTypeSelector"
+            }
+          ),
+          sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(
+            ModifyElementSelection,
+            {
+              elementType: ElementType.STUDY,
+              onElementValidated: onStudySelected,
+              dialogOpeningButtonLabel: "selectStudyDialogButton",
+              dialogTitleLabel: "selectStudyDialogTitle",
+              dialogMessageLabel: "selectStudyText",
+              noElementMessageLabel: "noSelectedStudyText"
+            }
+          )
+        ] }),
+        watchEquipmentType && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, justifyContent: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
+              CsvDownloadButton,
               {
-                Input: SelectInput,
-                name: FieldConstants.EQUIPMENT_TYPE,
-                options: Object.values(FILTER_EQUIPMENTS),
-                disabled: !!sourceFilterForExplicitNamingConversion || isEditing && !isDeveloperMode,
-                label: "equipmentType",
-                shouldOpenPopup: openConfirmationPopup,
-                resetOnConfirmation: handleResetOnConfirmation,
-                message: "changeTypeMessage",
-                validateButtonLabel: "button.changeType",
-                sx: { width: 400, maxWidth: "100%" },
-                "data-testid": "EquipmentTypeSelector"
+                data: getTemplateData,
+                fileName: intl.formatMessage({ id: "filterCsvFileName" }),
+                language,
+                labelId: "GenerateCSV",
+                variant: "contained"
               }
-            ),
-            sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(
-              ModifyElementSelection,
+            ) }),
+            /* @__PURE__ */ jsx(Grid2, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+              CsvPicker,
               {
-                elementType: ElementType.STUDY,
-                onElementValidated: onStudySelected,
-                dialogOpeningButtonLabel: "selectStudyDialogButton",
-                dialogTitleLabel: "selectStudyDialogTitle",
-                dialogMessageLabel: "selectStudyText",
-                noElementMessageLabel: "noSelectedStudyText"
+                label: "UploadCSV",
+                requiredColumns: csvFileHeaders,
+                language: language ?? LANG_SYSTEM,
+                selectedFile,
+                onFileChange: setSelectedFile,
+                onFileError: setFileErrorMessage,
+                getTableData: () => getValues(FILTER_EQUIPMENTS_ATTRIBUTES),
+                onAppend: (results) => tableRef.current?.append(getDataFromCsvFile(results.data)),
+                onReplace: (results) => tableRef.current?.replace(getDataFromCsvFile(results.data))
               }
-            )
+            ) })
           ] }),
-          /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
-            CsvPicker,
+          fileErrorMessage && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: fileErrorMessage }) }),
+          /* @__PURE__ */ jsx(Grid2, { sx: { flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(
+            CustomAgGridTable,
             {
-              label: "UploadCSV",
-              requiredColumns: csvFileHeaders,
-              language: language ?? LANG_SYSTEM,
-              disabled: !watchEquipmentType,
-              selectedFile,
-              onFileChange: setSelectedFile,
-              onFileError: setFileErrorMessage,
-              getTableData: () => getValues(FILTER_EQUIPMENTS_ATTRIBUTES),
-              onAppend: (results) => tableRef.current?.append(getDataFromCsvFile(results.data)),
-              onReplace: (results) => tableRef.current?.replace(getDataFromCsvFile(results.data))
+              ref: tableRef,
+              name: FILTER_EQUIPMENTS_ATTRIBUTES,
+              columnDefs,
+              defaultColDef,
+              makeDefaultRowData,
+              pagination: true,
+              rowSelection: {
+                mode: "multiRow",
+                enableClickSelection: false,
+                checkboxes: true,
+                headerCheckbox: true
+              },
+              alwaysShowVerticalScroll: true,
+              csvProps: {
+                fileName: intl.formatMessage({ id: "filterCsvFileName" }),
+                language,
+                getTableData
+              }
             }
           ) })
-        ] }),
-        fileErrorMessage && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: fileErrorMessage }) }),
-        watchEquipmentType && /* @__PURE__ */ jsx(Grid2, { sx: { flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(
-          CustomAgGridTable,
-          {
-            ref: tableRef,
-            name: FILTER_EQUIPMENTS_ATTRIBUTES,
-            columnDefs,
-            defaultColDef,
-            makeDefaultRowData,
-            pagination: true,
-            rowSelection: {
-              mode: "multiRow",
-              enableClickSelection: false,
-              checkboxes: true,
-              headerCheckbox: true
-            },
-            alwaysShowVerticalScroll: true,
-            csvProps: {
-              fileName: intl.formatMessage({ id: "filterCsvFileName" }),
-              language,
-              getTemplateData,
-              getTableData
-            }
-          }
-        ) })
+        ] })
       ]
     }
   );

package/dist/components/index.js

@@ -36,6 +36,7 @@ import { TextInput } from "./ui/reactHookForm/text/TextInput.js";
 import { UniqueNameInput } from "./ui/reactHookForm/text/UniqueNameInput.js";
 import { DescriptionInput } from "./ui/reactHookForm/text/DescriptionInput.js";
 import { CancelButton } from "./ui/reactHookForm/utils/CancelButton.js";
+import { CloseButton } from "./ui/reactHookForm/utils/CloseButton.js";
 import { FieldLabel } from "./ui/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./ui/reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./ui/reactHookForm/utils/TextFieldWithAdornment.js";
@@ -68,6 +69,7 @@ import { EditNoteIcon } from "./ui/icons/EditNoteIcon.js";
 import { VoltageUnitIcon } from "./ui/icons/VoltageUnitIcon.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./ui/menus/custom-nested-menu.js";
 import { ResizeHandle } from "./ui/resizablePanels/ResizeHandle.js";
+import { CsvDownloadButton } from "./ui/csvDownloader/csv-download-button.js";
 import { CsvExport } from "./ui/csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./ui/csvDownloader/export-csv-button.js";
 import { ManagedExportCsvButton } from "./ui/csvDownloader/managed-export-csv-button.js";
@@ -175,6 +177,7 @@ export {
   CheckboxInput,
   CheckboxNullableInput,
   ChipItemsInput,
+  CloseButton,
   ColumnTypes,
   CombinatorSelector,
   CombinatorType,
@@ -182,6 +185,7 @@ export {
   CountriesInput,
   CountrySelectionInput,
   CountryValueEditor,
+  CsvDownloadButton,
   CsvExport,
   CsvPicker,
   CustomAGGrid,

package/dist/components/ui/csvDownloader/csv-download-button.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from '@mui/material';
+export interface CsvDownloadButtonProps {
+    labelId: string;
+    data: () => unknown[];
+    fileName: string;
+    language?: string;
+    withExportButton?: boolean;
+    disabled?: boolean;
+    variant?: ButtonProps['variant'];
+}
+export declare function CsvDownloadButton({ labelId, data, fileName, language, withExportButton, disabled, variant, }: Readonly<CsvDownloadButtonProps>): import("react").JSX.Element;

package/dist/components/ui/csvDownloader/csv-download-button.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useCSVDownloader } from "react-papaparse";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { getCsvDelimiter } from "../../../utils/langs.js";
+import "@mui/icons-material";
+import { ExportCsvButton } from "./export-csv-button.js";
+function CsvDownloadButton({
+  labelId,
+  data,
+  fileName,
+  language,
+  withExportButton = false,
+  disabled,
+  variant = "outlined"
+}) {
+  const { CSVDownloader } = useCSVDownloader();
+  const button = withExportButton ? /* @__PURE__ */ jsx(ExportCsvButton, { labelId, disabled }) : /* @__PURE__ */ jsx(Button, { variant, disabled, children: /* @__PURE__ */ jsx(FormattedMessage, { id: labelId }) });
+  if (disabled) {
+    return button;
+  }
+  return /* @__PURE__ */ jsx(CSVDownloader, { data, filename: fileName, config: { delimiter: getCsvDelimiter(language) }, children: button });
+}
+export {
+  CsvDownloadButton
+};

package/dist/components/ui/csvDownloader/export-csv-button.d.ts

@@ -1,7 +1,8 @@
 export interface ExportButtonProps {
+    labelId?: string;
     disabled?: boolean;
-    onClick: () => void;
+    onClick?: () => void;
     isDownloadLoading?: boolean;
     isDownloadSuccessful?: boolean;
 }
-export declare function ExportCsvButton({ onClick, disabled, isDownloadLoading: isCsvLoading, isDownloadSuccessful, }: Readonly<ExportButtonProps>): import("react").JSX.Element;
+export declare function ExportCsvButton({ labelId, onClick, disabled, isDownloadLoading: isCsvLoading, isDownloadSuccessful, }: Readonly<ExportButtonProps>): import("react").JSX.Element;

package/dist/components/ui/csvDownloader/export-csv-button.js

@@ -3,13 +3,14 @@ import { Box, IconButton, CircularProgress } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { Check, GetApp } from "@mui/icons-material";
 function ExportCsvButton({
+  labelId = "MuiVirtualizedTable/exportCSV",
   onClick,
   disabled = false,
   isDownloadLoading: isCsvLoading = false,
   isDownloadSuccessful = false
 }) {
   return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center" }, children: [
-    /* @__PURE__ */ jsx(FormattedMessage, { id: "MuiVirtualizedTable/exportCSV" }),
+    /* @__PURE__ */ jsx(FormattedMessage, { id: labelId }),
     /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
       /* @__PURE__ */ jsx(IconButton, { disabled, "aria-label": "exportCSVButton", onClick, children: isDownloadSuccessful ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(GetApp, {}) }),
       isCsvLoading && /* @__PURE__ */ jsx(

package/dist/components/ui/csvDownloader/index.d.ts

@@ -4,6 +4,7 @@
  * 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 * from './csv-download-button';
 export * from './csv-export';
 export * from './csv-export.type';
 export * from './export-csv-button';

package/dist/components/ui/csvDownloader/index.js

@@ -1,8 +1,10 @@
+import { CsvDownloadButton } from "./csv-download-button.js";
 import { CsvExport } from "./csv-export.js";
 import { ExportCsvButton } from "./export-csv-button.js";
 import { ManagedExportCsvButton } from "./managed-export-csv-button.js";
 import { fetchCsvSeparator, useCsvExport } from "./use-csv-export.js";
 export {
+  CsvDownloadButton,
   CsvExport,
   ExportCsvButton,
   ManagedExportCsvButton,

package/dist/components/ui/csvPicker/csv-picker.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { Button } from "@mui/material";
+import { Grid2, Tooltip, Typography, Button } from "@mui/material";
 import { useCSVReader } from "react-papaparse";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
@@ -74,31 +74,17 @@ function CsvPicker({
           ...parseConfig
         },
         onUploadAccepted: handleUploadAccepted,
-        children: ({ getRootProps, ProgressBar }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "span",
+        children: ({ getRootProps }) => /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, alignItems: "center", justifyContent: "right", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(Tooltip, { title: selectedFile?.name, children: /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: "bold", overflow: "hidden", textOverflow: "ellipsis" }, children: selectedFile ? selectedFile.name : /* @__PURE__ */ jsx(FormattedMessage, { id: "uploadMessage" }) }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: "auto", children: /* @__PURE__ */ jsx(
+            Button,
             {
-              style: {
-                marginRight: "10px",
-                fontWeight: "bold"
-              },
-              children: selectedFile ? selectedFile.name : intl.formatMessage({ id: "uploadMessage" })
+              ...getRootProps(),
+              variant: selectedFile ? "contained" : "text",
+              disabled,
+              children: /* @__PURE__ */ jsx(FormattedMessage, { id: label })
             }
-          ),
-          /* @__PURE__ */ jsxs(Button, { ...getRootProps(), variant: "outlined", disabled, children: [
-            /* @__PURE__ */ jsx(FormattedMessage, { id: label }),
-            /* @__PURE__ */ jsx(
-              ProgressBar,
-              {
-                style: {
-                  position: "absolute",
-                  inset: 0,
-                  width: "100%",
-                  height: "100%"
-                }
-              }
-            )
-          ] })
+          ) })
         ] })
       }
     ),

package/dist/components/ui/index.js

@@ -36,6 +36,7 @@ import { TextInput } from "./reactHookForm/text/TextInput.js";
 import { UniqueNameInput } from "./reactHookForm/text/UniqueNameInput.js";
 import { DescriptionInput } from "./reactHookForm/text/DescriptionInput.js";
 import { CancelButton } from "./reactHookForm/utils/CancelButton.js";
+import { CloseButton } from "./reactHookForm/utils/CloseButton.js";
 import { FieldLabel } from "./reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./reactHookForm/utils/TextFieldWithAdornment.js";
@@ -68,6 +69,7 @@ import { EditNoteIcon } from "./icons/EditNoteIcon.js";
 import { VoltageUnitIcon } from "./icons/VoltageUnitIcon.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 import { ResizeHandle } from "./resizablePanels/ResizeHandle.js";
+import { CsvDownloadButton } from "./csvDownloader/csv-download-button.js";
 import { CsvExport } from "./csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./csvDownloader/export-csv-button.js";
 import { ManagedExportCsvButton } from "./csvDownloader/managed-export-csv-button.js";
@@ -91,8 +93,10 @@ export {
   CheckboxInput,
   CheckboxNullableInput,
   ChipItemsInput,
+  CloseButton,
   CountriesInput,
   CountrySelectionInput,
+  CsvDownloadButton,
   CsvExport,
   CsvPicker,
   CustomFormContext,

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

@@ -35,6 +35,7 @@ import { TextInput } from "./text/TextInput.js";
 import { UniqueNameInput } from "./text/UniqueNameInput.js";
 import { DescriptionInput } from "./text/DescriptionInput.js";
 import { CancelButton } from "./utils/CancelButton.js";
+import { CloseButton } from "./utils/CloseButton.js";
 import { FieldLabel } from "./utils/FieldLabel.js";
 import { SubmitButton } from "./utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./utils/TextFieldWithAdornment.js";
@@ -54,6 +55,7 @@ export {
   CheckboxInput,
   CheckboxNullableInput,
   ChipItemsInput,
+  CloseButton,
   CountriesInput,
   CountrySelectionInput,
   CustomFormContext,

package/dist/components/ui/reactHookForm/utils/CancelButton.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '@mui/material';
-export declare function CancelButton(inProps: Readonly<Omit<ButtonProps, 'children'>>): import("react").JSX.Element;
+export declare function CancelButton(buttonProps: Readonly<Omit<ButtonProps, 'children'>>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/CancelButton.js

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { useThemeProps, Button } from "@mui/material";
+import { Button } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-function CancelButton(inProps) {
-  const props = useThemeProps({ props: inProps, name: "CancelButton" });
-  return /* @__PURE__ */ jsx(Button, { "data-testid": "CancelButton", ...props, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "cancel" }) });
+function CancelButton(buttonProps) {
+  return /* @__PURE__ */ jsx(Button, { "data-testid": "CancelButton", ...buttonProps, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "cancel" }) });
 }
 export {
   CancelButton

package/dist/components/ui/reactHookForm/utils/CloseButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function CloseButton(buttonProps: Readonly<Omit<ButtonProps, 'children'>>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/CloseButton.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+function CloseButton(buttonProps) {
+  return /* @__PURE__ */ jsx(Button, { "data-testid": "CloseButton", ...buttonProps, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "close" }) });
+}
+export {
+  CloseButton
+};

package/dist/components/ui/reactHookForm/utils/index.d.ts

@@ -5,6 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './CancelButton';
+export * from './CloseButton';
 export * from './FieldLabel';
 export * from './SubmitButton';
 export * from './TextFieldWithAdornment';

package/dist/components/ui/reactHookForm/utils/index.js

@@ -1,4 +1,5 @@
 import { CancelButton } from "./CancelButton.js";
+import { CloseButton } from "./CloseButton.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { SubmitButton } from "./SubmitButton.js";
 import { TextFieldWithAdornment } from "./TextFieldWithAdornment.js";
@@ -6,6 +7,7 @@ import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue
 import { HelperPreviousValue } from "./HelperPreviousValue.js";
 export {
   CancelButton,
+  CloseButton,
   FieldLabel,
   HelperPreviousValue,
   SubmitButton,

package/dist/features/index.js

@@ -21,7 +21,7 @@ import { TopBar } from "./topBar/TopBar.js";
 import { ParameterLayout } from "./parameters/common/parameter-layout/parameter-layout.js";
 import { ParameterLayoutProvider, useParameterLayoutContext } from "./parameters/common/parameter-layout/parameter-layout-provider.js";
 import { formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
-import { COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./parameters/common/constants.js";
+import { ADVANCED_PARAMETERS, COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./parameters/common/constants.js";
 import { LineSeparator } from "./parameters/common/line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters/common/parameters.js";
 import { CreateParameterDialog } from "./parameters/common/parameters-creation-dialog.js";
@@ -237,6 +237,7 @@ import { ProcessType } from "./process-configs/process-configs.type.js";
 export {
   ACCURACY,
   ACTIVE,
+  ADVANCED_PARAMETERS,
   APPLICABILITY,
   AUTO_EXTENSIBLE_COLUMNS,
   AboutDialog,

package/dist/features/parameters/common/constants.d.ts

@@ -8,6 +8,7 @@ export declare const PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD = "highVoltage
 export declare const PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD = "highVoltageAbsoluteThreshold";
 export declare const VERSION_PARAMETER = "version";
 export declare const COMMON_PARAMETERS = "commonParameters";
+export declare const ADVANCED_PARAMETERS = "advancedParameters";
 export declare const SPECIFIC_PARAMETERS = "specificParametersPerProvider";
 export declare const CONTINGENCY_LISTS_INFOS = "contingencyListsInfos";
 export declare const CONTINGENCY_LISTS = "contingencyLists";

package/dist/features/parameters/common/constants.js

@@ -8,11 +8,13 @@ const PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD = "highVoltageProportionalThr
 const PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD = "highVoltageAbsoluteThreshold";
 const VERSION_PARAMETER = "version";
 const COMMON_PARAMETERS = "commonParameters";
+const ADVANCED_PARAMETERS = "advancedParameters";
 const SPECIFIC_PARAMETERS = "specificParametersPerProvider";
 const CONTINGENCY_LISTS_INFOS = "contingencyListsInfos";
 const CONTINGENCY_LISTS = "contingencyLists";
 const CONTINGENCIES = "contingencies";
 export {
+  ADVANCED_PARAMETERS,
   COMMON_PARAMETERS,
   CONTINGENCIES,
   CONTINGENCY_LISTS,

package/dist/features/parameters/common/index.js

@@ -1,7 +1,7 @@
 import { ParameterLayout } from "./parameter-layout/parameter-layout.js";
 import { ParameterLayoutProvider, useParameterLayoutContext } from "./parameter-layout/parameter-layout-provider.js";
 import { formatComputingTypeLabel, isValidComputingType } from "./computing-type.js";
-import { COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./constants.js";
+import { ADVANCED_PARAMETERS, COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./constants.js";
 import { LineSeparator } from "./line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters.js";
 import { CreateParameterDialog } from "./parameters-creation-dialog.js";
@@ -23,6 +23,7 @@ import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFo
 import { useTabs } from "./hook/use-tabs.js";
 import { useParametersForm } from "./hook/use-parameters-form.js";
 export {
+  ADVANCED_PARAMETERS,
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
   COMMON_PARAMETERS,

package/dist/features/parameters/common/parameter-field.d.ts

@@ -4,6 +4,7 @@ interface ParameterFieldProps {
     name: string;
     type: string;
     label?: string;
+    inputLabel?: string;
     description?: string;
     possibleValues?: {
         id: string;
@@ -11,5 +12,5 @@ interface ParameterFieldProps {
     }[] | string[];
     sx?: SxProps;
 }
-declare function ParameterField({ id, name, type, label, description, possibleValues, sx }: Readonly<ParameterFieldProps>): import("react").JSX.Element;
+declare function ParameterField({ id, name, type, label, inputLabel, description, possibleValues, sx, }: Readonly<ParameterFieldProps>): import("react").JSX.Element;
 export default ParameterField;