@bgord/ui 0.8.24 → 0.8.25

package/dist/services/notifications.d.ts

@@ -0,0 +1,23 @@
+import { type PropsWithChildren } from "react";
+export type NotificationVariantType = "positive" | "negative" | "warning" | "neutral";
+export type NotificationType = {
+    id: string;
+    message: string;
+    variant: NotificationVariantType;
+};
+export type NotificationContextValueType = {
+    notifications: Array<NotificationType>;
+    notify: (config: Omit<NotificationType, "id">) => void;
+    dismiss: (id: NotificationType["id"]) => void;
+    dismissAll: () => void;
+};
+export declare const NotificationContext: import("react").Context<NotificationContextValueType | undefined>;
+type NotificationProviderPropsType = PropsWithChildren<{
+    duration: number;
+}>;
+export declare function NotificationProvider(props: NotificationProviderPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function useNotifications(): NotificationContextValueType["notifications"];
+export declare function useNotify(): NotificationContextValueType["notify"];
+export declare function useDismiss(): NotificationContextValueType["dismiss"];
+export declare function useDismissAll(): NotificationContextValueType["dismissAll"];
+export {};

package/dist/services/notifications.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, use, useCallback, useEffect, useReducer, useRef, } from "react";
+function notificationReducer(state, action) {
+    switch (action.type) {
+        case "ADD":
+            return { notifications: [action.notification, ...state.notifications] };
+        case "DISMISS":
+            return { notifications: state.notifications.filter((notification) => notification.id !== action.id) };
+        case "DISMISS_ALL":
+            return { notifications: [] };
+    }
+}
+export const NotificationContext = createContext(undefined);
+export function NotificationProvider(props) {
+    const [state, dispatch] = useReducer(notificationReducer, { notifications: [] });
+    const timers = useRef(new Map());
+    const notify = useCallback((config) => {
+        const notification = { id: crypto.randomUUID(), ...config };
+        dispatch({ type: "ADD", notification });
+        const timer = setTimeout(() => {
+            dispatch({ type: "DISMISS", id: notification.id });
+            timers.current.delete(notification.id);
+        }, props.duration);
+        timers.current.set(notification.id, timer);
+    }, [props.duration]);
+    const dismiss = useCallback((id) => {
+        const timer = timers.current.get(id);
+        if (timer !== undefined) {
+            clearTimeout(timer);
+            timers.current.delete(id);
+        }
+        dispatch({ type: "DISMISS", id });
+    }, []);
+    const dismissAll = useCallback(() => {
+        timers.current.forEach((timer) => clearTimeout(timer));
+        timers.current.clear();
+        dispatch({ type: "DISMISS_ALL" });
+    }, []);
+    useEffect(() => {
+        return () => {
+            timers.current.forEach((timer) => clearTimeout(timer));
+            timers.current.clear();
+        };
+    }, []);
+    return (_jsx(NotificationContext.Provider, { value: { notifications: state.notifications, notify, dismiss, dismissAll }, children: props.children }));
+}
+export function useNotifications() {
+    const value = use(NotificationContext);
+    if (value === undefined)
+        throw new Error("useNotifications must be used within the NotificationContext");
+    return value.notifications;
+}
+export function useNotify() {
+    const value = use(NotificationContext);
+    if (value === undefined)
+        throw new Error("useNotify must be used within the NotificationContext");
+    return value.notify;
+}
+export function useDismiss() {
+    const value = use(NotificationContext);
+    if (value === undefined)
+        throw new Error("useDismiss must be used within the NotificationContext");
+    return value.dismiss;
+}
+export function useDismissAll() {
+    const value = use(NotificationContext);
+    if (value === undefined)
+        throw new Error("useDismissAll must be used within the NotificationContext");
+    return value.dismissAll;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bgord/ui",
-  "version": "0.8.24",
+  "version": "0.8.25",
   "type": "module",
   "exports": {
     ".": {
@@ -19,22 +19,22 @@
     "access": "public"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.4",
-    "@commitlint/cli": "20.4.2",
-    "@commitlint/config-conventional": "20.4.2",
-    "@happy-dom/global-registrator": "20.7.0",
+    "@biomejs/biome": "2.4.6",
+    "@commitlint/cli": "20.4.4",
+    "@commitlint/config-conventional": "20.4.4",
+    "@happy-dom/global-registrator": "20.8.4",
     "@stryker-mutator/core": "9.6.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/bun": "1.3.9",
+    "@types/bun": "1.3.10",
     "@types/js-cookie": "3.0.6",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "cspell": "9.7.0",
-    "knip": "5.85.0",
-    "lefthook": "2.1.1",
+    "knip": "5.86.0",
+    "lefthook": "2.1.4",
     "lockfile-lint": "5.0.0",
     "only-allow": "1.2.2",
     "shellcheck": "4.1.0",

package/readme.md

@@ -55,6 +55,7 @@ src/
     ├── get-safe-window.ts
     ├── head.ts
     ├── noop.ts
+    ├── notifications.tsx
     ├── number-field.ts
     ├── pluralize.ts
     ├── rhythm.ts