@gridsuite/commons-ui 0.243.0 → 0.245.0

package/dist/components/index.js

@@ -65,10 +65,12 @@ import { ArrowsOutputIcon } from "./ui/icons/ArrowsOutputIcon.js";
 import { ArrowsInputIcon } from "./ui/icons/ArrowsInputIcon.js";
 import { LeftPanelCloseIcon } from "./ui/icons/LeftPanelCloseIcon.js";
 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 { 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";
 import { fetchCsvSeparator, useCsvExport } from "./ui/csvDownloader/use-csv-export.js";
 import { CsvPicker } from "./ui/csvPicker/csv-picker.js";
 import { TreeViewFinder, generateTreeViewFinderClass } from "./ui/treeViewFinder/TreeViewFinder.js";
@@ -268,6 +270,7 @@ export {
   LeftPanelOpenIcon,
   default2 as LogTable,
   MAX_ROWS_NUMBER,
+  ManagedExportCsvButton,
   MessageLogCellRenderer,
   MidFormError,
   ModifyElementSelection,
@@ -331,6 +334,7 @@ export {
   UniqueNameInput,
   ValueEditor,
   ValueSelector,
+  VoltageUnitIcon,
   addToleranceToFilter,
   computeTolerance,
   countRules,

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

@@ -1,3 +1,3 @@
 import { JSX } from 'react';
 import { CsvExportProps } from './csv-export.type';
-export declare function CsvExport({ columns, tableNamePrefix, tableName, disabled, skipColumnHeaders, skipPinnedBottom, language, getData, }: CsvExportProps): JSX.Element;
+export declare function CsvExport({ columns, tableNamePrefix, tableName, disabled, skipColumnHeaders, skipPinnedBottom, language, getData, resetKey, }: CsvExportProps): JSX.Element;

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useCsvExport } from "./use-csv-export.js";
-import { ExportCsvButton } from "./export-csv-button.js";
+import { ManagedExportCsvButton } from "./managed-export-csv-button.js";
 function CsvExport({
   columns,
   tableNamePrefix = "",
@@ -10,11 +10,12 @@ function CsvExport({
   skipColumnHeaders = false,
   skipPinnedBottom = false,
   language,
-  getData
+  getData,
+  resetKey
 }) {
   const csvExport = useCsvExport();
-  const download = useCallback(() => {
-    csvExport.getData({
+  const exportCsv = useCallback(async () => {
+    await csvExport.getData({
       columns,
       tableName,
       tableNamePrefix,
@@ -24,7 +25,7 @@ function CsvExport({
       getData
     });
   }, [columns, csvExport, tableName, tableNamePrefix, skipColumnHeaders, skipPinnedBottom, language, getData]);
-  return /* @__PURE__ */ jsx(ExportCsvButton, { disabled, onClick: download });
+  return /* @__PURE__ */ jsx(ManagedExportCsvButton, { disabled, exportCsv, resetKey });
 }
 export {
   CsvExport

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

@@ -1,4 +1,5 @@
 import { ColDef, CsvExportParams } from 'ag-grid-community';
+import { Key } from 'react';
 import { GsLangUser } from '../../../utils';
 export type CsvDownloadProps = {
     columns: ColDef[];
@@ -9,6 +10,7 @@ export type CsvDownloadProps = {
     language: GsLangUser;
     getData: (params?: CsvExportParams) => string | undefined | void;
     isCopyCsv?: boolean;
+    resetKey?: Key;
 };
 export type CsvExportProps = CsvDownloadProps & {
     disabled: boolean;

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

@@ -7,4 +7,5 @@
 export * from './csv-export';
 export * from './csv-export.type';
 export * from './export-csv-button';
+export * from './managed-export-csv-button';
 export * from './use-csv-export';

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

@@ -1,9 +1,11 @@
 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 {
   CsvExport,
   ExportCsvButton,
+  ManagedExportCsvButton,
   fetchCsvSeparator,
   useCsvExport
 };

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

@@ -0,0 +1,8 @@
+export interface ManagedExportCsvButtonProps {
+    disabled?: boolean;
+    exportCsv: () => Promise<void>;
+    resetKey?: unknown;
+    onSuccess?: () => void;
+    onError?: (error: unknown) => void;
+}
+export declare function ManagedExportCsvButton({ disabled, exportCsv, resetKey, onSuccess, onError, }: Readonly<ManagedExportCsvButtonProps>): import("react").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { ExportCsvButton } from "./export-csv-button.js";
+function ManagedExportCsvButton({
+  disabled = false,
+  exportCsv,
+  resetKey,
+  onSuccess,
+  onError
+}) {
+  const [isLoading, setIsLoading] = useState(false);
+  const [isSuccessful, setIsSuccessful] = useState(false);
+  useEffect(() => {
+    setIsLoading(false);
+    setIsSuccessful(false);
+  }, [resetKey]);
+  useEffect(() => {
+    if (disabled) {
+      setIsSuccessful(false);
+    }
+  }, [disabled]);
+  const handleClick = useCallback(async () => {
+    setIsSuccessful(false);
+    setIsLoading(true);
+    try {
+      await exportCsv();
+      setIsSuccessful(true);
+      onSuccess?.();
+    } catch (error) {
+      setIsSuccessful(false);
+      onError?.(error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [exportCsv, onSuccess, onError]);
+  return /* @__PURE__ */ jsx(
+    ExportCsvButton,
+    {
+      disabled: disabled || isLoading,
+      onClick: handleClick,
+      isDownloadLoading: isLoading,
+      isDownloadSuccessful: isSuccessful
+    }
+  );
+}
+export {
+  ManagedExportCsvButton
+};

package/dist/components/ui/icons/VoltageUnitIcon.d.ts

@@ -0,0 +1,2 @@
+import { SvgIconProps } from '@mui/material';
+export declare function VoltageUnitIcon(props: SvgIconProps): import("react").JSX.Element;

package/dist/components/ui/icons/VoltageUnitIcon.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+const SvgVoltageUnit = (props) => /* @__PURE__ */ React.createElement("svg", { width: 21, height: 21, viewBox: "-0.265 -0.266 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 2.34576, y: 4.04986, width: 15.7794, height: 12.3676, rx: 1.06618, fill: "none", stroke: "currentColor", strokeWidth: 1.27941 }), /* @__PURE__ */ React.createElement("path", { d: "M6.1435 6.02734V13.4954H4.74414V6.02734H6.1435ZM9.45725 8.23813L7.17358 10.8425L5.94914 12.0815L5.43896 11.0709L6.41074 9.8367L7.77608 8.23813H9.45725ZM8.00445 13.4954L6.44961 11.066L7.41652 10.2206L9.61759 13.4954H8.00445Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6981 12.0183L14.3647 6.42091H15.9876L13.5241 13.4954H12.4552L12.6981 12.0183ZM11.1627 6.42091L12.8245 12.0183L13.0771 13.4954H11.9984L9.54957 6.42091H11.1627Z", fill: "currentColor" }));
+function VoltageUnitIcon(props) {
+  return /* @__PURE__ */ jsx(SvgIcon, { component: SvgVoltageUnit, inheritViewBox: true, ...props });
+}
+export {
+  VoltageUnitIcon
+};

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

@@ -9,3 +9,4 @@ export { ArrowsOutputIcon } from './ArrowsOutputIcon';
 export { ArrowsInputIcon } from './ArrowsInputIcon';
 export { LeftPanelCloseIcon } from './LeftPanelCloseIcon';
 export { EditNoteIcon } from './EditNoteIcon';
+export { VoltageUnitIcon } from './VoltageUnitIcon';

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

@@ -3,10 +3,12 @@ import { ArrowsOutputIcon } from "./ArrowsOutputIcon.js";
 import { ArrowsInputIcon } from "./ArrowsInputIcon.js";
 import { LeftPanelCloseIcon } from "./LeftPanelCloseIcon.js";
 import { EditNoteIcon } from "./EditNoteIcon.js";
+import { VoltageUnitIcon } from "./VoltageUnitIcon.js";
 export {
   ArrowsInputIcon,
   ArrowsOutputIcon,
   EditNoteIcon,
   LeftPanelCloseIcon,
-  LeftPanelOpenIcon
+  LeftPanelOpenIcon,
+  VoltageUnitIcon
 };

package/dist/components/ui/index.js

@@ -65,10 +65,12 @@ import { ArrowsOutputIcon } from "./icons/ArrowsOutputIcon.js";
 import { ArrowsInputIcon } from "./icons/ArrowsInputIcon.js";
 import { LeftPanelCloseIcon } from "./icons/LeftPanelCloseIcon.js";
 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 { CsvExport } from "./csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./csvDownloader/export-csv-button.js";
+import { ManagedExportCsvButton } from "./csvDownloader/managed-export-csv-button.js";
 import { fetchCsvSeparator, useCsvExport } from "./csvDownloader/use-csv-export.js";
 import { CsvPicker } from "./csvPicker/csv-picker.js";
 import { TreeViewFinder, generateTreeViewFinderClass } from "./treeViewFinder/TreeViewFinder.js";
@@ -126,6 +128,7 @@ export {
   IntegerInput,
   LeftPanelCloseIcon,
   LeftPanelOpenIcon,
+  ManagedExportCsvButton,
   MidFormError,
   ModifyElementSelection,
   MuiSelectInput,
@@ -155,6 +158,7 @@ export {
   TextInput,
   TreeViewFinder,
   UniqueNameInput,
+  VoltageUnitIcon,
   directoryItemSchema,
   doesNodeHasChildren,
   fetchCsvSeparator,

package/dist/features/parameters/common/parameter-layout/parameter-layout.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Box, Grid2, ButtonGroup, Tooltip, LinearProgress } from "@mui/material";
+import { Stack, Grid2, Typography, ButtonGroup, Tooltip, Box, LinearProgress } from "@mui/material";
 import { Upload, RestartAlt } from "@mui/icons-material";
 import { useState, useCallback } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -78,29 +78,32 @@ function ParameterLayout({
   }, []);
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Stack, { sx: styles.stack, children: [
-    (title || selectParameterHandler || resetHandler) && /* @__PURE__ */ jsx(Box, { sx: styles.title, children: /* @__PURE__ */ jsxs(Grid2, { container: true, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx(Grid2, { size: 4, children: title && !isXsScreen && /* @__PURE__ */ jsx(FormattedMessage, { id: title }) }),
-      /* @__PURE__ */ jsx(Grid2, { size: "auto", children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-        selectParameterHandler && /* @__PURE__ */ jsx(
-          LabelledButton,
-          {
-            callback: handlePrefillClick,
-            label: "button.prefill",
-            "data-testid": "PrefillButton",
-            startIcon: /* @__PURE__ */ jsx(Upload, {})
-          }
-        ),
-        resetHandler && /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "tooltip.reset" }), children: /* @__PURE__ */ jsx(
-          LabelledButton,
-          {
-            callback: handleResetClick,
-            label: "button.reset",
-            "data-testid": "ResetButton",
-            startIcon: /* @__PURE__ */ jsx(RestartAlt, {})
-          }
-        ) })
-      ] }) })
-    ] }) }),
+    (title || selectParameterHandler || resetHandler) && /* @__PURE__ */ jsxs(Stack, { sx: styles.title, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, sx: { alignItems: "center", justifyContent: "space-between" }, paddingBottom: 1, children: [
+        /* @__PURE__ */ jsx(Grid2, { size: "auto", children: title && !isXsScreen && /* @__PURE__ */ jsx(Typography, { variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: title }) }) }),
+        /* @__PURE__ */ jsx(Grid2, { size: "auto", children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+          selectParameterHandler && /* @__PURE__ */ jsx(
+            LabelledButton,
+            {
+              callback: handlePrefillClick,
+              label: "button.prefill",
+              "data-testid": "PrefillButton",
+              startIcon: /* @__PURE__ */ jsx(Upload, {})
+            }
+          ),
+          resetHandler && /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "tooltip.reset" }), children: /* @__PURE__ */ jsx(
+            LabelledButton,
+            {
+              callback: handleResetClick,
+              label: "button.reset",
+              "data-testid": "ResetButton",
+              startIcon: /* @__PURE__ */ jsx(RestartAlt, {})
+            }
+          ) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(LineSeparator, {})
+    ] }),
     /* @__PURE__ */ jsx(Box, { sx: styles.content, children: isLoading ? /* @__PURE__ */ jsx(LinearProgress, {}) : children }),
     /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
       /* @__PURE__ */ jsx(LineSeparator, {}),

package/dist/features/parameters/parameters-style.js

@@ -57,7 +57,7 @@ const parametersStyles = {
     overflowY: "auto",
     overflowX: "hidden",
     paddingRight: theme.spacing(2),
-    paddingTop: theme.spacing(2),
+    paddingTop: theme.spacing(1),
     paddingBottom: theme.spacing(1),
     flexGrow: 1
   }),

package/dist/index.js

@@ -66,10 +66,12 @@ import { ArrowsOutputIcon } from "./components/ui/icons/ArrowsOutputIcon.js";
 import { ArrowsInputIcon } from "./components/ui/icons/ArrowsInputIcon.js";
 import { LeftPanelCloseIcon } from "./components/ui/icons/LeftPanelCloseIcon.js";
 import { EditNoteIcon } from "./components/ui/icons/EditNoteIcon.js";
+import { VoltageUnitIcon } from "./components/ui/icons/VoltageUnitIcon.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./components/ui/menus/custom-nested-menu.js";
 import { ResizeHandle } from "./components/ui/resizablePanels/ResizeHandle.js";
 import { CsvExport } from "./components/ui/csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./components/ui/csvDownloader/export-csv-button.js";
+import { ManagedExportCsvButton } from "./components/ui/csvDownloader/managed-export-csv-button.js";
 import { fetchCsvSeparator, useCsvExport } from "./components/ui/csvDownloader/use-csv-export.js";
 import { CsvPicker } from "./components/ui/csvPicker/csv-picker.js";
 import { TreeViewFinder, generateTreeViewFinderClass } from "./components/ui/treeViewFinder/TreeViewFinder.js";
@@ -844,6 +846,7 @@ export {
   MONITORED_BRANCHES_EQUIPMENT_TYPES,
   MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES,
   MVAPowerAdornment,
+  ManagedExportCsvButton,
   MessageLogCellRenderer,
   MicroSusceptanceAdornment,
   MidFormError,
@@ -1119,6 +1122,7 @@ export {
   VoltageLevelCreationForm,
   VoltageLevelModificationForm,
   VoltageRegulationForm,
+  VoltageUnitIcon,
   WRITE_SLACK_BUS,
   YUP_DEFAULT,
   YUP_NOT_NULL,

package/dist/translations/en/businessErrorsEn.d.ts

@@ -38,6 +38,7 @@ export declare const businessErrorsEn: {
     'study.tooManyNadConfigs': string;
     'study.tooManyMapCards': string;
     'study.elementAlreadyExists': string;
+    'study.maxOperationTypeExceeded': string;
     'useradmin.permissionDenied': string;
     'useradmin.userNotFound': string;
     'useradmin.userAlreadyExists': string;

package/dist/translations/en/businessErrorsEn.js

@@ -32,6 +32,7 @@ const businessErrorsEn = {
   "study.tooManyNadConfigs": "Maximum number of NAD configuration exceeded.",
   "study.tooManyMapCards": "Maximum number of cards exceeded.",
   "study.elementAlreadyExists": "An element with the name {fileName} already exists",
+  "study.maxOperationTypeExceeded": "Max number of operation reached : {currentComputation}/{maxComputation}",
   "useradmin.permissionDenied": "You don't have permission to perform this action.",
   "useradmin.userNotFound": "User not found.",
   "useradmin.userAlreadyExists": "User already exists.",

package/dist/translations/fr/businessErrorsFr.d.ts

@@ -38,6 +38,7 @@ export declare const businessErrorsFr: {
     'study.tooManyNadConfigs': string;
     'study.tooManyMapCards': string;
     'study.elementAlreadyExists': string;
+    'study.maxOperationTypeExceeded': string;
     'useradmin.permissionDenied': string;
     'useradmin.userNotFound': string;
     'useradmin.userAlreadyExists': string;

package/dist/translations/fr/businessErrorsFr.js

@@ -32,6 +32,7 @@ const businessErrorsFr = {
   "study.tooManyNadConfigs": "Nombre maximal de configurations d'image nodale de zone atteint.",
   "study.tooManyMapCards": "Nombre maximal de carte atteint.",
   "study.elementAlreadyExists": "Un élément avec le nom {fileName} est déjà présent",
+  "study.maxOperationTypeExceeded": "Nombre maximal d'opération de ce type atteint : {currentComputation}/{maxComputation}",
   "useradmin.permissionDenied": "Vous n'avez pas la permission d'effectuer cette action.",
   "useradmin.userNotFound": "Utilisateur introuvable.",
   "useradmin.userAlreadyExists": "L'utilisateur existe déjà.",

package/package.json

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