@wavemaker-ai/react-runtime 1.0.0-next.27766

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

@@ -0,0 +1,309 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef, useCallback } from "react";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialog } from "..";
+import { WmMessageWithoutWrapper } from "../../basic/message";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialogBody } from "../dialog-body";
+import {
+  getFormData,
+  invokeFormEvent,
+  loginErrorMessage
+} from "../../../utils/form-utils";
+const DEFAULT_CLASS = "app-dialog modal-dialog app-login-dialog dialog-view";
+const FORM_SETUP_TIMEOUT = 100;
+const WmLoginDialog = (props) => {
+  var _b;
+  const _a = props, {
+    name,
+    isopen = false,
+    title = "Login",
+    iconclass = "wi wi-user",
+    errormessage,
+    eventsource,
+    onSubmit,
+    onOpened,
+    onClose,
+    onSuccess,
+    onError,
+    logintext = "Login",
+    canceltext = "Cancel",
+    close,
+    children,
+    invokeEventCallback,
+    appLocale,
+    listener
+  } = _a, rest = __objRest(_a, [
+    "name",
+    "isopen",
+    "title",
+    "iconclass",
+    "errormessage",
+    "eventsource",
+    "onSubmit",
+    "onOpened",
+    "onClose",
+    "onSuccess",
+    "onError",
+    "logintext",
+    "canceltext",
+    "close",
+    "children",
+    "invokeEventCallback",
+    "appLocale",
+    "listener"
+  ]);
+  const [loginMessage, setLoginMessage] = useState({
+    type: "",
+    caption: "",
+    show: false
+  });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isFormReady, setIsFormReady] = useState(false);
+  const messageRef = useRef(null);
+  const widgetRef = useRef(null);
+  const formRef = useRef(null);
+  const dialogWidget = (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name];
+  const hideMsg = useCallback(() => {
+    setLoginMessage({ type: "", caption: "", show: false });
+  }, []);
+  const showMessage = useCallback((caption, type) => {
+    const message = { type, caption, show: true };
+    setLoginMessage(message);
+  }, []);
+  const handleMessageClose = useCallback(() => {
+    setLoginMessage((prev) => __spreadProps(__spreadValues({}, prev), { show: false }));
+  }, []);
+  const validateCredentials = useCallback(
+    (formData) => {
+      var _a2, _b2;
+      if (!formData.isValid) {
+        (_b2 = (_a2 = formRef.current) == null ? void 0 : _a2.validateForm) == null ? void 0 : _b2.call(_a2);
+        return false;
+      }
+      if (!formData.values["j_username"] || !formData.values["j_password"]) {
+        showMessage("Please enter username and password", "error");
+        return false;
+      }
+      return true;
+    },
+    [showMessage]
+  );
+  const doLogin = useCallback(async () => {
+    var _a2, _b2;
+    if (isSubmitting || !eventsource || !formRef.current) {
+      return;
+    }
+    const formData = getFormData(formRef);
+    if (!validateCredentials(formData)) {
+      return;
+    }
+    const beforeSubmitResult = await invokeFormEvent(
+      formRef,
+      listener,
+      "onBeforeSubmit",
+      new Event("beforeSubmit"),
+      formData
+    );
+    if (beforeSubmitResult === false) {
+      return;
+    }
+    setIsSubmitting(true);
+    showMessage("Loading...", "loading");
+    (_b2 = (_a2 = formRef.current).clearErrors) == null ? void 0 : _b2.call(_a2);
+    const params = {
+      formData: formData.values
+    };
+    eventsource.invoke(
+      params,
+      async (data) => {
+        setIsSubmitting(false);
+        hideMsg();
+        await invokeFormEvent(formRef, listener, "onSuccess", new Event("onSuccess"), formData);
+        invokeEventCallback == null ? void 0 : invokeEventCallback("success");
+        onSuccess == null ? void 0 : onSuccess(new Event("success"), dialogWidget);
+        close == null ? void 0 : close();
+      },
+      // Error callback
+      async (error) => {
+        setIsSubmitting(false);
+        showMessage(loginErrorMessage(error, appLocale, errormessage), "error");
+        await invokeFormEvent(formRef, listener, "onError", new Event("onError"), formData);
+        invokeEventCallback == null ? void 0 : invokeEventCallback("error");
+        onError == null ? void 0 : onError(new Event("error"), dialogWidget);
+      }
+    );
+    await invokeFormEvent(formRef, listener, "onSubmit", new Event("submit"), formData);
+  }, [
+    isSubmitting,
+    eventsource,
+    validateCredentials,
+    showMessage,
+    hideMsg,
+    invokeEventCallback,
+    onSuccess,
+    onError,
+    errormessage,
+    appLocale
+  ]);
+  useEffect(() => {
+    if (!isopen) {
+      setIsFormReady(false);
+      return;
+    }
+    const setupTimeout = setTimeout(() => {
+      const container = widgetRef.current;
+      if (!container) return;
+      const formElement = container.querySelector("form") || container.querySelector('[role="form"]');
+      if (formElement) {
+        formRef.current = formElement;
+        setIsFormReady(true);
+      }
+    }, FORM_SETUP_TIMEOUT);
+    return () => clearTimeout(setupTimeout);
+  }, [isopen]);
+  const handleFormSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (onSubmit) {
+        onSubmit(e.nativeEvent, dialogWidget);
+      } else {
+        await doLogin();
+      }
+    },
+    [onSubmit, doLogin]
+  );
+  const handleKeyPress = useCallback(
+    async (e) => {
+      if (e.key === "Enter" && isFormReady) {
+        e.preventDefault();
+        e.stopPropagation();
+        await doLogin();
+      }
+    },
+    [doLogin, isFormReady]
+  );
+  const handleLoginButtonClick = useCallback(
+    async (e) => {
+      var _a2;
+      let target = e.target;
+      let dataRole = "";
+      if (target.tagName === "BUTTON") {
+        dataRole = target.getAttribute("data-role") || "";
+      } else if (target.tagName === "SPAN") {
+        dataRole = ((_a2 = target.parentElement) == null ? void 0 : _a2.getAttribute("data-role")) || "";
+        target = target.parentElement;
+      }
+      if (dataRole.toLowerCase() === "loginbutton") {
+        e.preventDefault();
+        e.stopPropagation();
+        const container = widgetRef.current;
+        const hasContainerSubmitEvent = container == null ? void 0 : container.hasAttribute("submit.event");
+        const hasButtonClickEvent = target.hasAttribute("click.event");
+        const hasButtonTapEvent = target.hasAttribute("tap.event");
+        if (!hasContainerSubmitEvent && !hasButtonClickEvent && !hasButtonTapEvent) {
+          await doLogin();
+        }
+      }
+    },
+    [doLogin]
+  );
+  if (!isopen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    {
+      open: isopen,
+      onClose: close != null ? close : (() => {
+      }),
+      className: clsx(DEFAULT_CLASS, props.className),
+      closable: props.closable,
+      sheet: props.sheet,
+      name: props.name || "",
+      listener,
+      children: /* @__PURE__ */ jsxs(WmDialogContent, { name: `${name}_content`, listener, children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          {
+            name: `login-dialog-${title}`,
+            listener,
+            titleid: `login-dialog-${title}`,
+            heading: title,
+            iconclass,
+            onClose: close != null ? close : (() => {
+            }),
+            iconurl: props.iconurl
+          }
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: `${name}_body`, listener, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: widgetRef,
+            className: "login-dialog-content",
+            onSubmit: handleFormSubmit,
+            onKeyPress: handleKeyPress,
+            onClick: handleLoginButtonClick,
+            children: [
+              /* @__PURE__ */ jsx(
+                WmMessageWithoutWrapper,
+                {
+                  ref: messageRef,
+                  className: "app-login-message",
+                  name: "LoginMessage",
+                  type: loginMessage.type || "info",
+                  caption: loginMessage.caption,
+                  open: loginMessage.show,
+                  close: handleMessageClose,
+                  listener
+                }
+              ),
+              children
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+};
+const WmLoginDialogStandalone = BaseDialog(WmLoginDialog);
+var login_dialog_default = BaseDialog(withBaseWrapper(WmLoginDialog));
+export {
+  WmLoginDialogStandalone as WmLoginDialog,
+  login_dialog_default as default
+};

package/components/dialogs/login-dialog/props.d.ts

@@ -0,0 +1,99 @@
+import React from "react";
+import { BaseProps, Prettify, WmDialogInjectedProps } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * Event source interface for login action.
+ */
+export interface IEventSource {
+    invoke: (params: {
+        formData?: any;
+    }, onSuccess: () => void, onError: (error?: any) => void) => void;
+}
+/**
+ * Form data interface for login form.
+ */
+export interface IFormData {
+    values: Record<string, any>;
+    isValid: boolean;
+}
+/**
+ * Message interface for login status.
+ */
+export interface ILoginMessage {
+    type?: string;
+    caption?: any;
+    show?: boolean;
+}
+/**
+ * Own props specific to the WmLoginDialog component.
+ */
+export interface WmLoginDialogOwnProps extends WmDialogInjectedProps {
+    /**
+     * Unique name of the widget.
+     */
+    name: string;
+    /**
+     * Title text for the login dialog.
+     */
+    title?: string;
+    /**
+     * CSS class for the header icon.
+     */
+    iconclass?: string;
+    /**
+     * Custom error message to display.
+     */
+    errormessage?: string;
+    /**
+     * Action source for the login process.
+     */
+    eventsource?: IEventSource;
+    /**
+     * Callback fired when the form is submitted.
+     */
+    onSubmit?: (event: Event | React.SyntheticEvent, widget: any) => void;
+    /**
+     * Callback fired when the dialog is opened (transition finished).
+     */
+    onOpened?: (event: Event | React.SyntheticEvent, widget: any) => void;
+    /**
+     * Callback fired when the dialog requests to be closed.
+     */
+    onClose?: (event: Event | React.SyntheticEvent, widget: any) => void;
+    /**
+     * Callback fired when login succeeds.
+     */
+    onSuccess?: (event: Event | React.SyntheticEvent, widget: any) => void;
+    /**
+     * Callback fired when login fails.
+     */
+    onError?: (event: Event | React.SyntheticEvent, widget: any) => void;
+    /**
+     * Text for the login button.
+     */
+    logintext?: string;
+    /**
+     * Text for the cancel button.
+     */
+    canceltext?: string;
+    /**
+     * Whether the dialog can be dismissed by the user.
+     */
+    closable?: boolean;
+    /**
+     * Whether the dialog is a sheet.
+     */
+    sheet?: boolean;
+    /**
+     * Internal WaveMaker event callback.
+     */
+    invokeEventCallback?: (eventName: string, data?: any) => void;
+    /**
+     * Application locale object injected at runtime.
+     */
+    appLocale?: any;
+    iconurl?: string;
+}
+/**
+ * Combined props for the WmLoginDialog component.
+ */
+export type WmLoginDialogProps = Prettify<WmLoginDialogOwnProps & BaseProps>;

package/components/dialogs/page-dialog/index.d.ts

@@ -0,0 +1,170 @@
+import React from "react";
+declare const WmPageDialogStandalone: {
+    (props: {
+        dialogtype?: "page-dialog";
+        content?: string;
+        prefabName?: string;
+        closable?: boolean;
+        sheet?: boolean;
+        title?: string;
+        showactions?: boolean;
+        iconclass?: string;
+        oktext?: string;
+        onClose?: (event?: React.SyntheticEvent | {}) => void;
+        onOkClick?: (event?: React.SyntheticEvent) => void;
+        onOk?: (event?: React.SyntheticEvent) => void;
+        iconurl?: string;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onTransitionEntered?: () => void;
+        dialogLocale?: {
+            LABEL_CLOSE: string;
+        };
+        widgetType?: string;
+        isDialog?: boolean;
+        standalone?: boolean;
+        ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+        animation?: string;
+        show?: boolean | string;
+        padding?: string;
+        margin?: string;
+        width?: number | string;
+        height?: number | string;
+        className?: string;
+        conditionalstyle?: React.CSSProperties;
+        conditionalclass?: string;
+        showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+        onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        eventCallback?: (eventName: string, data: any) => void;
+        forwardedRef?: React.ForwardedRef<any>;
+        viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+        hint?: string;
+        arialabel?: string;
+        tabindex?: number;
+        styles?: React.CSSProperties;
+        children?: React.ReactNode;
+        hidden?: boolean;
+        id?: string;
+        name?: string;
+        listener?: Record<string, any>;
+        "data-widget-id"?: string;
+        iswidget?: boolean | string;
+        deferload?: boolean | string;
+        "item-id"?: string;
+        datavalue?: any;
+        prefab?: boolean;
+        inbound?: Record<string, any>;
+        outbound?: Record<string, any>;
+        key?: string;
+        formfield?: boolean;
+        updateon?: string;
+        dataset?: any;
+        loading?: boolean;
+        showSkeleton?: boolean;
+        widget?: string;
+    } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { WmPageDialogStandalone as WmPageDialog };
+/**
+ * The WmPageDialog component renders a WaveMaker partial page inside a dialog.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-page-dialog--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-page-dialog--docs)
+ *
+ * @param props - {@link WmPageDialogProps}
+ */
+declare const _default: {
+    (props: {
+        dialogtype?: "page-dialog";
+        content?: string;
+        prefabName?: string;
+        closable?: boolean;
+        sheet?: boolean;
+        title?: string;
+        showactions?: boolean;
+        iconclass?: string;
+        oktext?: string;
+        onClose?: (event?: React.SyntheticEvent | {}) => void;
+        onOkClick?: (event?: React.SyntheticEvent) => void;
+        onOk?: (event?: React.SyntheticEvent) => void;
+        iconurl?: string;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onTransitionEntered?: () => void;
+        dialogLocale?: {
+            LABEL_CLOSE: string;
+        };
+        widgetType?: string;
+        isDialog?: boolean;
+        standalone?: boolean;
+        ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+        animation?: string;
+        show?: boolean | string;
+        padding?: string;
+        margin?: string;
+        width?: number | string;
+        height?: number | string;
+        className?: string;
+        conditionalstyle?: React.CSSProperties;
+        conditionalclass?: string;
+        showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+        onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+        eventCallback?: (eventName: string, data: any) => void;
+        forwardedRef?: React.ForwardedRef<any>;
+        viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+        hint?: string;
+        arialabel?: string;
+        tabindex?: number;
+        styles?: React.CSSProperties;
+        children?: React.ReactNode;
+        hidden?: boolean;
+        id?: string;
+        name?: string;
+        listener?: Record<string, any>;
+        "data-widget-id"?: string;
+        iswidget?: boolean | string;
+        deferload?: boolean | string;
+        "item-id"?: string;
+        datavalue?: any;
+        prefab?: boolean;
+        inbound?: Record<string, any>;
+        outbound?: Record<string, any>;
+        key?: string;
+        formfield?: boolean;
+        updateon?: string;
+        dataset?: any;
+        loading?: boolean;
+        showSkeleton?: boolean;
+        widget?: string;
+    } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,115 @@
+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 withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialog } from "..";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogBody } from "../dialog-body";
+import { WmButton } from "../../form/button";
+import { WmDialogFooter } from "../dialog-actions";
+import WmPartialContainer from "../../page/partial-container";
+const DEFAULT_CLASS = "app-dialog modal-dialog app-page-dialog dialog-view";
+const WmPageDialog = (props) => {
+  const {
+    showactions = true,
+    iconclass = "wi wi-file",
+    title = "Page Content",
+    oktext = "OK"
+  } = props;
+  const handleOk = (event) => {
+    if (props.onOk) {
+      props.onOk(event);
+    }
+    if (props.close) {
+      props.close(event);
+    }
+  };
+  const handleClose = (event) => {
+    if (props.onClose) {
+      props.onClose(event);
+    }
+    if (props.close) {
+      props.close(event);
+    }
+  };
+  if (!props.isopen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    {
+      open: props.isopen || false,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS, props.className),
+      closable: props.closable,
+      sheet: props.sheet,
+      "data-role": "page-dialog",
+      "aria-labelledby": `page-dialog-${props.title}`,
+      "aria-describedby": `page-dialog-${props.title}-description`,
+      role: "dialog",
+      name: props.name || "",
+      listener: {},
+      children: /* @__PURE__ */ jsxs(WmDialogContent, { name: "", listener: {}, children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          {
+            titleid: `page-dialog-${props.title}`,
+            heading: title,
+            iconclass,
+            onClose: handleClose,
+            closable: props.closable,
+            name: "",
+            listener: {},
+            iconurl: props.iconurl
+          }
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: props.content && /* @__PURE__ */ jsx(
+          WmPartialContainer,
+          __spreadValues({
+            listener: {},
+            name: ""
+          }, {
+            content: props.content,
+            prefab: props.prefab,
+            prefabName: props.prefabName
+          })
+        ) }),
+        showactions && /* @__PURE__ */ jsx(WmDialogFooter, { name: "", listener: {}, children: /* @__PURE__ */ jsx(
+          WmButton,
+          {
+            "aria-label": oktext,
+            caption: oktext,
+            onClick: props.onOkClick || handleOk,
+            className: "btn-primary ok-action",
+            listener: {},
+            name: "page-dialog-ok-button"
+          }
+        ) })
+      ] })
+    }
+  );
+};
+WmPageDialog.displayName = "WmPageDialog";
+const WmPageDialogStandalone = BaseDialog(WmPageDialog);
+var page_dialog_default = BaseDialog(withBaseWrapper(WmPageDialog));
+export {
+  WmPageDialogStandalone as WmPageDialog,
+  page_dialog_default as default
+};