@42.nl/react-flash-messages 2.0.1 → 2.0.3-rc.0

package/lib/actions.js

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resetNextFlashMessageId = exports.addApocalypse = exports.addInfo = exports.addSuccess = exports.addWarning = exports.addError = exports.removeFlashMessage = exports.addFlashMessage = void 0;
+exports.addFlashMessage = addFlashMessage;
+exports.removeFlashMessage = removeFlashMessage;
+exports.addError = addError;
+exports.addWarning = addWarning;
+exports.addSuccess = addSuccess;
+exports.addInfo = addInfo;
+exports.addApocalypse = addApocalypse;
+exports.resetNextFlashMessageId = resetNextFlashMessageId;
 const service_1 = require("./service");
 /**
  * Each flash message gets an unique id so we can identify the
@@ -24,7 +31,6 @@ function addFlashMessage(flashMessageConfig) {
     }
     return flashMessage;
 }
-exports.addFlashMessage = addFlashMessage;
 /**
  * Manually removes the flash message from the flash message store.
  *
@@ -33,7 +39,6 @@ exports.addFlashMessage = addFlashMessage;
 function removeFlashMessage(flashMessage) {
     service_1.flashMessageService.removeFlashMessage(flashMessage, 'manually-removed');
 }
-exports.removeFlashMessage = removeFlashMessage;
 /**
  * Adds a flash message of the type 'ERROR' on the flash message queue.
  *
@@ -42,7 +47,6 @@ exports.removeFlashMessage = removeFlashMessage;
 function addError(config) {
     return addFlashMessage(Object.assign({ type: 'ERROR', duration: 10000 }, config));
 }
-exports.addError = addError;
 /**
  * Adds a flash message of the type 'WARNING' on the flash message queue.
  * After 7000 milliseconds it will automatically be removed
@@ -53,7 +57,6 @@ exports.addError = addError;
 function addWarning(config) {
     return addFlashMessage(Object.assign({ type: 'WARNING', duration: 7000 }, config));
 }
-exports.addWarning = addWarning;
 /**
  * Adds a flash message of the type 'SUCCESS' on the flash message queue.
  * After 2000 milliseconds it will automatically be removed
@@ -64,7 +67,6 @@ exports.addWarning = addWarning;
 function addSuccess(config) {
     return addFlashMessage(Object.assign({ type: 'SUCCESS', duration: 2000 }, config));
 }
-exports.addSuccess = addSuccess;
 /**
  * Adds a flash message of the type 'INFO' on the flash message queue.
  * After 5000 milliseconds it will automatically be removed
@@ -75,7 +77,6 @@ exports.addSuccess = addSuccess;
 function addInfo(config) {
     return addFlashMessage(Object.assign({ type: 'INFO', duration: 5000 }, config));
 }
-exports.addInfo = addInfo;
 /**
  * Adds a flash message of the type 'APOCALYPSE' on the flash message queue.
  * This message is never removed from the queue automatically.
@@ -85,7 +86,6 @@ exports.addInfo = addInfo;
 function addApocalypse(config) {
     return addFlashMessage(Object.assign({ type: 'APOCALYPSE', duration: false }, config));
 }
-exports.addApocalypse = addApocalypse;
 function addIdAndOnClick(flashMessage) {
     const onClick = flashMessage.onClick !== undefined ? flashMessage.onClick : noop;
     const onRemove = flashMessage.onRemove !== undefined ? flashMessage.onRemove : noop;
@@ -117,7 +117,6 @@ function addIdAndOnClick(flashMessage) {
 function resetNextFlashMessageId() {
     nextFlashMessageId = 1;
 }
-exports.resetNextFlashMessageId = resetNextFlashMessageId;
 // This function does not do anything, and is used as the default
 // for the onClick and onRemove
 function noop() {

package/lib/hooks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFlashMessages = void 0;
+exports.useFlashMessages = useFlashMessages;
 const react_1 = require("react");
 const service_1 = require("./service");
 /**
@@ -20,4 +20,3 @@ function useFlashMessages() {
     }, []);
     return state;
 }
-exports.useFlashMessages = useFlashMessages;

package/lib/models.d.ts

@@ -1,4 +1,4 @@
-export declare type OnFlashMessageClicked<Data> = (flashMessage: FlashMessage<Data>) => void;
+export type OnFlashMessageClicked<Data> = (flashMessage: FlashMessage<Data>) => void;
 /**
  * The reason a flash message was removed.
  *
@@ -7,13 +7,13 @@ export declare type OnFlashMessageClicked<Data> = (flashMessage: FlashMessage<Da
  * it is 'manually-removed' it was because the `removeFlashMessage`
  * action was called.
  */
-export declare type FlashMessageRemovedReason = 'duration-elapsed' | 'manually-removed';
-export declare type OnFlashMessageRemoved<Data> = (flashMessage: FlashMessage<Data>, reason: FlashMessageRemovedReason) => void;
+export type FlashMessageRemovedReason = 'duration-elapsed' | 'manually-removed';
+export type OnFlashMessageRemoved<Data> = (flashMessage: FlashMessage<Data>, reason: FlashMessageRemovedReason) => void;
 /**
  * Represents a FlashMessage as it will be represented in the
  * flashMessageService.
  */
-export declare type FlashMessage<Data> = {
+export type FlashMessage<Data> = {
     /**
      * The id of the flashMessage must be unique for each flash message.
      */
@@ -77,7 +77,7 @@ export declare type FlashMessage<Data> = {
  * creating a the FlashMessage from the FlashMessageConfig and they
  * will be re-written.
  */
-export declare type FlashMessageConfig<Data> = {
+export type FlashMessageConfig<Data> = {
     /**
      * The type of flash message, can be useful to distinguish
      * between types of messages. For example you might have a type
@@ -119,7 +119,7 @@ export declare type FlashMessageConfig<Data> = {
  * etc etc, so the developer can quickly spawn flash messages without
  * resorting to the more low level `addFlashMessage` action.
  */
-export declare type FlashMessageCreatorConfig<Data> = {
+export type FlashMessageCreatorConfig<Data> = {
     /**
      * The text message you want to show to the user.
      */

package/lib/provider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlashMessage } from './models';
 export declare const FlashMessagesContext: React.Context<FlashMessage<unknown>[]>;
-export declare type Props = {
+export type Props = {
     children: React.ReactNode;
 };
 /**
@@ -11,4 +11,4 @@ export declare type Props = {
  *
  * @param children The children to render
  */
-export declare function FlashMessagesProvider({ children }: Props): JSX.Element;
+export declare function FlashMessagesProvider({ children }: Props): React.ReactElement;

package/lib/provider.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlashMessagesProvider = exports.FlashMessagesContext = void 0;
+exports.FlashMessagesContext = void 0;
+exports.FlashMessagesProvider = FlashMessagesProvider;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("./hooks");
 const service_1 = require("./service");
@@ -19,4 +20,3 @@ function FlashMessagesProvider({ children }) {
     const flashMessages = (0, hooks_1.useFlashMessages)();
     return (react_1.default.createElement(exports.FlashMessagesContext.Provider, { value: flashMessages }, children));
 }
-exports.FlashMessagesProvider = FlashMessagesProvider;

package/lib/service.d.ts

@@ -1,6 +1,6 @@
 import { FlashMessage, FlashMessageRemovedReason } from './models';
-export declare type Subscriber = (flashMessages: FlashMessage<unknown>[]) => void;
-export declare type FlashMessageService = {
+export type Subscriber = (flashMessages: FlashMessage<unknown>[]) => void;
+export type FlashMessageService = {
     addFlashMessage(flashMessage: FlashMessage<unknown>): void;
     removeFlashMessage(flashMessage: FlashMessage<unknown>, reason: FlashMessageRemovedReason): void;
     clearFlashMessages(): void;

package/lib/service.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.flashMessageService = exports.makeFlashMessageService = void 0;
+exports.flashMessageService = void 0;
+exports.makeFlashMessageService = makeFlashMessageService;
 function makeFlashMessageService() {
     let flashMessages = [];
     let subscribers = [];
@@ -47,5 +48,4 @@ function makeFlashMessageService() {
         subscribers.forEach((subscriber) => subscriber([...flashMessages]));
     }
 }
-exports.makeFlashMessageService = makeFlashMessageService;
 exports.flashMessageService = makeFlashMessageService();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@42.nl/react-flash-messages",
-  "version": "2.0.1",
+  "version": "2.0.3-rc.0",
   "description": "Storing flash messages via a nice api for use with React.",
   "files": [
     "lib"
@@ -20,69 +20,45 @@
     "url": "https://github.com/42BV/flash-messages/issues"
   },
   "homepage": "https://github.com/42BV/flash-messages#readme",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
   "devDependencies": {
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.4",
-    "@types/jest": "27.4.1",
-    "@types/react": "17.0.40",
-    "@types/react-dom": "17.0.13",
-    "@typescript-eslint/eslint-plugin": "5.14.0",
-    "@typescript-eslint/parser": "5.14.0",
-    "eslint": "8.10.0",
-    "eslint-config-react-app": "7.0.0",
-    "eslint-plugin-jest": "26.1.1",
-    "eslint-plugin-react": "7.29.3",
-    "eslint-plugin-react-hooks": "4.3.0",
-    "husky": "7.0.4",
-    "jest": "27.5.1",
-    "jest-watch-typeahead": "1.0.0",
-    "lint-staged": "12.3.5",
-    "np": "^7.6.0",
-    "prettier": "2.5.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "ts-jest": "27.1.3",
-    "typescript": "4.6.2"
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.13",
+    "@types/react-dom": "19.2.3",
+    "@vitest/coverage-v8": "4.0.18",
+    "eslint": "9.39.2",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-vitest": "0.5.4",
+    "jsdom": "28.0.0",
+    "husky": "9.1.7",
+    "lint-staged": "16.2.7",
+    "np": "11.0.2",
+    "prettier": "3.8.1",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.54.0",
+    "vitest": "4.0.18"
   },
   "scripts": {
-    "start": "jest --watch --coverage",
+    "start": "vitest --coverage",
     "clean": "rm -rf lib",
     "test": "npm run lint && npm run test:ts && npm run test:coverage",
     "test:ts": "tsc --version && tsc --noEmit",
-    "test:coverage": "jest test --no-cache --coverage",
+    "test:coverage": "vitest run --coverage",
     "docs": "jekyll serve --source docs",
     "tsc": "npm run clean && tsc --version && tsc",
     "lint": "npm run lint:test && npm run lint:src",
     "lint:test": "eslint \"tests/**\" --max-warnings=0",
     "lint:src": "eslint \"src/**\" --max-warnings=0",
-    "release": "npm run tsc && np --otp",
+    "release": "npm run tsc && np",
     "dev:publish": "./scripts/dev-publish.sh",
     "version": "npm run tsc && jekyll build",
-    "prepare": "husky install"
-  },
-  "jest": {
-    "preset": "ts-jest",
-    "roots": [
-      "src",
-      "tests"
-    ],
-    "collectCoverageFrom": [
-      "./src/**/*.{ts,tsx}"
-    ],
-    "coverageThreshold": {
-      "global": {
-        "branches": 100,
-        "functions": 100,
-        "lines": 100,
-        "statements": 100
-      }
-    },
-    "restoreMocks": true,
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "testEnvironment": "jsdom"
+    "prepare": "husky"
   },
   "lint-staged": {
     "{src,test}/**/*.{js,jsx,json,scss,tsx,ts}": [