123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- exports.id = 79717;
- exports.ids = [79717];
- exports.modules = {
- /***/ 37267:
- /***/ ((module) => {
- // Exports
- module.exports = {
- "animate": "Toast_animate__Tmzfu",
- "enter": "Toast_enter__rE9Mm",
- "slideInUp": "Toast_slideInUp__vGysg",
- "exit": "Toast_exit__oVQ6p",
- "slideOutDown": "Toast_slideOutDown__B6Jc9",
- "toast": "Toast_toast__wngG9",
- "toastContainer": "Toast_toastContainer___t7rD",
- "errorBody": "Toast_errorBody__Ltyof",
- "warningBody": "Toast_warningBody__E9wSE",
- "successBody": "Toast_successBody__Jx1gZ",
- "contentContainer": "Toast_contentContainer__lfumt",
- "actionsContainer": "Toast_actionsContainer__nyh90",
- "action": "Toast_action__z57l_"
- };
- /***/ }),
- /***/ 79717:
- /***/ ((module, __webpack_exports__, __webpack_require__) => {
- "use strict";
- __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
- /* harmony export */ "YZ": () => (/* binding */ ToastStatus),
- /* harmony export */ "pm": () => (/* binding */ useToast)
- /* harmony export */ });
- /* unused harmony export ToastContainer */
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3590);
- /* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(88819);
- /* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _Toast_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37267);
- /* harmony import */ var _Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var _ToastContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14896);
- /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50497);
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([react_toastify__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__]);
- ([react_toastify__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
- /* eslint-disable react/no-multi-comp */
- var ToastStatus;
- (function(ToastStatus) {
- ToastStatus["Success"] = "success";
- ToastStatus["Error"] = "error";
- ToastStatus["Warning"] = "warning";
- })(ToastStatus || (ToastStatus = {}));
- const TOAST_DURATION = 3000; // 3 second
- const toast = (content, options = {})=>{
- const toastId = (0,react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast)(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
- className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().contentContainer),
- children: [
- content,
- options.actions && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
- className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actionsContainer),
- children: options.actions.map((action, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .ZP, {
- type: action.primary ? _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonType.Primary */ .L$.Primary : _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonType.Secondary */ .L$.Secondary,
- className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
- size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonSize.Small */ .qE.Small,
- onClick: ()=>{
- react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.dismiss(toastId);
- action.onClick?.();
- },
- children: action.text
- }, index))
- })
- ]
- }), {
- autoClose: options.preserve ? false : TOAST_DURATION,
- closeButton: false,
- className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toast), {
- [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().errorBody)]: options.status === "error",
- [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().successBody)]: options.status === "success",
- [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().warningBody)]: options.status === "warning"
- })
- });
- };
- const ToastContainer = ()=>{
- return /*#__PURE__*/ _jsx(PrimitiveToastContainer, {
- transition: cssTransition({
- enter: `${styles.animate} ${styles.enter}`,
- exit: `${styles.animate} ${styles.exit}`
- }),
- className: styles.toastContainer,
- bodyClassName: styles.toastBody,
- toastClassName: styles.toast,
- position: "bottom-right",
- hideProgressBar: true,
- draggableDirection: "y"
- });
- };
- const useToast = ()=>{
- const setShouldRenderToast = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_ToastContext__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z);
- return (content, options = {})=>{
- setShouldRenderToast(true);
- toast(content, options);
- };
- };
- __webpack_async_result__();
- } catch(e) { __webpack_async_result__(e); } });
- /***/ }),
- /***/ 14896:
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
- "use strict";
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
- /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
- /* harmony export */ });
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
- const ToastContext = react__WEBPACK_IMPORTED_MODULE_0___default().createContext(null);
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastContext);
- /***/ }),
- /***/ 88819:
- /***/ (() => {
- /***/ })
- };
- ;
- //# sourceMappingURL=79717.js.map
|