react-redux-toastr

Package Overview

Dependencies

Maintainers

Versions

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-redux-toastr - npm Package Compare versions

Comparing version 7.4.5 to 7.4.6

lib/actions.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,19 +6,17 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.removeByType = exports.hideConfirm = exports.showConfirm = exports.remove = exports.clean = undefined;
		exports.add = add;
		exports.removeByType = exports.hideConfirm = exports.showConfirm = exports.remove = exports.clean = void 0;

		var _constants = require('./constants');
		var _constants = require("./constants");

		var _utils = require('./utils');
		var _utils = require("./utils");

		var _reducer = require('./reducer');
		var _reducer = require("./reducer");

		var _config = require('./config');
		var _config = _interopRequireDefault(require("./config"));

		var _config2 = _interopRequireDefault(_config);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function add(toastr) {
		if (_config2.default.preventDuplicates && (0, _utils.preventDuplication)(_reducer.toastrsCache, toastr)) {
		if (_config.default.preventDuplicates && (0, _utils.preventDuplication)(_reducer.toastrsCache, toastr)) {
		return {
		@@ -31,2 +29,3 @@ type: _constants.ADD_TOASTR,
		}

		return {
		@@ -38,7 +37,11 @@ type: _constants.ADD_TOASTR,

		var clean = exports.clean = function clean() {
		return { type: _constants.CLEAN_TOASTR };
		var clean = function clean() {
		return {
		type: _constants.CLEAN_TOASTR
		};
		};

		var remove = exports.remove = function remove(payload) {
		exports.clean = clean;

		var remove = function remove(payload) {
		return {
		@@ -50,3 +53,5 @@ type: _constants.REMOVE_TOASTR,

		var showConfirm = exports.showConfirm = function showConfirm(payload) {
		exports.remove = remove;

		var showConfirm = function showConfirm(payload) {
		return {
		@@ -58,7 +63,13 @@ type: _constants.SHOW_CONFIRM,

		var hideConfirm = exports.hideConfirm = function hideConfirm() {
		return { type: _constants.HIDE_CONFIRM };
		exports.showConfirm = showConfirm;

		var hideConfirm = function hideConfirm() {
		return {
		type: _constants.HIDE_CONFIRM
		};
		};

		var removeByType = exports.removeByType = function removeByType(payload) {
		exports.hideConfirm = hideConfirm;

		var removeByType = function removeByType(payload) {
		return {
		@@ -68,2 +79,4 @@ type: _constants.REMOVE_BY_TYPE,
		};
		};
		};

		exports.removeByType = removeByType;

lib/Button.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,21 +6,20 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var _react = _interopRequireDefault(require("react"));

		var _react2 = _interopRequireDefault(_react);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var Button = function Button(props) {
		return _react2.default.createElement(
		'button',
		{ type: 'button', onClick: function onClick() {
		return props.onClick();
		}, className: 'rrt-button ' + props.className },
		props.children
		);
		return _react.default.createElement("button", {
		type: "button",
		onClick: function onClick() {
		return props.onClick();
		},
		className: 'rrt-button ' + props.className
		}, props.children);
		};

		Button.displayName = 'ReduxConfirmButton';

		exports.default = Button;
		var _default = Button;
		exports.default = _default;

lib/config.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,2 +6,3 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;
		var toastr = {
		@@ -13,3 +14,3 @@ maxAnimationDelay: 6000,
		};

		exports.default = toastr;
		var _default = toastr;
		exports.default = _default;

lib/constants.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,12 +6,20 @@ Object.defineProperty(exports, "__esModule", {
		});
		var ADD_TOASTR = exports.ADD_TOASTR = '@ReduxToastr/toastr/ADD';
		var REMOVE_TOASTR = exports.REMOVE_TOASTR = '@ReduxToastr/toastr/REMOVE';
		var CLEAN_TOASTR = exports.CLEAN_TOASTR = '@ReduxToastr/toastr/CLEAN';
		var SHOW_CONFIRM = exports.SHOW_CONFIRM = '@ReduxToastr/confirm/SHOW';
		var HIDE_CONFIRM = exports.HIDE_CONFIRM = '@ReduxToastr/confirm/HIDE';
		var REMOVE_BY_TYPE = exports.REMOVE_BY_TYPE = '@ReduxToastr/toastr/REMOVE_BY_TYPE';
		// before add a new transition - check its presence in src/styles/animations.scss
		var TRANSITIONS = exports.TRANSITIONS = {
		exports.TRANSITIONS = exports.REMOVE_BY_TYPE = exports.HIDE_CONFIRM = exports.SHOW_CONFIRM = exports.CLEAN_TOASTR = exports.REMOVE_TOASTR = exports.ADD_TOASTR = void 0;
		var ADD_TOASTR = '@ReduxToastr/toastr/ADD';
		exports.ADD_TOASTR = ADD_TOASTR;
		var REMOVE_TOASTR = '@ReduxToastr/toastr/REMOVE';
		exports.REMOVE_TOASTR = REMOVE_TOASTR;
		var CLEAN_TOASTR = '@ReduxToastr/toastr/CLEAN';
		exports.CLEAN_TOASTR = CLEAN_TOASTR;
		var SHOW_CONFIRM = '@ReduxToastr/confirm/SHOW';
		exports.SHOW_CONFIRM = SHOW_CONFIRM;
		var HIDE_CONFIRM = '@ReduxToastr/confirm/HIDE';
		exports.HIDE_CONFIRM = HIDE_CONFIRM;
		var REMOVE_BY_TYPE = '@ReduxToastr/toastr/REMOVE_BY_TYPE'; // before add a new transition - check its presence in src/styles/animations.scss

		exports.REMOVE_BY_TYPE = REMOVE_BY_TYPE;
		var TRANSITIONS = {
		in: ['bounceIn', 'bounceInDown', 'fadeIn'],
		out: ['bounceOut', 'bounceOutUp', 'fadeOut']
		};
		};
		exports.TRANSITIONS = TRANSITIONS;

lib/Icon.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,26 +6,35 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var _react = _interopRequireDefault(require("react"));

		var _react2 = _interopRequireDefault(_react);
		var _classnames = _interopRequireDefault(require("classnames"));

		var _classnames = require('classnames');
		var _icons = _interopRequireDefault(require("./icons"));

		var _classnames2 = _interopRequireDefault(_classnames);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _icons = require('./icons');
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		var _icons2 = _interopRequireDefault(_icons);
		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		var Icon = function (_React$Component) {
		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var Icon =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Icon, _React$Component);
		@@ -36,33 +45,32 @@

		return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
		return _possibleConstructorReturn(this, _getPrototypeOf(Icon).apply(this, arguments));
		}

		Icon.prototype.render = function render() {
		var size = this.props.size;

		var styles = {
		width: size,
		height: size
		};

		return _react2.default.createElement(
		'svg',
		{
		className: (0, _classnames2.default)(this.props.className, 'toastr-icon'),
		xmlns: 'http://www.w3.org/2000/svg',
		preserveAspectRatio: 'xMidYMid meet',
		viewBox: '0 0 ' + this.props.size + ' ' + this.props.size,
		_createClass(Icon, [{
		key: "render",
		value: function render() {
		var size = this.props.size;
		var styles = {
		width: size,
		height: size
		};
		return _react.default.createElement("svg", {
		className: (0, _classnames.default)(this.props.className, 'toastr-icon'),
		xmlns: "http://www.w3.org/2000/svg",
		preserveAspectRatio: "xMidYMid meet",
		viewBox: "0 0 ".concat(this.props.size, " ").concat(this.props.size),
		style: styles
		},
		(0, _icons2.default)(this.props.name)
		);
		};
		}, (0, _icons.default)(this.props.name));
		}
		}]);

		return Icon;
		}(_react2.default.Component);
		}(_react.default.Component);

		Icon.displayName = 'ReduxToastrIcon';
		Icon.defaultProps = {
		exports.default = Icon;

		_defineProperty(Icon, "displayName", 'ReduxToastrIcon');

		_defineProperty(Icon, "defaultProps", {
		size: 32
		};
		exports.default = Icon;
		});

lib/icons.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,42 +6,41 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = _default;

		exports.default = function (name) {
		var _react = _interopRequireDefault(require("react"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _default(name) {
		switch (name) {
		case 'success':
		return _react2.default.createElement(
		'g',
		null,
		_react2.default.createElement('path', { d: 'M27 4l-15 15-7-7-5 5 12 12 20-20z' })
		);
		return _react.default.createElement("g", null, _react.default.createElement("path", {
		d: "M27 4l-15 15-7-7-5 5 12 12 20-20z"
		}));

		case 'info':
		return _react2.default.createElement(
		'g',
		null,
		_react2.default.createElement('path', { d: 'M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z' }),
		_react2.default.createElement('path', { d: 'M20 24h-8v-2h2v-6h-2v-2h6v8h2z' }),
		_react2.default.createElement('path', { d: 'M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z' })
		);
		return _react.default.createElement("g", null, _react.default.createElement("path", {
		d: "M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"
		}), _react.default.createElement("path", {
		d: "M20 24h-8v-2h2v-6h-2v-2h6v8h2z"
		}), _react.default.createElement("path", {
		d: "M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"
		}));

		case 'warning':
		return _react2.default.createElement(
		'g',
		null,
		_react2.default.createElement('path', { d: 'M16 2.899l13.409 26.726h-26.819l13.409-26.726zM16 0c-0.69 0-1.379 0.465-1.903 1.395l-13.659 27.222c-1.046 1.86-0.156 3.383 1.978 3.383h27.166c2.134 0 3.025-1.522 1.978-3.383h0l-13.659-27.222c-0.523-0.93-1.213-1.395-1.903-1.395v0z' }),
		_react2.default.createElement('path', { d: 'M18 26c0 1.105-0.895 2-2 2s-2-0.895-2-2c0-1.105 0.895-2 2-2s2 0.895 2 2z' }),
		_react2.default.createElement('path', { d: 'M16 22c-1.105 0-2-0.895-2-2v-6c0-1.105 0.895-2 2-2s2 0.895 2 2v6c0 1.105-0.895 2-2 2z' })
		);
		return _react.default.createElement("g", null, _react.default.createElement("path", {
		d: "M16 2.899l13.409 26.726h-26.819l13.409-26.726zM16 0c-0.69 0-1.379 0.465-1.903 1.395l-13.659 27.222c-1.046 1.86-0.156 3.383 1.978 3.383h27.166c2.134 0 3.025-1.522 1.978-3.383h0l-13.659-27.222c-0.523-0.93-1.213-1.395-1.903-1.395v0z"
		}), _react.default.createElement("path", {
		d: "M18 26c0 1.105-0.895 2-2 2s-2-0.895-2-2c0-1.105 0.895-2 2-2s2 0.895 2 2z"
		}), _react.default.createElement("path", {
		d: "M16 22c-1.105 0-2-0.895-2-2v-6c0-1.105 0.895-2 2-2s2 0.895 2 2v6c0 1.105-0.895 2-2 2z"
		}));

		case 'error':
		return _react2.default.createElement(
		'g',
		null,
		_react2.default.createElement('path', { d: 'M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12s12-5.373,12-12S18.627,0,12,0z M12,19.66 c-0.938,0-1.58-0.723-1.58-1.66c0-0.964,0.669-1.66,1.58-1.66c0.963,0,1.58,0.696,1.58,1.66C13.58,18.938,12.963,19.66,12,19.66z M12.622,13.321c-0.239,0.815-0.992,0.829-1.243,0c-0.289-0.956-1.316-4.585-1.316-6.942c0-3.11,3.891-3.125,3.891,0 C13.953,8.75,12.871,12.473,12.622,13.321z' })
		);
		return _react.default.createElement("g", null, _react.default.createElement("path", {
		d: "M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12s12-5.373,12-12S18.627,0,12,0z M12,19.66 c-0.938,0-1.58-0.723-1.58-1.66c0-0.964,0.669-1.66,1.58-1.66c0.963,0,1.58,0.696,1.58,1.66C13.58,18.938,12.963,19.66,12,19.66z M12.622,13.321c-0.239,0.815-0.992,0.829-1.243,0c-0.289-0.956-1.316-4.585-1.316-6.942c0-3.11,3.891-3.125,3.891,0 C13.953,8.75,12.871,12.473,12.622,13.321z"
		}));

		default:
		return null;
		}
		};

		var _react = require('react');

		var _react2 = _interopRequireDefault(_react);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		}

lib/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,25 +6,23 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.toastr = exports.reducer = exports.actions = undefined;
		exports.toastr = exports.reducer = exports.actions = exports.default = void 0;

		var _ReduxToastr = require('./ReduxToastr');
		var _ReduxToastr = _interopRequireDefault(require("./ReduxToastr"));

		var _ReduxToastr2 = _interopRequireDefault(_ReduxToastr);
		var ReduxToastrActions = _interopRequireWildcard(require("./actions"));

		var _actions = require('./actions');
		var _reducer = _interopRequireDefault(require("./reducer"));

		var ReduxToastrActions = _interopRequireWildcard(_actions);
		var _toastrEmitter = require("./toastrEmitter");

		var _reducer = require('./reducer');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _reducer2 = _interopRequireDefault(_reducer);

		var _toastrEmitter = require('./toastrEmitter');

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.default = _ReduxToastr2.default;
		var actions = exports.actions = ReduxToastrActions;
		var reducer = exports.reducer = _reducer2.default;
		var toastr = exports.toastr = _toastrEmitter.toastrEmitter;
		var _default = _ReduxToastr.default;
		exports.default = _default;
		var actions = ReduxToastrActions;
		exports.actions = actions;
		var reducer = _reducer.default;
		exports.reducer = reducer;
		var toastr = _toastrEmitter.toastrEmitter;
		exports.toastr = toastr;

121

lib/ProgressBar.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,30 +6,44 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var _react = _interopRequireDefault(require("react"));

		var _react2 = _interopRequireDefault(_react);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		var ProgressBar = function (_React$Component) {
		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var ProgressBar =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ProgressBar, _React$Component);

		function ProgressBar(props) {
		var _this;

		_classCallCheck(this, ProgressBar);

		var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));

		_this.state = { percent: 100 };
		_this = _possibleConstructorReturn(this, _getPrototypeOf(ProgressBar).call(this, props));
		_this.state = {
		percent: 100
		};
		_this.intervalId = null;
		@@ -39,43 +53,54 @@ return _this;

		ProgressBar.prototype.componentDidMount = function componentDidMount() {
		var _this2 = this;
		_createClass(ProgressBar, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		var distance = 100 / (this.props.duration / 10);
		this.intervalId = setInterval(function () {
		var percent = _this2.state.percent - distance;
		var distance = 100 / (this.props.duration / 10);
		this.intervalId = setInterval(function () {
		var percent = _this2.state.percent - distance;

		_this2.setState({ percent: percent > 0 ? percent : 0 });
		}, 10);
		};

		ProgressBar.prototype.componentDidUpdate = function componentDidUpdate() {
		if (this.state.percent <= 0 && this.intervalId) {
		clearTimeout(this.intervalId);
		_this2.setState({
		percent: percent > 0 ? percent : 0
		});
		}, 10);
		}
		};

		ProgressBar.prototype.componentWillUnmount = function componentWillUnmount() {
		if (this.intervalId) {
		clearTimeout(this.intervalId);
		}, {
		key: "componentDidUpdate",
		value: function componentDidUpdate() {
		if (this.state.percent <= 0 && this.intervalId) {
		clearTimeout(this.intervalId);
		}
		}
		};
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		if (this.intervalId) {
		clearTimeout(this.intervalId);
		}
		}
		}, {
		key: "render",
		value: function render() {
		var percent = this.state.percent;
		return _react.default.createElement("div", {
		className: "rrt-progress-container"
		}, _react.default.createElement("div", {
		className: "rrt-progressbar",
		style: {
		width: "".concat(percent, "%")
		}
		}));
		}
		}]);

		ProgressBar.prototype.render = function render() {
		var percent = this.state.percent;
		return ProgressBar;
		}(_react.default.Component);

		exports.default = ProgressBar;

		return _react2.default.createElement(
		'div',
		{ className: 'rrt-progress-container' },
		_react2.default.createElement('div', { className: 'rrt-progressbar', style: { width: percent + '%' } })
		);
		};
		_defineProperty(ProgressBar, "displayName", 'ProgressBar');

		return ProgressBar;
		}(_react2.default.Component);

		ProgressBar.displayName = 'ProgressBar';
		ProgressBar.propTypes = {
		duration: _propTypes2.default.number.isRequired
		};
		exports.default = ProgressBar;
		_defineProperty(ProgressBar, "propTypes", {
		duration: _propTypes.default.number.isRequired
		});

lib/reducer.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,26 +6,30 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.toastrsCache = undefined;
		exports.default = exports.toastrsCache = void 0;

		var _utils = require("./utils.js");

		var _config = _interopRequireDefault(require("./config"));

		var _constants = require("./constants");

		var _createReducer;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _utils = require('./utils.js');
		function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) \|\| _iterableToArray(arr) \|\| _nonIterableSpread(); }

		var _config = require('./config');
		function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

		var _config2 = _interopRequireDefault(_config);
		function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) \|\| Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

		var _constants = require('./constants');
		function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

		// TOTO: find a better way of handling this issue
		// We will cache data so we can check for duplicated before fire the add action.
		var toastrsCache = exports.toastrsCache = [];

		var toastrsCache = [];
		exports.toastrsCache = toastrsCache;
		var initialState = {
		@@ -36,3 +40,3 @@ toastrs: [],

		exports.default = (0, _utils.createReducer)(initialState, (_createReducer = {}, _defineProperty(_createReducer, _constants.ADD_TOASTR, function (state, toastr) {
		var _default = (0, _utils.createReducer)(initialState, (_createReducer = {}, _defineProperty(_createReducer, _constants.ADD_TOASTR, function (state, toastr) {
		if (toastr.ignoreToastr) {
		@@ -42,21 +46,23 @@ return state;

		var newToastr = _extends({
		var newToastr = _objectSpread({
		id: (0, _utils.guid)(),
		position: _config2.default.position
		position: _config.default.position
		}, toastr);

		var newState = {};
		if (!_config2.default.newestOnTop) {
		newState = _extends({}, state, {

		if (!_config.default.newestOnTop) {
		newState = _objectSpread({}, state, {
		toastrs: [].concat(_toConsumableArray(state.toastrs), [newToastr])
		});
		} else {
		newState = _extends({}, state, {
		newState = _objectSpread({}, state, {
		toastrs: [newToastr].concat(_toConsumableArray(state.toastrs))
		});
		}

		exports.toastrsCache = toastrsCache = newState.toastrs;
		return newState;
		}), _defineProperty(_createReducer, _constants.REMOVE_TOASTR, function (state, id) {
		var newState = _extends({}, state, {
		var newState = _objectSpread({}, state, {
		toastrs: state.toastrs.filter(function (toastr) {
		@@ -70,3 +76,3 @@ return toastr.id !== id;
		}), _defineProperty(_createReducer, _constants.REMOVE_BY_TYPE, function (state, type) {
		var newState = _extends({}, state, {
		var newState = _objectSpread({}, state, {
		toastrs: state.toastrs.filter(function (toastr) {
		@@ -81,3 +87,3 @@ return toastr.type !== type;
		exports.toastrsCache = toastrsCache = [];
		return _extends({}, state, {
		return _objectSpread({}, state, {
		toastrs: []
		@@ -89,4 +95,3 @@ });
		options = _ref.options;

		return _extends({}, state, {
		return _objectSpread({}, state, {
		confirm: {
		@@ -100,5 +105,7 @@ id: id \|\| (0, _utils.guid)(),
		}), _defineProperty(_createReducer, _constants.HIDE_CONFIRM, function (state) {
		return _extends({}, state, {
		return _objectSpread({}, state, {
		confirm: null
		});
		}), _createReducer));
		}), _createReducer));

		exports.default = _default;

278

lib/ReduxToastr.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,61 +6,68 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.ReduxToastr = undefined;
		exports.default = exports.ReduxToastr = void 0;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		var _react = _interopRequireDefault(require("react"));

		var _react = require('react');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _react2 = _interopRequireDefault(_react);
		var _reactRedux = require("react-redux");

		var _propTypes = require('prop-types');
		var _classnames = _interopRequireDefault(require("classnames"));

		var _propTypes2 = _interopRequireDefault(_propTypes);
		var _ToastrBox = _interopRequireDefault(require("./ToastrBox"));

		var _reactRedux = require('react-redux');
		var _ToastrConfirm = _interopRequireDefault(require("./ToastrConfirm"));

		var _classnames = require('classnames');
		var actions = _interopRequireWildcard(require("./actions"));

		var _classnames2 = _interopRequireDefault(_classnames);
		var _toastrEmitter = require("./toastrEmitter");

		var _ToastrBox = require('./ToastrBox');
		var _utils = require("./utils");

		var _ToastrBox2 = _interopRequireDefault(_ToastrBox);
		var _constants = require("./constants");

		var _ToastrConfirm = require('./ToastrConfirm');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _ToastrConfirm2 = _interopRequireDefault(_ToastrConfirm);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _actions = require('./actions');
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		var actions = _interopRequireWildcard(_actions);
		function _extends() { _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

		var _toastrEmitter = require('./toastrEmitter');
		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

		var _utils = require('./utils');
		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		var _constants = require('./constants');
		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		var ReduxToastr = exports.ReduxToastr = function (_React$Component) {
		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var ReduxToastr =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ReduxToastr, _React$Component);

		function ReduxToastr(props) {
		var _this;

		_classCallCheck(this, ReduxToastr);

		var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
		_this = _possibleConstructorReturn(this, _getPrototypeOf(ReduxToastr).call(this, props));

		_this.toastrFired = {};
		_this.toastrPositions = ['top-left', 'top-right', 'top-center', 'bottom-left', 'bottom-right', 'bottom-center'];
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "toastrFired", {});

		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "toastrPositions", ['top-left', 'top-right', 'top-center', 'bottom-left', 'bottom-right', 'bottom-center']);

		(0, _utils.updateConfig)(props);
		@@ -70,53 +77,65 @@ return _this;

		ReduxToastr.prototype.componentDidMount = function componentDidMount() {
		var _props = this.props,
		add = _props.add,
		showConfirm = _props.showConfirm,
		clean = _props.clean,
		removeByType = _props.removeByType,
		remove = _props.remove;
		_createClass(ReduxToastr, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this$props = this.props,
		add = _this$props.add,
		showConfirm = _this$props.showConfirm,
		clean = _this$props.clean,
		removeByType = _this$props.removeByType,
		remove = _this$props.remove;

		_toastrEmitter.EE.on('toastr/confirm', showConfirm);
		_toastrEmitter.EE.on('add/toastr', add);
		_toastrEmitter.EE.on('clean/toastr', clean);
		_toastrEmitter.EE.on('removeByType/toastr', removeByType);
		_toastrEmitter.EE.on('remove/toastr', remove);
		};
		_toastrEmitter.EE.on('toastr/confirm', showConfirm);

		ReduxToastr.prototype.componentWillUnmount = function componentWillUnmount() {
		_toastrEmitter.EE.removeListener('toastr/confirm');
		_toastrEmitter.EE.removeListener('add/toastr');
		_toastrEmitter.EE.removeListener('clean/toastr');
		_toastrEmitter.EE.removeListener('removeByType/toastr');
		_toastrEmitter.EE.removeListener('remove/toastr');
		this.toastrFired = {};
		};
		_toastrEmitter.EE.on('add/toastr', add);

		ReduxToastr.prototype._addToMemory = function _addToMemory(id) {
		this.toastrFired[id] = true;
		};
		_toastrEmitter.EE.on('clean/toastr', clean);

		ReduxToastr.prototype._renderToastrForPosition = function _renderToastrForPosition(position) {
		var _this2 = this;
		_toastrEmitter.EE.on('removeByType/toastr', removeByType);

		var toastrs = this.props.toastr.toastrs;
		_toastrEmitter.EE.on('remove/toastr', remove);
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		_toastrEmitter.EE.removeListener('toastr/confirm');

		_toastrEmitter.EE.removeListener('add/toastr');

		if (toastrs) {
		return toastrs.filter(function (item) {
		return item.position === position;
		}).map(function (item) {
		var mergedItem = _extends({}, item, {
		options: _extends({
		progressBar: _this2.props.progressBar,
		transitionIn: _this2.props.transitionIn,
		transitionOut: _this2.props.transitionOut,
		closeOnToastrClick: _this2.props.closeOnToastrClick
		}, item.options)
		});
		_toastrEmitter.EE.removeListener('clean/toastr');

		return _react2.default.createElement(
		'span',
		{ key: item.id },
		_react2.default.createElement(_ToastrBox2.default, _extends({
		_toastrEmitter.EE.removeListener('removeByType/toastr');

		_toastrEmitter.EE.removeListener('remove/toastr');

		this.toastrFired = {};
		}
		}, {
		key: "_addToMemory",
		value: function _addToMemory(id) {
		this.toastrFired[id] = true;
		}
		}, {
		key: "_renderToastrForPosition",
		value: function _renderToastrForPosition(position) {
		var _this2 = this;

		var toastrs = this.props.toastr.toastrs;

		if (toastrs) {
		return toastrs.filter(function (item) {
		return item.position === position;
		}).map(function (item) {
		var mergedItem = _objectSpread({}, item, {
		options: _objectSpread({
		progressBar: _this2.props.progressBar,
		transitionIn: _this2.props.transitionIn,
		transitionOut: _this2.props.transitionOut,
		closeOnToastrClick: _this2.props.closeOnToastrClick
		}, item.options)
		});

		return _react.default.createElement("span", {
		key: item.id
		}, _react.default.createElement(_ToastrBox.default, _extends({
		inMemory: _this2.toastrFired,
		@@ -127,4 +146,3 @@ addToMemory: function addToMemory() {
		item: mergedItem
		}, _this2.props)),
		item.options && item.options.attention && _react2.default.createElement('div', {
		}, _this2.props)), item.options && item.options.attention && _react.default.createElement("div", {
		onClick: function onClick() {
		@@ -137,60 +155,61 @@ if (typeof item.options.onAttentionClick === 'function') {
		},
		className: 'toastr-attention' })
		);
		});
		className: "toastr-attention"
		}));
		});
		}
		}
		};
		}, {
		key: "_renderToastrs",
		value: function _renderToastrs() {
		var _this3 = this;

		ReduxToastr.prototype._renderToastrs = function _renderToastrs() {
		var _this3 = this;
		var toastr = this.props.toastr;
		var width = toastr.toastrs && toastr.toastrs[0] && toastr.toastrs[0].options && toastr.toastrs[0].options.width;
		var style = width ? {
		width: width
		} : {};
		return _react.default.createElement("span", null, this.toastrPositions.map(function (position) {
		return _react.default.createElement("div", {
		key: position,
		className: position,
		style: style
		}, _this3._renderToastrForPosition(position));
		}));
		}
		}, {
		key: "render",
		value: function render() {
		var _this$props2 = this.props,
		className = _this$props2.className,
		toastr = _this$props2.toastr;
		return _react.default.createElement("span", {
		className: (0, _classnames.default)('redux-toastr', className),
		"aria-live": "assertive"
		}, toastr.confirm && _react.default.createElement(_ToastrConfirm.default, _extends({
		confirm: toastr.confirm
		}, this.props)), this._renderToastrs());
		}
		}]);

		var toastr = this.props.toastr;
		return ReduxToastr;
		}(_react.default.Component);

		var width = toastr.toastrs && toastr.toastrs[0] && toastr.toastrs[0].options && toastr.toastrs[0].options.width;
		var style = width ? { width: width } : {};
		return _react2.default.createElement(
		'span',
		null,
		this.toastrPositions.map(function (position) {
		return _react2.default.createElement(
		'div',
		{ key: position, className: position, style: style },
		_this3._renderToastrForPosition(position)
		);
		})
		);
		};
		exports.ReduxToastr = ReduxToastr;

		ReduxToastr.prototype.render = function render() {
		var _props2 = this.props,
		className = _props2.className,
		toastr = _props2.toastr;
		_defineProperty(ReduxToastr, "displayName", 'ReduxToastr');

		return _react2.default.createElement(
		'span',
		{ className: (0, _classnames2.default)('redux-toastr', className), 'aria-live': 'assertive' },
		toastr.confirm && _react2.default.createElement(_ToastrConfirm2.default, _extends({
		confirm: toastr.confirm
		}, this.props)),
		this._renderToastrs()
		);
		};
		_defineProperty(ReduxToastr, "propTypes", {
		toastr: _propTypes.default.object,
		position: _propTypes.default.string,
		newestOnTop: _propTypes.default.bool,
		timeOut: _propTypes.default.number,
		confirmOptions: _propTypes.default.object,
		progressBar: _propTypes.default.bool,
		transitionIn: _propTypes.default.oneOf(_constants.TRANSITIONS.in),
		transitionOut: _propTypes.default.oneOf(_constants.TRANSITIONS.out),
		preventDuplicates: _propTypes.default.bool,
		closeOnToastrClick: _propTypes.default.bool
		});

		return ReduxToastr;
		}(_react2.default.Component);

		ReduxToastr.displayName = 'ReduxToastr';
		ReduxToastr.propTypes = {
		toastr: _propTypes2.default.object,
		position: _propTypes2.default.string,
		newestOnTop: _propTypes2.default.bool,
		timeOut: _propTypes2.default.number,
		confirmOptions: _propTypes2.default.object,
		progressBar: _propTypes2.default.bool,
		transitionIn: _propTypes2.default.oneOf(_constants.TRANSITIONS.in),
		transitionOut: _propTypes2.default.oneOf(_constants.TRANSITIONS.out),
		preventDuplicates: _propTypes2.default.bool,
		closeOnToastrClick: _propTypes2.default.bool
		};
		ReduxToastr.defaultProps = {
		_defineProperty(ReduxToastr, "defaultProps", {
		position: 'top-right',
		@@ -208,7 +227,10 @@ newestOnTop: true,
		}
		};
		exports.default = (0, _reactRedux.connect)(function (state) {
		});

		var _default = (0, _reactRedux.connect)(function (state) {
		return {
		toastr: state.toastr ? state.toastr : state.get('toastr')
		};
		}, actions)(ReduxToastr);
		}, actions)(ReduxToastr);

		exports.default = _default;

572

lib/ToastrBox.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,57 +6,64 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		var _react = _interopRequireWildcard(require("react"));

		var _react = require('react');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _react2 = _interopRequireDefault(_react);
		var _classnames = _interopRequireDefault(require("classnames"));

		var _propTypes = require('prop-types');
		var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));

		var _propTypes2 = _interopRequireDefault(_propTypes);
		var _Icon = _interopRequireDefault(require("./Icon"));

		var _classnames = require('classnames');
		var _utils = require("./utils");

		var _classnames2 = _interopRequireDefault(_classnames);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _ProgressBar = require('./ProgressBar');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _ProgressBar2 = _interopRequireDefault(_ProgressBar);
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		var _Icon = require('./Icon');
		function _extends() { _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

		var _Icon2 = _interopRequireDefault(_Icon);
		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		var _utils = require('./utils');
		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } // eslint-disable-line no-unused-vars
		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		var ToastrBox = function (_React$Component) {
		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var ToastrBox =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ToastrBox, _React$Component);

		function ToastrBox(props) {
		var _this;

		_classCallCheck(this, ToastrBox);

		var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
		_this = _possibleConstructorReturn(this, _getPrototypeOf(ToastrBox).call(this, props));

		_this.handlePressEnterOrSpaceKeyToastr = function (e) {
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handlePressEnterOrSpaceKeyToastr", function (e) {
		if (e.key === ' ' \|\| e.key === 'enter') {
		_this.handleClickToastr(e);
		}
		};
		});

		_this.handleClickToastr = function () {
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleClickToastr", function () {
		var _this$props$item$opti = _this.props.item.options,
		onToastrClick = _this$props$item$opti.onToastrClick,
		closeOnToastrClick = _this$props$item$opti.closeOnToastrClick;

		_this.ignoreIsHiding = true;
		@@ -70,11 +77,10 @@
		_this._setShouldClose(true);

		_this._removeToastr();
		}
		};
		});

		_this.handleClickCloseButton = function (e) {
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleClickCloseButton", function (e) {
		var onCloseButtonClick = _this.props.item.options.onCloseButtonClick;

		e.stopPropagation();

		_this.ignoreIsHiding = true;
		@@ -87,9 +93,11 @@
		_this._setShouldClose(true);

		_this._removeToastr();
		};
		});

		_this.mouseEnter = function () {
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "mouseEnter", function () {
		clearTimeout(_this.intervalId);

		_this._setIntervalId(null);

		_this._setIsHiding(false);
		@@ -102,7 +110,9 @@
		if (timeOut && progressBar) {
		_this.setState({ progressBar: null });
		_this.setState({
		progressBar: null
		});
		}
		};
		});

		_this.mouseLeave = function () {
		_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "mouseLeave", function () {
		var _this$props$item$opti2 = _this.props.item.options,
		@@ -112,5 +122,5 @@ removeOnHover = _this$props$item$opti2.removeOnHover,


		if (!_this.isHiding && (removeOnHover \|\| _this.shouldClose)) {
		var interval = removeOnHover === true ? removeOnHoverTimeOut \|\| 1000 : removeOnHover;

		_this._setIntervalId(setTimeout(_this._removeToastr, interval));
		@@ -123,6 +133,10 @@
		if (timeOut && progressBar) {
		_this.setState({ progressBar: { duration: interval } });
		_this.setState({
		progressBar: {
		duration: interval
		}
		});
		}
		}
		};
		});

		@@ -132,4 +146,2 @@ var _props$item$options = props.item.options,
		transitionOut = _props$item$options.transitionOut;


		_this.isHiding = false;
		@@ -139,101 +151,113 @@ _this.shouldClose = false;
		_this.ignoreIsHiding = false;
		_this.transitionIn = transitionIn \|\| _this.props.transitionIn;
		_this.transitionOut = transitionOut \|\| _this.props.transitionOut; // an identifier to facilitate aria labelling for a11y for multiple instances of the component family in the DOM

		_this.transitionIn = transitionIn \|\| _this.props.transitionIn;
		_this.transitionOut = transitionOut \|\| _this.props.transitionOut;
		// an identifier to facilitate aria labelling for a11y for multiple instances of the component family in the DOM
		_this.id = Math.floor(Math.random() * 9999);

		_this.state = { progressBar: null };

		(0, _utils._bind)(['renderSubComponent', 'renderIcon', 'renderToastr', 'renderCloseButton', 'renderMessage', '_onAnimationComplete', '_removeToastr', '_setTransition', '_clearTransition', '_setIntervalId', '_setIsHiding', '_setShouldClose'], _this);
		_this.state = {
		progressBar: null
		};
		(0, _utils._bind)(['renderSubComponent', 'renderIcon', 'renderToastr', 'renderCloseButton', 'renderMessage', '_onAnimationComplete', '_removeToastr', '_setTransition', '_clearTransition', '_setIntervalId', '_setIsHiding', '_setShouldClose'], _assertThisInitialized(_assertThisInitialized(_this)));
		return _this;
		}

		ToastrBox.prototype.componentDidMount = function componentDidMount() {
		var item = this.props.item;
		_createClass(ToastrBox, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var item = this.props.item;
		if (this.props.inMemory[item.id]) return;

		if (this.props.inMemory[item.id]) return;
		var timeOut = this._getItemTimeOut();

		var timeOut = this._getItemTimeOut();
		if (timeOut) {
		this._setIntervalId(setTimeout(this._removeToastr, timeOut));
		}

		if (timeOut) {
		this._setIntervalId(setTimeout(this._removeToastr, timeOut));
		}
		if (timeOut && item.options.progressBar) {
		this.setState({
		progressBar: {
		duration: this._getItemTimeOut()
		}
		});
		}

		if (timeOut && item.options.progressBar) {
		this.setState({ progressBar: { duration: this._getItemTimeOut() } });
		}
		this._setTransition();

		this._setTransition();
		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, this._onAnimationComplete);
		this.props.addToMemory(item.id);
		if (this.closeButton !== undefined) {
		this.closeButton.focus();
		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, this._onAnimationComplete);
		this.props.addToMemory(item.id);

		if (this.closeButton !== undefined) {
		this.closeButton.focus();
		}
		}
		};
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		if (this.intervalId) {
		clearTimeout(this.intervalId);
		} // when toast unloads the toast close button automatically focuses on the next toast control (if any)
		// need to add a micro delay to allow the DOM to recycle

		ToastrBox.prototype.componentWillUnmount = function componentWillUnmount() {
		if (this.intervalId) {
		clearTimeout(this.intervalId);

		setTimeout(function () {
		if (document.getElementsByClassName('toastr-control').length > 0) {
		document.getElementsByClassName('toastr-control')[0].focus();
		}
		}, 50);
		}
		// when toast unloads the toast close button automatically focuses on the next toast control (if any)
		// need to add a micro delay to allow the DOM to recycle
		setTimeout(function () {
		if (document.getElementsByClassName('toastr-control').length > 0) {
		document.getElementsByClassName('toastr-control')[0].focus();
		}, {
		key: "handlePressEnterOrSpaceKeyCloseButton",
		value: function handlePressEnterOrSpaceKeyCloseButton(e) {
		if (e.key === ' ' \|\| e.key === 'enter') {
		this.handleClickCloseButton(e);
		}
		}, 50);
		};

		ToastrBox.prototype.handlePressEnterOrSpaceKeyCloseButton = function handlePressEnterOrSpaceKeyCloseButton(e) {
		if (e.key === ' ' \|\| e.key === 'enter') {
		this.handleClickCloseButton(e);
		}
		};
		}, {
		key: "renderSubComponent",
		value: function renderSubComponent() {
		var _this2 = this;

		ToastrBox.prototype.renderSubComponent = function renderSubComponent() {
		var _this2 = this;
		var _this$props$item = this.props.item,
		id = _this$props$item.id,
		options = _this$props$item.options;

		var _props$item = this.props.item,
		id = _props$item.id,
		options = _props$item.options;
		var removeCurrentToastrFunc = function removeCurrentToastrFunc() {
		return _this2.props.remove(id);
		};

		if ((0, _react.isValidElement)(options.component)) {
		return _react.default.cloneElement(options.component, {
		remove: removeCurrentToastrFunc
		});
		}

		var removeCurrentToastrFunc = function removeCurrentToastrFunc() {
		return _this2.props.remove(id);
		};

		if ((0, _react.isValidElement)(options.component)) {
		return _react2.default.cloneElement(options.component, {
		return _react.default.createElement(options.component, {
		remove: removeCurrentToastrFunc
		});
		}
		}, {
		key: "renderIcon",
		value: function renderIcon() {
		var _this$props$item2 = this.props.item,
		type = _this$props$item2.type,
		options = _this$props$item2.options;

		return _react2.default.createElement(options.component, { remove: removeCurrentToastrFunc });
		};
		if ((0, _react.isValidElement)(options.icon)) {
		return _react.default.cloneElement(options.icon);
		}

		ToastrBox.prototype.renderIcon = function renderIcon() {
		var _props$item2 = this.props.item,
		type = _props$item2.type,
		options = _props$item2.options;


		if ((0, _react.isValidElement)(options.icon)) {
		return _react2.default.cloneElement(options.icon);
		var iconName = type === 'light' ? options.icon : type;
		return _react.default.createElement(_Icon.default, {
		name: iconName
		});
		}
		}, {
		key: "renderCloseButton",
		value: function renderCloseButton() {
		var _this3 = this;

		var iconName = type === 'light' ? options.icon : type;
		return _react2.default.createElement(_Icon2.default, { name: iconName });
		};

		ToastrBox.prototype.renderCloseButton = function renderCloseButton() {
		var _this3 = this;

		return _react2.default.createElement(
		'button',
		{
		tabIndex: '0',
		type: 'button',
		className: 'close-toastr toastr-control',
		'aria-label': 'toast',
		return _react.default.createElement("button", {
		tabIndex: "0",
		type: "button",
		className: "close-toastr toastr-control",
		"aria-label": "toast",
		onClick: this.handleClickCloseButton,
		@@ -243,202 +267,186 @@ ref: function ref(_ref) {
		}
		},
		'\u2715'
		);
		};
		}, "\u2715");
		}
		}, {
		key: "renderToastr",
		value: function renderToastr() {
		var _this$props$item3 = this.props.item,
		type = _this$props$item3.type,
		options = _this$props$item3.options,
		message = _this$props$item3.message,
		title = _this$props$item3.title;
		return _react.default.createElement("div", null, _react.default.createElement("div", {
		className: "rrt-left-container"
		}, _react.default.createElement("div", {
		className: "rrt-holder"
		}, this.renderIcon())), options.status && type === 'light' && _react.default.createElement("div", {
		className: (0, _classnames.default)('toastr-status', options.status)
		}), _react.default.createElement("div", {
		className: "rrt-middle-container",
		role: "alertdialog",
		"aria-labelledby": "dialogTitle-".concat(this.id),
		"aria-describedby": "dialogDesc-".concat(this.id)
		}, title && _react.default.createElement("div", {
		id: "dialogTitle-".concat(this.id),
		className: "rrt-title"
		}, title), message && _react.default.createElement("div", {
		id: "dialogDesc-".concat(this.id),
		className: "rrt-text"
		}, message), options.component && this.renderSubComponent()), _react.default.createElement("div", {
		className: "rrt-right-container"
		}, options.showCloseButton && this.renderCloseButton()), this.state.progressBar ? _react.default.createElement(_ProgressBar.default, this.state.progressBar) : null);
		}
		}, {
		key: "renderMessage",
		value: function renderMessage() {
		var _this$props$item4 = this.props.item,
		title = _this$props$item4.title,
		message = _this$props$item4.message,
		options = _this$props$item4.options;
		return _react.default.createElement("div", null, _react.default.createElement("div", {
		className: "rrt-title"
		}, title, this.renderCloseButton()), _react.default.createElement("div", {
		className: "rrt-text"
		}, message, options.component && this.renderSubComponent()));
		}
		}, {
		key: "toastr",
		value: function toastr() {
		if (this.props.item.type === 'message') {
		return this.renderMessage();
		}

		ToastrBox.prototype.renderToastr = function renderToastr() {
		var _props$item3 = this.props.item,
		type = _props$item3.type,
		options = _props$item3.options,
		message = _props$item3.message,
		title = _props$item3.title;
		return this.renderToastr();
		}
		}, {
		key: "_getItemTimeOut",
		value: function _getItemTimeOut() {
		var item = this.props.item;
		var timeOut = item.options.timeOut;

		if (typeof timeOut === 'undefined') {
		timeOut = this.props.timeOut;
		}

		return _react2.default.createElement(
		'div',
		null,
		_react2.default.createElement(
		'div',
		{ className: 'rrt-left-container' },
		_react2.default.createElement(
		'div',
		{ className: 'rrt-holder' },
		this.renderIcon()
		)
		),
		options.status && type === 'light' && _react2.default.createElement('div', { className: (0, _classnames2.default)('toastr-status', options.status) }),
		_react2.default.createElement(
		'div',
		{ className: 'rrt-middle-container', role: 'alertdialog', 'aria-labelledby': 'dialogTitle-' + this.id, 'aria-describedby': 'dialogDesc-' + this.id },
		title && _react2.default.createElement(
		'div',
		{ id: 'dialogTitle-' + this.id, className: 'rrt-title' },
		title
		),
		message && _react2.default.createElement(
		'div',
		{ id: 'dialogDesc-' + this.id, className: 'rrt-text' },
		message
		),
		options.component && this.renderSubComponent()
		),
		_react2.default.createElement(
		'div',
		{ className: 'rrt-right-container' },
		options.showCloseButton && this.renderCloseButton()
		),
		this.state.progressBar ? _react2.default.createElement(_ProgressBar2.default, this.state.progressBar) : null
		);
		};
		return timeOut;
		}
		}, {
		key: "_onAnimationComplete",
		value: function _onAnimationComplete() {
		var _this$props = this.props,
		remove = _this$props.remove,
		item = _this$props.item;
		var options = item.options,
		id = item.id;

		ToastrBox.prototype.renderMessage = function renderMessage() {
		var _props$item4 = this.props.item,
		title = _props$item4.title,
		message = _props$item4.message,
		options = _props$item4.options;
		if (this.isHiding \|\| this.ignoreIsHiding) {
		this._setIsHiding(false);

		this.ignoreIsHiding = false;
		remove(id);

		return _react2.default.createElement(
		'div',
		null,
		_react2.default.createElement(
		'div',
		{ className: 'rrt-title' },
		title,
		this.renderCloseButton()
		),
		_react2.default.createElement(
		'div',
		{ className: 'rrt-text' },
		message,
		options.component && this.renderSubComponent()
		)
		);
		};

		ToastrBox.prototype.toastr = function toastr() {
		if (this.props.item.type === 'message') {
		return this.renderMessage();
		if (options.onHideComplete) {
		options.onHideComplete();
		}
		} else if (!this.isHiding && options.onShowComplete) {
		options.onShowComplete();
		}
		}
		}, {
		key: "_removeToastr",
		value: function _removeToastr() {
		if (!this.isHiding) {
		this._setIsHiding(true);

		return this.renderToastr();
		};
		this._setTransition(true);

		ToastrBox.prototype._getItemTimeOut = function _getItemTimeOut() {
		var item = this.props.item;
		var timeOut = item.options.timeOut;

		if (typeof timeOut === 'undefined') {
		timeOut = this.props.timeOut;
		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, this._onAnimationComplete);
		}
		}
		}, {
		key: "_setTransition",
		value: function _setTransition(hide) {
		var _this4 = this;

		return timeOut;
		};
		var animationType = hide ? this.transitionOut : this.transitionIn;

		ToastrBox.prototype._onAnimationComplete = function _onAnimationComplete() {
		var _props = this.props,
		remove = _props.remove,
		item = _props.item;
		var options = item.options,
		id = item.id;
		var onEndListener = function onEndListener(e) {
		if (e && e.target == _this4.toastrBoxElement) {
		_this4.toastrBoxElement.classList.remove(animationType);
		}
		};


		if (this.isHiding \|\| this.ignoreIsHiding) {
		this._setIsHiding(false);
		this.ignoreIsHiding = false;
		remove(id);
		if (options.onHideComplete) {
		options.onHideComplete();
		if (this.toastrBoxElement) {
		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, onEndListener);
		this.toastrBoxElement.classList.add(animationType);
		}
		} else if (!this.isHiding && options.onShowComplete) {
		options.onShowComplete();
		}
		};

		ToastrBox.prototype._removeToastr = function _removeToastr() {
		if (!this.isHiding) {
		this._setIsHiding(true);
		this._setTransition(true);
		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, this._onAnimationComplete);
		}, {
		key: "_clearTransition",
		value: function _clearTransition() {
		if (this.toastrBoxElement) {
		this.toastrBoxElement.classList.remove(this.transitionIn, this.transitionOut);
		}
		}
		};
		}, {
		key: "_setIntervalId",
		value: function _setIntervalId(intervalId) {
		this.intervalId = intervalId;
		}
		}, {
		key: "_setIsHiding",
		value: function _setIsHiding(val) {
		this.isHiding = val;
		}
		}, {
		key: "_setShouldClose",
		value: function _setShouldClose(val) {
		this.shouldClose = val;
		}
		}, {
		key: "render",
		value: function render() {
		var _this5 = this;

		ToastrBox.prototype._setTransition = function _setTransition(hide) {
		var _this4 = this;
		var _this$props$item5 = this.props.item,
		options = _this$props$item5.options,
		type = _this$props$item5.type;
		var onToastrClick = options.onToastrClick,
		closeOnToastrClick = options.closeOnToastrClick;
		var hasOnToastrClick = !!onToastrClick;
		var doesCloseOnToastrClick = closeOnToastrClick;
		var toastrClickAttributes = {};

		var animationType = hide ? this.transitionOut : this.transitionIn;

		var onEndListener = function onEndListener(e) {
		if (e && e.target == _this4.toastrBoxElement) {
		_this4.toastrBoxElement.classList.remove(animationType);
		if (hasOnToastrClick \|\| doesCloseOnToastrClick) {
		toastrClickAttributes.role = 'button';
		toastrClickAttributes.tabIndex = 0;
		toastrClickAttributes.onClick = this.handleClickToastr;
		toastrClickAttributes.onKeyPress = this.handlePressEnterOrSpaceKeyToastr;
		}
		};

		(0, _utils.onCSSTransitionEnd)(this.toastrBoxElement, onEndListener);
		this.toastrBoxElement.classList.add(animationType);
		};

		ToastrBox.prototype._clearTransition = function _clearTransition() {
		this.toastrBoxElement.classList.remove(this.transitionIn, this.transitionOut);
		};

		ToastrBox.prototype._setIntervalId = function _setIntervalId(intervalId) {
		this.intervalId = intervalId;
		};

		ToastrBox.prototype._setIsHiding = function _setIsHiding(val) {
		this.isHiding = val;
		};

		ToastrBox.prototype._setShouldClose = function _setShouldClose(val) {
		this.shouldClose = val;
		};

		ToastrBox.prototype.render = function render() {
		var _this5 = this;

		var _props$item5 = this.props.item,
		options = _props$item5.options,
		type = _props$item5.type;
		var onToastrClick = options.onToastrClick,
		closeOnToastrClick = options.closeOnToastrClick;

		var hasOnToastrClick = !!onToastrClick;
		var doesCloseOnToastrClick = closeOnToastrClick;

		var toastrClickAttributes = {};
		if (hasOnToastrClick \|\| doesCloseOnToastrClick) {
		toastrClickAttributes.role = 'button';
		toastrClickAttributes.tabIndex = 0;
		toastrClickAttributes.onClick = this.handleClickToastr;
		toastrClickAttributes.onKeyPress = this.handlePressEnterOrSpaceKeyToastr;
		}

		return _react2.default.createElement(
		'div',
		_extends({
		return _react.default.createElement("div", _extends({
		ref: function ref(_ref2) {
		return _this5.toastrBoxElement = _ref2;
		},
		className: (0, _classnames2.default)('toastr', 'animated', 'rrt-' + type, options.className),

		className: (0, _classnames.default)('toastr', 'animated', 'rrt-' + type, options.className),
		onMouseEnter: this.mouseEnter,
		onMouseLeave: this.mouseLeave
		}, toastrClickAttributes),
		this.toastr()
		);
		};
		}, toastrClickAttributes), this.toastr());
		}
		}]);

		return ToastrBox;
		}(_react2.default.Component);
		}(_react.default.Component);

		ToastrBox.displayName = 'ToastrBox';
		ToastrBox.propTypes = {
		item: _propTypes2.default.shape({
		options: _propTypes2.default.shape({
		transitionIn: _propTypes2.default.string,
		transitionOut: _propTypes2.default.string
		exports.default = ToastrBox;

		_defineProperty(ToastrBox, "displayName", 'ToastrBox');

		_defineProperty(ToastrBox, "propTypes", {
		item: _propTypes.default.shape({
		options: _propTypes.default.shape({
		transitionIn: _propTypes.default.string,
		transitionOut: _propTypes.default.string
		})
		})
		};
		exports.default = ToastrBox;
		});

436

lib/ToastrConfirm.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,38 +6,48 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var _react = _interopRequireDefault(require("react"));

		var _react2 = _interopRequireDefault(_react);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _propTypes = require('prop-types');
		var _utils = require("./utils");

		var _propTypes2 = _interopRequireDefault(_propTypes);
		var _Button = _interopRequireDefault(require("./Button"));

		var _utils = require('./utils');
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _Button = require('./Button');
		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		var _Button2 = _interopRequireDefault(_Button);
		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" \|\| typeof call === "function") ? call : self; }
		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var ENTER = 13;
		var ESC = 27;

		var ToastrConfirm = function (_React$Component) {
		var ToastrConfirm =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ToastrConfirm, _React$Component);

		function ToastrConfirm(props) {
		var _this;

		_classCallCheck(this, ToastrConfirm);

		var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));

		_this = _possibleConstructorReturn(this, _getPrototypeOf(ToastrConfirm).call(this, props));
		var _this$props = _this.props,
		@@ -52,4 +62,2 @@ confirmOptions = _this$props.confirmOptions,
		disableCancel = _confirm$options.disableCancel;


		_this.okText = okText \|\| confirmOptions.okText;
		@@ -60,157 +68,178 @@ _this.cancelText = cancelText \|\| confirmOptions.cancelText;
		_this.disableCancel = disableCancel \|\| confirmOptions.disableCancel;
		(0, _utils._bind)('setTransition removeConfirm handleOnKeyUp handleOnKeyDown', _this);
		_this.isKeyDown = false;
		// an identifier to facilitate aria labelling for a11y for multiple instances of the component family in the DOM
		(0, _utils._bind)('setTransition removeConfirm handleOnKeyUp handleOnKeyDown', _assertThisInitialized(_assertThisInitialized(_this)));
		_this.isKeyDown = false; // an identifier to facilitate aria labelling for a11y for multiple instances of the component family in the DOM

		_this.id = Math.floor(Math.random() * 9999);

		return _this;
		}

		ToastrConfirm.prototype.componentDidMount = function componentDidMount() {
		this.isHiding = false;
		this.hasClicked = false;
		this.confirmHolderElement.focus();
		_createClass(ToastrConfirm, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.isHiding = false;
		this.hasClicked = false;
		this.confirmHolderElement.focus();

		if (this.props.confirm.show) {
		this.setTransition(true);
		if (this.props.confirm.show) {
		this.setTransition(true);
		} // when toast loads the toast close button automatically focuses on the toast control


		if (this.closeButton !== undefined) {
		this.closeButton.focus();
		}
		}
		// when toast loads the toast close button automatically focuses on the toast control
		if (this.closeButton !== undefined) {
		this.closeButton.focus();
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		// when toast unloads the toast close button automatically focuses on the next toast control (if any)
		// need to add a micro delay to allow the DOM to recycle
		setTimeout(function () {
		if (document.getElementsByClassName('toastr-control').length > 0) {
		document.getElementsByClassName('toastr-control')[0].focus();
		}
		}, 50);
		}
		};

		ToastrConfirm.prototype.componentWillUnmount = function componentWillUnmount() {
		// when toast unloads the toast close button automatically focuses on the next toast control (if any)
		// need to add a micro delay to allow the DOM to recycle
		setTimeout(function () {
		if (document.getElementsByClassName('toastr-control').length > 0) {
		document.getElementsByClassName('toastr-control')[0].focus();
		}, {
		key: "handleOnKeyDown",
		value: function handleOnKeyDown(e) {
		if ((0, _utils.keyCode)(e) == ENTER) {
		e.preventDefault();
		}
		}, 50);
		};

		ToastrConfirm.prototype.handleOnKeyDown = function handleOnKeyDown(e) {
		if ((0, _utils.keyCode)(e) == ENTER) {
		e.preventDefault();
		this.isKeyDown = true;
		}
		this.isKeyDown = true;
		};
		}, {
		key: "handleButtonClick",
		value: function handleButtonClick(callback) {
		var _this2 = this;

		ToastrConfirm.prototype.handleButtonClick = function handleButtonClick(callback) {
		var _this2 = this;
		if (this.hasClicked) return;
		this.hasClicked = true;

		if (this.hasClicked) return;
		this.hasClicked = true;
		var onAnimationEnd = function onAnimationEnd() {
		_this2.removeConfirm();

		var onAnimationEnd = function onAnimationEnd() {
		_this2.removeConfirm();
		if (callback) {
		callback();
		if (callback) {
		callback();
		}
		};

		this.setTransition();
		(0, _utils.onCSSTransitionEnd)(this.confirmElement, onAnimationEnd);
		}
		}, {
		key: "handleConfirmClick",
		value: function handleConfirmClick() {
		var callback = this.props.confirm.options ? this.props.confirm.options.onOk : null;
		this.handleButtonClick(callback);
		}
		}, {
		key: "handleCancelClick",
		value: function handleCancelClick() {
		var callback = this.props.confirm.options ? this.props.confirm.options.onCancel : null;
		this.handleButtonClick(callback);
		}
		}, {
		key: "setTransition",
		value: function setTransition(add) {
		if (add) {
		this.isHiding = false;
		this.confirmElement.classList.add(this.transitionIn);
		if ((0, _utils.isBrowser)()) return document.querySelector('body').classList.add('toastr-confirm-active');
		}
		};

		this.setTransition();
		(0, _utils.onCSSTransitionEnd)(this.confirmElement, onAnimationEnd);
		};

		ToastrConfirm.prototype.handleConfirmClick = function handleConfirmClick() {
		var callback = this.props.confirm.options ? this.props.confirm.options.onOk : null;
		this.handleButtonClick(callback);
		};

		ToastrConfirm.prototype.handleCancelClick = function handleCancelClick() {
		var callback = this.props.confirm.options ? this.props.confirm.options.onCancel : null;
		this.handleButtonClick(callback);
		};

		ToastrConfirm.prototype.setTransition = function setTransition(add) {
		if (add) {
		this.isHiding = true;
		this.confirmElement.classList.remove(this.transitionIn);
		this.confirmElement.classList.add(this.transitionOut);
		}
		}, {
		key: "removeConfirm",
		value: function removeConfirm() {
		this.isHiding = false;
		this.confirmElement.classList.add(this.transitionIn);
		if ((0, _utils.isBrowser)()) return document.querySelector('body').classList.add('toastr-confirm-active');
		this.props.hideConfirm();
		if ((0, _utils.isBrowser)()) return document.querySelector('body').classList.remove('toastr-confirm-active');
		}
		}, {
		key: "handleOnKeyUp",
		value: function handleOnKeyUp(e) {
		var code = (0, _utils.keyCode)(e);

		this.isHiding = true;
		this.confirmElement.classList.remove(this.transitionIn);
		this.confirmElement.classList.add(this.transitionOut);
		};

		ToastrConfirm.prototype.removeConfirm = function removeConfirm() {
		this.isHiding = false;
		this.props.hideConfirm();
		if ((0, _utils.isBrowser)()) return document.querySelector('body').classList.remove('toastr-confirm-active');
		};

		ToastrConfirm.prototype.handleOnKeyUp = function handleOnKeyUp(e) {
		var code = (0, _utils.keyCode)(e);
		if (code == ESC && !this.disableCancel) {
		this.handleCancelClick();
		} else if (code == ESC && this.disableCancel) {
		this.handleConfirmClick();
		} else if (code == ENTER && this.isKeyDown) {
		this.isKeyDown = false;
		this.handleConfirmClick();
		if (code == ESC && !this.disableCancel) {
		this.handleCancelClick();
		} else if (code == ESC && this.disableCancel) {
		this.handleConfirmClick();
		} else if (code == ENTER && this.isKeyDown) {
		this.isKeyDown = false;
		this.handleConfirmClick();
		}
		}
		};
		}, {
		key: "containsOkButton",
		value: function containsOkButton(buttons) {
		return buttons && buttons.filter(function (button) {
		return button.ok === true;
		}).length > 0;
		}
		}, {
		key: "containsCancelButton",
		value: function containsCancelButton(buttons) {
		return buttons && buttons.filter(function (button) {
		return button.cancel === true;
		}).length > 0;
		}
		}, {
		key: "getCustomButtonHandler",
		value: function getCustomButtonHandler(config) {
		var _this3 = this;

		ToastrConfirm.prototype.containsOkButton = function containsOkButton(buttons) {
		return buttons && buttons.filter(function (button) {
		return button.ok === true;
		}).length > 0;
		};
		if (config.ok === true) {
		return this.handleConfirmClick.bind(this);
		}

		ToastrConfirm.prototype.containsCancelButton = function containsCancelButton(buttons) {
		return buttons && buttons.filter(function (button) {
		return button.cancel === true;
		}).length > 0;
		};
		if (config.cancel === true) {
		return this.handleCancelClick.bind(this);
		}

		ToastrConfirm.prototype.getCustomButtonHandler = function getCustomButtonHandler(config) {
		var _this3 = this;

		if (config.ok === true) {
		return this.handleConfirmClick.bind(this);
		return function () {
		return _this3.handleButtonClick(config.handler);
		};
		}
		if (config.cancel === true) {
		return this.handleCancelClick.bind(this);
		}
		return function () {
		return _this3.handleButtonClick(config.handler);
		};
		};
		}, {
		key: "getCustomButtonText",
		value: function getCustomButtonText(config) {
		if (config.ok === true) {
		return this.okText;
		}

		ToastrConfirm.prototype.getCustomButtonText = function getCustomButtonText(config) {
		if (config.ok === true) {
		return this.okText;
		}
		if (config.cancel === true) {
		return this.cancelText;
		}
		return config.text;
		};
		if (config.cancel === true) {
		return this.cancelText;
		}

		ToastrConfirm.prototype.getCustomButtonClassName = function getCustomButtonClassName(config) {
		if (config.ok === true) {
		return 'rrt-ok-btn';
		return config.text;
		}
		if (config.cancel === true) {
		return 'rrt-cancel-btn';
		}
		return config.className;
		};
		}, {
		key: "getCustomButtonClassName",
		value: function getCustomButtonClassName(config) {
		if (config.ok === true) {
		return 'rrt-ok-btn';
		}

		ToastrConfirm.prototype.render = function render() {
		var _this4 = this;
		if (config.cancel === true) {
		return 'rrt-cancel-btn';
		}

		var _props$confirm = this.props.confirm,
		options = _props$confirm.options,
		message = _props$confirm.message;
		return config.className;
		}
		}, {
		key: "render",
		value: function render() {
		var _this4 = this;


		return _react2.default.createElement(
		'div',
		{
		className: 'rrt-confirm-holder',
		tabIndex: '-1',
		var _this$props$confirm = this.props.confirm,
		options = _this$props$confirm.options,
		message = _this$props$confirm.message;
		return _react.default.createElement("div", {
		className: "rrt-confirm-holder",
		tabIndex: "-1",
		ref: function ref(_ref4) {
		@@ -221,67 +250,68 @@ return _this4.confirmHolderElement = _ref4;
		onKeyUp: this.handleOnKeyUp,
		role: 'alert'
		},
		_react2.default.createElement(
		'div',
		{ className: 'rrt-confirm animated', ref: function ref(_ref3) {
		return _this4.confirmElement = _ref3;
		}, role: 'alertdialog', 'aria-describedby': 'dialogDesc-' + this.id },
		message && _react2.default.createElement(
		'div',
		{ className: 'rrt-message', id: 'dialogDesc-' + this.id },
		message
		),
		options.component && _react2.default.createElement(options.component, null),
		_react2.default.createElement(
		'div',
		{ className: 'rrt-buttons-holder' },
		!this.containsOkButton(options.buttons) && _react2.default.createElement(
		_Button2.default,
		{ tabIndex: '0', ref: function ref(_ref) {
		return _this4.closeButton = _ref;
		}, className: 'rrt-ok-btn toastr-control', onClick: function onClick() {
		return _this4.handleConfirmClick();
		} },
		this.okText
		),
		!this.disableCancel && !this.containsCancelButton(options.buttons) && _react2.default.createElement(
		_Button2.default,
		{ tabIndex: '0', ref: function ref(_ref2) {
		return _this4.closeButton = _ref2;
		}, className: 'rrt-cancel-btn toastr-control', onClick: this.handleCancelClick.bind(this) },
		this.cancelText
		),
		options.buttons && options.buttons.map(function (button, index) {
		if (button.cancel === true && _this4.disableCancel) {
		return null;
		}
		role: "alert"
		}, _react.default.createElement("div", {
		className: "rrt-confirm animated",
		ref: function ref(_ref3) {
		return _this4.confirmElement = _ref3;
		},
		role: "alertdialog",
		"aria-describedby": "dialogDesc-".concat(this.id)
		}, message && _react.default.createElement("div", {
		className: "rrt-message",
		id: "dialogDesc-".concat(this.id)
		}, message), options.component && _react.default.createElement(options.component, null), _react.default.createElement("div", {
		className: "rrt-buttons-holder"
		}, !this.containsOkButton(options.buttons) && _react.default.createElement(_Button.default, {
		tabIndex: "0",
		ref: function ref(_ref) {
		return _this4.closeButton = _ref;
		},
		className: "rrt-ok-btn toastr-control",
		onClick: function onClick() {
		return _this4.handleConfirmClick();
		}
		}, this.okText), !this.disableCancel && !this.containsCancelButton(options.buttons) && _react.default.createElement(_Button.default, {
		tabIndex: "0",
		ref: function ref(_ref2) {
		return _this4.closeButton = _ref2;
		},
		className: "rrt-cancel-btn toastr-control",
		onClick: this.handleCancelClick.bind(this)
		}, this.cancelText), options.buttons && options.buttons.map(function (button, index) {
		if (button.cancel === true && _this4.disableCancel) {
		return null;
		}

		var handler = _this4.getCustomButtonHandler(button);
		var text = _this4.getCustomButtonText(button);
		var className = _this4.getCustomButtonClassName(button);
		var handler = _this4.getCustomButtonHandler(button);

		return _react2.default.createElement(
		_Button2.default,
		{ tabIndex: '0', className: className, onClick: handler, key: index },
		text
		);
		})
		)
		),
		_react2.default.createElement('div', { className: 'shadow' })
		);
		};
		var text = _this4.getCustomButtonText(button);

		var className = _this4.getCustomButtonClassName(button);

		return _react.default.createElement(_Button.default, {
		tabIndex: "0",
		className: className,
		onClick: handler,
		key: index
		}, text);
		}))), _react.default.createElement("div", {
		className: "shadow"
		}));
		}
		}]);

		return ToastrConfirm;
		}(_react2.default.Component);
		}(_react.default.Component);

		ToastrConfirm.displayName = 'ToastrConfirm';
		ToastrConfirm.propTypes = {
		confirm: _propTypes2.default.shape({
		options: _propTypes2.default.shape({
		transitionIn: _propTypes2.default.string,
		transitionOut: _propTypes2.default.string
		exports.default = ToastrConfirm;

		_defineProperty(ToastrConfirm, "displayName", 'ToastrConfirm');

		_defineProperty(ToastrConfirm, "propTypes", {
		confirm: _propTypes.default.shape({
		options: _propTypes.default.shape({
		transitionIn: _propTypes.default.string,
		transitionOut: _propTypes.default.string
		})
		})
		};
		exports.default = ToastrConfirm;
		});

lib/toastrEmitter.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.toastrEmitter = exports.EE = undefined;
		exports.toastrEmitter = exports.EE = void 0;

		var _utils = require('./utils.js');
		var _utils = require("./utils.js");

		var _eventemitter = require('eventemitter3');
		var _eventemitter = _interopRequireDefault(require("eventemitter3"));

		var _eventemitter2 = _interopRequireDefault(_eventemitter);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var emitter = new _eventemitter2.default();
		var emitter = new _eventemitter.default();

		@@ -26,3 +24,3 @@ var addToToastr = function addToToastr(type, array) {
		actions[item] = function () {
		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		@@ -38,3 +36,2 @@ }
		};

		/**
		@@ -44,2 +41,4 @@ * @params: can be a ID or a object that with a property type: 'success'
		*/


		actions.removeByType = function (type) {
		@@ -60,3 +59,5 @@ return emitter.emit('removeByType/toastr', type);

		var EE = exports.EE = emitter;
		var toastrEmitter = exports.toastrEmitter = actions;
		var EE = emitter;
		exports.EE = EE;
		var toastrEmitter = actions;
		exports.toastrEmitter = toastrEmitter;

lib/utils.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,5 +6,2 @@ Object.defineProperty(exports, "__esModule", {
		});

		var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

		exports.toastrWarn = toastrWarn;
		@@ -21,12 +18,11 @@ exports.createReducer = createReducer;

		var _config = require('./config');
		var _config = _interopRequireDefault(require("./config"));

		var _config2 = _interopRequireDefault(_config);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function whichAnimationEvent() {
		var t = void 0;
		var t;
		var el = document.createElement('fakeelement');

		var transitions = {
		@@ -50,2 +46,3 @@ animation: 'animationend',
		}

		return false;
		@@ -58,3 +55,4 @@ }
		}
		console.warn('[react-redux-toastr] ' + message);

		console.warn("[react-redux-toastr] ".concat(message));
		}
		@@ -65,4 +63,5 @@
		var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
		var _ref = arguments[1];
		var type = _ref.type,

		var _ref = arguments.length > 1 ? arguments[1] : undefined,
		type = _ref.type,
		payload = _ref.payload;
		@@ -79,2 +78,3 @@
		}

		return false;
		@@ -90,6 +90,5 @@ }
		obj.type = type;
		obj.position = _config2.default.position;

		obj.position = _config.default.position;
		obj.options = array.filter(function (item) {
		return (typeof item === 'undefined' ? 'undefined' : _typeof(item)) == 'object';
		return _typeof(item) == 'object';
		})[0] \|\| {};
		@@ -103,2 +102,3 @@
		obj.options.removeOnHover = true;

		if (type === 'message') {
		@@ -133,2 +133,3 @@ obj.options.removeOnHover = false;
		};

		return r() + r() + r() + '-' + r() + '_' + r() + '-' + r() + '_' + r() + r() + r();
		@@ -140,4 +141,5 @@ }
		return;
		}
		// if css animation is failed - dispatch event manually
		} // if css animation is failed - dispatch event manually


		var animationEnd = whichAnimationEvent();
		@@ -148,8 +150,8 @@ var timeoutId = setTimeout(function () {
		node.dispatchEvent(e);
		}, _config2.default.maxAnimationDelay);
		}, _config.default.maxAnimationDelay);

		var runOnce = function runOnce(e) {
		clearTimeout(timeoutId);
		// stopPropagation is not working in IE11 and Edge, the transitionend from the Button.js is waiting
		clearTimeout(timeoutId); // stopPropagation is not working in IE11 and Edge, the transitionend from the Button.js is waiting
		// on the confirm animation to end first and not the Button.js

		e.stopPropagation();
		@@ -159,2 +161,3 @@ node.removeEventListener(animationEnd, runOnce);
		};

		node.addEventListener(animationEnd, runOnce);
		@@ -167,4 +170,4 @@ }
		// If the toastr options implicitly specify not to prevent duplicates then skip
		if (item.options.preventDuplicates === false) return;
		// Because the toastr has a unic id we will check by the title and message.
		if (item.options.preventDuplicates === false) return; // Because the toastr has a unic id we will check by the title and message.

		if (item.title === newObjec.title && item.message === newObjec.message && item.type === newObjec.type) {
		@@ -178,5 +181,5 @@ hasDuplication = true;
		function updateConfig(obj) {
		Object.keys(_config2.default).forEach(function (key) {
		Object.keys(_config.default).forEach(function (key) {
		if (obj.hasOwnProperty(key)) {
		_config2.default[key] = obj[key];
		_config.default[key] = obj[key];
		}
		@@ -188,5 +191,7 @@ });
		var array = strinOrAray;

		if (!Array.isArray(strinOrAray)) {
		array = strinOrAray.split(' ');
		}

		return array.map(function (item) {
		@@ -193,0 +198,0 @@ return scope[item] = scope[item].bind(scope);

package.json

		{
		"name": "react-redux-toastr",
		"version": "7.4.5",
		"version": "7.4.6",
		"description": "react-redux-toastr is a React toastr message implemented with Redux",
		@@ -15,3 +15,3 @@ "main": "lib/index.js",
		"lint": "./node_modules/eslint/bin/eslint.js --fix .",
		"build_app": "concurrent --kill-others & npm run clean & npm run lint & npm run build & npm run sass & npm run clean-css",
		"build_app": "concurrently \"npm run clean\" \"npm run lint\" \"npm run build\" \"npm run sass\" \"npm run clean\"",
		"buildc": "better-npm-run build_client"
		@@ -24,10 +24,10 @@ },
		"dev-server": {
		"command": "./node_modules/.bin/webpack-dev-server --hot --inline --config webpack/development.js",
		"command": "./node_modules/.bin/webpack-dev-server --hot --inline --mode=development --config webpack/development.js",
		"env": {
		"NODE_ENV": "development",
		"NODE_PORT": 3000
		"NODE_PORT": 4001
		}
		},
		"build_client": {
		"command": "./node_modules/.bin/webpack -p --color --progress --config webpack/production.js",
		"command": "./node_modules/.bin/webpack -p --color --progress --mode=production --config webpack/production.js",
		"env": {
		@@ -75,55 +75,47 @@ "NODE_ENV": "production"
		"devDependencies": {
		"autoprefixer": "^6.7.7",
		"babel-cli": "^6.6.5",
		"babel-core": "^6.2.1",
		"babel-eslint": "^7.2.1",
		"babel-loader": "^6.2.0",
		"babel-plugin-syntax-class-properties": "^6.1.18",
		"babel-plugin-transform-class-properties": "^6.2.2",
		"babel-plugin-transform-es2015-arrow-functions": "^6.1.18",
		"babel-plugin-transform-es2015-block-scoping": "^6.1.18",
		"babel-plugin-transform-es2015-classes": "^6.1.18",
		"babel-plugin-transform-proto-to-assign": "^6.6.5",
		"babel-preset-es2015": "^6.1.18",
		"babel-preset-react": "^6.1.18",
		"babel-preset-stage-0": "^6.1.18",
		"better-npm-run": "0.0.15",
		"@babel/cli": "^7.2.3",
		"@babel/core": "^7.2.2",
		"@babel/plugin-proposal-class-properties": "^7.2.3",
		"@babel/preset-env": "^7.2.3",
		"@babel/preset-react": "^7.0.0",
		"autoprefixer": "^9.4.4",
		"babel-eslint": "^10.0.1",
		"babel-loader": "^8.0.5",
		"better-npm-run": "^0.1.1",
		"clean-css": "^4.0.11",
		"clean-css-loader": "0.0.5",
		"concurrently": "^3.4.0",
		"css-loader": "^0.28.0",
		"eslint": "^3.19.0",
		"eslint-loader": "^1.1.1",
		"eslint-plugin-babel": "^4.1.1",
		"eslint-plugin-react": "^6.10.3",
		"extract-text-webpack-plugin": "^2.1.0",
		"file-loader": "^0.11.1",
		"html-webpack-plugin": "^2.28.0",
		"jasmine": "^2.3.2",
		"jshint": "^2.9.1-rc1",
		"jshint-loader": "^0.8.3",
		"clean-css-loader": "^1.1.0",
		"concurrently": "^4.1.0",
		"css-loader": "^2.1.0",
		"eslint": "^5.12.0",
		"eslint-loader": "^2.1.1",
		"eslint-plugin-babel": "^5.3.0",
		"eslint-plugin-react": "^7.12.3",
		"file-loader": "^3.0.1",
		"html-webpack-plugin": "^3.2.0",
		"lorem-ipsum": "^1.0.3",
		"mini-css-extract-plugin": "^0.5.0",
		"node-sass": "^4.5.2",
		"postcss-cli": "^3.1.1",
		"postcss-cli": "^6.1.1",
		"postcss-extend": "^1.0.5",
		"postcss-import": "^9.1.0",
		"postcss-mixins": "^5.4.1",
		"postcss-nested": "^1.0.0",
		"postcss-simple-vars": "^3.1.0",
		"postcss-import": "^12.0.1",
		"postcss-mixins": "^6.2.1",
		"postcss-nested": "^4.1.1",
		"postcss-simple-vars": "^5.0.1",
		"prop-types": "^15.5.7",
		"react": "^15.4.1",
		"react-dom": "^15.4.1",
		"react-hot-loader": "^1.3.1",
		"react-redux": "^5.0.3",
		"redux": "^3.3.1",
		"react": "^16.7.0",
		"react-dom": "^16.7.0",
		"react-hot-loader": "^4.6.3",
		"react-redux": "^6.0.0",
		"redux": "^4.0.1",
		"rimraf": "^2.4.4",
		"sass-loader": "^6.0.3",
		"style-loader": "^0.16.1",
		"url-loader": "^0.5.7",
		"webpack": "^2.3.3",
		"webpack-dev-server": "^2.4.2"
		"sass-loader": "^7.1.0",
		"style-loader": "^0.23.1",
		"url-loader": "^1.1.2",
		"webpack": "^4.28.3",
		"webpack-cli": "^3.2.1",
		"webpack-dev-server": "^3.1.14"
		},
		"peerDependencies": {
		"react": "^0.14 \|\| ^15.0.1 \|\| ^16.0.0",
		"react-redux": "^4.0.1 \|\| ^5.0.1",
		"react-redux": "^4.0.1 \|\| ^5.0.1 \|\| ^6.0.0",
		"redux": "^3.0.5 \|\| ^4.0.0",
		@@ -134,5 +126,5 @@ "prop-types": "^15.5.7"
		"classnames": "^2.2.3",
		"eventemitter3": "^2.0.3"
		"eventemitter3": "^3.1.0"
		},
		"homepage": "https://github.com/diegoddox/react-redux-toastr#readme"
		}

src/icons.js

		@@ -9,12 +9,12 @@ import React from 'react';
		return <g>
		<path d="M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"></path>
		<path d="M20 24h-8v-2h2v-6h-2v-2h6v8h2z"></path>
		<path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"></path>
		</g>;
		<path d="M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"></path>
		<path d="M20 24h-8v-2h2v-6h-2v-2h6v8h2z"></path>
		<path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"></path>
		</g>;
		case 'warning':
		return <g>
		<path d="M16 2.899l13.409 26.726h-26.819l13.409-26.726zM16 0c-0.69 0-1.379 0.465-1.903 1.395l-13.659 27.222c-1.046 1.86-0.156 3.383 1.978 3.383h27.166c2.134 0 3.025-1.522 1.978-3.383h0l-13.659-27.222c-0.523-0.93-1.213-1.395-1.903-1.395v0z"></path>
		<path d="M18 26c0 1.105-0.895 2-2 2s-2-0.895-2-2c0-1.105 0.895-2 2-2s2 0.895 2 2z"></path>
		<path d="M16 22c-1.105 0-2-0.895-2-2v-6c0-1.105 0.895-2 2-2s2 0.895 2 2v6c0 1.105-0.895 2-2 2z"></path>
		</g>;
		<path d="M16 2.899l13.409 26.726h-26.819l13.409-26.726zM16 0c-0.69 0-1.379 0.465-1.903 1.395l-13.659 27.222c-1.046 1.86-0.156 3.383 1.978 3.383h27.166c2.134 0 3.025-1.522 1.978-3.383h0l-13.659-27.222c-0.523-0.93-1.213-1.395-1.903-1.395v0z"></path>
		<path d="M18 26c0 1.105-0.895 2-2 2s-2-0.895-2-2c0-1.105 0.895-2 2-2s2 0.895 2 2z"></path>
		<path d="M16 22c-1.105 0-2-0.895-2-2v-6c0-1.105 0.895-2 2-2s2 0.895 2 2v6c0 1.105-0.895 2-2 2z"></path>
		</g>;
		case 'error':
		@@ -21,0 +21,0 @@ return <g><path d="M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12s12-5.373,12-12S18.627,0,12,0z M12,19.66 c-0.938,0-1.58-0.723-1.58-1.66c0-0.964,0.669-1.66,1.58-1.66c0.963,0,1.58,0.696,1.58,1.66C13.58,18.938,12.963,19.66,12,19.66z M12.622,13.321c-0.239,0.815-0.992,0.829-1.243,0c-0.289-0.956-1.316-4.585-1.316-6.942c0-3.11,3.891-3.125,3.891,0 C13.953,8.75,12.871,12.473,12.622,13.321z"/></g>;

src/ToastrBox.js

		@@ -315,8 +315,12 @@ import React, {isValidElement} from 'react'; // eslint-disable-line no-unused-vars

		onCSSTransitionEnd(this.toastrBoxElement, onEndListener);
		this.toastrBoxElement.classList.add(animationType);
		if (this.toastrBoxElement) {
		onCSSTransitionEnd(this.toastrBoxElement, onEndListener);
		this.toastrBoxElement.classList.add(animationType);
		}
		}

		_clearTransition() {
		this.toastrBoxElement.classList.remove(this.transitionIn, this.transitionOut);
		if (this.toastrBoxElement) {
		this.toastrBoxElement.classList.remove(this.transitionIn, this.transitionOut);
		}
		}
		@@ -368,3 +372,3 @@
		>
		{this.toastr()}
		{this.toastr()}
		</div>
		@@ -371,0 +375,0 @@ );

src/utils.js

		@@ -97,3 +97,5 @@ import config from './config';
		export function onCSSTransitionEnd(node, callback) {
		if (!node) { return }
		if (!node) {
		return;
		}
		// if css animation is failed - dispatch event manually
		@@ -100,0 +102,0 @@ const animationEnd = whichAnimationEvent();

lib/css/react-redux-toastr.min.css

Sorry, the diff of this file is not supported yet

react-redux-toastr - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Dependency changes