@apia/notifications 2.0.11 → 3.0.2

package/dist/defaultNotifier.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultNotifier.js","sources":["../src/defaultNotifier.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { INotification, TNotificationId, TNotificationSelector } from './types';\r\nimport { EventEmitter, useMount, useLatest } from '@apia/util';\r\nimport { useState } from 'react';\r\n\r\nexport const onCloseNotificationCallbacks: Record<string, () => unknown> = {};\r\n\r\nexport type TNotificationType = 'danger' | 'success' | 'warning';\r\n\r\nfunction shallowEqual(a: unknown[], b: unknown[]) {\r\n  if (a.length !== b.length) return false;\r\n\r\n  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;\r\n\r\n  return true;\r\n}\r\n\r\nlet id=0;\r\nexport function uniqueId() {\r\n  return `notification_${id++}`\r\n}\r\n\r\nexport type TDispatchedNotification = Omit<\r\n  INotification<TNotificationType>,\r\n  'id' | 'type' | 'isOpen'\r\n> &\r\n  Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;\r\n\r\nexport class DefaultNotifier extends EventEmitter<{ changedList: boolean }> {\r\n  notifications: INotification<TNotificationType>[] = [];\r\n\r\n  areNotificationsOpen(): boolean {\r\n    return !!document.querySelector('.notification');\r\n  }\r\n\r\n  shout() {\r\n    this.emit('changedList', true);\r\n  }\r\n\r\n  close(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.map((current) => {\r\n      if (current.id === actualId) {\r\n        current.onClose?.();\r\n        return { ...current, isOpen: false };\r\n      }\r\n      return current;\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  closeAll(): void {\r\n    this.notifications = this.notifications.map((current) => {\r\n      current.onClose?.();\r\n      return {\r\n        ...current,\r\n        isOpen: false,\r\n      };\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  delete(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.filter(\r\n      (current) => current.id !== actualId,\r\n    );\r\n    this.shout();\r\n  }\r\n\r\n  useSelector = (\r\n    selector: TNotificationSelector<TNotificationType>,\r\n  ): INotification<TNotificationType>[] => {\r\n    const [state, setState] = useState<INotification<TNotificationType>[]>([]);\r\n\r\n    const lastState = useLatest(state);\r\n    useMount(() => {\r\n      return this.on('changedList', () => {\r\n        const newState = selector(this.notifications);\r\n        if (!shallowEqual(newState, lastState.current)) {\r\n          setState([...newState]);\r\n        }\r\n      });\r\n    });\r\n\r\n    return state;\r\n  };\r\n\r\n  notify(notification: TDispatchedNotification): void {\r\n    const id = notification.id ?? uniqueId();\r\n\r\n    let hasAnimated = false;\r\n    document\r\n      .querySelectorAll('.notificationsFloatingList .notification__text')\r\n      .forEach((current) => {\r\n        if (current.textContent === notification.message) {\r\n          const notificationElement = (current as HTMLElement).closest(\r\n            '.notification',\r\n          ) as HTMLElement;\r\n          if (notificationElement) {\r\n            notificationElement.classList.add('animate');\r\n            setTimeout(() => {\r\n              notificationElement.classList.remove('animate');\r\n            }, 200);\r\n            hasAnimated = true;\r\n          } else\r\n            console.warn(\r\n              'A notification with that text was found, but it could not be animated',\r\n            );\r\n        }\r\n      });\r\n    if (hasAnimated) return;\r\n\r\n    this.notifications.push({\r\n      ...notification,\r\n      isOpen: true,\r\n      type: notification.type ?? 'warning',\r\n      id,\r\n    });\r\n\r\n    this.shout();\r\n  }\r\n\r\n  on<K extends 'changedList'>(\r\n    eventName: K,\r\n    fn: (params: { changedList: boolean }[K]) => unknown,\r\n  ): () => void {\r\n    fn(true);\r\n    return super.on(eventName, fn);\r\n  }\r\n}\r\n\r\nexport const defaultNotifier = new DefaultNotifier();\r\n\r\nexport function notify(notification: TDispatchedNotification) {\r\n  defaultNotifier.notify(notification);\r\n}\r\n"],"names":["id"],"mappings":"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"}

package/dist/types.d.ts

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react';
-
-type TNotificationId = string | number;
-interface INotification<T = string> {
-    icon?: ReactNode;
-    id: TNotificationId;
-    isOpen: boolean;
-    message: string;
-    onClose?: () => unknown;
-    title?: string;
-    trace?: string;
-    type: T;
-}
-type TNotificationSelector<T> = (notifications: INotification<T>[]) => INotification<T>[];
-declare global {
-    interface Window {
-        LBL_ERROR: string;
-        LBL_WARNING: string;
-        LBL_COMPLETE_OPERATION: string;
-    }
-}
-
-export type { INotification, TNotificationId, TNotificationSelector };
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}