@wavemaker/app-rn-runtime 11.5.2-next.141063 → 11.5.2-next.141066

app-rn-runtime/components/device/barcodescanner/barcodescanner.styles.js

@@ -7,21 +7,28 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     text: {},
     button: {
       root: {
+        minHeight: 30,
+        minWidth: 40,
+        paddingRight: 0,
+        paddingTop: 10,
+        paddingLeft: 8,
+        paddingBottom: 8,
         borderWidth: 1,
-        borderColor: themeVariables.barcodeScannerBorderColor,
+        borderColor: themeVariables.defaultColor2,
         borderStyle: 'solid',
-        backgroundColor: themeVariables.barcodeScannerBgColor,
-        borderRadius: 4
+        backgroundColor: themeVariables.primaryColor,
+        borderRadius: 20
       },
       text: {
-        color: themeVariables.barcodeScannerTextColor
+        color: themeVariables.barcodeScannerTextColor,
+        paddingRight: 0
       },
       icon: {
         text: {
-          color: themeVariables.barcodeScannerTextColor
+          color: themeVariables.defaultColorF
         },
         icon: {
-          fontSize: 24
+          fontSize: 21
         }
       }
     }

app-rn-runtime/components/device/barcodescanner/barcodescanner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","barcodeScannerBorderColor","borderStyle","backgroundColor","barcodeScannerBgColor","borderRadius","color","barcodeScannerTextColor","icon","fontSize"],"sources":["barcodescanner.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmBarcodescannerStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-barcodescanner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmBarcodescannerStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.barcodeScannerBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.barcodeScannerBgColor,\n          borderRadius: 4\n        },\n        text: {\n          color: themeVariables.barcodeScannerTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.barcodeScannerTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,yBAAyB;QACrDC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW,qBAAqB;QACrDC,YAAY,EAAE;MAChB,CAAC;MACDR,IAAI,EAAE;QACJS,KAAK,EAAEb,cAAc,CAACc;MACxB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJS,KAAK,EAAEb,cAAc,CAACc;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","minHeight","minWidth","paddingRight","paddingTop","paddingLeft","paddingBottom","borderWidth","borderColor","defaultColor2","borderStyle","backgroundColor","primaryColor","borderRadius","color","barcodeScannerTextColor","icon","defaultColorF","fontSize"],"sources":["barcodescanner.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmBarcodescannerStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-barcodescanner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmBarcodescannerStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          minHeight: 30,\n          minWidth: 40,\n          paddingRight: 0,\n          paddingTop: 10,\n          paddingLeft: 8,\n          paddingBottom: 8,\n          borderWidth: 1,\n          borderColor: themeVariables.defaultColor2,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.primaryColor,\n          borderRadius: 20,\n        },\n        text: {\n          color: themeVariables.barcodeScannerTextColor,\n          paddingRight: 0\n        },\n        icon: {\n          text: {\n            color: themeVariables.defaultColorF\n          },\n          icon: {\n            fontSize: 21\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,SAAS,EAAE,EAAE;QACbC,QAAQ,EAAE,EAAE;QACZC,YAAY,EAAE,CAAC;QACfC,UAAU,EAAE,EAAE;QACdC,WAAW,EAAE,CAAC;QACdC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEb,cAAc,CAACc,aAAa;QACzCC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEhB,cAAc,CAACiB,YAAY;QAC5CC,YAAY,EAAE;MAChB,CAAC;MACDd,IAAI,EAAE;QACJe,KAAK,EAAEnB,cAAc,CAACoB,uBAAuB;QAC7CZ,YAAY,EAAE;MAChB,CAAC;MACDa,IAAI,EAAE;QACJjB,IAAI,EAAE;UACJe,KAAK,EAAEnB,cAAc,CAACsB;QACxB,CAAC;QACDD,IAAI,EAAE;UACJE,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFtB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/device/camera/camera.component.js

@@ -57,7 +57,10 @@ export default class WmCamera extends BaseComponent {
         iconclass: props.iconclass,
         styles: this.styles.button,
         iconsize: props.iconsize,
-        onTap: this.onCameraTap.bind(this)
+        onTap: this.onCameraTap.bind(this),
+        accessibilitylabel: props.accessibilitylabel,
+        hint: props.hint,
+        accessibilityrole: props.accessibilityrole
       }));
     });
   }

app-rn-runtime/components/device/camera/camera.component.js.map

@@ -1 +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","id","getTestId","iconclass","button","iconsize","onTap"],"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';\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}>\n                <WmButton id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"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","id","getTestId","iconclass","button","iconsize","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}>\n                <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}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/device/camera/camera.props.js

@@ -15,6 +15,9 @@ export default class WmCameraProps extends BaseProps {
     _defineProperty(this, "imagetargetheight", null);
     _defineProperty(this, "datavalue", void 0);
     _defineProperty(this, "localFilePath", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "imagebutton");
   }
 }
 //# sourceMappingURL=camera.props.js.map

app-rn-runtime/components/device/camera/camera.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCameraProps","constructor","arguments","_defineProperty"],"sources":["camera.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;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;EAAA;AAC5B"}
+{"version":3,"names":["BaseProps","WmCameraProps","constructor","arguments","_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;IAAA,SAAAC,SAAA;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;EAAA;AACvD"}

app-rn-runtime/components/device/camera/camera.styles.js

@@ -7,18 +7,26 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     text: {},
     button: {
       root: {
+        minHeight: 30,
+        minWidth: 40,
+        paddingRight: 0,
+        paddingLeft: 7,
+        paddingBottom: 4,
+        paddingTop: 4,
         borderWidth: 1,
-        borderColor: themeVariables.cameraBorderColor,
+        borderColor: themeVariables.defaultColor2,
         borderStyle: 'solid',
-        backgroundColor: themeVariables.cameraBgColor,
-        borderRadius: 4
+        backgroundColor: themeVariables.primaryColor,
+        borderRadius: 20,
+        rippleColor: themeVariables.rippleColor
       },
       text: {
         color: themeVariables.cameraTextColor
       },
       icon: {
         text: {
-          color: themeVariables.cameraTextColor
+          color: themeVariables.defaultColorF,
+          paddingRight: 0
         },
         icon: {
           fontSize: 24

app-rn-runtime/components/device/camera/camera.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","cameraBorderColor","borderStyle","backgroundColor","cameraBgColor","borderRadius","color","cameraTextColor","icon","fontSize"],"sources":["camera.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmCameraStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-camera';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCameraStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.cameraBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.cameraBgColor,\n          borderRadius: 4\n        },\n        text: {\n          color: themeVariables.cameraTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.cameraTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,iBAAiB;QAC7CC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW,aAAa;QAC7CC,YAAY,EAAE;MAChB,CAAC;MACDR,IAAI,EAAE;QACJS,KAAK,EAAEb,cAAc,CAACc;MACxB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJS,KAAK,EAAEb,cAAc,CAACc;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","minHeight","minWidth","paddingRight","paddingLeft","paddingBottom","paddingTop","borderWidth","borderColor","defaultColor2","borderStyle","backgroundColor","primaryColor","borderRadius","rippleColor","color","cameraTextColor","icon","defaultColorF","fontSize"],"sources":["camera.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmCameraStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-camera';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCameraStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          minHeight: 30,\n          minWidth: 40,\n          paddingRight: 0,\n          paddingLeft: 7,\n          paddingBottom: 4,\n          paddingTop: 4,\n          borderWidth: 1,\n          borderColor: themeVariables.defaultColor2,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.primaryColor,\n          borderRadius: 20,\n          rippleColor : themeVariables.rippleColor\n        },\n        text: {\n          color: themeVariables.cameraTextColor,\n        },\n        icon: {\n          text: {\n            color: themeVariables.defaultColorF,\n            paddingRight: 0\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,SAAS,EAAE,EAAE;QACbC,QAAQ,EAAE,EAAE;QACZC,YAAY,EAAE,CAAC;QACfC,WAAW,EAAE,CAAC;QACdC,aAAa,EAAE,CAAC;QAChBC,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEb,cAAc,CAACc,aAAa;QACzCC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEhB,cAAc,CAACiB,YAAY;QAC5CC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAGnB,cAAc,CAACmB;MAC/B,CAAC;MACDf,IAAI,EAAE;QACJgB,KAAK,EAAEpB,cAAc,CAACqB;MACxB,CAAC;MACDC,IAAI,EAAE;QACJlB,IAAI,EAAE;UACJgB,KAAK,EAAEpB,cAAc,CAACuB,aAAa;UACnCf,YAAY,EAAE;QAChB,CAAC;QACDc,IAAI,EAAE;UACJE,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/alertdialog/alertdialog.component.js

@@ -36,6 +36,10 @@ export default class WmAlertdialog extends BaseComponent {
     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,
       closable: props.closable,
       modal: props.modal,

app-rn-runtime/components/dialogs/alertdialog/alertdialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmAlertdialogProps","DEFAULT_CLASS","WmAlertdialogState","MESSAGE_STYLES","Map","WmAlertdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","messageStyle","theme","getStyle","get","alerttype","createElement","id","getTestId","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","oktext","mergeStyle","okButton","onTap"],"sources":["alertdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmAlertdialogProps from './alertdialog.props';\nimport { DEFAULT_CLASS, WmAlertdialogStyles } from './alertdialog.styles';\n\nexport class WmAlertdialogState extends BaseComponentState<WmAlertdialogProps> {}\n\nconst MESSAGE_STYLES = new Map<string, string>([\n  ['error', 'text-danger'],\n  ['information', 'text-info'],\n  ['warning', 'text-warning'],\n  ['success', 'text-success']\n]);\n\nexport default class WmAlertdialog extends BaseComponent<WmAlertdialogProps, WmAlertdialogState, WmAlertdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmAlertdialogProps) {\n    super(props, DEFAULT_CLASS, new WmAlertdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmAlertdialogProps) {\n    const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error') as string);\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({},this.styles.okButton,this.theme.getStyle('btn-only-label'))}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmAlertdialogProps","DEFAULT_CLASS","WmAlertdialogState","MESSAGE_STYLES","Map","WmAlertdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","messageStyle","theme","getStyle","get","alerttype","createElement","id","getTestId","iconclass","iconurl","iconheight","iconmargin","iconwidth","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","oktext","mergeStyle","okButton","onTap"],"sources":["alertdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmAlertdialogProps from './alertdialog.props';\nimport { DEFAULT_CLASS, WmAlertdialogStyles } from './alertdialog.styles';\n\nexport class WmAlertdialogState extends BaseComponentState<WmAlertdialogProps> {}\n\nconst MESSAGE_STYLES = new Map<string, string>([\n  ['error', 'text-danger'],\n  ['information', 'text-info'],\n  ['warning', 'text-warning'],\n  ['success', 'text-success']\n]);\n\nexport default class WmAlertdialog extends BaseComponent<WmAlertdialogProps, WmAlertdialogState, WmAlertdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmAlertdialogProps) {\n    super(props, DEFAULT_CLASS, new WmAlertdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmAlertdialogProps) {\n    const messageStyle = this.theme.getStyle(MESSAGE_STYLES.get(props.alerttype || 'error') as string);\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        iconurl={props.iconurl}\n        iconheight={props.iconheight}\n        iconmargin={props.iconmargin}\n        iconwidth={props.iconwidth}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({},this.styles.okButton,this.theme.getStyle('btn-only-label'))}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/dialogs/alertdialog/alertdialog.props.js

@@ -14,6 +14,10 @@ export default class WmAlertdialogProps extends BaseProps {
     _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

app-rn-runtime/components/dialogs/alertdialog/alertdialog.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAlertdialogProps","constructor","arguments","_defineProperty"],"sources":["alertdialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAlertdialogProps extends BaseProps {\n  animation: string = null as any;\n  title? = 'Alert';\n  iconclass? = 'wi wi-warning';\n  alerttype? = 'error'\n  oktext? = 'Ok';\n  message? = 'I am an alert box!';\n  modal? = false;\n  closable? = true;\n  onOpened?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA,gBACf,OAAO;IAAAA,eAAA,oBACH,eAAe;IAAAA,eAAA,oBACf,OAAO;IAAAA,eAAA,iBACV,IAAI;IAAAA,eAAA,kBACH,oBAAoB;IAAAA,eAAA,gBACtB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACM,IAAI;EAAA;AAC5B"}
+{"version":3,"names":["BaseProps","WmAlertdialogProps","constructor","arguments","_defineProperty"],"sources":["alertdialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAlertdialogProps extends BaseProps {\n  animation: string = null as any;\n  title? = 'Alert';\n  iconclass? = 'wi wi-warning';\n  alerttype? = 'error'\n  oktext? = 'Ok';\n  message? = 'I am an alert box!';\n  modal? = false;\n  closable? = true;\n  onOpened?: Function = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA,gBACf,OAAO;IAAAA,eAAA,oBACH,eAAe;IAAAA,eAAA,oBACf,OAAO;IAAAA,eAAA,iBACV,IAAI;IAAAA,eAAA,kBACH,oBAAoB;IAAAA,eAAA,gBACtB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACM,IAAI;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B"}

app-rn-runtime/components/dialogs/alertdialog/alertdialog.styles.js

@@ -16,7 +16,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         marginLeft: 4
       },
       text: {
-        fontsize: 16
+        textTransform: 'capitalize',
+        fontSize: 16
       }
     },
     message: {

app-rn-runtime/components/dialogs/alertdialog/alertdialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","border","marginLeft","fontsize","message","fontFamily","baseFont","fontSize","fontWeight","color","dialogSupportingTextColor"],"sources":["alertdialog.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n               border: 'none',\n               marginLeft: 4\n            },\n            text : {\n              fontsize: 16\n            }\n        } as any as WmButtonStyles,\n        message: {\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 14,\n                fontWeight: '400',\n                color: themeVariables.dialogSupportingTextColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACHM,MAAM,EAAE,MAAM;QACdC,UAAU,EAAE;MACf,CAAC;MACDN,IAAI,EAAG;QACLO,QAAQ,EAAE;MACZ;IACJ,CAA0B;IAC1BC,OAAO,EAAE;MACLR,IAAI,EAAE;QACFS,UAAU,EAAEb,cAAc,CAACc,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAEjB,cAAc,CAACkB;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","border","marginLeft","textTransform","fontSize","message","fontFamily","baseFont","fontWeight","color","dialogSupportingTextColor"],"sources":["alertdialog.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n               border: 'none',\n               marginLeft: 4\n            },\n            text : {\n                textTransform: 'capitalize',\n                fontSize: 16\n            }\n        } as any as WmButtonStyles,\n        message: {\n            text: {\n                fontFamily: themeVariables.baseFont,\n                fontSize: 14,\n                fontWeight: '400',\n                color: themeVariables.dialogSupportingTextColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACHM,MAAM,EAAE,MAAM;QACdC,UAAU,EAAE;MACf,CAAC;MACDN,IAAI,EAAG;QACHO,aAAa,EAAE,YAAY;QAC3BC,QAAQ,EAAE;MACd;IACJ,CAA0B;IAC1BC,OAAO,EAAE;MACLT,IAAI,EAAE;QACFU,UAAU,EAAEd,cAAc,CAACe,QAAQ;QACnCH,QAAQ,EAAE,EAAE;QACZI,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAEjB,cAAc,CAACkB;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.component.js

@@ -34,6 +34,10 @@ export default class WmConfirmdialog extends BaseComponent {
     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,
       closable: props.closable,
       modal: props.modal,

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmConfirmdialogProps","DEFAULT_CLASS","WmConfirmdialogState","WmConfirmdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","createElement","id","getTestId","iconclass","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","canceltext","theme","mergeStyle","getStyle","cancelButton","onTap","oktext","okButton"],"sources":["confirmdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmConfirmdialogProps from './confirmdialog.props';\nimport { DEFAULT_CLASS, WmConfirmdialogStyles } from './confirmdialog.styles';\nimport { merge } from 'lodash-es';\n\nexport class WmConfirmdialogState extends BaseComponentState<WmConfirmdialogProps> {}\n\nexport default class WmConfirmdialog extends BaseComponent<WmConfirmdialogProps, WmConfirmdialogState, WmConfirmdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmConfirmdialogProps) {\n    super(props, DEFAULT_CLASS, new WmConfirmdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmConfirmdialogProps) {\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('cancelbtn')}\n            caption={props.canceltext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-onlyLabel'), this.styles.cancelButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onCancel', [null, this]);\n            }}></WmButton>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-only-label'), this.styles.okButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmLabel","WmDialog","WmDialogcontent","WmDialogactions","WmConfirmdialogProps","DEFAULT_CLASS","WmConfirmdialogState","WmConfirmdialog","constructor","props","_defineProperty","onComponentInit","c","dialogRef","open","close","getMessageStyle","type","renderWidget","createElement","id","getTestId","iconclass","iconurl","iconheight","iconmargin","iconwidth","animation","closable","modal","styles","dialog","title","listener","onOpened","invokeEventCallback","dialogContent","caption","message","dialogActions","canceltext","theme","mergeStyle","getStyle","cancelButton","onTap","oktext","okButton"],"sources":["confirmdialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nimport WmDialog from '../dialog/dialog.component';\nimport WmDialogcontent from '../dialogcontent/dialogcontent.component';\nimport WmDialogactions from '../dialogactions/dialogactions.component';\n\nimport WmConfirmdialogProps from './confirmdialog.props';\nimport { DEFAULT_CLASS, WmConfirmdialogStyles } from './confirmdialog.styles';\nimport { merge } from 'lodash-es';\n\nexport class WmConfirmdialogState extends BaseComponentState<WmConfirmdialogProps> {}\n\nexport default class WmConfirmdialog extends BaseComponent<WmConfirmdialogProps, WmConfirmdialogState, WmConfirmdialogStyles> {\n\n  private dialogRef: WmDialog = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmDialog) {\n        this.dialogRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmConfirmdialogProps) {\n    super(props, DEFAULT_CLASS, new WmConfirmdialogProps());\n  }\n\n  open() {\n    this.dialogRef.open();\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n\n  getMessageStyle(type: string) {\n\n  }\n\n  renderWidget(props: WmConfirmdialogProps) {\n    return (\n      <WmDialog\n        id={this.getTestId('dialog')}\n        iconclass={props.iconclass}\n        iconurl={props.iconurl}\n        iconheight={props.iconheight}\n        iconmargin={props.iconmargin}\n        iconwidth={props.iconwidth}\n        animation={props.animation}\n        closable={props.closable}\n        modal={props.modal}\n        styles={this.styles.dialog}\n        title={props.title}\n        listener={this.listener} onOpened={() => {\n        this.invokeEventCallback('onOpened', [null, this]);\n      }}>\n        <WmDialogcontent styles={this.styles.dialogContent}>\n          <WmLabel\n            id={this.getTestId('msg')}\n            caption={props.message || ''}\n            styles={this.styles.message}></WmLabel>\n        </WmDialogcontent>\n        <WmDialogactions styles={this.styles.dialogActions}>\n          <WmButton\n            id={this.getTestId('cancelbtn')}\n            caption={props.canceltext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-onlyLabel'), this.styles.cancelButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onCancel', [null, this]);\n            }}></WmButton>\n          <WmButton\n            id={this.getTestId('okbtn')}\n            caption={props.oktext}\n            styles={this.theme.mergeStyle({}, this.theme.getStyle('btn-only-label'), this.styles.okButton)}\n            onTap={() => {\n              this.dialogRef.close();\n              this.invokeEventCallback('onOk', [null, this]);\n            }}></WmButton>\n        </WmDialogactions>\n      </WmDialog>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.props.js

@@ -14,6 +14,10 @@ export default class WmConfirmdialogProps extends BaseProps {
     _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

app-rn-runtime/components/dialogs/confirmdialog/confirmdialog.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmConfirmdialogProps","constructor","arguments","_defineProperty"],"sources":["confirmdialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmConfirmdialogProps extends BaseProps {\n    animation: string = null as any;\n    title? = 'Confirm';\n    iconclass? = 'wm-sl-l sl-check';\n    oktext? = 'Ok';\n    canceltext? = 'CANCEL';\n    message? = 'I am confirm box!';\n    modal? = false;\n    closable? = true;\n    onOpened?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA,gBACf,SAAS;IAAAA,eAAA,oBACL,kBAAkB;IAAAA,eAAA,iBACrB,IAAI;IAAAA,eAAA,qBACA,QAAQ;IAAAA,eAAA,kBACX,mBAAmB;IAAAA,eAAA,gBACrB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACM,IAAI;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmConfirmdialogProps","constructor","arguments","_defineProperty"],"sources":["confirmdialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmConfirmdialogProps extends BaseProps {\n    animation: string = null as any;\n    title? = 'Confirm';\n    iconclass? = 'wm-sl-l sl-check';\n    oktext? = 'Ok';\n    canceltext? = 'CANCEL';\n    message? = 'I am confirm box!';\n    modal? = false;\n    closable? = true;\n    onOpened?: Function = null as any;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA,gBACf,SAAS;IAAAA,eAAA,oBACL,kBAAkB;IAAAA,eAAA,iBACrB,IAAI;IAAAA,eAAA,qBACA,QAAQ;IAAAA,eAAA,kBACX,mBAAmB;IAAAA,eAAA,gBACrB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACM,IAAI;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC9B"}

app-rn-runtime/components/dialogs/dialog/dialog.component.js

@@ -75,12 +75,16 @@ export default class WmDialog extends BaseComponent {
         style: this.styles.header
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.headerLabel
-      }, /*#__PURE__*/React.createElement(WmIcon, {
+      }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
         id: this.getTestId('icon'),
         caption: props.title,
         iconclass: props.iconclass,
-        styles: this.styles.icon
-      })), props.closable && /*#__PURE__*/React.createElement(WmButton, {
+        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",

app-rn-runtime/components/dialogs/dialog/dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ModalConsumer","AssetProvider","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","constructor","arguments","_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","hideModal","renderWidget","createElement","showModal","value","loadAsset","theme","style","root","_background","showheader","header","headerLabel","id","getTestId","caption","title","iconclass","icon","closable","onTap","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { 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    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <AssetProvider value={this.loadAsset}>\n            <ThemeProvider value={this.theme}>\n              <View style={this.styles.root}>\n              {this._background}\n                {props.showheader ? (<View style={this.styles.header}>\n                  <View style={this.styles.headerLabel}>\n                    <WmIcon id={this.getTestId('icon')} caption={props.title} iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>\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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"}
+{"version":3,"names":["React","View","ModalConsumer","AssetProvider","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","constructor","arguments","_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","hideModal","renderWidget","createElement","showModal","value","loadAsset","theme","style","root","_background","showheader","header","headerLabel","iconclass","iconurl","id","getTestId","caption","title","icon","iconheight","iconmargin","iconwidth","closable","onTap","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { 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    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <AssetProvider value={this.loadAsset}>\n            <ThemeProvider value={this.theme}>\n              <View style={this.styles.root}>\n              {this._background}\n                {props.showheader ? (<View style={this.styles.header}>\n                  <View style={this.styles.headerLabel}>\n                  {props.iconclass || props.iconurl ? \n                    <WmIcon id={this.getTestId('icon')}\n                     caption={props.title}\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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"}

app-rn-runtime/components/dialogs/dialog/dialog.props.js

@@ -15,6 +15,10 @@ export default class WmDialogProps extends BaseProps {
     _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

app-rn-runtime/components/dialogs/dialog/dialog.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmDialogProps","constructor","arguments","_defineProperty"],"sources":["dialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmDialogProps extends BaseProps {\n  animation: string = null as any;\n  show? = false;\n  children = null as any;\n  closable?= true;\n  dialogtype?='design-dialog';\n  iconclass? = '';\n  modal? = true;\n  showheader? = true;\n  title? = '';\n  onOpened?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,eAChB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,qBACH,eAAe;IAAAA,eAAA,oBACd,EAAE;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,gBACT,EAAE;IAAAA,eAAA,mBACW,IAAI;EAAA;AAC5B"}
+{"version":3,"names":["BaseProps","WmDialogProps","constructor","arguments","_defineProperty"],"sources":["dialog.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmDialogProps extends BaseProps {\n  animation: string = null as any;\n  show? = false;\n  children = null as any;\n  closable?= true;\n  dialogtype?='design-dialog';\n  iconclass? = '';\n  modal? = true;\n  showheader? = true;\n  title? = '';\n  onOpened?: Function = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,eAChB,KAAK;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,qBACH,eAAe;IAAAA,eAAA,oBACd,EAAE;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,gBACT,EAAE;IAAAA,eAAA,mBACW,IAAI;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B"}

app-rn-runtime/components/dialogs/dialog/dialog.styles.js

@@ -51,13 +51,22 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       root: {
         alignSelf: 'flex-end',
         backgroundColor: 'transparent',
-        paddingRight: 0,
-        paddingTop: 0
+        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

app-rn-runtime/components/dialogs/dialog/dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","elevation","width","maxHeight","maxModalHeight","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","dialogCloseIconColor"],"sources":["dialog.styles.ts"],"sourcesContent":["import { 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 '../../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            maxHeight: themeVariables.maxModalHeight,\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                paddingRight: 0,\n                paddingTop: 0\n            },\n            icon : {\n                root: {\n                    alignItems: 'center'\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,SAAS,EAAEX,cAAc,CAACY,cAAc;MACxCC,eAAe,EAAEb,cAAc,CAACc,qBAAqB;MACrDC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVR,KAAK,EAAES;IACX,CAAC;IACDC,IAAI,EAAE;MACFjB,IAAI,EAAE;QACFkB,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,UAAU,EAAEtB,cAAc,CAACuB,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAG1B,cAAc,CAAC2B;MAC3B,CAAC;MACDP,IAAI,EAAE;QACFI,QAAQ,EAAE,EAAE;QACZE,KAAK,EAAE1B,cAAc,CAAC4B;MAC1B;IACJ,CAAiB;IACjBC,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEhC,cAAc,CAACiC;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpB/B,aAAa,EAAE;IACnB,CAAC;IACDgC,QAAQ,EAAE;MACNnC,IAAI,EAAE;QACFkB,SAAS,EAAE,UAAU;QACrBR,eAAe,EAAE,aAAa;QAC9BL,YAAY,EAAE,CAAC;QACfH,UAAU,EAAE;MAChB,CAAC;MACDe,IAAI,EAAG;QACHjB,IAAI,EAAE;UACFkC,UAAU,EAAE;QAChB,CAAC;QACDrB,IAAI,EAAE;UACFU,KAAK,EAAE1B,cAAc,CAACuC,oBAAoB;UAC1Cf,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","elevation","width","maxHeight","maxModalHeight","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 { 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 '../../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            maxHeight: themeVariables.maxModalHeight,\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,SAAS,EAAEX,cAAc,CAACY,cAAc;MACxCC,eAAe,EAAEb,cAAc,CAACc,qBAAqB;MACrDC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE;MACVR,KAAK,EAAES;IACX,CAAC;IACDC,IAAI,EAAE;MACFjB,IAAI,EAAE;QACFkB,SAAS,EAAE;MACf,CAAC;MACDL,IAAI,EAAE;QACFM,UAAU,EAAEtB,cAAc,CAACuB,QAAQ;QACnCC,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAG1B,cAAc,CAAC2B;MAC3B,CAAC;MACDP,IAAI,EAAE;QACFI,QAAQ,EAAE,EAAE;QACZE,KAAK,EAAE1B,cAAc,CAAC4B;MAC1B;IACJ,CAAiB;IACjBC,MAAM,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEhC,cAAc,CAACiC;IAChC,CAAC;IACDC,WAAW,EAAE;MACTC,IAAI,EAAE,CAAC;MACPL,aAAa,EAAE,KAAK;MACpBM,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpB/B,aAAa,EAAE;IACnB,CAAC;IACDgC,QAAQ,EAAE;MACNnC,IAAI,EAAE;QACFkB,SAAS,EAAE,UAAU;QACrBR,eAAe,EAAE,aAAa;QAC9BE,YAAY,EAAE,CAAC;QACfP,YAAY,EAAE,CAAC;QACfH,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBC,WAAW,EAAE,CAAC;QACdgC,SAAS,EAAE,CAAC;QACZC,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEzC,cAAc,CAAC0C;MAChC,CAAC;MACDtB,IAAI,EAAG;QACHjB,IAAI,EAAE;UACFkC,UAAU,EAAE;QAChB,CAAC;QACDjB,IAAI,EAAE;UACFZ,YAAY,EAAE;QAClB,CAAC;QACDQ,IAAI,EAAE;UACFU,KAAK,EAAE1B,cAAc,CAAC2C,oBAAoB;UAC1CnB,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js

@@ -13,6 +13,10 @@ export default class WmDialogcontent extends BaseComponent {
       contentContainerStyle: [this.styles.root, {
         maxHeight: undefined
       }],
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48,
       style: {
         maxHeight: this.styles.root.maxHeight
       }

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","maxHeight","undefined","style","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\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      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n        {props.children}\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,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,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MACjBW,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,KAAK,EAAE;QAACF,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACG,WAAW,EAChBT,KAAK,CAACU,QACC,CAAC;EACf;AACF"}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","maxHeight","undefined","onScroll","event","notify","scrollEventThrottle","style","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\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      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n        {props.children}\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,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,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MACjBW,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,QAAQ,EAAGC,KAAK,IAAK;QAAC,IAAI,CAACC,MAAM,CAAC,QAAQ,EAAE,CAACD,KAAK,CAAC,CAAC;MAAA,CAAE;MACtDE,mBAAmB,EAAE,EAAG;MACxBC,KAAK,EAAE;QAACN,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACO,WAAW,EAChBb,KAAK,CAACc,QACC,CAAC;EACf;AACF"}

app-rn-runtime/components/input/basedataset/basedataset.props.js

@@ -22,6 +22,10 @@ export default class BaseDatasetProps extends BaseProps {
     _defineProperty(this, "displayimagesrc", void 0);
     _defineProperty(this, "iconclass", void 0);
     _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "none");
+    _defineProperty(this, "accessibilitylabelledby", undefined);
   }
 }
 //# sourceMappingURL=basedataset.props.js.map

app-rn-runtime/components/input/basedataset/basedataset.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseDatasetProps","constructor","arguments","_defineProperty"],"sources":["basedataset.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseDatasetProps extends BaseProps {\n  dataset: any;\n  datavalue?: any;\n  displayfield: any;\n  datafield: any;\n  displayexpression: any;\n  getDisplayExpression: any;\n  groupby?: any;\n  match?: any;\n  orderby?: any;\n  readonly: boolean = null as any;\n  dateformat?: any;\n  onFieldChange?: any;\n  displaylabel?: any;\n  displayValue?: any;\n  displayimagesrc: any;\n  iconclass?: any;\n  triggerValidation?: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAUlC,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAQ1B"}
+{"version":3,"names":["BaseProps","BaseDatasetProps","constructor","arguments","_defineProperty","undefined"],"sources":["basedataset.props.ts"],"sourcesContent":["import {AccessibilityRole} from \"react-native\";\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseDatasetProps extends BaseProps {\n  dataset: any;\n  datavalue?: any;\n  displayfield: any;\n  datafield: any;\n  displayexpression: any;\n  getDisplayExpression: any;\n  groupby?: any;\n  match?: any;\n  orderby?: any;\n  readonly: boolean = null as any;\n  dateformat?: any;\n  onFieldChange?: any;\n  displaylabel?: any;\n  displayValue?: any;\n  displayimagesrc: any;\n  iconclass?: any;\n  triggerValidation?: any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"none\";\n  accessibilitylabelledby?: string = undefined;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAUlC,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAQMC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,kCACXC,SAAS;EAAA;AAC9C"}

app-rn-runtime/components/input/baseinput/baseinput.component.js

@@ -113,13 +113,13 @@ export class BaseInputComponent extends BaseComponent {
   onBlur(event) {
     Injector.FOCUSED_ELEMENT.remove();
     this.isTouched = true;
-    let newVal = event.target.value || this.state.textValue;
+    let newVal = this.state.textValue;
     let oldVal = this.state.props.datavalue || '';
     this.validate(newVal);
-    if (newVal === '') {
+    if (newVal === '' || newVal == undefined) {
       setTimeout(() => {
         this.props.triggerValidation && this.props.triggerValidation();
-      });
+      }, 10);
     }
     if (this.state.props.updateon === 'blur') {
       if (oldVal !== newVal) {