UNPKG

@mantine/notifications

Version:

Mantine notifications system

96 lines (95 loc) 3.23 kB
"use client"; let _mantine_hooks = require("@mantine/hooks"); let _mantine_store = require("@mantine/store"); //#region packages/@mantine/notifications/src/notifications.store.ts function getDistributedNotifications(data, defaultPosition, limit) { const queue = []; const notifications = []; const count = {}; for (const item of data) { const position = item.position || defaultPosition; count[position] = count[position] || 0; count[position] += 1; if (count[position] <= limit) notifications.push(item); else queue.push(item); } return { notifications, queue }; } const createNotificationsStore = () => (0, _mantine_store.createStore)({ notifications: [], queue: [], defaultPosition: "bottom-right", limit: 5 }); const notificationsStore = createNotificationsStore(); const useNotifications = (store = notificationsStore) => (0, _mantine_store.useStore)(store); function updateNotificationsState(store, update) { const state = store.getState(); const updated = getDistributedNotifications(update([...state.notifications, ...state.queue]), state.defaultPosition, state.limit); store.setState({ notifications: updated.notifications, queue: updated.queue, limit: state.limit, defaultPosition: state.defaultPosition }); } function showNotification(notification, store = notificationsStore) { const id = notification.id || (0, _mantine_hooks.randomId)(); updateNotificationsState(store, (notifications) => { if (notification.id && notifications.some((n) => n.id === notification.id)) return notifications; return [...notifications, { ...notification, id }]; }); return id; } function hideNotification(id, store = notificationsStore) { updateNotificationsState(store, (notifications) => notifications.filter((notification) => { if (notification.id === id) { notification.onClose?.(notification); return false; } return true; })); return id; } function updateNotification(notification, store = notificationsStore) { updateNotificationsState(store, (notifications) => notifications.map((item) => { if (item.id === notification.id) return { ...item, ...notification }; return item; })); return notification.id; } function cleanNotifications(store = notificationsStore) { updateNotificationsState(store, () => []); } function cleanNotificationsQueue(store = notificationsStore) { updateNotificationsState(store, (notifications) => notifications.slice(0, store.getState().limit)); } const notifications = { show: showNotification, hide: hideNotification, update: updateNotification, clean: cleanNotifications, cleanQueue: cleanNotificationsQueue, updateState: updateNotificationsState }; //#endregion exports.cleanNotifications = cleanNotifications; exports.cleanNotificationsQueue = cleanNotificationsQueue; exports.createNotificationsStore = createNotificationsStore; exports.hideNotification = hideNotification; exports.notifications = notifications; exports.notificationsStore = notificationsStore; exports.showNotification = showNotification; exports.updateNotification = updateNotification; exports.updateNotificationsState = updateNotificationsState; exports.useNotifications = useNotifications; //# sourceMappingURL=notifications.store.cjs.map