@opengeoweb/snackbar 9.14.0 → 9.16.0

package/index.esm.js

@@ -3,8 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { CustomIconButton, withEggs } from '@opengeoweb/shared';
 import { Snackbar } from '@mui/material';
 import { Close } from '@opengeoweb/theme';
-import { createEntityAdapter, createSlice, createSelector } from '@reduxjs/toolkit';
-import { takeLatest, select, put, delay } from 'redux-saga/effects';
+import { createEntityAdapter, createSlice, createSelector, createListenerMiddleware } from '@reduxjs/toolkit';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -13,7 +12,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$b =
+var global$a =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -164,7 +163,7 @@ var isObject$5 = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$a(it);
 };
 
-var global$a = global$b;
+var global$9 = global$a;
 var isCallable$9 = isCallable$b;
 
 var aFunction = function (argument) {
@@ -172,7 +171,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$2 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$a[namespace]) : global$a[namespace] && global$a[namespace][method];
+  return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
 };
 
 var uncurryThis$7 = functionUncurryThis;
@@ -181,11 +180,11 @@ var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$9 = global$b;
+var global$8 = global$a;
 var userAgent = engineUserAgent;
 
-var process = global$9.process;
-var Deno = global$9.Deno;
+var process = global$8.process;
+var Deno = global$8.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -212,9 +211,9 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
 var fails$6 = fails$a;
-var global$8 = global$b;
+var global$7 = global$a;
 
-var $String$4 = global$8.String;
+var $String$4 = global$7.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$6(function () {
@@ -296,41 +295,41 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   throw new $TypeError$3("Can't convert object to primitive value");
 };
 
-var shared$3 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$7 = global$b;
+var global$6 = global$a;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$2 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$2(global$7, key, { value: value, configurable: true, writable: true });
+    defineProperty$2(global$6, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$7[key] = value;
+    global$6[key] = value;
   } return value;
 };
 
-var global$6 = global$b;
+var globalThis$1 = global$a;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$6[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var sharedStore = store$3;
-
-var store$2 = sharedStore;
-
-(shared$3.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
+var store$2 = sharedStore.exports;
+
+var shared$3 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
 var requireObjectCoercible = requireObjectCoercible$2;
 
 var $Object$1 = Object;
@@ -363,8 +362,8 @@ var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$1(++id + postfix, 36);
 };
 
-var global$5 = global$b;
-var shared$2 = shared$3.exports;
+var global$5 = global$a;
+var shared$2 = shared$3;
 var hasOwn$7 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
@@ -418,7 +417,7 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$4 = global$b;
+var global$4 = global$a;
 var isObject$2 = isObject$5;
 
 var document$1 = global$4.document;
@@ -567,7 +566,7 @@ var functionName = {
 
 var uncurryThis$4 = functionUncurryThis;
 var isCallable$5 = isCallable$b;
-var store$1 = sharedStore;
+var store$1 = sharedStore.exports;
 
 var functionToString = uncurryThis$4(Function.toString);
 
@@ -580,14 +579,14 @@ if (!isCallable$5(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$3 = global$b;
+var global$3 = global$a;
 var isCallable$4 = isCallable$b;
 
 var WeakMap$1 = global$3.WeakMap;
 
 var weakMapBasicDetection = isCallable$4(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
-var shared$1 = shared$3.exports;
+var shared$1 = shared$3;
 var uid = uid$2;
 
 var keys = shared$1('keys');
@@ -599,11 +598,11 @@ var sharedKey$1 = function (key) {
 var hiddenKeys$3 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$2 = global$b;
+var global$2 = global$a;
 var isObject = isObject$5;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
 var hasOwn$4 = hasOwnProperty_1;
-var shared = sharedStore;
+var shared = sharedStore.exports;
 var sharedKey = sharedKey$1;
 var hiddenKeys$2 = hiddenKeys$3;
 
@@ -816,6 +815,7 @@ var createMethod = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$1($this);
     var length = lengthOfArrayLike(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -944,7 +944,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$1 = global$b;
+var global$1 = global$a;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty = createNonEnumerableProperty$2;
 var defineBuiltIn$1 = defineBuiltIn$2;
@@ -1103,6 +1103,16 @@ function __rest(s, e) {
     return t;
 }
 
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -1175,9 +1185,9 @@ const slice = createSlice({
     draft,
     // eslint-disable-next-line no-unused-vars
     action) => {},
-    // triggerOpenSnackbarBySaga is triggered by the saga to open the snackbar after the current snackbars have all been closed
+    // triggerOpenSnackbarByListener is triggered by the listener to open the snackbar after the current snackbars have all been closed
     // DO NOT CALL THIS ACTION DIRECTLY!
-    triggerOpenSnackbarBySaga: (draft, action) => {
+    triggerOpenSnackbarByListener: (draft, action) => {
       const {
         snackbarContent
       } = action.payload;
@@ -1366,31 +1376,37 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 const hideTime = 4000;
-function* openSnackbarSaga(capturedAction) {
-  const snackbarMessage = capturedAction.payload.message;
-  const currentSnackbarMessages = yield select(getCurrentSnackbarMessages);
-  // If there are currently opened snackbars we need to close these first
-  if (currentSnackbarMessages.length) {
-    yield put(snackbarActions.closeSnackbar());
-  }
-  // Generate a unique id
-  const id = `snackbar${Date.now().toString()}`;
-  yield put(snackbarActions.triggerOpenSnackbarBySaga({
-    snackbarContent: {
-      message: snackbarMessage,
-      id
+const snackbarListener = createListenerMiddleware();
+snackbarListener.startListening({
+  actionCreator: snackbarActions.openSnackbar,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    const {
+      message: snackbarMessage
+    } = payload;
+    const currentSnackbarMessages = getCurrentSnackbarMessages(listenerApi.getState());
+    // If there are currently opened snackbars we need to close these first
+    if (currentSnackbarMessages.length) {
+      listenerApi.dispatch(snackbarActions.closeSnackbar());
     }
-  }));
-  // If no new snackbar is triggered cancelling this saga, hide the snackbar after X seconds
-  yield delay(hideTime);
-  const currentSnackbarMessagesOpen = yield select(getCurrentSnackbarMessages);
-  if (currentSnackbarMessagesOpen.length) {
-    yield put(snackbarActions.closeSnackbar());
-  }
-}
-function* rootSaga() {
-  yield takeLatest(snackbarActions.openSnackbar.type, openSnackbarSaga);
-}
+    // Generate a unique id
+    const id = `snackbar${Date.now().toString()}`;
+    listenerApi.dispatch(snackbarActions.triggerOpenSnackbarByListener({
+      snackbarContent: {
+        message: snackbarMessage,
+        id
+      }
+    }));
+    // If no new snackbar is triggered cancelling this listener, hide the snackbar after X seconds
+    yield listenerApi.delay(hideTime);
+    const currentSnackbarMessagesOpen = getCurrentSnackbarMessages(listenerApi.getState());
+    if (currentSnackbarMessagesOpen.length) {
+      listenerApi.dispatch(snackbarActions.closeSnackbar());
+    }
+  })
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1413,7 +1429,7 @@ const snackbarModuleConfig = {
   reducersMap: {
     snackbar: reducer
   },
-  sagas: [rootSaga]
+  middlewares: [snackbarListener.middleware]
 };
 
 const SnackbarWrapperConnect = withEggs([snackbarModuleConfig])(props => {
@@ -1430,4 +1446,4 @@ const SnackbarWrapperConnect = withEggs([snackbarModuleConfig])(props => {
   }, props));
 });
 
-export { SnackbarWrapperConnect, snackbarActions, snackbarModuleConfig, reducer as snackbarReducer, rootSaga as snackbarSaga, selectors as snackbarSelectors, types as snackbarTypes };
+export { SnackbarWrapperConnect, hideTime, snackbarActions, snackbarListener, snackbarModuleConfig, reducer as snackbarReducer, selectors as snackbarSelectors, types as snackbarTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/snackbar",
-  "version": "9.14.0",
+  "version": "9.16.0",
   "description": "GeoWeb snackbar library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,8 +13,7 @@
     "@opengeoweb/shared": "*",
     "react-redux": "^8.1.3",
     "@reduxjs/toolkit": "^1.9.7",
-    "@redux-eggs/core": "^2.2.0",
-    "redux-saga": "^1.2.3"
+    "@redux-eggs/core": "^2.2.0"
   },
   "peerDependencies": {
     "react": "18"

package/src/lib/store/index.d.ts

@@ -3,4 +3,4 @@ export * as snackbarSelectors from './selectors';
 export * as snackbarTypes from './types';
 export * from './config';
 export { reducer as snackbarReducer } from './reducer';
-export { rootSaga as snackbarSaga } from './sagas';
+export * from './listener';

package/src/lib/store/listener.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarModuleStore } from './types';
+export declare const hideTime = 4000;
+export declare const snackbarListener: import("@reduxjs/toolkit").ListenerMiddlewareInstance<SnackbarModuleStore, import("@reduxjs/toolkit").ThunkDispatch<SnackbarModuleStore, unknown, import("redux").AnyAction>, unknown>;

package/src/lib/store/reducer.d.ts

@@ -1,11 +1,11 @@
 import { PayloadAction, Draft } from '@reduxjs/toolkit';
-import { OpenSnackbarPayload, SnackbarItem, SnackbarState, TriggerOpenSnackbarBySagaPayload } from './types';
+import { OpenSnackbarPayload, SnackbarItem, SnackbarState, TriggerOpenSnackbarByListenerPayload } from './types';
 export declare const snackbarAdapter: import("@reduxjs/toolkit").EntityAdapter<SnackbarItem>;
 export declare const initialState: SnackbarState;
 export declare const reducer: import("redux").Reducer<SnackbarState, import("redux").AnyAction>;
 export declare const snackbarActions: import("@reduxjs/toolkit").CaseReducerActions<{
     openSnackbar: (draft: Draft<SnackbarState>, action: PayloadAction<OpenSnackbarPayload>) => void;
-    triggerOpenSnackbarBySaga: (draft: Draft<SnackbarState>, action: PayloadAction<TriggerOpenSnackbarBySagaPayload>) => void;
+    triggerOpenSnackbarByListener: (draft: Draft<SnackbarState>, action: PayloadAction<TriggerOpenSnackbarByListenerPayload>) => void;
     closeSnackbar: (draft: Draft<SnackbarState>) => void;
 }, "snackbar">;
-export type SnackbarActions = ReturnType<typeof snackbarActions.openSnackbar> | ReturnType<typeof snackbarActions.triggerOpenSnackbarBySaga> | ReturnType<typeof snackbarActions.closeSnackbar>;
+export type SnackbarActions = ReturnType<typeof snackbarActions.openSnackbar> | ReturnType<typeof snackbarActions.triggerOpenSnackbarByListener> | ReturnType<typeof snackbarActions.closeSnackbar>;

package/src/lib/store/types.d.ts

@@ -10,6 +10,6 @@ export interface SnackbarModuleStore {
 export interface OpenSnackbarPayload {
     message: string;
 }
-export interface TriggerOpenSnackbarBySagaPayload {
+export interface TriggerOpenSnackbarByListenerPayload {
     snackbarContent: SnackbarItem;
 }

package/src/lib/store/sagas.d.ts

@@ -1,5 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import { SnackbarActions } from './reducer';
-export declare function openSnackbarSaga(capturedAction: SnackbarActions): SagaIterator;
-export declare function rootSaga(): SagaIterator;
-export default rootSaga;