@wavemaker/react-runtime 11.14.1-16.6404

package/components/data/utils/field-data-utils.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDistinctFieldProperties = void 0;
+exports.getDistinctValues = getDistinctValues;
+exports.isDataSetWidget = void 0;
+exports.isSearchWidgetType = isSearchWidgetType;
+var _types = require("../types");
+var _lodashEs = require("lodash-es");
+var DATASET_WIDGETS = ["select", "autocomplete", "typeahead", "chips", "checkboxset", "radioset", "rating", "switch"];
+
+/**
+ * Check if widget type is a dataset widget (similar to isDataSetWidget in Angular)
+ */
+var isDataSetWidget = exports.isDataSetWidget = function isDataSetWidget(widgettype) {
+  return DATASET_WIDGETS.includes(widgettype === null || widgettype === void 0 ? void 0 : widgettype.toLowerCase());
+};
+var getDistinctFieldProperties = exports.getDistinctFieldProperties = function getDistinctFieldProperties(dataSource, formField) {
+  var props = {};
+  var fieldColumn;
+  if (formField["isRelated"]) {
+    var _fieldColumn;
+    props.tableName = formField["lookup-type"];
+    fieldColumn = formField["lookup-field"];
+    props.distinctField = fieldColumn;
+    props.aliasColumn = (_fieldColumn = fieldColumn) === null || _fieldColumn === void 0 ? void 0 : _fieldColumn.replace(".", "$"); // For related fields, In response . is replaced by $
+    props.filterExpr = formField.filterexpressions ? (0, _lodashEs.isObject)(formField.filterexpressions) ? formField.filterexpressions : JSON.parse(formField.filterexpressions) : {};
+  } else {
+    props.tableName = dataSource.execute(_types.DataSource.Operation.GET_ENTITY_NAME);
+    fieldColumn = formField.field || formField.key;
+    props.distinctField = fieldColumn;
+    props.aliasColumn = fieldColumn;
+  }
+  return props;
+};
+function getDistinctValues(dataSource, formField, widget) {
+  var props;
+  return new Promise(function (res, rej) {
+    if (isDataSetWidget(formField.widget) && (!formField.isDataSetBound || widget === "filterwidget")) {
+      props = getDistinctFieldProperties(dataSource, formField);
+      dataSource.execute(_types.DataSource.Operation.GET_DISTINCT_DATA_BY_FIELDS, {
+        fields: props.distinctField,
+        entityName: props.tableName,
+        pagesize: formField.limit,
+        filterExpr: formField.filterexpressions ? JSON.parse(formField.filterexpressions) : {}
+      }).then(function (response) {
+        res({
+          field: formField,
+          data: response.data,
+          aliasColumn: props.aliasColumn
+        });
+      }, rej)["catch"](function (error) {
+        rej({
+          field: formField,
+          data: [],
+          aliasColumn: props.aliasColumn
+        });
+      });
+    }
+  });
+}
+function isSearchWidgetType(widget) {
+  return (0, _lodashEs.includes)([_types.FormWidgetType.AUTOCOMPLETE, _types.FormWidgetType.TYPEAHEAD, _types.FormWidgetType.CHIPS], widget);
+}

package/components/data/utils/filter-field-util.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIVE_CONSTANTS = void 0;
+exports.getDistinctValuesForField = getDistinctValuesForField;
+exports.interpolateBindExpressions = interpolateBindExpressions;
+exports.stringStartsWith = exports.processFilterExpBindNode = void 0;
+var _lodashEs = require("lodash-es");
+var _fieldDataUtils = require("./field-data-utils");
+var _ = require("./");
+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"
+};
+var stringStartsWith = exports.stringStartsWith = function stringStartsWith(str, startsWith, ignoreCase) {
+  if (!str) {
+    return false;
+  }
+  var regEx = new RegExp("^" + startsWith, ignoreCase ? "i" : "");
+  return regEx.test(str);
+};
+function interpolateBindExpressions(context, filterexpressions, callbackFn) {
+  var debouncedFn = (0, _lodashEs.debounce)(function () {
+    if ((0, _lodashEs.isFunction)(callbackFn)) {
+      callbackFn(filterexpressions);
+    }
+  }, 300);
+
+  // Call initially for expressions without bound variables
+  debouncedFn();
+  var filterExpressions = filterexpressions ? (0, _lodashEs.isObject)(filterexpressions) ? filterexpressions : JSON.parse(filterexpressions) : {};
+
+  // Just setup the bindings - no subscription needed
+  processFilterExpBindNode(context, filterExpressions);
+  // The filterExpressions object will be mutated directly by the watchers
+  // No need for subscription since changes happen in-place
+}
+var processFilterExpBindNode = exports.processFilterExpBindNode = function processFilterExpBindNode(context, filterExpressions, variable) {
+  var traverseFilterExpressions = function traverseFilterExpressions(expressions) {
+    if (expressions.rules) {
+      (0, _lodashEs.forEach)(expressions.rules, function (filExpObj, i) {
+        if (filExpObj.rules) {
+          traverseFilterExpressions(filExpObj);
+        }
+      });
+    }
+  };
+  traverseFilterExpressions(filterExpressions);
+
+  // Return the mutated filterExpressions or nothing
+  return filterExpressions;
+};
+function getDistinctValuesForField(dataSource, formField, options) {
+  if (!dataSource || !formField || formField.isDataSetBound) {
+    return;
+  }
+  if ((0, _fieldDataUtils.isSearchWidgetType)(formField[options.widget])) {
+    var dataoptions = (0, _fieldDataUtils.getDistinctFieldProperties)(dataSource, formField);
+    formField.dataoptions = dataoptions;
+    formField.setFieldDataSet(formField, Object.assign(options || {}, dataoptions));
+  } else {
+    interpolateBindExpressions(formField.viewParent, formField.filterexpressions, function (filterexpressions) {
+      formField.filterexpressions = filterexpressions;
+      (0, _fieldDataUtils.getDistinctValues)(dataSource, formField, options.widget).then(function (res) {
+        formField.setFieldDataSet(res.data, {
+          aliasColumn: res.aliasColumn,
+          widget: options.widget,
+          isEnableEmptyFilter: (0, _.getEnableEmptyFilter)(options.enableemptyfilter),
+          EMPTY_VALUE: options.EMPTY_VALUE
+        });
+      });
+    });
+  }
+}

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.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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/react-runtime/higherOrder/withBaseWrapper");
+var _button = require("@wavemaker/react-runtime/components/form/button");
+var _dialogActions = require("@wavemaker/react-runtime/components/dialogs/dialog-actions");
+var _dialogHeader = require("@wavemaker/react-runtime/components/dialogs/dialog-header");
+var _dialogContent = require("@wavemaker/react-runtime/components/dialogs/dialog-content");
+var _dialogs = require("@wavemaker/react-runtime/components/dialogs");
+var _withDialogWrapper = _interopRequireDefault(require("../withDialogWrapper"));
+var _dialogBody = require("../dialog-body");
+var __jsx = _react["default"].createElement; // components
+var DEFAULT_CLASS = "";
+var WmConfirmDialog = function WmConfirmDialog(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,
+    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: ""
+  })))));
+};
+WmConfirmDialog.displayName = "WmConfirmDialog";
+var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmConfirmDialog));

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

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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/react-runtime/higherOrder/withBaseWrapper");
+var _dialogActions = require("@wavemaker/react-runtime/components/dialogs/dialog-actions");
+var _dialogHeader = require("@wavemaker/react-runtime/components/dialogs/dialog-header");
+var _dialogContent = require("@wavemaker/react-runtime/components/dialogs/dialog-content");
+var _dialogs = require("@wavemaker/react-runtime/components/dialogs");
+var _button = require("@wavemaker/react-runtime/components/form/button");
+var _dialogBody = require("@wavemaker/react-runtime/components/dialogs/dialog-body");
+var _withDialogWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/components/dialogs/withDialogWrapper"));
+var __jsx = _react["default"].createElement; // components
+var DEFAULT_CLASS = "app-dialog modal-dialog app-confirm-dialog";
+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) {
+    if (onOk) {
+      onOk(event);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  var handleCancel = function handleCancel(event) {
+    if (onCancel) {
+      onCancel(event);
+    }
+    if (close) {
+      close(event);
+    }
+  };
+  var handleClose = function handleClose(event) {
+    if (onClose) {
+      onClose(event);
+    }
+    if (close) {
+      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
+  }))));
+};
+WmConfirmDialog.displayName = "WmConfirmDialog";
+var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmConfirmDialog));

package/components/dialogs/dialog/index.js

@@ -0,0 +1,56 @@
+"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/react-runtime/higherOrder/withBaseWrapper"));
+var _dialogs = _interopRequireDefault(require("@wavemaker/react-runtime/components/dialogs"));
+var _withDialogWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/components/dialogs/withDialogWrapper"));
+var _dialogHeader = require("@wavemaker/react-runtime/components/dialogs/dialog-header");
+var _dialogContent = _interopRequireDefault(require("@wavemaker/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 = exports.WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var handleClose = function handleClose(event) {
+    if (props.onClose) {
+      props.onClose(event);
+    }
+    if (props.close) {
+      props.close(event);
+    }
+  };
+  if (!props.isopen) {
+    return null;
+  }
+  return __jsx(_dialogs["default"], (0, _extends2["default"])({}, props, {
+    open: props.isopen,
+    onClose: handleClose,
+    className: (0, _clsx["default"])("app-dialog modal-dialog", props.className)
+  }), __jsx(_dialogContent["default"], props, props.dialogtype === "design-dialog" && props.showheader !== false && __jsx(_dialogHeader.WmDialogHeader, {
+    name: "",
+    listener: {},
+    titleid: "design-dialog-".concat(props.title),
+    heading: 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 _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper["default"])(WmDialog));

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmDialogFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var __jsx = _react["default"].createElement;
+var WmDialogFooter = exports.WmDialogFooter = function WmDialogFooter(props) {
+  var children = props.children;
+  return __jsx(_DialogActions["default"], {
+    className: "app-dialog-footer modal-footer"
+  }, children);
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogFooter);

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

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmDialogBody = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-dialog-body modal-body";
+var WmDialogBody = exports.WmDialogBody = function WmDialogBody(props) {
+  var children = props.children;
+  return __jsx(_Box["default"], {
+    component: "div",
+    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
+  }, children);
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmDialogBody);