@gridsuite/commons-ui 0.73.1 → 0.75.0

package/dist/components/filter/constants/FilterConstants.d.ts

@@ -1,4 +1,4 @@
-import { SelectionForCopy } from '../filter.type';
+import { ItemSelectionForCopy } from '../filter.type';
 
 export declare const DISTRIBUTION_KEY = "distributionKey";
 export declare const FilterType: {
@@ -15,4 +15,4 @@ export declare const FilterType: {
         label: string;
     };
 };
-export declare const NO_SELECTION_FOR_COPY: SelectionForCopy;
+export declare const NO_ITEM_SELECTION_FOR_COPY: ItemSelectionForCopy;

package/dist/components/filter/constants/FilterConstants.js

@@ -4,7 +4,7 @@ const FilterType = {
   EXPLICIT_NAMING: { id: "IDENTIFIER_LIST", label: "filter.explicitNaming" },
   EXPERT: { id: "EXPERT", label: "filter.expert" }
 };
-const NO_SELECTION_FOR_COPY = {
+const NO_ITEM_SELECTION_FOR_COPY = {
   sourceItemUuid: null,
   nameItem: null,
   descriptionItem: null,
@@ -15,5 +15,5 @@ const NO_SELECTION_FOR_COPY = {
 export {
   DISTRIBUTION_KEY,
   FilterType,
-  NO_SELECTION_FOR_COPY
+  NO_ITEM_SELECTION_FOR_COPY
 };

package/dist/components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.d.ts

@@ -1,4 +1,4 @@
-import { SelectionForCopy } from '../filter.type';
+import { ItemSelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
 
@@ -10,10 +10,10 @@ export interface CriteriaBasedFilterEditionDialogProps {
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
     getFilterById: (id: string) => Promise<any>;
-    selectionForCopy: SelectionForCopy;
-    setSelectionForCopy: (selection: SelectionForCopy) => void;
+    itemSelectionForCopy: ItemSelectionForCopy;
+    setItemSelectionForCopy: (selection: ItemSelectionForCopy) => void;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;
     language?: string;
 }
-export declare function CriteriaBasedFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, getFilterById, selectionForCopy, setSelectionForCopy, activeDirectory, elementExists, language, }: Readonly<CriteriaBasedFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CriteriaBasedFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, getFilterById, itemSelectionForCopy, setItemSelectionForCopy, activeDirectory, elementExists, language, }: Readonly<CriteriaBasedFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.js

@@ -9,7 +9,7 @@ import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
 import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import { FilterForm } from "../FilterForm.js";
-import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
+import { FilterType, NO_ITEM_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import { criteriaBasedFilterSchema } from "./CriteriaBasedFilterForm.js";
 import { backToFrontTweak, frontToBackTweak } from "./criteriaBasedFilterUtils.js";
 import * as yup from "yup";
@@ -27,8 +27,8 @@ function CriteriaBasedFilterEditionDialog({
   onClose,
   broadcastChannel,
   getFilterById,
-  selectionForCopy,
-  setSelectionForCopy,
+  itemSelectionForCopy,
+  setItemSelectionForCopy,
   activeDirectory,
   elementExists,
   language
@@ -67,11 +67,9 @@ function CriteriaBasedFilterEditionDialog({
   const onSubmit = useCallback(
     (filterForm) => {
       saveFilter(frontToBackTweak(id, filterForm), filterForm[FieldConstants.NAME]).then(() => {
-        if (selectionForCopy.sourceItemUuid === id) {
-          setSelectionForCopy(NO_SELECTION_FOR_COPY);
-          broadcastChannel.postMessage({
-            NO_SELECTION_FOR_COPY
-          });
+        if (itemSelectionForCopy.sourceItemUuid === id) {
+          setItemSelectionForCopy(NO_ITEM_SELECTION_FOR_COPY);
+          broadcastChannel.postMessage({ NO_SELECTION_FOR_COPY: NO_ITEM_SELECTION_FOR_COPY });
         }
       }).catch((error) => {
         snackError({
@@ -79,7 +77,7 @@ function CriteriaBasedFilterEditionDialog({
         });
       });
     },
-    [broadcastChannel, id, selectionForCopy.sourceItemUuid, snackError, setSelectionForCopy]
+    [broadcastChannel, id, itemSelectionForCopy.sourceItemUuid, snackError, setItemSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(

package/dist/components/filter/expert/ExpertFilterEditionDialog.d.ts

@@ -1,4 +1,4 @@
-import { SelectionForCopy } from '../filter.type';
+import { ItemSelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
 
@@ -9,13 +9,13 @@ export interface ExpertFilterEditionDialogProps {
     open: boolean;
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
-    selectionForCopy: SelectionForCopy;
+    itemSelectionForCopy: ItemSelectionForCopy;
+    setItemSelectionForCopy: (selection: ItemSelectionForCopy) => void;
     getFilterById: (id: string) => Promise<{
         [prop: string]: any;
     }>;
-    setSelectionForCopy: (selection: SelectionForCopy) => void;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;
     language?: string;
 }
-export declare function ExpertFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, selectionForCopy, getFilterById, setSelectionForCopy, activeDirectory, elementExists, language, }: ExpertFilterEditionDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpertFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, getFilterById, setItemSelectionForCopy, activeDirectory, elementExists, language, }: Readonly<ExpertFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/expert/ExpertFilterEditionDialog.js

@@ -7,7 +7,7 @@ import { FetchStatus } from "../../../utils/constants/fetchStatus.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
 import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
-import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
+import { FilterType, NO_ITEM_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import { FilterForm } from "../FilterForm.js";
 import { saveExpertFilter } from "../utils/filterApi.js";
 import { expertFilterSchema, EXPERT_FILTER_QUERY } from "./ExpertFilterForm.js";
@@ -26,9 +26,9 @@ function ExpertFilterEditionDialog({
   open,
   onClose,
   broadcastChannel,
-  selectionForCopy,
+  itemSelectionForCopy,
   getFilterById,
-  setSelectionForCopy,
+  setItemSelectionForCopy,
   activeDirectory,
   elementExists,
   language
@@ -83,14 +83,12 @@ function ExpertFilterEditionDialog({
           });
         }
       );
-      if (selectionForCopy.sourceItemUuid === id) {
-        setSelectionForCopy(NO_SELECTION_FOR_COPY);
-        broadcastChannel.postMessage({
-          NO_SELECTION_FOR_COPY
-        });
+      if (itemSelectionForCopy.sourceItemUuid === id) {
+        setItemSelectionForCopy(NO_ITEM_SELECTION_FOR_COPY);
+        broadcastChannel.postMessage({ NO_SELECTION_FOR_COPY: NO_ITEM_SELECTION_FOR_COPY });
       }
     },
-    [broadcastChannel, id, onClose, selectionForCopy.sourceItemUuid, snackError, setSelectionForCopy]
+    [broadcastChannel, id, onClose, itemSelectionForCopy.sourceItemUuid, snackError, setItemSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(

package/dist/components/filter/explicitNaming/ExplicitNamingFilterEditionDialog.d.ts

@@ -1,4 +1,4 @@
-import { SelectionForCopy } from '../filter.type';
+import { ItemSelectionForCopy } from '../filter.type';
 import { ElementExistsType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
 
@@ -9,11 +9,11 @@ export interface ExplicitNamingFilterEditionDialogProps {
     open: boolean;
     onClose: () => void;
     broadcastChannel: BroadcastChannel;
-    selectionForCopy: SelectionForCopy;
-    setSelectionForCopy: (selection: SelectionForCopy) => void;
+    itemSelectionForCopy: ItemSelectionForCopy;
+    setItemSelectionForCopy: (selection: ItemSelectionForCopy) => void;
     getFilterById: (id: string) => Promise<any>;
     activeDirectory?: UUID;
     elementExists?: ElementExistsType;
     language?: string;
 }
-export declare function ExplicitNamingFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, selectionForCopy, setSelectionForCopy, getFilterById, activeDirectory, elementExists, language, }: Readonly<ExplicitNamingFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ExplicitNamingFilterEditionDialog({ id, name, titleId, open, onClose, broadcastChannel, itemSelectionForCopy, setItemSelectionForCopy, getFilterById, activeDirectory, elementExists, language, }: Readonly<ExplicitNamingFilterEditionDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js

@@ -12,7 +12,7 @@ import { saveExplicitNamingFilter } from "../utils/filterApi.js";
 import { explicitNamingFilterSchema, FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterForm.js";
 import { FetchStatus } from "../../../utils/constants/fetchStatus.js";
 import { FilterForm } from "../FilterForm.js";
-import { FilterType, NO_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
+import { FilterType, NO_ITEM_SELECTION_FOR_COPY } from "../constants/FilterConstants.js";
 import * as yup from "yup";
 const formSchema = yup.object().shape({
   [FieldConstants.NAME]: yup.string().trim().required("nameEmpty"),
@@ -27,8 +27,8 @@ function ExplicitNamingFilterEditionDialog({
   open,
   onClose,
   broadcastChannel,
-  selectionForCopy,
-  setSelectionForCopy,
+  itemSelectionForCopy,
+  setItemSelectionForCopy,
   getFilterById,
   activeDirectory,
   elementExists,
@@ -86,14 +86,12 @@ function ExplicitNamingFilterEditionDialog({
         },
         onClose
       );
-      if (selectionForCopy.sourceItemUuid === id) {
-        setSelectionForCopy(NO_SELECTION_FOR_COPY);
-        broadcastChannel.postMessage({
-          NO_SELECTION_FOR_COPY
-        });
+      if (itemSelectionForCopy.sourceItemUuid === id) {
+        setItemSelectionForCopy(NO_ITEM_SELECTION_FOR_COPY);
+        broadcastChannel.postMessage({ NO_SELECTION_FOR_COPY: NO_ITEM_SELECTION_FOR_COPY });
       }
     },
-    [broadcastChannel, id, selectionForCopy, onClose, snackError, setSelectionForCopy]
+    [broadcastChannel, id, itemSelectionForCopy, onClose, snackError, setItemSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(

package/dist/components/filter/filter.type.d.ts

@@ -1,14 +1,13 @@
+import { UUID } from 'crypto';
+
 /**
- * Copyright (c) 2024, 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/.
+ * Represent an item/object in directories.
  */
-export type SelectionForCopy = {
-    sourceItemUuid: string | null;
+export type ItemSelectionForCopy = {
+    sourceItemUuid: UUID | null;
     typeItem: string | null;
     nameItem: string | null;
     descriptionItem: string | null;
-    parentDirectoryUuid: string | null;
+    parentDirectoryUuid: UUID | null;
     specificTypeItem: string | null;
 };

package/dist/components/filter/index.js

@@ -1,6 +1,6 @@
 import { FilterCreationDialog } from "./FilterCreationDialog.js";
 import { FilterForm } from "./FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_SELECTION_FOR_COPY } from "./constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./constants/FilterConstants.js";
 import { CriteriaBasedFilterEditionDialog } from "./criteriaBased/CriteriaBasedFilterEditionDialog.js";
 import { CriteriaBasedFilterForm, criteriaBasedFilterEmptyFormData, criteriaBasedFilterSchema } from "./criteriaBased/CriteriaBasedFilterForm.js";
 import { CriteriaBasedForm } from "./criteriaBased/CriteriaBasedForm.js";
@@ -47,7 +47,7 @@ export {
   FilterType,
   FreePropertiesTypes,
   LOAD_TYPE_OPTIONS,
-  NO_SELECTION_FOR_COPY,
+  NO_ITEM_SELECTION_FOR_COPY,
   OPERATOR_OPTIONS,
   OperatorType,
   PHASE_REGULATION_MODE_OPTIONS,

package/dist/components/index.d.ts

@@ -20,3 +20,4 @@ export * from './overflowableText';
 export * from './snackbarProvider';
 export * from './topBar';
 export * from './treeViewFinder';
+export * from './notifications';

package/dist/components/index.js

@@ -25,7 +25,7 @@ import { useElementSearch } from "./elementSearch/hooks/useElementSearch.js";
 import { TagRenderer } from "./elementSearch/tagRenderer/TagRenderer.js";
 import { FilterCreationDialog } from "./filter/FilterCreationDialog.js";
 import { FilterForm } from "./filter/FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_SELECTION_FOR_COPY } from "./filter/constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./filter/constants/FilterConstants.js";
 import { CriteriaBasedFilterEditionDialog } from "./filter/criteriaBased/CriteriaBasedFilterEditionDialog.js";
 import { CriteriaBasedFilterForm, criteriaBasedFilterEmptyFormData, criteriaBasedFilterSchema } from "./filter/criteriaBased/CriteriaBasedFilterForm.js";
 import { CriteriaBasedForm } from "./filter/criteriaBased/CriteriaBasedForm.js";
@@ -104,6 +104,10 @@ import { TopBar } from "./topBar/TopBar.js";
 import { GridLogo, LogoText } from "./topBar/GridLogo.js";
 import { AboutDialog } from "./topBar/AboutDialog.js";
 import { TreeViewFinder, generateTreeViewFinderClass } from "./treeViewFinder/TreeViewFinder.js";
+import { NotificationsProvider } from "./notifications/NotificationsProvider.js";
+import { NotificationsContext } from "./notifications/contexts/NotificationsContext.js";
+import { useNotificationsListener } from "./notifications/hooks/useNotificationsListener.js";
+import { useListenerManager } from "./notifications/hooks/useListenerManager.js";
 export {
   AboutDialog,
   AddButton,
@@ -193,7 +197,9 @@ export {
   MultipleAutocompleteInput,
   MultipleSelectionDialog,
   NAME,
-  NO_SELECTION_FOR_COPY,
+  NO_ITEM_SELECTION_FOR_COPY,
+  NotificationsContext,
+  NotificationsProvider,
   NumericEditor,
   OPERATOR_OPTIONS,
   OperatorType,
@@ -289,5 +295,7 @@ export {
   useConvertValue,
   useCustomFormContext,
   useElementSearch,
+  useListenerManager,
+  useNotificationsListener,
   useValid
 };

package/dist/components/notifications/NotificationsProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+
+export type NotificationsProviderProps = {
+    urls: Record<string, string>;
+};
+export declare function NotificationsProvider({ urls, children }: PropsWithChildren<NotificationsProviderProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/NotificationsProvider.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import ReconnectingWebSocket from "reconnecting-websocket";
+import { NotificationsContext } from "./contexts/NotificationsContext.js";
+import { useListenerManager } from "./hooks/useListenerManager.js";
+const DELAY_BEFORE_WEBSOCKET_CONNECTED = 12e3;
+function NotificationsProvider({ urls, children }) {
+  const {
+    broadcast: broadcastMessage,
+    addListener: addListenerMessage,
+    removeListener: removeListenerMessage
+  } = useListenerManager(urls);
+  const {
+    broadcast: broadcastOnReopen,
+    addListener: addListenerOnReopen,
+    removeListener: removeListenerOnReopen
+  } = useListenerManager(urls);
+  useEffect(() => {
+    const connections = Object.keys(urls).filter((u) => urls[u] != null).map((urlKey) => {
+      const rws = new ReconnectingWebSocket(() => urls[urlKey], [], {
+        // this option set the minimum duration being connected before reset the retry count to 0
+        minUptime: DELAY_BEFORE_WEBSOCKET_CONNECTED
+      });
+      rws.onmessage = broadcastMessage(urlKey);
+      rws.onclose = (event) => {
+        console.error(`Unexpected ${urlKey} Notification WebSocket closed`, event);
+      };
+      rws.onerror = (event) => {
+        console.error(`Unexpected ${urlKey} Notification WebSocket error`, event);
+      };
+      rws.onopen = () => {
+        console.info(`${urlKey} Notification Websocket connected`);
+        broadcastOnReopen(urlKey);
+      };
+      return rws;
+    });
+    return () => {
+      connections.forEach((c) => c.close());
+    };
+  }, [broadcastMessage, broadcastOnReopen, urls]);
+  const contextValue = useMemo(
+    () => ({
+      addListenerEvent: addListenerMessage,
+      removeListenerEvent: removeListenerMessage,
+      addListenerOnReopen,
+      removeListenerOnReopen
+    }),
+    [addListenerMessage, removeListenerMessage, addListenerOnReopen, removeListenerOnReopen]
+  );
+  return /* @__PURE__ */ jsx(NotificationsContext.Provider, { value: contextValue, children });
+}
+export {
+  NotificationsProvider
+};

package/dist/components/notifications/contexts/NotificationsContext.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2024, 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/.
+ */
+/// <reference types="react" />
+export type ListenerEventWS = {
+    id: string;
+    callback: (event: MessageEvent) => void;
+};
+export type ListenerOnReopen = {
+    id: string;
+    callback: () => void;
+};
+export type NotificationsContextType = {
+    addListenerEvent: (urlKey: string, l: ListenerEventWS) => void;
+    removeListenerEvent: (urlKey: string, idListener: string) => void;
+    addListenerOnReopen: (urlKey: string, l: ListenerOnReopen) => void;
+    removeListenerOnReopen: (urlKey: string, idListener: string) => void;
+};
+export type NotificationsContextRecordType = Record<string, NotificationsContextType>;
+export declare const NotificationsContext: import('react').Context<NotificationsContextType>;

package/dist/components/notifications/contexts/NotificationsContext.js

@@ -0,0 +1,14 @@
+import { createContext } from "react";
+const NotificationsContext = createContext({
+  addListenerEvent: () => {
+  },
+  removeListenerEvent: () => {
+  },
+  addListenerOnReopen: () => {
+  },
+  removeListenerOnReopen: () => {
+  }
+});
+export {
+  NotificationsContext
+};

package/dist/components/notifications/hooks/useListenerManager.d.ts

@@ -0,0 +1,7 @@
+import { ListenerEventWS, ListenerOnReopen } from '../contexts/NotificationsContext';
+
+export declare const useListenerManager: <TListener extends ListenerEventWS | ListenerOnReopen, TMessage extends MessageEvent<any>>(urls: Record<string, string>) => {
+    addListener: (urlKey: string, listener: TListener) => void;
+    removeListener: (urlKey: string, id: string) => void;
+    broadcast: (urlKey: string) => (event: TMessage) => void;
+};

package/dist/components/notifications/hooks/useListenerManager.js

@@ -0,0 +1,50 @@
+import { useRef, useEffect, useCallback } from "react";
+const useListenerManager = (urls) => {
+  const urlsListenersRef = useRef({});
+  useEffect(() => {
+    urlsListenersRef.current = Object.keys(urls).reduce((acc, urlKey) => {
+      acc[urlKey] = urlsListenersRef.current[urlKey] ?? [];
+      return acc;
+    }, {});
+  }, [urls]);
+  const addListenerEvent = useCallback((urlKey, listener) => {
+    const urlsListeners = urlsListenersRef.current;
+    if (urlKey in urlsListeners) {
+      urlsListeners[urlKey].push(listener);
+    } else {
+      urlsListeners[urlKey] = [listener];
+    }
+    urlsListenersRef.current = urlsListeners;
+  }, []);
+  const removeListenerEvent = useCallback((urlKey, id) => {
+    var _a;
+    const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
+    if (listeners) {
+      const newListerners = listeners.filter((l) => l.id !== id);
+      urlsListenersRef.current = {
+        ...urlsListenersRef.current,
+        [urlKey]: newListerners
+      };
+    }
+  }, []);
+  const broadcast = useCallback(
+    (urlKey) => (event) => {
+      var _a;
+      const listeners = (_a = urlsListenersRef.current) == null ? void 0 : _a[urlKey];
+      if (listeners) {
+        listeners.forEach(({ callback }) => {
+          callback(event);
+        });
+      }
+    },
+    []
+  );
+  return {
+    addListener: addListenerEvent,
+    removeListener: removeListenerEvent,
+    broadcast
+  };
+};
+export {
+  useListenerManager
+};

package/dist/components/notifications/hooks/useNotificationsListener.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2024, 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 const useNotificationsListener: (listenerKey: string, { listenerCallbackMessage, listenerCallbackOnReopen, propsId, }: {
+    listenerCallbackMessage?: ((event: MessageEvent<any>) => void) | undefined;
+    listenerCallbackOnReopen?: (() => void) | undefined;
+    propsId?: string | undefined;
+}) => void;

package/dist/components/notifications/hooks/useNotificationsListener.js

@@ -0,0 +1,33 @@
+import { useContext, useEffect } from "react";
+import { v4 } from "uuid";
+import { NotificationsContext } from "../contexts/NotificationsContext.js";
+const useNotificationsListener = (listenerKey, {
+  listenerCallbackMessage,
+  listenerCallbackOnReopen,
+  propsId
+}) => {
+  const { addListenerEvent, removeListenerEvent, addListenerOnReopen, removeListenerOnReopen } = useContext(NotificationsContext);
+  useEffect(() => {
+    const id = propsId ?? v4();
+    if (listenerCallbackMessage) {
+      addListenerEvent(listenerKey, {
+        id,
+        callback: listenerCallbackMessage
+      });
+    }
+    return () => removeListenerEvent(listenerKey, id);
+  }, [addListenerEvent, removeListenerEvent, listenerKey, listenerCallbackMessage, propsId]);
+  useEffect(() => {
+    const id = propsId ?? v4();
+    if (listenerCallbackOnReopen) {
+      addListenerOnReopen(listenerKey, {
+        id,
+        callback: listenerCallbackOnReopen
+      });
+    }
+    return () => removeListenerOnReopen(listenerKey, id);
+  }, [addListenerOnReopen, removeListenerOnReopen, listenerKey, listenerCallbackOnReopen, propsId]);
+};
+export {
+  useNotificationsListener
+};

package/dist/components/notifications/index.d.ts

@@ -0,0 +1,4 @@
+export * from './NotificationsProvider';
+export * from './contexts/NotificationsContext';
+export * from './hooks/useNotificationsListener';
+export * from './hooks/useListenerManager';

package/dist/components/notifications/index.js

@@ -0,0 +1,10 @@
+import { NotificationsProvider } from "./NotificationsProvider.js";
+import { NotificationsContext } from "./contexts/NotificationsContext.js";
+import { useNotificationsListener } from "./hooks/useNotificationsListener.js";
+import { useListenerManager } from "./hooks/useListenerManager.js";
+export {
+  NotificationsContext,
+  NotificationsProvider,
+  useListenerManager,
+  useNotificationsListener
+};

package/dist/index.js

@@ -26,7 +26,7 @@ import { useElementSearch } from "./components/elementSearch/hooks/useElementSea
 import { TagRenderer } from "./components/elementSearch/tagRenderer/TagRenderer.js";
 import { FilterCreationDialog } from "./components/filter/FilterCreationDialog.js";
 import { FilterForm } from "./components/filter/FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_SELECTION_FOR_COPY } from "./components/filter/constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./components/filter/constants/FilterConstants.js";
 import { CriteriaBasedFilterEditionDialog } from "./components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.js";
 import { CriteriaBasedFilterForm, criteriaBasedFilterEmptyFormData, criteriaBasedFilterSchema } from "./components/filter/criteriaBased/CriteriaBasedFilterForm.js";
 import { CriteriaBasedForm } from "./components/filter/criteriaBased/CriteriaBasedForm.js";
@@ -105,6 +105,10 @@ import { TopBar } from "./components/topBar/TopBar.js";
 import { GridLogo, LogoText } from "./components/topBar/GridLogo.js";
 import { AboutDialog } from "./components/topBar/AboutDialog.js";
 import { TreeViewFinder, generateTreeViewFinderClass } from "./components/treeViewFinder/TreeViewFinder.js";
+import { NotificationsProvider } from "./components/notifications/NotificationsProvider.js";
+import { NotificationsContext } from "./components/notifications/contexts/NotificationsContext.js";
+import { useNotificationsListener } from "./components/notifications/hooks/useNotificationsListener.js";
+import { useListenerManager } from "./components/notifications/hooks/useListenerManager.js";
 import { useStateBoolean } from "./hooks/customStates/useStateBoolean.js";
 import { useStateNumber } from "./hooks/customStates/useStateNumber.js";
 import { useModificationLabelComputer } from "./hooks/useModificationLabelComputer.js";
@@ -290,7 +294,9 @@ export {
   MultipleAutocompleteInput,
   MultipleSelectionDialog,
   NAME,
-  NO_SELECTION_FOR_COPY,
+  NO_ITEM_SELECTION_FOR_COPY,
+  NotificationsContext,
+  NotificationsProvider,
   NumericEditor,
   OPERATOR_OPTIONS,
   OperatingStatus,
@@ -494,8 +500,10 @@ export {
   useDebounce,
   useElementSearch,
   useIntlRef,
+  useListenerManager,
   useLocalizedCountries,
   useModificationLabelComputer,
+  useNotificationsListener,
   usePredefinedProperties,
   usePrevious,
   useSnackMessage,

package/dist/services/appsMetadata.d.ts

@@ -8,7 +8,7 @@ export type Env = {
 };
 export declare function fetchEnv(): Promise<Env>;
 export declare function fetchAppsMetadata(): Promise<Metadata[]>;
-export declare const isStudyMetadata: (metadata: Metadata) => metadata is StudyMetadata;
+export declare function isStudyMetadata(metadata: Metadata): metadata is StudyMetadata;
 export declare function fetchStudyMetadata(): Promise<StudyMetadata>;
 export declare function fetchFavoriteAndDefaultCountries(): Promise<{
     favoriteCountries: string[];

package/dist/services/appsMetadata.js

@@ -7,9 +7,9 @@ async function fetchAppsMetadata() {
   const res = await fetch(`${env.appsMetadataServerUrl}/apps-metadata.json`);
   return res.json();
 }
-const isStudyMetadata = (metadata) => {
+function isStudyMetadata(metadata) {
   return metadata.name === "Study";
-};
+}
 async function fetchStudyMetadata() {
   console.info(`Fetching study metadata...`);
   const studyMetadata = (await fetchAppsMetadata()).filter(isStudyMetadata);

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

@@ -58,5 +58,5 @@ export declare const networkModificationsEn: {
     'network_modifications.TABULAR_CREATION': string;
     'network_modifications.tabular.GENERATOR_CREATION': string;
     'network_modifications.LCC_CREATION': string;
-    'network_modifications.CSPR_CREATION': string;
+    'network_modifications.STATIC_VAR_COMPENSATOR_CREATION': string;
 };

package/dist/translations/en/networkModificationsEn.js

@@ -52,7 +52,7 @@ const networkModificationsEn = {
   "network_modifications.TABULAR_CREATION": "Tabular creation - {computedLabel}",
   "network_modifications.tabular.GENERATOR_CREATION": "generator creations",
   "network_modifications.LCC_CREATION": "Creating HVDC (LCC) {computedLabel}",
-  "network_modifications.CSPR_CREATION": "Creating CSPR {computedLabel}"
+  "network_modifications.STATIC_VAR_COMPENSATOR_CREATION": "Creating static var compensator {computedLabel}"
 };
 export {
   networkModificationsEn

package/dist/utils/mapper/getFileIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Calculate, Settings, Article, NoteAlt, OfflineBolt, Photo, PhotoLibrary } from "@mui/icons-material";
+import { TableView, Calculate, Settings, Article, NoteAlt, OfflineBolt, Photo, PhotoLibrary } from "@mui/icons-material";
 import { ElementType } from "../types/elementType.js";
 function getFileIcon(type, style) {
   switch (type) {
@@ -22,6 +22,8 @@ function getFileIcon(type, style) {
       return /* @__PURE__ */ jsx(Settings, { sx: style });
     case ElementType.SPREADSHEET_CONFIG:
       return /* @__PURE__ */ jsx(Calculate, { sx: style });
+    case ElementType.SPREADSHEET_CONFIG_COLLECTION:
+      return /* @__PURE__ */ jsx(TableView, { sx: style });
     case ElementType.DIRECTORY:
       return void 0;
     default:

package/dist/utils/types/elementType.d.ts

@@ -13,6 +13,7 @@ export declare enum ElementType {
     LOADFLOW_PARAMETERS = "LOADFLOW_PARAMETERS",
     SENSITIVITY_PARAMETERS = "SENSITIVITY_PARAMETERS",
     SHORT_CIRCUIT_PARAMETERS = "SHORT_CIRCUIT_PARAMETERS",
-    SPREADSHEET_CONFIG = "SPREADSHEET_CONFIG"
+    SPREADSHEET_CONFIG = "SPREADSHEET_CONFIG",
+    SPREADSHEET_CONFIG_COLLECTION = "SPREADSHEET_CONFIG_COLLECTION"
 }
 export type ElementExistsType = (directory: UUID, value: string, elementType: ElementType) => Promise<boolean>;

package/dist/utils/types/elementType.js

@@ -12,6 +12,7 @@ var ElementType = /* @__PURE__ */ ((ElementType2) => {
   ElementType2["SENSITIVITY_PARAMETERS"] = "SENSITIVITY_PARAMETERS";
   ElementType2["SHORT_CIRCUIT_PARAMETERS"] = "SHORT_CIRCUIT_PARAMETERS";
   ElementType2["SPREADSHEET_CONFIG"] = "SPREADSHEET_CONFIG";
+  ElementType2["SPREADSHEET_CONFIG_COLLECTION"] = "SPREADSHEET_CONFIG_COLLECTION";
   return ElementType2;
 })(ElementType || {});
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.73.1",
+    "version": "0.75.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
@@ -43,6 +43,7 @@
         "react-dnd-html5-backend": "^16.0.1",
         "react-querybuilder": "^7.2.0",
         "react-virtualized": "^9.22.5",
+        "reconnecting-websocket": "^4.4.0",
         "uuid": "^9.0.1"
     },
     "peerDependencies": {