react-high-toast
Version:
A highly customizable toast notification system for React using portals
73 lines (72 loc) • 3.19 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useToast = exports.ToastProvider = void 0;
var react_1 = __importStar(require("react"));
var ToastContext = (0, react_1.createContext)(undefined);
var ToastProvider = function (_a) {
var children = _a.children;
var _b = (0, react_1.useState)([]), toasts = _b[0], setToasts = _b[1];
var addToast = function (message, options) {
var _a;
if (options === void 0) { options = {}; }
var id = options.id || Math.random().toString(36).substr(2, 9);
var toast = {
id: id,
message: message,
type: options.type || 'default',
duration: (_a = options.duration) !== null && _a !== void 0 ? _a : 5000,
position: options.position || 'top-right',
createdAt: Date.now(),
};
setToasts(function (prev) { return __spreadArray(__spreadArray([], prev, true), [toast], false); });
if (toast.duration !== 0) {
setTimeout(function () { return removeToast(id); }, toast.duration);
}
return id;
};
var removeToast = function (id) {
setToasts(function (prev) { return prev.filter(function (toast) { return toast.id !== id; }); });
};
return (react_1.default.createElement(ToastContext.Provider, { value: { toasts: toasts, addToast: addToast, removeToast: removeToast } }, children));
};
exports.ToastProvider = ToastProvider;
var useToast = function () {
var context = (0, react_1.useContext)(ToastContext);
if (!context) {
throw new Error('useToast must be used within a ToastProvider');
}
return context;
};
exports.useToast = useToast;