UNPKG

@boomerang-io/carbon-addons-boomerang-react

Version:
40 lines (33 loc) 1.61 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var React = require('react'); var reactToastify = require('react-toastify'); var icons = require('@carbon/react/icons'); var injectStyle = require('react-toastify/dist/inject-style'); var settings = require('../../internal/settings.js'); function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; } var React__default = /*#__PURE__*/_interopDefault(React); /* IBM Confidential 694970X, 69497O0 © Copyright IBM Corp. 2022, 2024 */ if (typeof window !== "undefined") { injectStyle.injectStyle(); } const CloseButton = ({ closeToast }) => React__default.default.createElement(icons.Close, { size: 20, onClick: closeToast }); class NotificationsContainer extends React.Component { static defaultProps = { autoClose: 3000, closeOnClick: true, draggablePercent: 60, hideProgressBar: true, pauseOnHover: true, transition: reactToastify.Slide, }; render() { const { autoClose, closeOnClick, draggablePercent, hideProgressBar, pauseOnHover, transition, ...rest } = this.props; return (React__default.default.createElement(reactToastify.ToastContainer, { className: `${settings.prefix}--bmrg-toastify-container`, autoClose: autoClose, closeButton: React__default.default.createElement(CloseButton, null), closeOnClick: closeOnClick, draggablePercent: draggablePercent, hideProgressBar: hideProgressBar, pauseOnHover: pauseOnHover, transition: transition, ...rest })); } } exports.default = NotificationsContainer;