@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/actions/toast-provider.js

@@ -1,48 +1,51 @@
-"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-ai/react-runtime/actions/types");
-var _toast = require("@wavemaker-ai/react-runtime/actions/toast.service");
-var _toast2 = _interopRequireDefault(require("@wavemaker-ai/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);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, createContext, useContext, useRef, useEffect } from "react";
+import ReactDOM from "react-dom";
+import {
+  TOAST_CONFIG
+} from "./types";
+import { ToastInitializer } from "./toast.service";
+import CustomToast from "./toast";
+const ToastContext = createContext(null);
+const useToast = () => {
+  const context = 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
+const ToastPortal = ({ toast, onClose }) => {
+  const containerRef = useRef(null);
+  useEffect(() => {
     if (!containerRef.current) {
-      var element = document.getElementById(_types.TOAST_CONFIG.CONTAINER_ID);
+      let element = document.getElementById(TOAST_CONFIG.CONTAINER_ID);
       if (!element) {
         element = document.createElement("div");
-        element.id = _types.TOAST_CONFIG.CONTAINER_ID;
+        element.id = TOAST_CONFIG.CONTAINER_ID;
         document.body.appendChild(element);
       }
       containerRef.current = element;
     }
-    return function () {
+    return () => {
       if (containerRef.current && document.body.contains(containerRef.current)) {
         document.body.removeChild(containerRef.current);
         containerRef.current = null;
@@ -50,62 +53,45 @@ var ToastPortal = exports.ToastPortal = function ToastPortal(_ref) {
     };
   }, []);
   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;
+  return containerRef.current ? ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(CustomToast, { toast, onClose: () => onClose(toast.id) }, 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
-    });
+const ToastProvider = ({ children }) => {
+  const [toast, setToast] = useState(null);
+  const showToast = (options) => {
+    const id = `toast-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    const newToast = __spreadProps(__spreadValues({}, options), { id });
     setToast(newToast);
-    var duration = typeof options.duration === "number" ? options.duration : options.type === "success" ? _types.TOAST_CONFIG.DEFAULT_DURATION : 0;
+    const duration = typeof options.duration === "number" ? options.duration : options.type === "success" ? TOAST_CONFIG.DEFAULT_DURATION : 0;
     if (duration > 0) {
-      setTimeout(function () {
+      setTimeout(() => {
         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") {
+  const hideToast = (id) => {
+    if (typeof (toast == null ? 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") {
+  const hideAllToasts = () => {
+    if (typeof (toast == null ? 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
-  })));
-};
+  const contextValue = useMemo(() => ({ showToast, hideToast, hideAllToasts }), []);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(ToastInitializer, { children: [
+    children,
+    /* @__PURE__ */ jsx(ToastPortal, { toast, onClose: hideToast })
+  ] }) });
+};
+export {
+  ToastPortal,
+  ToastProvider,
+  useToast
+};

package/actions/toast.js

@@ -1,44 +1,41 @@
-"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-ai/react-runtime/components/page/toast-container"));
-var _types = require("@wavemaker-ai/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];
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Snackbar from "@mui/material/Snackbar";
+import WmPageToast from "../components/page/toast-container";
+import { TOAST_CONFIG } from "./types";
+const GET_POSITION = (position) => {
+  const [vertical, horizontal] = position.split(" ");
   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,
-    _toast$showTypeLabel = toast.showTypeLabel,
-    showTypeLabel = _toast$showTypeLabel === void 0 ? false : _toast$showTypeLabel;
-  var ispage = toast.content && (0, _typeof2["default"])(toast.content) === "object";
-  var handleClick = function handleClick(e) {
+const CustomToast = ({ toast, onClose }) => {
+  const {
+    text,
+    type = "info",
+    position = toast.placement || TOAST_CONFIG.DEFAULT_POSITION,
+    onClick,
+    showTypeLabel = false
+  } = toast;
+  const ispage = toast.content && typeof toast.content === "object";
+  const handleClick = (e) => {
     if (onClick) {
       e.stopPropagation();
       try {
@@ -49,69 +46,76 @@ var CustomToast = function CustomToast(_ref) {
     }
     onClose();
   };
-  var handleClose = function handleClose(event, reason) {
+  const handleClose = (event, reason) => {
     if (reason === "clickaway") return;
     onClose && onClose();
   };
-  var anchorOrigin = GET_POSITION(position);
-  if (ispage && toast.content !== undefined) {
-    return __jsx(_Snackbar["default"], {
+  const anchorOrigin = GET_POSITION(position);
+  if (ispage && toast.content !== void 0) {
+    return /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: true,
+        onClose: handleClose,
+        anchorOrigin,
+        message: null,
+        TransitionProps: {
+          appear: false,
+          style: {
+            transition: "ease-in-out 0.3s"
+          }
+        },
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsx(WmPageToast, { component: toast.content.component })
+      }
+    );
+  }
+  const positions = ["top center", "bottom center"];
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
       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"
-    }, showTypeLabel && 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: {
+      anchorOrigin,
+      autoHideDuration: toast.duration,
+      className: clsx("toast-container", {
+        [`toast-${position.replaceAll(" ", "-")}`]: !positions.includes(position)
+      }),
+      disableWindowBlurListener: true,
+      message: /* @__PURE__ */ jsxs("div", { className: "toast-title", children: [
+        showTypeLabel && type.toUpperCase(),
+        /* @__PURE__ */ jsx("div", { className: "toast-message", children: text })
+      ] }),
+      TransitionProps: { appear: false },
+      onClick: handleClick,
       sx: {
-        "& .MuiSnackbarContent-message": {
-          all: "unset"
+        "& .MuiSnackbarContent-root": {
+          alignItems: "unset !important"
+        },
+        "& .MuiSnackbar-root": {
+          all: "unset !important"
         }
       },
-      style: _objectSpread({}, position === "center center" && {
-        transform: "translateX(50%)"
+      style: __spreadValues(__spreadValues({}, position === "top center" && {
+        top: "var(--wm-toast-position-top)"
+      }), position === "bottom center" && {
+        bottom: "var(--wm-toast-position-bottom)"
       }),
-      className: "toast toast-".concat(type, " ")
+      ContentProps: {
+        sx: {
+          "& .MuiSnackbarContent-message": {
+            all: "unset"
+          }
+        },
+        style: __spreadValues({}, position === "center center" && {
+          transform: "translateX(50%)"
+        }),
+        className: `toast toast-${type} `
+      }
     }
-  });
+  );
+};
+var toast_default = CustomToast;
+export {
+  toast_default as default
 };
-var _default = exports["default"] = CustomToast;

package/actions/toast.service.js

@@ -1,93 +1,73 @@
-"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;
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useToast } from "./toast-provider";
+const _ToastService = class _ToastService {
+  constructor() {
+    __publicField(this, "context", null);
+    __publicField(this, "activeToasts", /* @__PURE__ */ 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;
+    _ToastService.instance = this;
   }
-  return (0, _createClass2["default"])(ToastService, [{
-    key: "setContext",
-    value: function setContext(context) {
-      this.context = context;
+  setContext(context) {
+    this.context = context;
+  }
+  showToast(options) {
+    if (!this.context) {
+      console.warn("Toast service used before context is set. Make sure ToastProvider is mounted.");
+      return "error";
     }
-  }, {
-    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();
+    const id = this.context.showToast(options);
+    this.activeToasts.set(id, {
+      onClose: options.onClose
+    });
+    return id;
+  }
+  hideToast(id) {
+    if (!this.context) return;
+    const toastData = this.activeToasts.get(id);
+    if (toastData) {
+      if (toastData.timeoutId) {
+        clearTimeout(toastData.timeoutId);
       }
-      this.hideAllToasts();
-      var id = this.context.showToast(options);
-
-      // Track the toast
-      this.activeToasts.set(id, {
-        onClose: options.onClose
-      });
-      return id;
+      this.activeToasts.delete(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);
+  }
+  hideAllToasts() {
+    if (!this.context) return;
+    this.activeToasts.forEach((data) => {
+      if (data.timeoutId) {
+        clearTimeout(data.timeoutId);
       }
-      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();
-    }
-  }]);
-}(); // 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 () {
+    });
+    this.activeToasts.clear();
+    this.context.hideAllToasts();
+  }
+};
+__publicField(_ToastService, "instance");
+let ToastService = _ToastService;
+const toastService = new ToastService();
+const ToastInitializer = ({ children }) => {
+  const toast = useToast();
+  useEffect(() => {
     toastService.setContext(toast);
-    return function () {
-      // Clear context reference
+    return () => {
       toastService.setContext(null);
     };
   }, [toast]);
-  return __jsx(_react["default"].Fragment, null, children);
-};
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+export {
+  ToastInitializer,
+  toastService
+};

package/actions/types/index.js

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