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

package/components/dialogs/index.js

@@ -1,69 +1,67 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmDialog = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-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; }
-var DEFAULT_CLASS = "modal fade in";
-var FadeTransition = /*#__PURE__*/_react["default"].forwardRef(function FadeTransition(props, ref) {
-  return __jsx(_Fade["default"], (0, _extends2["default"])({
-    ref: ref
-  }, props, {
-    timeout: {
-      enter: 300,
-      exit: 0
-    },
-    easing: {
-      enter: "cubic-bezier(0.4, 0, 0.2, 1)",
-      exit: "cubic-bezier(0.4, 0, 0.2, 1)"
+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]);
     }
-  }), props.children);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React, { memo, useEffect } from "react";
+import Dialog from "@mui/material/Dialog";
+import Fade from "@mui/material/Fade";
+import clsx from "clsx";
+import { Box } from "@mui/material";
+const DEFAULT_CLASS = "modal fade in";
+const FadeTransition = React.forwardRef(function FadeTransition2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    Fade,
+    __spreadProps(__spreadValues({
+      ref
+    }, props), {
+      timeout: {
+        enter: 300,
+        exit: 0
+      },
+      easing: {
+        enter: "cubic-bezier(0.4, 0, 0.2, 1)",
+        exit: "cubic-bezier(0.4, 0, 0.2, 1)"
+      },
+      children: props.children
+    })
+  );
 });
-
-// Memoized body scroll management
-var useBodyScrollLock = function useBodyScrollLock(lock) {
-  (0, _react.useEffect)(function () {
+const useBodyScrollLock = (lock) => {
+  useEffect(() => {
     if (!lock || typeof document === "undefined") return;
-    var body = document.body;
-    var originalOverflow = body.style.overflow;
+    const body = document.body;
+    const originalOverflow = body.style.overflow;
     body.style.overflow = "hidden";
-    return function () {
+    return () => {
       body.style.overflow = originalOverflow;
     };
   }, [lock]);
 };
-var WmDialog = exports.WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var children = props.children,
-    className = props.className,
-    _props$open = props.open,
-    open = _props$open === void 0 ? false : _props$open,
-    onClose = props.onClose,
-    _props$modal = props.modal,
-    modal = _props$modal === void 0 ? false : _props$modal,
-    onTransitionEntered = props.onTransitionEntered;
+const WmDialog = memo((props) => {
+  const { children, className, open = false, onClose, modal = false, onTransitionEntered } = props;
   useBodyScrollLock(open);
-  var transitionType = FadeTransition;
-  var pageRef = document.getElementsByClassName("app-page")[0] || null;
-  var handleClose = function handleClose(event, reason) {
-    // Block backdrop click only when modal || Block escape only when modal and explicitly not closable
+  const transitionType = FadeTransition;
+  const pageRef = document.getElementsByClassName("app-page")[0] || null;
+  const handleClose = (event, reason) => {
     if (reason === "backdropClick" && modal || reason === "escapeKeyDown" && modal && props.closable === false) {
       return;
     }
-
-    // Otherwise, call the onClose callback
     if (onClose) {
       onClose(event);
     }
@@ -71,7 +69,7 @@ var WmDialog = exports.WmDialog = /*#__PURE__*/(0, _react.memo)(function (props)
   if (!open) {
     return null;
   }
-  var sheetPositionStyles = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.sheetposition === "top" && {
+  const sheetPositionStyles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, props.sheetposition === "top" && {
     position: "absolute",
     top: 0
   }), props.sheetposition === "bottom" && {
@@ -86,54 +84,59 @@ var WmDialog = exports.WmDialog = /*#__PURE__*/(0, _react.memo)(function (props)
     height: "var(--wm-modal-full-screen-height)",
     maxHeight: "var(--wm-modal-full-screen-height)"
   });
-  return __jsx(_Dialog["default"], {
-    name: props.name,
-    open: open,
-    onClose: handleClose,
-    className: (0, _clsx["default"])(DEFAULT_CLASS),
-    TransitionComponent: transitionType,
-    TransitionProps: {
-      onEntered: onTransitionEntered
-    },
-    "aria-modal": modal,
-    style: _objectSpread(_objectSpread({}, props.styles), {}, {
-      minHeight: "var(--wm-modal-full-screen-height)",
-      display: "block"
-    }, props.sheetposition && {
-      padding: 0
-    }),
-    container: pageRef,
-    disableEscapeKeyDown: modal && props.closable === false,
-    fullWidth: true,
-    keepMounted: true,
-    hideBackdrop: false,
-    BackdropProps: {
-      sx: {
-        pointerEvents: "auto"
-      }
-    },
-    sx: {
-      "& .css-snizaa-MuiPaper-root-MuiDialog-paper": {
-        maxWidth: "100%"
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    __spreadProps(__spreadValues({}, { name: props.name }), {
+      open,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS),
+      TransitionComponent: transitionType,
+      TransitionProps: {
+        onEntered: onTransitionEntered
       },
-      "& .MuiDialog-scrollPaper": _objectSpread({}, props.sheet && {
-        borderRadius: 0
+      "aria-modal": modal,
+      style: __spreadValues(__spreadProps(__spreadValues({}, props.styles), {
+        minHeight: "var(--wm-modal-full-screen-height)",
+        display: "block"
+      }), props.sheetposition && {
+        padding: 0
       }),
-      "& .MuiBackdrop-root": {
-        backgroundColor: "transparent"
+      container: pageRef,
+      disableEscapeKeyDown: modal && props.closable === false,
+      fullWidth: true,
+      keepMounted: true,
+      hideBackdrop: false,
+      BackdropProps: {
+        sx: {
+          pointerEvents: "auto"
+        }
       },
-      "& .MuiDialog-paper": _objectSpread({
-        margin: "0 !important",
-        padding: "0 !important",
-        borderRadius: "0 !important",
-        maxWidth: "var(--wm-modal-full-screen-width)"
-      }, props.sheetposition && _objectSpread({
-        width: "var(--wm-modal-full-screen-width)"
-      }, sheetPositionStyles))
-    }
-  }, __jsx(_material.Box, {
-    className: (0, _clsx["default"])(className)
-  }, children));
+      sx: {
+        "& .css-snizaa-MuiPaper-root-MuiDialog-paper": {
+          maxWidth: "100%"
+        },
+        "& .MuiDialog-scrollPaper": __spreadValues({}, props.sheet && {
+          borderRadius: 0
+        }),
+        "& .MuiBackdrop-root": {
+          backgroundColor: "transparent"
+        },
+        "& .MuiDialog-paper": __spreadValues({
+          margin: "0 !important",
+          padding: "0 !important",
+          borderRadius: "0 !important",
+          maxWidth: "var(--wm-modal-full-screen-width)"
+        }, props.sheetposition && __spreadValues({
+          width: "var(--wm-modal-full-screen-width)"
+        }, sheetPositionStyles))
+      },
+      children: /* @__PURE__ */ jsx(Box, { className: clsx(className), children })
+    })
+  );
 });
 WmDialog.displayName = "WmDialog";
-var _default = exports["default"] = WmDialog;
+var dialogs_default = WmDialog;
+export {
+  WmDialog,
+  dialogs_default as default
+};