@gridsuite/commons-ui 0.289.0 → 0.290.0

package/dist/components/composite/customAGGrid/custom-aggrid-types.d.ts

@@ -1,6 +1,6 @@
 import { ColDef, ComponentType, GridApi, IFilterOptionDef } from 'ag-grid-community';
 import { UUID } from 'crypto';
-import { DYNAMIC_SIMULATION_RESULT_SORT_STORE, LOADFLOW_RESULT_SORT_STORE, PCCMIN_ANALYSIS_RESULT_SORT_STORE, SECURITY_ANALYSIS_RESULT_SORT_STORE, SENSITIVITY_ANALYSIS_RESULT_SORT_STORE, SHORTCIRCUIT_ANALYSIS_RESULT_SORT_STORE, SPREADSHEET_SORT_STORE, STATEESTIMATION_RESULT_SORT_STORE } from '../../../utils/store-sort-filter-fields';
+import { DYNAMIC_SIMULATION_RESULT_SORT_STORE, LOADFLOW_RESULT_SORT_STORE, PCCMIN_ANALYSIS_RESULT_SORT_STORE, PROCESS_EXECUTION_HISTORY_SORT_STORE, SECURITY_ANALYSIS_RESULT_SORT_STORE, SENSITIVITY_ANALYSIS_RESULT_SORT_STORE, SHORTCIRCUIT_ANALYSIS_RESULT_SORT_STORE, SPREADSHEET_SORT_STORE, STATEESTIMATION_RESULT_SORT_STORE } from '../../../utils/store-sort-filter-fields';
 export declare enum TableType {
     Loadflow = "Loadflow",
     SecurityAnalysis = "SecurityAnalysis",
@@ -11,7 +11,8 @@ export declare enum TableType {
     Logs = "Logs",
     StateEstimation = "StateEstimation",
     PccMin = "PccMin",
-    VoltageInit = "VoltageInit"
+    VoltageInit = "VoltageInit",
+    ProcessExecutionHistory = "ProcessExecutionHistory"
 }
 export declare enum FilterDataTypes {
     TEXT = "text",
@@ -83,6 +84,7 @@ export type TableSort = {
     [SHORTCIRCUIT_ANALYSIS_RESULT_SORT_STORE]: TableSortConfig;
     [STATEESTIMATION_RESULT_SORT_STORE]: TableSortConfig;
     [PCCMIN_ANALYSIS_RESULT_SORT_STORE]: TableSortConfig;
+    [PROCESS_EXECUTION_HISTORY_SORT_STORE]: TableSortConfig;
 };
 export type TableSortKeysType = keyof TableSort;
 export type SortParams = {

package/dist/components/composite/customAGGrid/custom-aggrid-types.js

@@ -9,6 +9,7 @@ var TableType = /* @__PURE__ */ ((TableType2) => {
   TableType2["StateEstimation"] = "StateEstimation";
   TableType2["PccMin"] = "PccMin";
   TableType2["VoltageInit"] = "VoltageInit";
+  TableType2["ProcessExecutionHistory"] = "ProcessExecutionHistory";
   return TableType2;
 })(TableType || {});
 var FilterDataTypes = /* @__PURE__ */ ((FilterDataTypes2) => {

package/dist/components/composite/customAGGrid/index.d.ts

@@ -17,3 +17,4 @@ export * from './custom-aggrid-menu';
 export * from './custom-aggrid-sort';
 export * from './display-rounding';
 export * from './utils';
+export * from './user-avatar';

package/dist/components/composite/customAGGrid/index.js

@@ -19,6 +19,7 @@ import { CustomMenu } from "./custom-aggrid-menu.js";
 import { CustomAggridSort } from "./custom-aggrid-sort.js";
 import { DisplayRounding } from "./display-rounding.js";
 import { makeAgGridCustomHeaderColumn } from "./utils/custom-aggrid-header-utils.js";
+import { UserAvatar, UserAvatarWithLabel } from "./user-avatar.js";
 export {
   BooleanCellRenderer,
   BooleanNullableCellRenderer,
@@ -50,6 +51,8 @@ export {
   SortWay,
   TableType,
   UndisplayedFilterNumberComparators,
+  UserAvatar,
+  UserAvatarWithLabel,
   addToleranceToFilter,
   computeTolerance,
   makeAgGridCustomHeaderColumn,

package/dist/components/composite/customAGGrid/user-avatar.d.ts

@@ -0,0 +1,12 @@
+export type UserAvatarSize = 'small' | 'medium';
+export type UserAvatarProps = {
+    label: string;
+    size?: UserAvatarSize;
+    backgroundColor?: string;
+};
+/** Colored initials avatar for a user. */
+export declare function UserAvatar({ label, size, backgroundColor }: Readonly<UserAvatarProps>): import("react").JSX.Element;
+/** A user name preceded by its avatar, in a compact size. */
+export declare function UserAvatarWithLabel({ label }: Readonly<{
+    label: string;
+}>): import("react").JSX.Element;

package/dist/components/composite/customAGGrid/user-avatar.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, Avatar, Box } from "@mui/material";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../../utils/styles.js";
+import { getAbbreviationFromUserName } from "../../../utils/user-utils.js";
+const FERMAT_PRIME = 65537;
+function stringToColor(string) {
+  let hash = 0;
+  const stringUniqueHash = [...string].reduce((acc, char) => {
+    hash = char.charCodeAt(0) + ((acc << 5) - acc) * FERMAT_PRIME;
+    return hash & hash;
+  }, 0);
+  return `hsl(${stringUniqueHash % 360}, 50%, 50%)`;
+}
+const styles = {
+  avatar: (theme) => ({
+    height: "32px",
+    width: "32px",
+    fontSize: theme.typography.fontSize
+  }),
+  avatarSmall: (theme) => ({
+    height: "24px",
+    width: "24px",
+    fontSize: theme.typography.pxToRem(11)
+  })
+};
+function UserAvatar({ label, size = "medium", backgroundColor }) {
+  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      sx: mergeSx(size === "small" ? styles.avatarSmall : styles.avatar, (theme) => ({
+        backgroundColor: backgroundColor ?? (label ? stringToColor(label) : theme.row.hover)
+      })),
+      children: getAbbreviationFromUserName(label)
+    }
+  ) });
+}
+function UserAvatarWithLabel({ label }) {
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: 1 }, children: [
+    /* @__PURE__ */ jsx(UserAvatar, { label, size: "small" }),
+    label
+  ] });
+}
+export {
+  UserAvatar,
+  UserAvatarWithLabel
+};

package/dist/components/composite/index.js

@@ -66,6 +66,7 @@ import { CustomMenu } from "./customAGGrid/custom-aggrid-menu.js";
 import { CustomAggridSort } from "./customAGGrid/custom-aggrid-sort.js";
 import { DisplayRounding } from "./customAGGrid/display-rounding.js";
 import { makeAgGridCustomHeaderColumn } from "./customAGGrid/utils/custom-aggrid-header-utils.js";
+import { UserAvatar, UserAvatarWithLabel } from "./customAGGrid/user-avatar.js";
 import { ReportViewer } from "./report/report-viewer/report-viewer.js";
 import { ReportFetcherContext, ReportFilterContext, useReportFetcherContext, useReportFilterContext } from "./report/report-viewer/context/report-viewer-context.js";
 import { default as default2 } from "./report/report-viewer/log-table/log-table.js";
@@ -173,6 +174,8 @@ export {
   TextValueEditor,
   TranslatedValueEditor,
   UndisplayedFilterNumberComparators,
+  UserAvatar,
+  UserAvatarWithLabel,
   ValueEditor,
   ValueSelector,
   addToleranceToFilter,

package/dist/components/index.js

@@ -150,6 +150,7 @@ import { CustomMenu } from "./composite/customAGGrid/custom-aggrid-menu.js";
 import { CustomAggridSort } from "./composite/customAGGrid/custom-aggrid-sort.js";
 import { DisplayRounding } from "./composite/customAGGrid/display-rounding.js";
 import { makeAgGridCustomHeaderColumn } from "./composite/customAGGrid/utils/custom-aggrid-header-utils.js";
+import { UserAvatar, UserAvatarWithLabel } from "./composite/customAGGrid/user-avatar.js";
 import { ReportViewer } from "./composite/report/report-viewer/report-viewer.js";
 import { ReportFetcherContext, ReportFilterContext, useReportFetcherContext, useReportFilterContext } from "./composite/report/report-viewer/context/report-viewer-context.js";
 import { default as default2 } from "./composite/report/report-viewer/log-table/log-table.js";
@@ -342,6 +343,8 @@ export {
   TreeViewFinder,
   UndisplayedFilterNumberComparators,
   UniqueNameInput,
+  UserAvatar,
+  UserAvatarWithLabel,
   ValueEditor,
   ValueSelector,
   VoltageUnitIcon,

package/dist/features/side-bar/footer/profile/UserIcon.js

@@ -2,19 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { Avatar } from "@mui/material";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
-import { isEmpty } from "../../../../utils/functions.js";
 import "@mui/icons-material";
 import { mergeSx } from "../../../../utils/styles.js";
-function getAbbreviationFromUserName(name) {
-  if (isEmpty(name)) {
-    return "";
-  }
-  const [firstName, ...otherNames] = name.split(" ");
-  if (otherNames.length > 0) {
-    return `${firstName[0]}${otherNames.at(-1)[0]}`;
-  }
-  return firstName[0];
-}
+import { getAbbreviationFromUserName } from "../../../../utils/user-utils.js";
 function UserAvatarIcon({ label, sx }) {
   return /* @__PURE__ */ jsx(
     Avatar,

package/dist/index.js

@@ -151,6 +151,7 @@ import { CustomMenu } from "./components/composite/customAGGrid/custom-aggrid-me
 import { CustomAggridSort } from "./components/composite/customAGGrid/custom-aggrid-sort.js";
 import { DisplayRounding } from "./components/composite/customAGGrid/display-rounding.js";
 import { makeAgGridCustomHeaderColumn } from "./components/composite/customAGGrid/utils/custom-aggrid-header-utils.js";
+import { UserAvatar, UserAvatarWithLabel } from "./components/composite/customAGGrid/user-avatar.js";
 import { ReportViewer } from "./components/composite/report/report-viewer/report-viewer.js";
 import { ReportFetcherContext, ReportFilterContext, useReportFetcherContext, useReportFilterContext } from "./components/composite/report/report-viewer/context/report-viewer-context.js";
 import { default as default3 } from "./components/composite/report/report-viewer/log-table/log-table.js";
@@ -1332,6 +1333,8 @@ export {
   UnauthorizedAccessAlert,
   UndisplayedFilterNumberComparators,
   UniqueNameInput,
+  UserAvatar,
+  UserAvatarWithLabel,
   default5 as UserInformationDialog,
   UserManagerMock,
   default6 as UserSettingsDialog,

package/dist/utils/store-sort-filter-fields.d.ts

@@ -36,3 +36,4 @@ export declare const STATEESTIMATION_RESULT = "stateEstimationResult";
 export declare const PCCMIN_ANALYSIS_RESULT_SORT_STORE = "pccminAnalysisResult";
 export declare const PCCMIN_ANALYSIS_PAGINATION_STORE_FIELD = "pccminAnalysisPagination";
 export declare const PCCMIN_RESULT = "pccMinResults";
+export declare const PROCESS_EXECUTION_HISTORY_SORT_STORE = "processExecutionHistory";

package/dist/utils/store-sort-filter-fields.js

@@ -30,6 +30,7 @@ const STATEESTIMATION_RESULT = "stateEstimationResult";
 const PCCMIN_ANALYSIS_RESULT_SORT_STORE = "pccminAnalysisResult";
 const PCCMIN_ANALYSIS_PAGINATION_STORE_FIELD = "pccminAnalysisPagination";
 const PCCMIN_RESULT = "pccMinResults";
+const PROCESS_EXECUTION_HISTORY_SORT_STORE = "processExecutionHistory";
 export {
   ALL_BUSES,
   DYNAMIC_SIMULATION_RESULT_SORT_STORE,
@@ -42,6 +43,7 @@ export {
   PCCMIN_ANALYSIS_PAGINATION_STORE_FIELD,
   PCCMIN_ANALYSIS_RESULT_SORT_STORE,
   PCCMIN_RESULT,
+  PROCESS_EXECUTION_HISTORY_SORT_STORE,
   SECURITY_ANALYSIS_PAGINATION_STORE_FIELD,
   SECURITY_ANALYSIS_RESULT_N,
   SECURITY_ANALYSIS_RESULT_N_K,

package/dist/utils/user-utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * 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 declare function getAbbreviationFromUserName(name: string): string;

package/dist/utils/user-utils.js

@@ -0,0 +1,14 @@
+import { isEmpty } from "@mui/material";
+function getAbbreviationFromUserName(name) {
+  if (isEmpty(name)) {
+    return "";
+  }
+  const [firstName, ...otherNames] = name.split(" ");
+  if (otherNames.length > 0) {
+    return `${firstName[0]}${otherNames.at(-1)[0]}`;
+  }
+  return firstName[0];
+}
+export {
+  getAbbreviationFromUserName
+};

package/package.json

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