@wavemaker/app-rn-runtime 11.8.5-next.27430 → 11.8.5-patch.1

package/components/data/liveform/liveform.component.js

@@ -0,0 +1,98 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { forEach, isEmpty, some, get } from 'lodash';
+import WmForm from '@wavemaker/app-rn-runtime/components/data/form/form.component';
+export class WmFormState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", false);
+    _defineProperty(this, "type", 'success');
+    _defineProperty(this, "message", '');
+    _defineProperty(this, "showInlineMsg", false);
+  }
+}
+const Live_Operations = {
+  INSERT: 'insert',
+  UPDATE: 'update',
+  DELETE: 'delete',
+  READ: 'read'
+};
+export default class WmLiveForm extends WmForm {
+  findOperationType() {
+    let operation;
+    let isPrimary = false;
+    // const sourceOperation = this.form.datasource && this.form.datasource.execute(DataSource.Operation.GET_OPERATION_TYPE);
+    // if (sourceOperation && sourceOperation !== 'read') {
+    //   return sourceOperation;
+    // }
+    /*If OperationType is not set then based on the formdata object return the operation type,
+        this case occurs only if the form is outside a livegrid*/
+    /*If the formdata object has primary key value then return update else insert*/
+    if (this.primaryKey && !isEmpty(this.state.props.formdata)) {
+      /*If only one column is primary key*/
+      if (this.primaryKey.length === 1) {
+        if (this.state.props.formdata[this.primaryKey[0]]) {
+          operation = Live_Operations.UPDATE;
+        }
+        /*If only no column is primary key*/
+      } else if (this.primaryKey.length === 0) {
+        forEach(this.state.props.formdata, value => {
+          if (value) {
+            isPrimary = true;
+          }
+        });
+        if (isPrimary) {
+          operation = Live_Operations.UPDATE;
+        }
+        /*If multiple columns are primary key*/
+      } else {
+        // @ts-ignore
+        isPrimary = some(this.primaryKey, primaryKey => {
+          if (this.state.props.formdata[primaryKey]) {
+            return true;
+          }
+        });
+        if (isPrimary) {
+          operation = Live_Operations.UPDATE;
+        }
+      }
+    }
+    return operation || Live_Operations.INSERT;
+  }
+
+  // @ts-ignore
+  handleSubmit(event) {
+    event === null || event === void 0 || event.preventDefault();
+    const formData = this.state.props.dataoutput || this.formdataoutput;
+    const operationType = this.findOperationType();
+    if (!this.validateFieldsOnSubmit()) {
+      return false;
+    }
+    if (this.props.onBeforeservicecall) {
+      this.invokeEventCallback('onBeforeservicecall', [null, operationType, formData]);
+    }
+    if (this.props.formSubmit) {
+      this.props.formSubmit({
+        inputFields: formData
+      }, operationType, data => {
+        this.onResultCb(data, 'success', operationType);
+      }, error => {
+        this.onResultCb(error, '', operationType);
+      });
+    }
+  }
+  onResultCb(response, status, operationType, event) {
+    this.invokeEventCallback('onResult', [null, operationType, response]);
+    if (status) {
+      this.invokeEventCallback('onSuccess', [null, operationType, response]);
+      this.props.formSuccess && this.props.formSuccess();
+      !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);
+    } else {
+      this.invokeEventCallback('onError', [null, operationType, response]);
+      !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message') || response);
+    }
+  }
+}
+//# sourceMappingURL=liveform.component.js.map

package/components/device/barcodescanner/barcodescanner.component.js

@@ -0,0 +1,50 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ScanConsumer } from '@wavemaker/app-rn-runtime/core/device/scan-service';
+import WmBarcodescannerProps from './barcodescanner.props';
+import { DEFAULT_CLASS } from './barcodescanner.styles';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+export class WmBarcodescannerState extends BaseComponentState {}
+export default class WmBarcodescanner extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());
+    _defineProperty(this, "scanner", null);
+  }
+  onScanTap() {
+    const params = {
+      barcodeFormat: this.state.props.barcodeformat
+    };
+    this.scanner.scanBarcode(params).then(res => {
+      this.updateState({
+        props: {
+          datavalue: res.text
+        }
+      }, () => {
+        this.invokeEventCallback('onSuccess', [null, this.proxy]);
+      });
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ScanConsumer, null, scanService => {
+      this.scanner = scanService;
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('button'),
+        iconclass: props.iconclass,
+        styles: this.styles.button,
+        onTap: this.onScanTap.bind(this),
+        caption: props.caption,
+        iconsize: props.iconsize,
+        accessibilitylabel: props.accessibilitylabel,
+        hint: props.hint,
+        accessibilityrole: props.accessibilityrole
+      }));
+    });
+  }
+}
+//# sourceMappingURL=barcodescanner.component.js.map

package/components/device/barcodescanner/barcodescanner.props.js

@@ -0,0 +1,17 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmBarcodescannerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "barcodeformat", 'ALL');
+    _defineProperty(this, "caption", null);
+    _defineProperty(this, "iconclass", 'fa fa-barcode');
+    _defineProperty(this, "iconsize", 16);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "imagebutton");
+  }
+}
+//# sourceMappingURL=barcodescanner.props.js.map

package/components/device/barcodescanner/barcodescanner.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmBarcodescannerProps","constructor","args","_defineProperty","undefined"],"sources":["barcodescanner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmBarcodescannerProps extends BaseProps {\n  barcodeformat: string = 'ALL';\n  caption: string = null as any;\n  datavalue: any;\n  iconclass: string = 'fa fa-barcode';\n  iconsize: number = 16;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"imagebutton\";\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBACnC,KAAK;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA,oBAEF,eAAe;IAAAA,eAAA,mBAChB,EAAE;IAAAA,eAAA,6BACSC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,aAAa;EAAA;AACvD","ignoreList":[]}

package/components/device/camera/camera.component.js

@@ -0,0 +1,68 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCameraProps from './camera.props';
+import { DEFAULT_CLASS } from './camera.styles';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import { CameraConsumer } from "@wavemaker/app-rn-runtime/core/device/camera-service";
+export class WmCameraState extends BaseComponentState {}
+export default class WmCamera extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCameraProps());
+    _defineProperty(this, "camera", null);
+    _defineProperty(this, "localFile", '');
+  }
+  onCameraTap() {
+    const props = this.state.props;
+    if (props.capturetype === 'IMAGE') {
+      const params = {
+        allowImageEdit: props.allowedit,
+        imageQuality: props.imagequality,
+        imageEncodingType: props.imageencodingtype,
+        imageTargetWidth: props.imagetargetwidth,
+        imageTargetHeight: props.imagetargetheight
+      };
+      this.camera.captureImage(params).then(res => {
+        this.updateModel(null, res.imagePath, res.content);
+      });
+    } else {
+      this.camera.captureVideo().then(res => {
+        this.updateModel(null, res.videoPath, res.content);
+      });
+    }
+  }
+  updateModel($event, value, content) {
+    value = (value.startsWith('file://') ? '' : 'file://') + value;
+    this.localFile = content;
+    this.updateState({
+      props: {
+        datavalue: value,
+        localFilePath: value
+      }
+    }, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(CameraConsumer, null, cameraService => {
+      {
+        this._background;
+      }
+      this.camera = cameraService;
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('button'),
+        iconclass: props.iconclass,
+        styles: this.styles.button,
+        iconsize: props.iconsize,
+        onTap: this.onCameraTap.bind(this),
+        accessibilitylabel: props.accessibilitylabel,
+        hint: props.hint,
+        accessibilityrole: props.accessibilityrole
+      }));
+    });
+  }
+}
+//# sourceMappingURL=camera.component.js.map

package/components/device/camera/camera.props.js

@@ -0,0 +1,22 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCameraProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "allowedit", false);
+    _defineProperty(this, "capturetype", 'IMAGE');
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-camera');
+    _defineProperty(this, "iconsize", 16);
+    _defineProperty(this, "imagequality", 80);
+    _defineProperty(this, "imageencodingtype", 'JPEG');
+    _defineProperty(this, "imagetargetwidth", null);
+    _defineProperty(this, "imagetargetheight", null);
+    _defineProperty(this, "localFilePath", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "imagebutton");
+  }
+}
+//# sourceMappingURL=camera.props.js.map

package/components/device/camera/camera.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCameraProps","constructor","args","_defineProperty","undefined"],"sources":["camera.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmCameraProps extends BaseProps {\n  allowedit: boolean = false;\n  capturetype: string = 'IMAGE';\n  iconclass: string = 'wm-sl-l sl-camera';\n  iconsize: number = 16;\n  imagequality: number = 80;\n  imageencodingtype: string = 'JPEG';\n  imagetargetwidth: number = null as any;\n  imagetargetheight: number = null as any;\n  datavalue: any;\n  localFilePath: string = '';\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"imagebutton\";\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC9B,KAAK;IAAAA,eAAA,sBACJ,OAAO;IAAAA,eAAA,oBACT,mBAAmB;IAAAA,eAAA,mBACpB,EAAE;IAAAA,eAAA,uBACE,EAAE;IAAAA,eAAA,4BACG,MAAM;IAAAA,eAAA,2BACP,IAAI;IAAAA,eAAA,4BACH,IAAI;IAAAA,eAAA,wBAER,EAAE;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,aAAa;EAAA;AACvD","ignoreList":[]}

package/components/dialogs/alertdialog/alertdialog.component.js

@@ -0,0 +1,72 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+import WmDialog from '../dialog/dialog.component';
+import WmDialogcontent from '../dialogcontent/dialogcontent.component';
+import WmDialogactions from '../dialogactions/dialogactions.component';
+import WmAlertdialogProps from './alertdialog.props';
+import { DEFAULT_CLASS } from './alertdialog.styles';
+export class WmAlertdialogState extends BaseComponentState {}
+const MESSAGE_STYLES = new Map([['error', 'text-danger'], ['information', 'text-info'], ['warning', 'text-warning'], ['success', 'text-success']]);
+export default class WmAlertdialog extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAlertdialogProps());
+    _defineProperty(this, "dialogRef", null);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmDialog) {
+          this.dialogRef = c;
+        }
+      }
+    });
+  }
+  open() {
+    this.dialogRef.open();
+  }
+  close() {
+    this.dialogRef.close();
+  }
+  getMessageStyle(type) {}
+  renderWidget(props) {
+    const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error'));
+    return /*#__PURE__*/React.createElement(WmDialog, {
+      id: this.getTestId('dialog'),
+      iconclass: props.iconclass,
+      iconurl: props.iconurl,
+      iconheight: props.iconheight,
+      iconmargin: props.iconmargin,
+      iconwidth: props.iconwidth,
+      animation: props.animation,
+      animationdelay: props.animationdelay,
+      closable: props.closable,
+      modal: props.modal,
+      styles: this.styles.dialog,
+      title: props.title,
+      listener: this.listener,
+      onOpened: () => {
+        this.invokeEventCallback('onOpened', [null, this]);
+      }
+    }, /*#__PURE__*/React.createElement(WmDialogcontent, {
+      styles: this.styles.dialogContent
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      id: this.getTestId('msg'),
+      caption: props.message || '',
+      styles: this.styles.message
+    })), /*#__PURE__*/React.createElement(WmDialogactions, {
+      styles: this.styles.dialogActions
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('okbtn'),
+      caption: props.oktext,
+      styles: this.theme.mergeStyle({}, this.styles.okButton, this.theme.getStyle('btn-only-label')),
+      onTap: () => {
+        this.dialogRef.close();
+        this.invokeEventCallback('onOk', [null, this]);
+      }
+    })));
+  }
+}
+//# sourceMappingURL=alertdialog.component.js.map

package/components/dialogs/alertdialog/alertdialog.props.js

@@ -0,0 +1,24 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmAlertdialogProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "title", 'Alert');
+    _defineProperty(this, "iconclass", 'wi wi-warning');
+    _defineProperty(this, "alerttype", 'error');
+    _defineProperty(this, "oktext", 'Ok');
+    _defineProperty(this, "message", 'I am an alert box!');
+    _defineProperty(this, "modal", false);
+    _defineProperty(this, "closable", true);
+    _defineProperty(this, "onOpened", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=alertdialog.props.js.map

package/components/dialogs/confirmdialog/confirmdialog.component.js

@@ -0,0 +1,78 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+import WmDialog from '../dialog/dialog.component';
+import WmDialogcontent from '../dialogcontent/dialogcontent.component';
+import WmDialogactions from '../dialogactions/dialogactions.component';
+import WmConfirmdialogProps from './confirmdialog.props';
+import { DEFAULT_CLASS } from './confirmdialog.styles';
+export class WmConfirmdialogState extends BaseComponentState {}
+export default class WmConfirmdialog extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmConfirmdialogProps());
+    _defineProperty(this, "dialogRef", null);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmDialog) {
+          this.dialogRef = c;
+        }
+      }
+    });
+  }
+  open() {
+    this.dialogRef.open();
+  }
+  close() {
+    this.dialogRef.close();
+  }
+  getMessageStyle(type) {}
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(WmDialog, {
+      id: this.getTestId('dialog'),
+      iconclass: props.iconclass,
+      iconurl: props.iconurl,
+      iconheight: props.iconheight,
+      iconmargin: props.iconmargin,
+      iconwidth: props.iconwidth,
+      animation: props.animation,
+      animationdelay: props.animationdelay,
+      closable: props.closable,
+      modal: props.modal,
+      styles: this.styles.dialog,
+      title: props.title,
+      listener: this.listener,
+      onOpened: () => {
+        this.invokeEventCallback('onOpened', [null, this]);
+      }
+    }, /*#__PURE__*/React.createElement(WmDialogcontent, {
+      styles: this.styles.dialogContent
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      id: this.getTestId('msg'),
+      caption: props.message || '',
+      styles: this.styles.message
+    })), /*#__PURE__*/React.createElement(WmDialogactions, {
+      styles: this.styles.dialogActions
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('cancelbtn'),
+      caption: props.canceltext,
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-onlyLabel'), this.styles.cancelButton),
+      onTap: () => {
+        this.dialogRef.close();
+        this.invokeEventCallback('onCancel', [null, this]);
+      }
+    }), /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('okbtn'),
+      caption: props.oktext,
+      styles: this.theme.mergeStyle({}, this.theme.getStyle('btn-only-label'), this.styles.okButton),
+      onTap: () => {
+        this.dialogRef.close();
+        this.invokeEventCallback('onOk', [null, this]);
+      }
+    })));
+  }
+}
+//# sourceMappingURL=confirmdialog.component.js.map

package/components/dialogs/confirmdialog/confirmdialog.props.js

@@ -0,0 +1,24 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmConfirmdialogProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "title", 'Confirm');
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-check');
+    _defineProperty(this, "oktext", 'Ok');
+    _defineProperty(this, "canceltext", 'CANCEL');
+    _defineProperty(this, "message", 'I am confirm box!');
+    _defineProperty(this, "modal", false);
+    _defineProperty(this, "closable", true);
+    _defineProperty(this, "onOpened", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=confirmdialog.props.js.map

package/components/dialogs/dialog/dialog.component.js

@@ -0,0 +1,102 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';
+import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
+import { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmDialogProps from './dialog.props';
+import { DEFAULT_CLASS } from './dialog.styles';
+export class WmDialogState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "modalOptions", {});
+  }
+}
+export default class WmDialog extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());
+    _defineProperty(this, "_close", () => {});
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+    this.state.modalOptions.onClose = () => {
+      return new Promise(res => {
+        this.updateState({
+          props: {
+            show: false
+          }
+        }, () => {
+          this.invokeEventCallback('onClose', [null, this]);
+          res();
+        });
+      });
+    };
+    this.state.modalOptions.onOpen = () => {
+      this.invokeEventCallback('onOpened', [null, this]);
+    };
+  }
+  open() {
+    if (!this.state.props.show) {
+      this.updateState({
+        props: {
+          show: true
+        }
+      });
+    }
+  }
+  close() {
+    this._close();
+  }
+  prepareModalOptions(content, modalService) {
+    const o = this.state.modalOptions;
+    o.name = this.state.props.name;
+    o.modalStyle = this.styles.modal;
+    o.content = content;
+    o.contentStyle = this.styles.content;
+    o.isModal = !!this.state.props.modal;
+    o.centered = true;
+    o.animation = this.state.props.animation;
+    o.animationdelay = this.state.props.animationdelay || 0;
+    this._close = () => modalService.hideModal(this.state.modalOptions);
+    return o;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions( /*#__PURE__*/React.createElement(AssetProvider, {
+        value: this.loadAsset
+      }, /*#__PURE__*/React.createElement(ThemeProvider, {
+        value: this.theme
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root,
+        testID: "wm-dialog"
+      }, this._background, props.showheader ? /*#__PURE__*/React.createElement(View, {
+        style: this.styles.header,
+        testID: "wm-dialog-header"
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.headerLabel
+      }, props.iconclass || props.iconurl || props.title ? /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('icon'),
+        caption: props.title,
+        accessibilityrole: "header",
+        iconclass: props.iconclass,
+        styles: this.styles.icon,
+        iconurl: props.iconurl,
+        iconheight: props.iconheight,
+        iconmargin: props.iconmargin,
+        iconwidth: props.iconwidth
+      }) : null), props.closable && /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('closebtn'),
+        show: props.closable,
+        iconclass: "wm-sl-l sl-close",
+        onTap: () => this.close(),
+        styles: this.styles.closeBtn
+      })) : null, props.children))), modalService));
+      return null;
+    });
+  }
+}
+//# sourceMappingURL=dialog.component.js.map

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

@@ -0,0 +1,25 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmDialogProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "show", false);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "closable", true);
+    _defineProperty(this, "dialogtype", 'design-dialog');
+    _defineProperty(this, "iconclass", '');
+    _defineProperty(this, "modal", true);
+    _defineProperty(this, "showheader", true);
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "onOpened", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=dialog.props.js.map

package/components/dialogs/dialogactions/dialogactions.component.js

@@ -0,0 +1,21 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmDialogactionsProps from './dialogactions.props';
+import { DEFAULT_CLASS } from './dialogactions.styles';
+export class WmDialogactionsState extends BaseComponentState {}
+export default class WmDialogactions extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogactionsProps());
+    _defineProperty(this, "__TYPE", 'WmDialogactions');
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=dialogactions.component.js.map

package/components/dialogs/dialogactions/dialogactions.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmDialogactionsProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=dialogactions.props.js.map

package/components/dialogs/dialogcontent/dialogcontent.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmDialogcontentProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=dialogcontent.props.js.map