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

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

@@ -0,0 +1,164 @@
+import React from "react";
+declare const WmAlertDialogStandalone: {
+    (props: {
+        oktext?: string;
+        title?: string;
+        alerttype?: string;
+        iconclass?: string;
+        text?: string;
+        message?: string | React.ReactNode;
+        onOk?: () => void;
+        onClose?: (event?: React.SyntheticEvent) => void;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onOkClick?: (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;
+        prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
+        widget?: string;
+    } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { WmAlertDialogStandalone as 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}
+ */
+declare const _default: {
+    (props: {
+        oktext?: string;
+        title?: string;
+        alerttype?: string;
+        iconclass?: string;
+        text?: string;
+        message?: string | React.ReactNode;
+        onOk?: () => void;
+        onClose?: (event?: React.SyntheticEvent) => void;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onOkClick?: (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;
+        prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
+        widget?: string;
+    } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,95 @@
+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);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  if (!isopen) {
+    return null;
+  }
+  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";
+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.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { BaseProps, Prettify, WmDialogInjectedProps } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * Own props specific to the WmAlertDialog component.
+ */
+export interface WmAlertDialogOwnProps extends WmDialogInjectedProps {
+    /**
+     * Text for the OK button.
+     */
+    oktext?: string;
+    /**
+     * Title text for the alert dialog.
+     */
+    title?: string;
+    /**
+     * The type of alert (e.g. "error", "info").
+     */
+    alerttype?: string;
+    /**
+     * CSS class for the icon.
+     */
+    iconclass?: string;
+    /**
+     * Message text content for the alert.
+     */
+    text?: string;
+    /**
+     * Message content for the alert (can be React node).
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Callback fired when the OK button is clicked.
+     */
+    onOk?: () => void;
+    /**
+     * Callback fired when the dialog requests to be closed.
+     */
+    onClose?: (event?: React.SyntheticEvent) => void;
+}
+/**
+ * Combined props for the WmAlertDialog component.
+ */
+export type WmAlertDialogProps = Prettify<WmAlertDialogOwnProps & BaseProps>;

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

@@ -0,0 +1,166 @@
+import React from "react";
+declare const WmConfirmDialogStandalone: {
+    (props: {
+        oktext?: string;
+        canceltext?: string;
+        title?: string;
+        message?: string | React.ReactNode;
+        text?: string | React.ReactNode;
+        iconclass?: string;
+        onOk?: (event?: React.SyntheticEvent) => void;
+        onCancel?: (event?: React.SyntheticEvent) => void;
+        onClose?: (event?: React.SyntheticEvent) => void;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onOkClick?: (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;
+        prefabName?: string;
+        loading?: boolean;
+        showSkeleton?: boolean;
+        widget?: string;
+    } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { WmConfirmDialogStandalone as 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}
+ */
+declare const _default: {
+    (props: {
+        oktext?: string;
+        canceltext?: string;
+        title?: string;
+        message?: string | React.ReactNode;
+        text?: string | React.ReactNode;
+        iconclass?: string;
+        onOk?: (event?: React.SyntheticEvent) => void;
+        onCancel?: (event?: React.SyntheticEvent) => void;
+        onClose?: (event?: React.SyntheticEvent) => void;
+        isopen?: boolean;
+        close?: (event?: React.SyntheticEvent) => void;
+        openDialog?: (event?: React.SyntheticEvent) => void;
+        closeDialog?: (event?: React.SyntheticEvent) => void;
+        onOkClick?: (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;
+        prefabName?: string;
+        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/confirm-dialog/index.js

@@ -0,0 +1,125 @@
+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);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  const handleCancel = (event) => {
+    if (onCancel) {
+      onCancel(event);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  const handleClose = (event) => {
+    if (onClose) {
+      onClose(event);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  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";
+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.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+import { BaseProps, Prettify, WmDialogInjectedProps } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * Own props specific to the WmConfirmDialog component.
+ */
+export interface WmConfirmDialogOwnProps extends WmDialogInjectedProps {
+    /**
+     * Text for the OK button.
+     */
+    oktext?: string;
+    /**
+     * Text for the Cancel button.
+     */
+    canceltext?: string;
+    /**
+     * Title text for the confirm dialog.
+     */
+    title?: string;
+    /**
+     * Message content for the confirm dialog.
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Text content for the confirm dialog.
+     */
+    text?: string | React.ReactNode;
+    /**
+     * CSS class for the icon.
+     */
+    iconclass?: string;
+    /**
+     * Callback fired when the OK button is clicked.
+     */
+    onOk?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Callback fired when the Cancel button is clicked.
+     */
+    onCancel?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Callback fired when the dialog requests to be closed.
+     */
+    onClose?: (event?: React.SyntheticEvent) => void;
+}
+/**
+ * Combined props for the WmConfirmDialog component.
+ */
+export type WmConfirmDialogProps = Prettify<WmConfirmDialogOwnProps & BaseProps>;