79717.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. exports.id = 79717;
  2. exports.ids = [79717];
  3. exports.modules = {
  4. /***/ 37267:
  5. /***/ ((module) => {
  6. // Exports
  7. module.exports = {
  8. "animate": "Toast_animate__Tmzfu",
  9. "enter": "Toast_enter__rE9Mm",
  10. "slideInUp": "Toast_slideInUp__vGysg",
  11. "exit": "Toast_exit__oVQ6p",
  12. "slideOutDown": "Toast_slideOutDown__B6Jc9",
  13. "toast": "Toast_toast__wngG9",
  14. "toastContainer": "Toast_toastContainer___t7rD",
  15. "errorBody": "Toast_errorBody__Ltyof",
  16. "warningBody": "Toast_warningBody__E9wSE",
  17. "successBody": "Toast_successBody__Jx1gZ",
  18. "contentContainer": "Toast_contentContainer__lfumt",
  19. "actionsContainer": "Toast_actionsContainer__nyh90",
  20. "action": "Toast_action__z57l_"
  21. };
  22. /***/ }),
  23. /***/ 79717:
  24. /***/ ((module, __webpack_exports__, __webpack_require__) => {
  25. "use strict";
  26. __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
  27. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  28. /* harmony export */ "YZ": () => (/* binding */ ToastStatus),
  29. /* harmony export */ "pm": () => (/* binding */ useToast)
  30. /* harmony export */ });
  31. /* unused harmony export ToastContainer */
  32. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
  33. /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  34. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
  35. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  36. /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
  37. /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
  38. /* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3590);
  39. /* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(88819);
  40. /* 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__);
  41. /* harmony import */ var _Toast_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37267);
  42. /* harmony import */ var _Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7__);
  43. /* harmony import */ var _ToastContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(14896);
  44. /* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50497);
  45. var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([react_toastify__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__]);
  46. ([react_toastify__WEBPACK_IMPORTED_MODULE_3__, _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
  47. /* eslint-disable react/no-multi-comp */
  48. var ToastStatus;
  49. (function(ToastStatus) {
  50. ToastStatus["Success"] = "success";
  51. ToastStatus["Error"] = "error";
  52. ToastStatus["Warning"] = "warning";
  53. })(ToastStatus || (ToastStatus = {}));
  54. const TOAST_DURATION = 3000; // 3 second
  55. const toast = (content, options = {})=>{
  56. const toastId = (0,react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast)(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
  57. className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().contentContainer),
  58. children: [
  59. content,
  60. options.actions && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
  61. className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actionsContainer),
  62. children: options.actions.map((action, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .ZP, {
  63. 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,
  64. className: (_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
  65. size: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_6__/* .ButtonSize.Small */ .qE.Small,
  66. onClick: ()=>{
  67. react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.dismiss(toastId);
  68. action.onClick?.();
  69. },
  70. children: action.text
  71. }, index))
  72. })
  73. ]
  74. }), {
  75. autoClose: options.preserve ? false : TOAST_DURATION,
  76. closeButton: false,
  77. className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toast), {
  78. [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().errorBody)]: options.status === "error",
  79. [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().successBody)]: options.status === "success",
  80. [(_Toast_module_scss__WEBPACK_IMPORTED_MODULE_7___default().warningBody)]: options.status === "warning"
  81. })
  82. });
  83. };
  84. const ToastContainer = ()=>{
  85. return /*#__PURE__*/ _jsx(PrimitiveToastContainer, {
  86. transition: cssTransition({
  87. enter: `${styles.animate} ${styles.enter}`,
  88. exit: `${styles.animate} ${styles.exit}`
  89. }),
  90. className: styles.toastContainer,
  91. bodyClassName: styles.toastBody,
  92. toastClassName: styles.toast,
  93. position: "bottom-right",
  94. hideProgressBar: true,
  95. draggableDirection: "y"
  96. });
  97. };
  98. const useToast = ()=>{
  99. const setShouldRenderToast = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_ToastContext__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z);
  100. return (content, options = {})=>{
  101. setShouldRenderToast(true);
  102. toast(content, options);
  103. };
  104. };
  105. __webpack_async_result__();
  106. } catch(e) { __webpack_async_result__(e); } });
  107. /***/ }),
  108. /***/ 14896:
  109. /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  110. "use strict";
  111. /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  112. /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
  113. /* harmony export */ });
  114. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
  115. /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  116. const ToastContext = react__WEBPACK_IMPORTED_MODULE_0___default().createContext(null);
  117. /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastContext);
  118. /***/ }),
  119. /***/ 88819:
  120. /***/ (() => {
  121. /***/ })
  122. };
  123. ;
  124. //# sourceMappingURL=79717.js.map