@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47810

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","_defineProperty","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","createElement","cameraService","_background","style","styles","root","onLayout","event","handleLayout","id","getTestId","caption","iconclass","iconsize","iconposition","button","onTap","accessibilitylabel","hint","accessibilityrole"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              {this._background}\n              this.camera = cameraService;\n              return <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n                <WmButton id={this.getTestId('button')} caption={props.caption} iconclass={props.iconclass} iconsize={props.iconsize} iconposition={props.caption ? '' : 'left'} styles={this.styles.button} onTap={this.onCameraTap.bind(this)} accessibilitylabel={props.accessibilitylabel} hint={props.hint} accessibilityrole={props.accessibilityrole}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/device/camera/camera.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 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, "datavalue", void 0);
+    _defineProperty(this, "localFilePath", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "imagebutton");
+    _defineProperty(this, "caption", undefined);
+  }
+}
+//# 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  caption?: string = undefined;\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;IAAAA,eAAA,wBAER,EAAE;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,aAAa;IAAAA,eAAA,kBAClCC,SAAS;EAAA;AAC9B","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,107 @@
+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 { Dimensions, StatusBar, 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) {
+    const hasUserMaxHeight = this.styles.root.maxHeight !== undefined;
+    const dynamicMaxHeight = hasUserMaxHeight ? {} : {
+      maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)
+    };
+    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, dynamicMaxHeight],
+        testID: "wm-dialog",
+        onLayout: event => this.handleLayout(event)
+      }, 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.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","StatusBar","View","ModalConsumer","AssetProvider","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","constructor","args","_defineProperty","WmDialog","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","animationdelay","hideModal","renderWidget","hasUserMaxHeight","root","maxHeight","undefined","dynamicMaxHeight","get","height","currentHeight","createElement","showModal","value","loadAsset","theme","style","testID","onLayout","event","handleLayout","_background","showheader","header","headerLabel","iconclass","iconurl","title","id","getTestId","caption","accessibilityrole","icon","iconheight","iconmargin","iconwidth","closable","onTap","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Dimensions, StatusBar, Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    o.animationdelay = this.state.props.animationdelay || 0;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    const hasUserMaxHeight = this.styles.root.maxHeight !== undefined;\n    const dynamicMaxHeight = hasUserMaxHeight ? {} : { maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)};\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <AssetProvider value={this.loadAsset}>\n            <ThemeProvider value={this.theme}>\n              <View \n                style={[this.styles.root, dynamicMaxHeight]} \n                testID=\"wm-dialog\"\n                onLayout={(event) => this.handleLayout(event)}\n              >\n              {this._background}\n                {props.showheader ? (<View style={this.styles.header} testID=\"wm-dialog-header\">\n                  <View style={this.styles.headerLabel}>\n                  {props.iconclass || props.iconurl || props.title ?\n                    <WmIcon id={this.getTestId('icon')}\n                     caption={props.title}\n                     accessibilityrole='header'\n                     iconclass={props.iconclass}\n                     styles={this.styles.icon}\n                     iconurl={props.iconurl}\n                     iconheight={props.iconheight}\n                     iconmargin={props.iconmargin}\n                     iconwidth={props.iconwidth}\n                     /> : null}\n                  </View>\n                  {props.closable && <WmButton id={this.getTestId('closebtn')} show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n                </View>) : null}\n                {props.children}\n              </View>\n            </ThemeProvider>\n          </AssetProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-dialog';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      minWidth: 320,
+      paddingTop: 24,
+      paddingBottom: 24,
+      paddingLeft: 24,
+      paddingRight: 24,
+      elevation: 6,
+      width: '90%',
+      backgroundColor: themeVariables.dialogBackgroundColor,
+      borderRadius: 28
+    },
+    text: {},
+    modal: {},
+    modalContent: {
+      width: undefined
+    },
+    icon: {
+      root: {
+        alignSelf: 'center'
+      },
+      text: {
+        fontFamily: themeVariables.baseFont,
+        fontSize: 24,
+        fontWeight: '400',
+        color: themeVariables.dialogLabelColor
+      },
+      icon: {
+        fontSize: 24,
+        color: themeVariables.dialogIconColor
+      }
+    },
+    header: {
+      flexDirection: 'row',
+      borderStyle: 'solid',
+      borderColor: themeVariables.dialogBorderColor
+    },
+    headerLabel: {
+      flex: 1,
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      paddingBottom: 16
+    },
+    closeBtn: {
+      root: {
+        alignSelf: 'flex-end',
+        backgroundColor: 'transparent',
+        borderRadius: 8,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        paddingLeft: 8,
+        minHeight: 0,
+        marginBottom: 22,
+        rippleColor: themeVariables.transparent
+      },
+      icon: {
+        root: {
+          alignItems: 'center'
+        },
+        icon: {
+          paddingRight: 0
+        },
+        text: {
+          color: themeVariables.dialogCloseIconColor,
+          fontSize: 14
+        }
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=dialog.styles.js.map

package/components/dialogs/dialog/dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","elevation","width","backgroundColor","dialogBackgroundColor","borderRadius","text","modal","modalContent","undefined","icon","alignSelf","fontFamily","baseFont","fontSize","fontWeight","color","dialogLabelColor","dialogIconColor","header","flexDirection","borderStyle","borderColor","dialogBorderColor","headerLabel","flex","justifyContent","alignItems","closeBtn","minHeight","marginBottom","rippleColor","transparent","dialogCloseIconColor"],"sources":["dialog.styles.ts"],"sourcesContent":["import { Dimensions, StatusBar, ViewStyle } from 'react-native';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmDialogStyles = BaseStyles & {\n    modal: ViewStyle,\n    modalContent: ViewStyle,\n    icon: WmIconStyles,\n    closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-dialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogStyles = defineStyles<WmDialogStyles>({\n        root: {\n            minWidth: 320,\n            paddingTop: 24,\n            paddingBottom: 24,\n            paddingLeft: 24,\n            paddingRight: 24,\n            elevation: 6,\n            width: '90%',\n            backgroundColor: themeVariables.dialogBackgroundColor,\n            borderRadius: 28,\n        },\n        text: {},\n        modal: {},\n        modalContent: {\n            width: undefined\n        },\n        icon: {\n            root: {\n                alignSelf: 'center',\n            },\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 24,\n                fontWeight: '400',\n                color : themeVariables.dialogLabelColor,\n            },\n            icon: {\n                fontSize: 24,\n                color: themeVariables.dialogIconColor\n            }\n        } as WmIconStyles,\n        header: {\n            flexDirection: 'row',\n            borderStyle: 'solid',\n            borderColor: themeVariables.dialogBorderColor\n        },\n        headerLabel: {\n            flex: 1,\n            flexDirection: 'row',\n            justifyContent: 'flex-start',\n            alignItems: 'center',\n            paddingBottom: 16,\n        },\n        closeBtn: {\n            root: {\n                alignSelf: 'flex-end',\n                backgroundColor: 'transparent',\n                borderRadius: 8,\n                paddingRight: 8,\n                paddingTop: 8,\n                paddingBottom: 8,\n                paddingLeft: 8,\n                minHeight: 0,\n                marginBottom: 22,\n                rippleColor: themeVariables.transparent\n            },\n            icon : {\n                root: {\n                    alignItems: 'center',\n                },\n                icon: {\n                    paddingRight: 0\n                },\n                text: {\n                    color: themeVariables.dialogCloseIconColor,\n                    fontSize: 14\n                }\n            }\n        } as WmButtonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,QAAQ,EAAE,GAAG;MACbC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,CAAC;MACZC,KAAK,EAAE,KAAK;MACZC,eAAe,EAAEX,cAAc,CAACY,qBAAqB;MACrDC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVN,KAAK,EAAEO;IACX,CAAC;IACDC,IAAI,EAAE;MACFf,IAAI,EAAE;QACFgB,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,UAAU,EAAEpB,cAAc,CAACqB,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAGxB,cAAc,CAACyB;MAC3B,CAAC;MACDP,IAAI,EAAE;QACFI,QAAQ,EAAE,EAAE;QACZE,KAAK,EAAExB,cAAc,CAAC0B;MAC1B;IACJ,CAAiB;IACjBC,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE9B,cAAc,CAAC+B;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpB7B,aAAa,EAAE;IACnB,CAAC;IACD8B,QAAQ,EAAE;MACNjC,IAAI,EAAE;QACFgB,SAAS,EAAE,UAAU;QACrBR,eAAe,EAAE,aAAa;QAC9BE,YAAY,EAAE,CAAC;QACfL,YAAY,EAAE,CAAC;QACfH,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACd8B,SAAS,EAAE,CAAC;QACZC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEvC,cAAc,CAACwC;MAChC,CAAC;MACDtB,IAAI,EAAG;QACHf,IAAI,EAAE;UACFgC,UAAU,EAAE;QAChB,CAAC;QACDjB,IAAI,EAAE;UACFV,YAAY,EAAE;QAClB,CAAC;QACDM,IAAI,EAAE;UACFU,KAAK,EAAExB,cAAc,CAACyC,oBAAoB;UAC1CnB,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFrB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/dialogs/dialogactions/dialogactions.component.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 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,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=dialogactions.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","_defineProperty","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (\n    <View \n      style={this.styles.root}\n      onLayout={(event) => this.handleLayout(event)}\n    >{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;IAACM,eAAA,iBAHnD,iBAAiB;EAIxB;EAEAC,YAAYA,CAACF,KAA2B,EAAE;IACxC,oBACAT,KAAA,CAAAY,aAAA,CAACX,IAAI;MACHY,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAC9C,IAAI,CAACE,WAAW,EAAEV,KAAK,CAACW,QAAe,CAAC;EAC5C;AACF","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmDialogcontentProps from './dialogcontent.props';
+import { DEFAULT_CLASS } from './dialogcontent.styles';
+export class WmDialogcontentState extends BaseComponentState {}
+export default class WmDialogcontent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDialogcontentProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      onLayout: event => this.handleLayout(event),
+      contentContainerStyle: [this.styles.root, {
+        maxHeight: undefined
+      }],
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
+      showsVerticalScrollIndicator: false,
+      style: {
+        maxHeight: this.styles.root.maxHeight
+      }
+    }, this._background, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 1
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, props.children)));
+  }
+}
+//# sourceMappingURL=dialogcontent.component.js.map

package/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","onLayout","event","handleLayout","contentContainerStyle","styles","root","maxHeight","undefined","onScroll","notify","scrollEventThrottle","showsVerticalScrollIndicator","style","_background","activeOpacity","Fragment","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView\n      onLayout={(event) => this.handleLayout(event)}\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      showsVerticalScrollIndicator={false}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n\n        {/* *IMPORTANT: Pan responder in WmDialog interfering with scroll of ScrollView [https://github.com/facebook/react-native/issues/11206] */}\n        <TouchableOpacity \n          activeOpacity={1}\n        >\n          <>\n            {props.children}\n          </>\n        </TouchableOpacity>\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQV,KAAA,CAAAY,aAAA,CAACV,UAAU;MACjBW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MAC9CE,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,QAAQ,EAAGP,KAAK,IAAK;QAAC,IAAI,CAACQ,MAAM,CAAC,QAAQ,EAAE,CAACR,KAAK,CAAC,CAAC;MAAA,CAAE;MACtDS,mBAAmB,EAAE,EAAG;MACxBC,4BAA4B,EAAE,KAAM;MACpCC,KAAK,EAAE;QAACN,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACO,WAAW,eAGjB1B,KAAA,CAAAY,aAAA,CAACX,gBAAgB;MACf0B,aAAa,EAAE;IAAE,gBAEjB3B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA4B,QAAA,QACGlB,KAAK,CAACmB,QACP,CACc,CACV,CAAC;EACf;AACF","ignoreList":[]}

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