@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

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

@@ -1,41 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmAlertDialog = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _dialogActions = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-actions");
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-var _dialogs = require("@wavemaker-ai/react-runtime/components/dialogs");
-var _withDialogWrapper = _interopRequireDefault(require("../withDialogWrapper"));
-var _dialogBody = require("../dialog-body");
-var __jsx = _react["default"].createElement; // components
-var DEFAULT_CLASS = "dialog-view";
-var WmAlertDialog = function WmAlertDialog(props) {
-  var isopen = props.isopen,
-    onClose = props.onClose,
-    _props$oktext = props.oktext,
-    oktext = _props$oktext === void 0 ? "OK" : _props$oktext,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Alert" : _props$title,
-    _props$alerttype = props.alerttype,
-    alerttype = _props$alerttype === void 0 ? "error" : _props$alerttype,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wi wi-warning" : _props$iconclass,
-    _props$text = props.text,
-    text = _props$text === void 0 ? "I am Alert Box!" : _props$text,
-    message = props.message,
-    close = props.close,
-    onOkClick = props.onOkClick;
-  var handleClose = function handleClose(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]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import DialogContentText from "@mui/material/DialogContentText";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { WmButton } from "../../form/button";
+import { WmDialogFooter } from "../dialog-actions";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialog } from "..";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialogBody } from "../dialog-body";
+const DEFAULT_CLASS = "dialog-view";
+const WmAlertDialog = (props) => {
+  const {
+    isopen,
+    onClose,
+    oktext = "OK",
+    title = "Alert",
+    alerttype = "error",
+    iconclass = "wi wi-warning",
+    text = "I am Alert Box!",
+    message,
+    close,
+    onOkClick
+  } = props;
+  const handleClose = (event) => {
     if (onClose) {
       onClose(event);
     }
@@ -43,48 +50,46 @@ var WmAlertDialog = function WmAlertDialog(props) {
       close(event);
     }
   };
-
-  // Don't render if not open
   if (!isopen) {
     return null;
   }
-  return __jsx(_dialogs.WmDialog, (0, _extends2["default"])({}, props, {
-    open: isopen,
-    onClose: handleClose,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
-  }), __jsx("div", {
-    className: "app-alert-dialog app-dialog modal-dialog"
-  }, __jsx(_dialogContent.WmDialogContent, props, __jsx(_dialogHeader.WmDialogHeader, (0, _extends2["default"])({}, props, {
-    titleid: "alert-dialog-".concat(title),
-    heading: title,
-    onClose: close !== null && close !== void 0 ? close : function () {},
-    iconclass: iconclass
-  })), __jsx(_dialogBody.WmDialogBody, {
-    name: "",
-    listener: {}
-  }, __jsx(_DialogContentText["default"], {
-    className: "app-dialog-message text-".concat(alerttype)
-  }, message || text)), __jsx(_dialogActions.WmDialogFooter, {
-    name: "",
-    listener: {}
-  }, __jsx(_button.WmButton, {
-    "aria-label": oktext,
-    caption: oktext,
-    onClick: onOkClick,
-    className: "btn-primary ok-action ",
-    listener: {},
-    name: ""
-  })))));
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    __spreadProps(__spreadValues({}, props), {
+      open: isopen,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS, props.className),
+      children: /* @__PURE__ */ jsx("div", { className: "app-alert-dialog app-dialog modal-dialog", children: /* @__PURE__ */ jsxs(WmDialogContent, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          __spreadProps(__spreadValues({}, props), {
+            titleid: `alert-dialog-${title}`,
+            heading: title,
+            onClose: close != null ? close : (() => {
+            }),
+            iconclass
+          })
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: /* @__PURE__ */ jsx(DialogContentText, { className: `app-dialog-message text-${alerttype}`, children: message || text }) }),
+        /* @__PURE__ */ jsx(WmDialogFooter, { name: "", listener: {}, children: /* @__PURE__ */ jsx(
+          WmButton,
+          {
+            "aria-label": oktext,
+            caption: oktext,
+            onClick: onOkClick,
+            className: "btn-primary ok-action ",
+            listener: {},
+            name: ""
+          }
+        ) })
+      ] })) })
+    })
+  );
 };
 WmAlertDialog.displayName = "WmAlertDialog";
-var WmAlertDialogStandalone = exports.WmAlertDialog = (0, _withDialogWrapper["default"])(WmAlertDialog);
-/**
- * The WmAlertDialog component displays an alert dialog with a message and an OK button.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-alert-dialog--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-alert-dialog--docs)
- *
- * @param props - {@link WmAlertDialogProps}
- */
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmAlertDialog));
+const WmAlertDialogStandalone = BaseDialog(WmAlertDialog);
+var alert_dialog_default = BaseDialog(withBaseWrapper(WmAlertDialog));
+export {
+  WmAlertDialogStandalone as WmAlertDialog,
+  alert_dialog_default as default
+};

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

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

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

@@ -1,43 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmConfirmDialog = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _dialogActions = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-actions");
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-var _dialogs = require("@wavemaker-ai/react-runtime/components/dialogs");
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _dialogBody = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-body");
-var _withDialogWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper"));
-var __jsx = _react["default"].createElement; // components
-var DEFAULT_CLASS = "app-dialog modal-dialog app-confirm-dialog dialog-view";
-var WmConfirmDialog = function WmConfirmDialog(props) {
-  var _props$oktext = props.oktext,
-    oktext = _props$oktext === void 0 ? "OK" : _props$oktext,
-    _props$canceltext = props.canceltext,
-    canceltext = _props$canceltext === void 0 ? "CANCEL" : _props$canceltext,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Confirm" : _props$title,
-    _props$message = props.message,
-    message = _props$message === void 0 ? "I am confirm box!" : _props$message,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wm-sl-l sl-check" : _props$iconclass,
-    onOk = props.onOk,
-    onCancel = props.onCancel,
-    onClose = props.onClose,
-    _props$isDialog = props.isDialog,
-    isDialog = _props$isDialog === void 0 ? true : _props$isDialog,
-    close = props.close,
-    onOkClick = props.onOkClick;
-  var handleOk = function handleOk(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]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import DialogContentText from "@mui/material/DialogContentText";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { WmDialogFooter } from "../dialog-actions";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialog } from "..";
+import { WmButton } from "../../form/button";
+import { WmDialogBody } from "../dialog-body";
+import BaseDialog from "../withDialogWrapper";
+const DEFAULT_CLASS = "app-dialog modal-dialog app-confirm-dialog dialog-view";
+const WmConfirmDialog = (props) => {
+  const {
+    oktext = "OK",
+    canceltext = "CANCEL",
+    title = "Confirm",
+    message = "I am confirm box!",
+    iconclass = "wm-sl-l sl-check",
+    onOk,
+    onCancel,
+    onClose,
+    isDialog = true,
+    close,
+    onOkClick
+  } = props;
+  const handleOk = (event) => {
     if (onOk) {
       onOk(event);
     }
@@ -45,7 +51,7 @@ var WmConfirmDialog = function WmConfirmDialog(props) {
       close(event);
     }
   };
-  var handleCancel = function handleCancel(event) {
+  const handleCancel = (event) => {
     if (onCancel) {
       onCancel(event);
     }
@@ -53,7 +59,7 @@ var WmConfirmDialog = function WmConfirmDialog(props) {
       close(event);
     }
   };
-  var handleClose = function handleClose(event) {
+  const handleClose = (event) => {
     if (onClose) {
       onClose(event);
     }
@@ -61,55 +67,59 @@ var WmConfirmDialog = function WmConfirmDialog(props) {
       close(event);
     }
   };
-  return __jsx(_dialogs.WmDialog, (0, _extends2["default"])({}, props, {
-    open: props.isopen,
-    onClose: handleClose,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className),
-    "data-role": "confirm-dialog",
-    "aria-labelledby": "confirm-dialog-".concat(title),
-    "aria-describedby": "confirm-dialog-".concat(title, "-description")
-  }), __jsx(_dialogContent.WmDialogContent, {
-    name: "",
-    listener: {}
-  }, __jsx(_dialogHeader.WmDialogHeader, (0, _extends2["default"])({}, props, {
-    isDialog: isDialog,
-    titleid: "confirm-dialog-".concat(title),
-    heading: title,
-    iconclass: iconclass,
-    onClose: handleClose
-  })), __jsx(_dialogBody.WmDialogBody, {
-    name: "",
-    listener: {}
-  }, __jsx(_DialogContentText["default"], {
-    className: "app-dialog-message"
-  }, message)), __jsx(_dialogActions.WmDialogFooter, {
-    name: "",
-    listener: {}
-  }, __jsx(_button.WmButton, {
-    name: "",
-    listener: {},
-    caption: canceltext,
-    onClick: handleCancel,
-    className: "btn-default cancel-action",
-    "aria-label": canceltext
-  }), __jsx(_button.WmButton, {
-    name: "",
-    listener: {},
-    caption: oktext,
-    onClick: onOkClick || handleOk,
-    className: "btn-primary ok-action",
-    "aria-label": oktext
-  }))));
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    __spreadProps(__spreadValues({}, props), {
+      open: props.isopen,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS, props.className),
+      "data-role": "confirm-dialog",
+      "aria-labelledby": `confirm-dialog-${title}`,
+      "aria-describedby": `confirm-dialog-${title}-description`,
+      children: /* @__PURE__ */ jsxs(WmDialogContent, { name: "", listener: {}, children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          __spreadProps(__spreadValues({}, props), {
+            isDialog,
+            titleid: `confirm-dialog-${title}`,
+            heading: title,
+            iconclass,
+            onClose: handleClose
+          })
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: /* @__PURE__ */ jsx(DialogContentText, { className: "app-dialog-message", children: message }) }),
+        /* @__PURE__ */ jsxs(WmDialogFooter, { name: "", listener: {}, children: [
+          /* @__PURE__ */ jsx(
+            WmButton,
+            {
+              name: "",
+              listener: {},
+              caption: canceltext,
+              onClick: handleCancel,
+              className: "btn-default cancel-action",
+              "aria-label": canceltext
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            WmButton,
+            {
+              name: "",
+              listener: {},
+              caption: oktext,
+              onClick: onOkClick || handleOk,
+              className: "btn-primary ok-action",
+              "aria-label": oktext
+            }
+          )
+        ] })
+      ] })
+    })
+  );
 };
 WmConfirmDialog.displayName = "WmConfirmDialog";
-var WmConfirmDialogStandalone = exports.WmConfirmDialog = (0, _withDialogWrapper["default"])(WmConfirmDialog);
-/**
- * The WmConfirmDialog component displays a confirmation dialog with OK and Cancel buttons.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-confirm-dialog--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-confirm-dialog--docs)
- *
- * @param props - {@link WmConfirmDialogProps}
- */
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmConfirmDialog));
+const WmConfirmDialogStandalone = BaseDialog(WmConfirmDialog);
+var confirm_dialog_default = BaseDialog(withBaseWrapper(WmConfirmDialog));
+export {
+  WmConfirmDialogStandalone as WmConfirmDialog,
+  confirm_dialog_default as default
+};

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

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

package/components/dialogs/dialog/index.js

@@ -1,73 +1,97 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _dialogs = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs"));
-var _withDialogWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper"));
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-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 WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$title;
-  var _props$modal = props.modal,
-    modal = _props$modal === void 0 ? true : _props$modal,
-    _props$showheader = props.showheader,
-    showheader = _props$showheader === void 0 ? true : _props$showheader;
-  var handleClose = function handleClose(event) {
-    if (props.onClose) {
-      props.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]);
     }
-    if (props.close) {
-      props.close(event);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import Dialog from "..";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+const WmDialog = memo(
+  (props) => {
+    var _a;
+    const { modal = true, showheader = true } = props;
+    const handleClose = (event) => {
+      if (props.onClose) {
+        props.onClose(event);
+      }
+      if (props.close) {
+        props.close(event);
+      }
+    };
+    if (!props.isopen) {
+      return null;
     }
-  };
-  if (!props.isopen) {
-    return null;
+    return /* @__PURE__ */ jsx(
+      Dialog,
+      __spreadProps(__spreadValues({}, props), {
+        modal,
+        open: props.isopen,
+        onClose: handleClose,
+        className: clsx("app-dialog modal-dialog  dialog-view", props.className),
+        children: /* @__PURE__ */ jsxs(WmDialogContent, __spreadProps(__spreadValues({}, props), { children: [
+          showheader !== false && /* @__PURE__ */ jsx(
+            WmDialogHeader,
+            {
+              name: "",
+              listener: {},
+              titleid: `design-dialog-${props.title}`,
+              heading: (_a = props.title) != null ? _a : "",
+              onClose: handleClose,
+              iconclass: props.iconclass,
+              iconurl: props.iconurl,
+              iconwidth: props.iconwidth,
+              iconheight: props.iconheight,
+              iconmargin: props.iconmargin,
+              iconstyle: props.iconstyle,
+              closable: props.closable
+            }
+          ),
+          props.children
+        ] }))
+      })
+    );
+  },
+  (prevProps, nextProps) => {
+    const keys = [
+      "isopen",
+      "sheetposition",
+      "sheet",
+      "styles",
+      "dialogtype",
+      "showheader",
+      "title",
+      "onClose",
+      "close",
+      "children",
+      "modal",
+      "closable"
+    ];
+    return keys.every((key) => prevProps[key] === nextProps[key]);
   }
-  return __jsx(_dialogs["default"], (0, _extends2["default"])({}, props, {
-    modal: modal,
-    open: props.isopen,
-    onClose: handleClose,
-    className: (0, _clsx["default"])("app-dialog modal-dialog  dialog-view", props.className)
-  }), __jsx(_dialogContent.WmDialogContent, props, showheader !== false && __jsx(_dialogHeader.WmDialogHeader, {
-    name: "",
-    listener: {},
-    titleid: "design-dialog-".concat(props.title),
-    heading: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : "",
-    onClose: handleClose,
-    iconclass: props.iconclass,
-    iconurl: props.iconurl,
-    iconwidth: props.iconwidth,
-    iconheight: props.iconheight,
-    iconmargin: props.iconmargin,
-    iconstyle: props.iconstyle,
-    closable: props.closable
-  }), props.children));
-}, function (prevProps, nextProps) {
-  var keys = ["isopen", "sheetposition", "sheet", "styles", "dialogtype", "showheader", "title", "onClose", "close", "children", "modal", "closable"];
-  return keys.every(function (key) {
-    return prevProps[key] === nextProps[key];
-  });
-});
+);
 WmDialog.displayName = "WmDialog";
-var WmDialogStandalone = exports.WmDialog = (0, _withDialogWrapper["default"])(WmDialog);
-/**
- * The WmDialog component is the high-level dialog shell for WaveMaker applications,
- * supporting design-dialog, page-dialog, iframe-dialog, and login-dialog modes.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog--docs)
- *
- * @param props - {@link WmDialogContainerProps}
- */
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper["default"])(WmDialog));
+const WmDialogStandalone = BaseDialog(WmDialog);
+var dialog_default = BaseDialog(withBaseWrapper(WmDialog));
+export {
+  WmDialogStandalone as WmDialog,
+  dialog_default as default
+};

package/components/dialogs/dialog/props.js

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

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

@@ -1,28 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmDialogFooter = exports.WmDialogActions = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var __jsx = _react["default"].createElement;
-var WmDialogFooter = exports.WmDialogActions = exports.WmDialogFooter = function WmDialogFooter(props) {
-  var children = props.children;
-  return __jsx(_DialogActions["default"], {
-    className: "app-dialog-footer modal-footer"
-  }, children);
+import { jsx } from "react/jsx-runtime";
+import DialogActions from "@mui/material/DialogActions";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+const WmDialogFooter = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx(DialogActions, { className: "app-dialog-footer modal-footer", children });
 };
 WmDialogFooter.displayName = "WmDialogFooter";
-/**
- * The WmDialogFooter component renders the actions/footer bar of a WaveMaker dialog.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-actions--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-dialog-actions--docs#tab-overview)
- *
- * @param props - {@link WmDialogFooterProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogFooter);
+var dialog_actions_default = withBaseWrapper(WmDialogFooter);
+export {
+  WmDialogFooter as WmDialogActions,
+  WmDialogFooter,
+  dialog_actions_default as default
+};

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

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