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

package/components/dialogs/dialog-body/index.js

@@ -1,32 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmDialogBody = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-dialog-body modal-body";
-var WmDialogBody = exports.WmDialogBody = function WmDialogBody(props) {
-  var children = props.children;
-  return __jsx(_Box["default"], {
-    component: "div",
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
-  }, children);
+import { jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import clsx from "clsx";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "app-dialog-body modal-body";
+const WmDialogBody = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx(Box, { component: "div", className: clsx(DEFAULT_CLASS, props.className), children });
 };
 WmDialogBody.displayName = "WmDialogBody";
-
-/**
- * The WmDialogBody component renders the main content/body area of a WaveMaker dialog.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-body--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-body--docs#tab-overview)
- *
- * @param props - {@link WmDialogBodyProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogBody);
+var dialog_body_default = withBaseWrapper(WmDialogBody);
+export {
+  WmDialogBody,
+  dialog_body_default as default
+};

package/components/dialogs/dialog-body/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/dialogs/dialog-content/index.js

@@ -1,43 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmDialogContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-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-content";
-var WmDialogContent = exports.WmDialogContent = function WmDialogContent(_ref) {
-  var children = _ref.children,
-    sheet = _ref.sheet,
-    sheetposition = _ref.sheetposition,
-    styles = _ref.styles;
-  return __jsx(_DialogContent["default"], {
-    className: DEFAULT_CLASS,
-    style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, styles), sheet && {
-      borderRadius: 0
-    }), (sheetposition === "top" || sheetposition === "bottom") && {
-      width: "var(--wm-modal-full-screen-width)"
-    }), {}, {
-      flex: "none"
-    })
-  }, children);
+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 } from "react/jsx-runtime";
+import DialogContent from "@mui/material/DialogContent";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "modal-content";
+const WmDialogContent = ({
+  children,
+  sheet,
+  sheetposition,
+  styles
+}) => {
+  return /* @__PURE__ */ jsx(
+    DialogContent,
+    {
+      className: DEFAULT_CLASS,
+      style: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, styles), sheet && {
+        borderRadius: 0
+      }), (sheetposition === "top" || sheetposition === "bottom") && {
+        width: "var(--wm-modal-full-screen-width)"
+      }), {
+        flex: "none"
+      }),
+      children
+    }
+  );
 };
 WmDialogContent.displayName = "WmDialogContent";
-
-/**
- * The WmDialogContent component renders the scrollable content pane of a WaveMaker dialog.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-content--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-content--docs#tab-overview)
- *
- * @param props - {@link WmDialogContentProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogContent);
+var dialog_content_default = withBaseWrapper(WmDialogContent);
+export {
+  WmDialogContent,
+  dialog_content_default as default
+};

package/components/dialogs/dialog-content/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/dialogs/dialog-header/index.js

@@ -1,104 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmDialogHeader = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var __jsx = _react["default"].createElement;
-var DEFAULT_ICON_DIMENSIONS = "21px";
-var DEFAULT_CLASS = "app-dialog-header modal-header";
-var WmDialogHeader = exports.WmDialogHeader = function WmDialogHeader(props) {
-  var _props$closable = props.closable,
-    closable = _props$closable === void 0 ? true : _props$closable,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Alert" : _props$title,
-    _props$headinglevel = props.headinglevel,
-    headinglevel = _props$headinglevel === void 0 ? "h4" : _props$headinglevel,
-    iconclass = props.iconclass,
-    iconurl = props.iconurl,
-    _props$iconwidth = props.iconwidth,
-    iconwidth = _props$iconwidth === void 0 ? DEFAULT_ICON_DIMENSIONS : _props$iconwidth,
-    _props$iconheight = props.iconheight,
-    iconheight = _props$iconheight === void 0 ? DEFAULT_ICON_DIMENSIONS : _props$iconheight,
-    iconmargin = props.iconmargin,
-    heading = props.heading,
-    subheading = props.subheading,
-    onClose = props.onClose,
-    titleid = props.titleid,
-    _props$dialogLocale = props.dialogLocale,
-    dialogLocale = _props$dialogLocale === void 0 ? {
-      LABEL_CLOSE: "Close"
-    } : _props$dialogLocale,
-    _props$isDialog = props.isDialog,
-    isDialog = _props$isDialog === void 0 ? true : _props$isDialog;
-  var variant = headinglevel;
-  return __jsx(_material.Box, {
-    className: DEFAULT_CLASS,
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between"
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconButton, Typography, Box } from "@mui/material";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+const DEFAULT_ICON_DIMENSIONS = "21px";
+const DEFAULT_CLASS = "app-dialog-header modal-header";
+const WmDialogHeader = (props) => {
+  const {
+    closable = true,
+    title = "Alert",
+    headinglevel = "h4",
+    iconclass,
+    iconurl,
+    iconwidth = DEFAULT_ICON_DIMENSIONS,
+    iconheight = DEFAULT_ICON_DIMENSIONS,
+    iconmargin,
+    heading,
+    subheading,
+    onClose,
+    titleid,
+    dialogLocale = { LABEL_CLOSE: "Close" },
+    isDialog = true
+  } = props;
+  const variant = headinglevel;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: DEFAULT_CLASS,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant,
+            id: titleid,
+            component: variant,
+            sx: { display: "flex", alignItems: "center" },
+            className: "app-dialog-title modal-title",
+            children: [
+              isDialog ? iconurl && iconurl !== "" ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: iconurl,
+                  alt: "dialog icon",
+                  style: { width: iconwidth, height: iconheight, margin: iconmargin }
+                }
+              ) : iconclass && iconclass.trim() !== "" ? /* @__PURE__ */ jsx(
+                Box,
+                {
+                  component: "i",
+                  className: iconclass,
+                  style: { width: iconwidth, height: iconheight, margin: iconmargin }
+                }
+              ) : null : /* @__PURE__ */ jsx(Fragment, {}),
+              /* @__PURE__ */ jsx(Box, { component: "span", className: "dialog-heading", id: props.titleid, children: heading }),
+              subheading && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  component: "span",
+                  className: "dialog-sub-heading",
+                  title: subheading,
+                  style: { marginLeft: "8px" },
+                  children: subheading
+                }
+              )
+            ]
+          }
+        ),
+        closable && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": `Close ${title ? title : ""} dialog`,
+            onClick: onClose,
+            title: dialogLocale.LABEL_CLOSE,
+            className: "app-dialog-close close btn-text",
+            children: isDialog ? /* @__PURE__ */ jsx(Box, { component: "span", className: "app-icon wi wi-clear", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Fragment, {})
+          }
+        )
+      ]
     }
-  }, __jsx(_material.Typography, {
-    variant: variant,
-    id: titleid,
-    component: variant,
-    sx: {
-      display: "flex",
-      alignItems: "center"
-    },
-    className: "app-dialog-title modal-title"
-  }, isDialog ? iconurl && iconurl !== "" ? __jsx("img", {
-    src: iconurl,
-    alt: "dialog icon",
-    style: {
-      width: iconwidth,
-      height: iconheight,
-      margin: iconmargin
-    }
-  }) : iconclass && iconclass.trim() !== "" ? __jsx(_material.Box, {
-    component: "i",
-    className: iconclass,
-    style: {
-      width: iconwidth,
-      height: iconheight,
-      margin: iconmargin
-    }
-  }) : null : __jsx(_react["default"].Fragment, null), __jsx(_material.Box, {
-    component: "span",
-    className: "dialog-heading",
-    id: props.titleid
-  }, heading), subheading && __jsx(_material.Box, {
-    component: "span",
-    className: "dialog-sub-heading",
-    title: subheading,
-    style: {
-      marginLeft: "8px"
-    }
-  }, subheading)), closable && __jsx(_material.IconButton, {
-    "aria-label": "Close ".concat(title ? title : "", " dialog"),
-    onClick: onClose,
-    title: dialogLocale.LABEL_CLOSE,
-    className: "app-dialog-close close btn-text"
-  }, isDialog ? __jsx(_material.Box, {
-    component: "span",
-    className: "app-icon wi wi-clear",
-    "aria-hidden": "true"
-  }) : __jsx(_react["default"].Fragment, null)));
+  );
 };
 WmDialogHeader.displayName = "WmDialogHeader";
-
-/**
- * The WmDialogHeader component renders the title, icon, and close button for a WaveMaker dialog.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-header--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-header--docs#tab-overview)
- *
- * @param props - {@link WmDialogHeaderProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogHeader);
+var dialog_header_default = withBaseWrapper(WmDialogHeader);
+export {
+  WmDialogHeader,
+  dialog_header_default as default
+};

package/components/dialogs/dialog-header/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/dialogs/iframe-dialog/index.js

@@ -1,131 +1,139 @@
-"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.WmIFrameDialog = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _dialogs = require("@wavemaker-ai/react-runtime/components/dialogs");
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-var _dialogActions = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-actions");
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _iframe = require("@wavemaker-ai/react-runtime/components/basic/iframe");
-var _withDialogWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper"));
-var _dialogBody = require("../dialog-body");
-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 DEFAULT_CLASS = "app-dialog modal-dialog dialog-view";
-var WmIframeDialog = function WmIframeDialog(props) {
-  var _props$closable = props.closable,
-    closable = _props$closable === void 0 ? true : _props$closable,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "External Content" : _props$title,
-    _props$headinglevel = props.headinglevel,
-    headinglevel = _props$headinglevel === void 0 ? "h4" : _props$headinglevel,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wi wi-globe" : _props$iconclass,
-    iconurl = props.iconurl,
-    iconwidth = props.iconwidth,
-    iconheight = props.iconheight,
-    iconmargin = props.iconmargin,
-    _props$oktext = props.oktext,
-    oktext = _props$oktext === void 0 ? "OK" : _props$oktext,
-    _props$showheader = props.showheader,
-    showheader = _props$showheader === void 0 ? true : _props$showheader,
-    _props$showactions = props.showactions,
-    showactions = _props$showactions === void 0 ? true : _props$showactions,
-    _props$url = props.url,
-    url = _props$url === void 0 ? "//www.wavemaker.com" : _props$url,
-    _props$encodeurl = props.encodeurl,
-    encodeurl = _props$encodeurl === void 0 ? false : _props$encodeurl,
-    hint = props.hint,
-    _props$width = props.width,
-    width = _props$width === void 0 ? "100%" : _props$width,
-    _props$height = props.height,
-    height = _props$height === void 0 ? "400px" : _props$height,
-    onClose = props.onClose,
-    onOk = props.onOk;
-  var handleClose = (0, _react.useCallback)(function (event) {
-    var _props$close;
-    if (onClose) {
-      onClose(event);
+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 === null || props === void 0 || (_props$close = props.close) === null || _props$close === void 0 || _props$close.call(props, event);
-  }, [onClose]);
-  var handleOk = (0, _react.useCallback)(function (event) {
-    var _props$close2;
-    if (onOk) {
-      onOk(event);
-    }
-    if (onClose) {
-      onClose();
-    }
-    props === null || props === void 0 || (_props$close2 = props.close) === null || _props$close2 === void 0 || _props$close2.call(props);
-  }, [onOk, onClose]);
-  return __jsx(_dialogs.WmDialog, (0, _extends2["default"])({}, props, {
-    open: props.isopen,
-    onClose: handleClose,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className),
-    "data-role": "iframe-dialog",
-    "aria-labelledby": "iframe-dialog-".concat(title),
-    "aria-describedby": "iframe-dialog-".concat(title, "-description")
-  }), __jsx("div", {
-    className: "app-alert-dialog app-dialog modal-dialog"
-  }, __jsx(_dialogContent.WmDialogContent, {
-    name: "",
-    listener: {}
-  }, showheader && __jsx(_dialogHeader.WmDialogHeader, {
-    closable: closable,
-    iconclass: iconclass,
-    iconurl: iconurl,
-    iconwidth: iconwidth,
-    iconheight: iconheight,
-    iconmargin: iconmargin,
-    heading: title,
-    headinglevel: headinglevel,
-    title: title,
-    titleid: "iframe-dialog-".concat(props.widgetId),
-    onClose: handleClose,
-    name: "",
-    listener: {}
-  }), __jsx(_dialogBody.WmDialogBody, {
-    name: "",
-    listener: {}
-  }, __jsx(_iframe.WmIframe, {
-    name: "",
-    listener: {},
-    iframesrc: url,
-    encodeurl: encodeurl,
-    width: width,
-    height: height,
-    hint: hint
-  })), showactions && __jsx(_dialogActions.WmDialogFooter, {
-    name: "",
-    listener: {}
-  }, __jsx(_button.WmButton, {
-    onClick: props.onOkClick || handleOk,
-    caption: oktext,
-    "aria-label": oktext,
-    className: "btn-primary ok-action",
-    name: "",
-    listener: {}
-  })))));
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { WmDialog } from "..";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialogFooter } from "../dialog-actions";
+import { WmButton } from "../../form/button";
+import { WmIframe } from "../../basic/iframe";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialogBody } from "../dialog-body";
+const DEFAULT_CLASS = "app-dialog modal-dialog dialog-view";
+const WmIframeDialog = (props) => {
+  const {
+    closable = true,
+    title = "External Content",
+    headinglevel = "h4",
+    iconclass = "wi wi-globe",
+    iconurl,
+    iconwidth,
+    iconheight,
+    iconmargin,
+    oktext = "OK",
+    showheader = true,
+    showactions = true,
+    url = "//www.wavemaker.com",
+    encodeurl = false,
+    hint,
+    width = "100%",
+    height = "400px",
+    // default height same as ng runtime
+    onClose,
+    onOk
+  } = props;
+  const handleClose = useCallback(
+    (event) => {
+      var _a;
+      if (onClose) {
+        onClose(event);
+      }
+      (_a = props == null ? void 0 : props.close) == null ? void 0 : _a.call(props, event);
+    },
+    [onClose]
+  );
+  const handleOk = useCallback(
+    (event) => {
+      var _a;
+      if (onOk) {
+        onOk(event);
+      }
+      if (onClose) {
+        onClose();
+      }
+      (_a = props == null ? void 0 : props.close) == null ? void 0 : _a.call(props);
+    },
+    [onOk, onClose]
+  );
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    __spreadProps(__spreadValues({}, props), {
+      open: props.isopen,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS, props.className),
+      "data-role": "iframe-dialog",
+      "aria-labelledby": `iframe-dialog-${title}`,
+      "aria-describedby": `iframe-dialog-${title}-description`,
+      children: /* @__PURE__ */ jsx("div", { className: "app-alert-dialog app-dialog modal-dialog", children: /* @__PURE__ */ jsxs(WmDialogContent, { name: "", listener: {}, children: [
+        showheader && /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          {
+            closable,
+            iconclass,
+            iconurl,
+            iconwidth,
+            iconheight,
+            iconmargin,
+            heading: title,
+            headinglevel,
+            title,
+            titleid: `iframe-dialog-${props.widgetId}`,
+            onClose: handleClose,
+            name: "",
+            listener: {}
+          }
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: /* @__PURE__ */ jsx(
+          WmIframe,
+          {
+            name: "",
+            listener: {},
+            iframesrc: url,
+            encodeurl,
+            width,
+            height,
+            hint
+          }
+        ) }),
+        showactions && /* @__PURE__ */ jsx(WmDialogFooter, { name: "", listener: {}, children: /* @__PURE__ */ jsx(
+          WmButton,
+          {
+            onClick: props.onOkClick || handleOk,
+            caption: oktext,
+            "aria-label": oktext,
+            className: "btn-primary ok-action",
+            name: "",
+            listener: {}
+          }
+        ) })
+      ] }) })
+    })
+  );
 };
 WmIframeDialog.displayName = "WmIframeDialog";
-var WmIframeDialogStandalone = exports.WmIFrameDialog = (0, _withDialogWrapper["default"])(WmIframeDialog);
-/**
- * The WmIframeDialog component displays an external URL inside a dialog via an iframe.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-iframe-dialog--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-iframe-dialog--docs)
- *
- * @param props - {@link WmIframeDialogProps}
- */
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmIframeDialog));
+const WmIframeDialogStandalone = BaseDialog(WmIframeDialog);
+var iframe_dialog_default = BaseDialog(withBaseWrapper(WmIframeDialog));
+export {
+  WmIframeDialogStandalone as WmIFrameDialog,
+  iframe_dialog_default as default
+};

package/components/dialogs/iframe-dialog/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});