@wavemaker-ai/react-runtime 1.0.0-rc.309

package/components/data/utils/index.js

@@ -0,0 +1,216 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIVE_CONSTANTS = void 0;
+exports.findOperationType = findOperationType;
+exports.getEmptyMatchMode = getEmptyMatchMode;
+exports.getEnableEmptyFilter = getEnableEmptyFilter;
+exports.getMatchModeTypesMap = exports.getMatchModeMsgs = void 0;
+exports.getRangeFieldValue = getRangeFieldValue;
+exports.getRangeMatchMode = getRangeMatchMode;
+exports.unsupportedStatePersistenceTypes = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _lodashEs = require("lodash-es");
+var _types = require("../types");
+var _util = require("../../../core/util");
+var Live_Operations = {
+  INSERT: "insert",
+  UPDATE: "update",
+  DELETE: "delete",
+  READ: "read"
+};
+var LIVE_CONSTANTS = exports.LIVE_CONSTANTS = {
+  EMPTY_KEY: "EMPTY_NULL_FILTER",
+  EMPTY_VALUE: "No Value",
+  LABEL_KEY: "key",
+  LABEL_VALUE: "value",
+  NULL_EMPTY: ["null", "empty"],
+  NULL: "null",
+  EMPTY: "empty"
+};
+function findOperationType(formdata, primaryKeys) {
+  var operation;
+  var isPrimary = false;
+  if (primaryKeys && !(0, _lodashEs.isEmpty)(formdata)) {
+    /*If only one column is primary key*/
+    if (primaryKeys.length === 1) {
+      if (formdata[primaryKeys[0]]) {
+        operation = Live_Operations.UPDATE;
+      }
+      /*If only no column is primary key*/
+    } else if (primaryKeys.length === 0) {
+      (0, _lodashEs.forEach)(formdata, function (value) {
+        if (value) {
+          isPrimary = true;
+        }
+      });
+      if (isPrimary) {
+        operation = Live_Operations.UPDATE;
+      }
+      /*If multiple columns are primary key*/
+    } else {
+      // @ts-ignore
+      isPrimary = (0, _lodashEs.some)(primaryKeys, function (primaryKey) {
+        if (formdata[primaryKey]) {
+          return true;
+        }
+      });
+      if (isPrimary) {
+        operation = Live_Operations.UPDATE;
+      }
+    }
+  }
+  return operation || Live_Operations.INSERT;
+}
+function isDefinedAndNotEmpty(val) {
+  return (0, _util.isDefined)(val) && val !== "" && val !== null;
+}
+
+/**
+ * @ngdoc function
+ * @name wm.widgets.live.getRangeFieldValue
+ * @methodOf wm.widgets.live.LiveWidgetUtils
+ * @function
+ *
+ * @description
+ * Function to get the field value for range
+ *
+ * @param {string} minValue min value selected
+ * @param {string} maxValue max value selected
+ */
+function getRangeFieldValue(minValue, maxValue) {
+  var fieldValue;
+  if (isDefinedAndNotEmpty(minValue) && isDefinedAndNotEmpty(maxValue)) {
+    fieldValue = [minValue, maxValue];
+  } else if (isDefinedAndNotEmpty(minValue)) {
+    fieldValue = minValue;
+  } else if (isDefinedAndNotEmpty(maxValue)) {
+    fieldValue = maxValue;
+  }
+  return fieldValue;
+}
+/**
+ * @ngdoc function
+ * @name wm.widgets.live.getRangeMatchMode
+ * @methodOf wm.widgets.live.LiveWidgetUtils
+ * @function
+ *
+ * @description
+ * Function to get the match mode for range
+ *
+ * @param {string} minValue min value selected
+ * @param {string} maxValue max value selected
+ */
+function getRangeMatchMode(minValue, maxValue) {
+  var matchMode;
+  // If two values exists, then it is between. Otherwise, greater or lesser
+  if (isDefinedAndNotEmpty(minValue) && isDefinedAndNotEmpty(maxValue)) {
+    matchMode = _types.MatchMode.BETWEEN;
+  } else if (isDefinedAndNotEmpty(minValue)) {
+    matchMode = _types.MatchMode.GREATER;
+  } else if (isDefinedAndNotEmpty(maxValue)) {
+    matchMode = _types.MatchMode.LESSER;
+  }
+  return matchMode;
+}
+
+/**
+ * @ngdoc function
+ * @name wm.widgets.live.getEnableEmptyFilter
+ * @methodOf wm.widgets.live.LiveWidgetUtils
+ * @function
+ *
+ * @description
+ * This function checks if enable filter options is set on live filter
+ *
+ * @param {object} enableemptyfilter empty filter options
+ */
+function getEnableEmptyFilter(enableemptyfilter) {
+  return enableemptyfilter && (0, _lodashEs.intersection)(enableemptyfilter.split(","), LIVE_CONSTANTS.NULL_EMPTY).length > 0;
+}
+/**
+ * @ngdoc function
+ * @name wm.widgets.live.getEmptyMatchMode
+ * @methodOf wm.widgets.live.LiveWidgetUtils
+ * @function
+ *
+ * @description
+ * Function to get the match mode based on the filter selected
+ *
+ * @param {object} enableemptyfilter empty filter options
+ */
+function getEmptyMatchMode(enableemptyfilter) {
+  var matchMode;
+  var emptyFilterOptions = (0, _lodashEs.split)(enableemptyfilter, ",");
+  if ((0, _lodashEs.intersection)(emptyFilterOptions, LIVE_CONSTANTS.NULL_EMPTY).length === 2) {
+    matchMode = _types.MatchMode.NULLOREMPTY;
+  } else if ((0, _lodashEs.includes)(emptyFilterOptions, LIVE_CONSTANTS.NULL)) {
+    matchMode = _types.MatchMode.NULL;
+  } else if ((0, _lodashEs.includes)(emptyFilterOptions, LIVE_CONSTANTS.EMPTY)) {
+    matchMode = _types.MatchMode.EMPTY;
+  }
+  return matchMode;
+}
+var typesMap = {
+  number: ["number", "integer", "big_integer", "short", "float", "big_decimal", "double", "long", "byte"],
+  string: ["string", "text"],
+  character: ["character"],
+  date: ["date", "time", "timestamp", "datetime"]
+};
+var modes = {
+  number: ["exact", "notequals", "lessthan", "lessthanequal", "greaterthan", "greaterthanequal", "null", "isnotnull"],
+  string: ["anywhereignorecase", "anywhere", "startignorecase", "start", "endignorecase", "end", "exactignorecase", "exact", "notequalsignorecase", "notequals", "null", "isnotnull", "empty", "isnotempty", "nullorempty"],
+  character: ["exactignorecase", "exact", "notequalsignorecase", "notequals", "null", "isnotnull", "empty", "isnotempty", "nullorempty"],
+  date: ["exact", "lessthan", "lessthanequal", "greaterthan", "greaterthanequal", "null", "notequals", "isnotnull"]
+};
+var matchModeTypesMap = {
+  "boolean": ["exact", "null", "isnotnull"],
+  clob: [],
+  blob: []
+};
+var getMatchModeTypesMap = exports.getMatchModeTypesMap = function getMatchModeTypesMap(multiMode) {
+  if (multiMode) {
+    modes.number.push("in", "notin", "between");
+    modes.date.push("between");
+    modes.string.push("in", "notin");
+    modes.character.push("in", "notin");
+  }
+  (0, _lodashEs.forEach)(typesMap, function (types, primType) {
+    (0, _lodashEs.forEach)(types, function (type) {
+      matchModeTypesMap[type] = modes[primType];
+    });
+  });
+  // this is used in filter criteria when the user types the column name manually and where we dont know the type of the column
+  matchModeTypesMap["default"] = [].concat((0, _toConsumableArray2["default"])(modes["number"]), (0, _toConsumableArray2["default"])(modes["string"]), (0, _toConsumableArray2["default"])(modes["character"]), (0, _toConsumableArray2["default"])(modes["date"]));
+  return matchModeTypesMap;
+};
+var getMatchModeMsgs = exports.getMatchModeMsgs = function getMatchModeMsgs(appLocale) {
+  return {
+    start: appLocale.LABEL_STARTS_WITH,
+    startignorecase: appLocale.LABEL_STARTS_WITH_IGNORECASE,
+    end: appLocale.LABEL_ENDS_WITH,
+    endignorecase: appLocale.LABEL_ENDS_WITH_IGNORECASE,
+    anywhere: appLocale.LABEL_CONTAINS,
+    anywhereignorecase: appLocale.LABEL_CONTAINS_IGNORECASE,
+    exact: appLocale.LABEL_IS_EQUAL_TO,
+    exactignorecase: appLocale.LABEL_IS_EQUAL_TO_IGNORECASE,
+    notequals: appLocale.LABEL_IS_NOT_EQUAL_TO,
+    notequalsignorecase: appLocale.LABEL_IS_NOT_EQUAL_TO_IGNORECASE,
+    lessthan: appLocale.LABEL_LESS_THAN,
+    lessthanequal: appLocale.LABEL_LESS_THAN_OR_EQUALS_TO,
+    greaterthan: appLocale.LABEL_GREATER_THAN,
+    greaterthanequal: appLocale.LABEL_GREATER_THAN_OR_EQUALS_TO,
+    "null": appLocale.LABEL_IS_NULL,
+    isnotnull: appLocale.LABEL_IS_NOT_NULL,
+    empty: appLocale.LABEL_IS_EMPTY,
+    isnotempty: appLocale.LABEL_IS_NOT_EMPTY,
+    nullorempty: appLocale.LABEL_IS_NULL_OR_EMPTY,
+    "in": appLocale.LABEL_IN,
+    notin: appLocale.LABEL_NOT_IN,
+    between: appLocale.LABEL_BETWEEN
+  };
+};
+var unsupportedStatePersistenceTypes = exports.unsupportedStatePersistenceTypes = ["On-Demand", "Scroll"];

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

@@ -0,0 +1,158 @@
+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;
+    } & 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;
+    } & import("../withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,90 @@
+"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) {
+    if (onClose) {
+      onClose(event);
+    }
+    if (close) {
+      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: ""
+  })))));
+};
+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));

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/alert-dialog/props.js

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

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

@@ -0,0 +1,160 @@
+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;
+    } & 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;
+    } & import("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper").BaseDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;