@gridsuite/commons-ui 0.244.0 → 0.245.0

package/dist/components/index.js

@@ -70,6 +70,7 @@ import { CustomMenuItem, CustomNestedMenuItem } from "./ui/menus/custom-nested-m
 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";
@@ -269,6 +270,7 @@ export {
   LeftPanelOpenIcon,
   default2 as LogTable,
   MAX_ROWS_NUMBER,
+  ManagedExportCsvButton,
   MessageLogCellRenderer,
   MidFormError,
   ModifyElementSelection,

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/index.js

@@ -70,6 +70,7 @@ import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu
 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";
@@ -127,6 +128,7 @@ export {
   IntegerInput,
   LeftPanelCloseIcon,
   LeftPanelOpenIcon,
+  ManagedExportCsvButton,
   MidFormError,
   ModifyElementSelection,
   MuiSelectInput,

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

@@ -71,6 +71,7 @@ import { CustomMenuItem, CustomNestedMenuItem } from "./components/ui/menus/cust
 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";
@@ -845,6 +846,7 @@ export {
   MONITORED_BRANCHES_EQUIPMENT_TYPES,
   MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES,
   MVAPowerAdornment,
+  ManagedExportCsvButton,
   MessageLogCellRenderer,
   MicroSusceptanceAdornment,
   MidFormError,

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.244.0",
+    "version": "0.245.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",