UNPKG

@scrumble-nl/react-quick-toaster

Version:

A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.

91 lines (90 loc) 3.95 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; 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)); }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; exports.__esModule = true; exports.ToastProvider = exports.ToastContext = void 0; var react_1 = __importDefault(require("react")); var toast_renderer_1 = require("./toast-renderer"); require("./scss/toaster.css"); // @ts-ignore exports.ToastContext = react_1["default"].createContext(); var ToastProvider = /** @class */ (function (_super) { __extends(ToastProvider, _super); function ToastProvider() { var _this = _super !== null && _super.apply(this, arguments) || this; _this.state = { toasts: [] }; _this.addToast = function (toast) { if (_this.state.toasts.length >= _this.props.maxItems) { _this.removeToastByIndex(0, _this.state.toasts.length - _this.props.maxItems + 1); } _this.setState({ toasts: __spreadArray([__assign(__assign({}, toast), { id: new Date().getTime() })], _this.state.toasts, true) }); }; _this.removeToastByIndex = function (index, deleteCount) { if (deleteCount === void 0) { deleteCount = 1; } var toasts = _this.state.toasts; toasts.splice(index, deleteCount); _this.setState({ toasts: toasts }); }; _this.removeToastById = function (id) { for (var i = 0, j = _this.state.toasts.length; i < j; i++) { // @ts-ignore if (_this.state.toasts[i].id === id) { _this.removeToastByIndex(i); return; } } }; _this.render = function () { var context = { add: _this.addToast }; return (react_1["default"].createElement(exports.ToastContext.Provider, { value: context }, _this.props.children, react_1["default"].createElement(toast_renderer_1.ToastRenderer, { toasts: _this.state.toasts, position: _this.props.position, defaultTimer: _this.props.defaultTimer, removeToast: _this.removeToastById.bind(_this) }))); }; return _this; } ToastProvider.defaultProps = { position: 'top-right', maxItems: 8, defaultTimer: 4000 }; return ToastProvider; }(react_1["default"].Component)); exports.ToastProvider = ToastProvider;