@mantine/notifications
Version:
Mantine notifications system
96 lines (95 loc) • 3.23 kB
JavaScript
"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