@wavemaker/react-runtime 11.14.1-15.6409

package/actions/toast-provider.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToast = exports.ToastProvider = exports.ToastPortal = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _types = require("@wavemaker/react-runtime/actions/types");
+var _toast = require("@wavemaker/react-runtime/actions/toast.service");
+var _toast2 = _interopRequireDefault(require("@wavemaker/react-runtime/actions/toast"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// toast context
+var ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+// custom hook to use the toast context
+var useToast = exports.useToast = function useToast() {
+  var context = (0, _react.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastPortal = exports.ToastPortal = function ToastPortal(_ref) {
+  var toast = _ref.toast,
+    _onClose = _ref.onClose;
+  var containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    // Lazy initialization - only create the container if it doesn't exist
+    if (!containerRef.current) {
+      var element = document.getElementById(_types.TOAST_CONFIG.CONTAINER_ID);
+      if (!element) {
+        element = document.createElement("div");
+        element.id = _types.TOAST_CONFIG.CONTAINER_ID;
+        document.body.appendChild(element);
+      }
+      containerRef.current = element;
+    }
+    return function () {
+      if (containerRef.current && document.body.contains(containerRef.current)) {
+        document.body.removeChild(containerRef.current);
+        containerRef.current = null;
+      }
+    };
+  }, []);
+  if (!toast) return null;
+  return containerRef.current ? /*#__PURE__*/_reactDom["default"].createPortal(__jsx(_toast2["default"], {
+    key: toast.id,
+    toast: toast,
+    onClose: function onClose() {
+      return _onClose(toast.id);
+    }
+  }), containerRef.current) : null;
+};
+var ToastProvider = exports.ToastProvider = function ToastProvider(_ref2) {
+  var children = _ref2.children;
+  var _useState = (0, _react.useState)(null),
+    toast = _useState[0],
+    setToast = _useState[1];
+  var showToast = function showToast(options) {
+    var id = "toast-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2, 9));
+    var newToast = _objectSpread(_objectSpread({}, options), {}, {
+      id: id
+    });
+    setToast(newToast);
+    var duration = typeof options.duration === "number" ? options.duration : options.type === "success" ? _types.TOAST_CONFIG.DEFAULT_DURATION : 0;
+    if (duration > 0) {
+      setTimeout(function () {
+        hideToast(id);
+      }, duration);
+    }
+    return id;
+  };
+
+  // Hide toast function
+  var hideToast = function hideToast(id) {
+    if (typeof (toast === null || toast === void 0 ? void 0 : toast.onClose) === "function") {
+      toast.onClose();
+    }
+    setToast(null);
+  };
+
+  // Hide all toasts function
+  var hideAllToasts = function hideAllToasts() {
+    if (typeof (toast === null || toast === void 0 ? void 0 : toast.onClose) === "function") {
+      toast.onClose();
+    }
+    setToast(null);
+  };
+
+  // Create context value with memoization
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      showToast: showToast,
+      hideToast: hideToast,
+      hideAllToasts: hideAllToasts
+    };
+  }, []);
+  return __jsx(ToastContext.Provider, {
+    value: contextValue
+  }, __jsx(_toast.ToastInitializer, null, children, __jsx(ToastPortal, {
+    toast: toast,
+    onClose: hideToast
+  })));
+};

package/actions/toast.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx2 = _interopRequireDefault(require("clsx"));
+var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
+var _toastContainer = _interopRequireDefault(require("@wavemaker/react-runtime/components/page/toast-container"));
+var _types = require("@wavemaker/react-runtime/actions/types");
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GET_POSITION = function GET_POSITION(position) {
+  var _position$split = position.split(" "),
+    _position$split2 = (0, _slicedToArray2["default"])(_position$split, 2),
+    vertical = _position$split2[0],
+    horizontal = _position$split2[1];
+  return {
+    vertical: vertical === "bottom" ? "bottom" : "top",
+    horizontal: horizontal === "right" ? "right" : horizontal === "left" ? "left" : "center"
+  };
+};
+var CustomToast = function CustomToast(_ref) {
+  var toast = _ref.toast,
+    onClose = _ref.onClose;
+  var text = toast.text,
+    _toast$type = toast.type,
+    type = _toast$type === void 0 ? "info" : _toast$type,
+    _toast$position = toast.position,
+    position = _toast$position === void 0 ? toast.placement || _types.TOAST_CONFIG.DEFAULT_POSITION : _toast$position,
+    onClick = toast.onClick;
+  var ispage = toast.content && (0, _typeof2["default"])(toast.content) === "object";
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      e.stopPropagation();
+      try {
+        onClick();
+      } catch (err) {
+        console.error("Error in toast onClick callback:", err);
+      }
+    }
+    onClose();
+  };
+  var handleClose = function handleClose(event, reason) {
+    if (reason === "clickaway") return;
+    onClose && onClose();
+  };
+  var anchorOrigin = GET_POSITION(position);
+  if (ispage && toast.content !== undefined) {
+    return __jsx(_Snackbar["default"], {
+      open: true,
+      onClose: handleClose,
+      anchorOrigin: anchorOrigin,
+      message: null,
+      TransitionProps: {
+        appear: false,
+        style: {
+          transition: "ease-in-out 0.3s"
+        }
+      },
+      onClick: handleClick
+    }, __jsx(_toastContainer["default"], {
+      component: toast.content.component
+    }));
+  }
+  var positions = ["top center", "bottom center"];
+  return __jsx(_Snackbar["default"], {
+    open: true,
+    onClose: handleClose,
+    anchorOrigin: anchorOrigin,
+    autoHideDuration: toast.duration,
+    className: (0, _clsx2["default"])("toast-container", (0, _defineProperty2["default"])({}, "toast-".concat(position.replaceAll(" ", "-")), !positions.includes(position))),
+    disableWindowBlurListener: true,
+    message: __jsx("div", {
+      className: "toast-title"
+    }, type.toUpperCase(), __jsx("div", {
+      className: "toast-message"
+    }, text)),
+    TransitionProps: {
+      appear: false
+    },
+    onClick: handleClick,
+    sx: {
+      "& .MuiSnackbarContent-root": {
+        alignItems: "unset !important"
+      },
+      "& .MuiSnackbar-root": {
+        all: "unset !important"
+      }
+    },
+    style: _objectSpread(_objectSpread({}, position === "top center" && {
+      top: "var(--wm-toast-position-top)"
+    }), position === "bottom center" && {
+      bottom: "var(--wm-toast-position-bottom)"
+    }),
+    ContentProps: {
+      sx: {
+        "& .MuiSnackbarContent-message": {
+          all: "unset"
+        }
+      },
+      style: _objectSpread({}, position === "center center" && {
+        transform: "translateX(50%)"
+      }),
+      className: "toast toast-".concat(type, " ")
+    }
+  });
+};
+var _default = exports["default"] = CustomToast;

package/actions/toast.service.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toastService = exports.ToastInitializer = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _toastProvider = require("./toast-provider");
+var _ToastService;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+var ToastService = /*#__PURE__*/function () {
+  function ToastService() {
+    (0, _classCallCheck2["default"])(this, ToastService);
+    (0, _defineProperty2["default"])(this, "context", null);
+    (0, _defineProperty2["default"])(this, "activeToasts", new Map());
+    if (ToastService.instance) {
+      return ToastService.instance;
+    }
+    this.showToast = this.showToast.bind(this);
+    this.hideToast = this.hideToast.bind(this);
+    this.hideAllToasts = this.hideAllToasts.bind(this);
+    this.setContext = this.setContext.bind(this);
+    ToastService.instance = this;
+  }
+  (0, _createClass2["default"])(ToastService, [{
+    key: "setContext",
+    value: function setContext(context) {
+      this.context = context;
+    }
+  }, {
+    key: "showToast",
+    value: function showToast(options) {
+      if (!this.context) {
+        console.warn("Toast service used before context is set. Make sure ToastProvider is mounted.");
+        return "error";
+      }
+      this.hideAllToasts();
+      var id = this.context.showToast(options);
+
+      // Track the toast
+      this.activeToasts.set(id, {
+        onClose: options.onClose
+      });
+      return id;
+    }
+  }, {
+    key: "hideToast",
+    value: function hideToast(id) {
+      if (!this.context) return;
+      var toastData = this.activeToasts.get(id);
+      if (toastData) {
+        if (toastData.timeoutId) {
+          clearTimeout(toastData.timeoutId);
+        }
+        this.activeToasts["delete"](id);
+      }
+      this.context.hideToast(id);
+    }
+  }, {
+    key: "hideAllToasts",
+    value: function hideAllToasts() {
+      if (!this.context) return;
+      this.activeToasts.forEach(function (data) {
+        if (data.timeoutId) {
+          clearTimeout(data.timeoutId);
+        }
+      });
+      this.activeToasts.clear();
+      this.context.hideAllToasts();
+    }
+  }]);
+  return ToastService;
+}(); // Create singleton instance
+_ToastService = ToastService;
+(0, _defineProperty2["default"])(ToastService, "instance", void 0);
+var toastService = exports.toastService = new ToastService();
+var ToastInitializer = exports.ToastInitializer = function ToastInitializer(_ref) {
+  var children = _ref.children;
+  var toast = (0, _toastProvider.useToast)();
+  (0, _react.useEffect)(function () {
+    toastService.setContext(toast);
+    return function () {
+      // Clear context reference
+      toastService.setContext(null);
+    };
+  }, [toast]);
+  return __jsx(_react["default"].Fragment, null, children);
+};

package/actions/types/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TOAST_CONFIG = void 0;
+var TOAST_CONFIG = exports.TOAST_CONFIG = {
+  CONTAINER_ID: "mui-toast-container",
+  DEFAULT_DURATION: 3000,
+  DEFAULT_POSITION: "bottom right"
+};