@wavemaker/app-rn-runtime 11.12.0-next.28188 → 11.12.1-next.28204

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

@@ -5,24 +5,19 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import React from 'react';
 import { View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import { ScanConsumer, ScanPluginConsumer } from '@wavemaker/app-rn-runtime/core/device/scan-service';
+import { ScanConsumer } from '@wavemaker/app-rn-runtime/core/device/scan-service';
 import WmBarcodescannerProps from './barcodescanner.props';
 import { DEFAULT_CLASS } from './barcodescanner.styles';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
-import { PermissionConsumer } from '@wavemaker/app-rn-runtime/runtime/services/device/permission-service';
 export class WmBarcodescannerState extends BaseComponentState {}
 export default class WmBarcodescanner extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmBarcodescannerProps());
-    _defineProperty(this, "scanPluginService", null);
-    _defineProperty(this, "permissionService", null);
     _defineProperty(this, "scanner", null);
   }
   onScanTap() {
     const params = {
-      barcodeFormat: this.state.props.barcodeformat,
-      scanPluginService: this.scanPluginService,
-      permissionService: this.permissionService
+      barcodeFormat: this.state.props.barcodeformat
     };
     this.scanner.scanBarcode(params).then(res => {
       this.updateState({
@@ -41,25 +36,22 @@ export default class WmBarcodescanner extends BaseComponent {
       accessibilityrole: props.accessibilityrole,
       hint: props.hint
     };
-    return /*#__PURE__*/React.createElement(PermissionConsumer, null, permissionService => {
-      this.permissionService = permissionService;
-      return /*#__PURE__*/React.createElement(ScanPluginConsumer, null, scanPluginService => {
-        this.scanPluginService = scanPluginService;
-        return /*#__PURE__*/React.createElement(ScanConsumer, null, scanService => {
-          this.scanner = scanService;
-          return /*#__PURE__*/React.createElement(View, {
-            style: this.styles.root,
-            onLayout: event => this.handleLayout(event)
-          }, this._background, /*#__PURE__*/React.createElement(WmButton, _extends({
-            id: this.getTestId('button'),
-            iconclass: props.iconclass,
-            styles: this.styles.button,
-            onTap: this.onScanTap.bind(this),
-            caption: props.caption,
-            iconsize: props.iconsize
-          }, accessibilityProps)));
-        });
-      });
+    return /*#__PURE__*/React.createElement(ScanConsumer, null, scanService => {
+      this.scanner = scanService;
+      return /*#__PURE__*/React.createElement(View, _extends({
+        style: this.styles.root,
+        onLayout: event => this.handleLayout(event)
+      }, accessibilityProps), this._background, /*#__PURE__*/React.createElement(WmButton, {
+        id: this.getTestId('button'),
+        iconclass: props.iconclass,
+        styles: this.styles.button,
+        onTap: this.onScanTap.bind(this),
+        caption: props.caption,
+        iconsize: props.iconsize,
+        accessibilitylabel: props.accessibilitylabel,
+        hint: props.hint,
+        accessibilityrole: props.accessibilityrole
+      }));
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","ScanPluginConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","PermissionConsumer","WmBarcodescannerState","WmBarcodescanner","constructor","props","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanPluginService","permissionService","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","accessibilityProps","accessible","accessibilitylabel","caption","accessibilityrole","hint","createElement","scanService","style","styles","root","onLayout","event","handleLayout","_background","_extends","id","getTestId","iconclass","button","onTap","bind","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanPluginConsumer, ScanPluginService, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { PermissionConsumer, PermissionService } from '@wavemaker/app-rn-runtime/runtime/services/device/permission-service';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanPluginService: ScanPluginService = null as any;\n  private permissionService: PermissionService = null as any;\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat,\n      scanPluginService: this.scanPluginService,\n      permissionService: this.permissionService\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    const accessibilityProps = {\n      accessible: props.accessible, \n      accessibilitylabel: props.accessibilitylabel || props.caption,\n      accessibilityrole: props.accessibilityrole,\n      hint: props.hint,\n    }\n    return (\n      <PermissionConsumer>\n      {(permissionService: PermissionService) => {\n        this.permissionService = permissionService;\n        return (<ScanPluginConsumer>\n        {(scanPluginService: any) => {\n          this.scanPluginService = scanPluginService;  \n          return <ScanConsumer>\n          {(scanService: ScanService) => {\n           this.scanner = scanService;\n           return <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n             {this._background}\n             <WmButton id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize} {...accessibilityProps}></WmButton>\n           </View>\n            }}\n          </ScanConsumer>\n        }}\n        </ScanPluginConsumer>)\n      }}\n      </PermissionConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","accessibilityProps","accessible","accessibilitylabel","caption","accessibilityrole","hint","createElement","scanService","_extends","style","styles","root","onLayout","event","handleLayout","_background","id","getTestId","iconclass","button","onTap","bind","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    const accessibilityProps = {\n      accessible: props.accessible, \n      accessibilitylabel: props.accessibilitylabel || props.caption,\n      accessibilityrole: props.accessibilityrole,\n      hint: props.hint,\n    }\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)} {...accessibilityProps}>\n            {this._background}\n            <WmButton id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize} accessibilitylabel={props.accessibilitylabel} hint={props.hint} accessibilityrole={props.accessibilityrole}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAWA,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,CAAC,CAAC,CAAC;IAACO,eAAA,kBAF5B,IAAI;EAGnC;EAEAC,SAASA,CAAA,EAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfX,KAAK,EAAE;UACLY,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAYA,CAAChB,KAA4B,EAAE;IACzC,MAAMiB,kBAAkB,GAAG;MACzBC,UAAU,EAAElB,KAAK,CAACkB,UAAU;MAC5BC,kBAAkB,EAAEnB,KAAK,CAACmB,kBAAkB,IAAInB,KAAK,CAACoB,OAAO;MAC7DC,iBAAiB,EAAErB,KAAK,CAACqB,iBAAiB;MAC1CC,IAAI,EAAEtB,KAAK,CAACsB;IACd,CAAC;IACD,oBACEjC,KAAA,CAAAkC,aAAA,CAAC9B,YAAY,QACT+B,WAAwB,IAAK;MAC7B,IAAI,CAACjB,OAAO,GAAGiB,WAAW;MAC1B,oBAAOnC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,EAAAmC,QAAA;QAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;QAACC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;MAAE,GAAKb,kBAAkB,GACxG,IAAI,CAACe,WAAW,eACjB3C,KAAA,CAAAkC,aAAA,CAAC3B,QAAQ;QAACqC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,QAAQ,CAAE;QAACC,SAAS,EAAEnC,KAAK,CAACmC,SAAU;QAACR,MAAM,EAAE,IAAI,CAACA,MAAM,CAACS,MAAO;QAACC,KAAK,EAAE,IAAI,CAACnC,SAAS,CAACoC,IAAI,CAAC,IAAI,CAAE;QAAClB,OAAO,EAAEpB,KAAK,CAACoB,OAAQ;QAACmB,QAAQ,EAAEvC,KAAK,CAACuC,QAAS;QAACpB,kBAAkB,EAAEnB,KAAK,CAACmB,kBAAmB;QAACG,IAAI,EAAEtB,KAAK,CAACsB,IAAK;QAACD,iBAAiB,EAAErB,KAAK,CAACqB;MAAkB,CAAW,CACtS,CAAC;IACT,CACY,CAAC;EAEnB;AACF","ignoreList":[]}

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

@@ -9,13 +9,11 @@ import WmCameraProps from './camera.props';
 import { DEFAULT_CLASS } from './camera.styles';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import { CameraConsumer } from "@wavemaker/app-rn-runtime/core/device/camera-service";
-import { PermissionConsumer } from '@wavemaker/app-rn-runtime/runtime/services/device/permission-service';
 export class WmCameraState extends BaseComponentState {}
 export default class WmCamera extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmCameraProps());
     _defineProperty(this, "camera", null);
-    _defineProperty(this, "permissionService", null);
     _defineProperty(this, "localFile", '');
   }
   onCameraTap() {
@@ -26,17 +24,13 @@ export default class WmCamera extends BaseComponent {
         imageQuality: props.imagequality,
         imageEncodingType: props.imageencodingtype,
         imageTargetWidth: props.imagetargetwidth,
-        imageTargetHeight: props.imagetargetheight,
-        permissionService: this.permissionService
+        imageTargetHeight: props.imagetargetheight
       };
       this.camera.captureImage(params).then(res => {
         this.updateModel(null, res.imagePath, res.content);
       });
     } else {
-      const params = {
-        permissionService: this.permissionService
-      };
-      this.camera.captureVideo(params).then(res => {
+      this.camera.captureVideo().then(res => {
         this.updateModel(null, res.videoPath, res.content);
       });
     }
@@ -58,26 +52,23 @@ export default class WmCamera extends BaseComponent {
       accessibilityrole: props.accessibilityrole,
       hint: props.hint
     };
-    return /*#__PURE__*/React.createElement(PermissionConsumer, null, permissionService => {
-      this.permissionService = permissionService;
-      return /*#__PURE__*/React.createElement(CameraConsumer, null, cameraService => {
-        {
-          this._background;
-        }
-        this.camera = cameraService;
-        return /*#__PURE__*/React.createElement(View, {
-          style: this.styles.root,
-          onLayout: event => this.handleLayout(event)
-        }, /*#__PURE__*/React.createElement(WmButton, _extends({
-          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)
-        }, accessibilityProps)));
-      });
+    return /*#__PURE__*/React.createElement(CameraConsumer, null, cameraService => {
+      {
+        this._background;
+      }
+      this.camera = cameraService;
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root,
+        onLayout: event => this.handleLayout(event)
+      }, /*#__PURE__*/React.createElement(WmButton, _extends({
+        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)
+      }, accessibilityProps)));
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","PermissionConsumer","WmCameraState","WmCamera","constructor","props","_defineProperty","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","permissionService","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","accessibilityProps","accessible","accessibilitylabel","caption","accessibilityrole","hint","createElement","cameraService","_background","style","styles","root","onLayout","event","handleLayout","_extends","id","getTestId","iconclass","iconsize","iconposition","button","onTap"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { AccessibilityRole, 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, CameraVideoInput } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\nimport { PermissionConsumer, PermissionService } from '@wavemaker/app-rn-runtime/runtime/services/device/permission-service';\n\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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  private permissionService: PermissionService = 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        permissionService: this.permissionService\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      const params: CameraVideoInput = {\n        permissionService: this.permissionService\n      };\n      this.camera.captureVideo(params).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    const accessibilityProps = {\n      accessible: props.accessible, \n      accessibilitylabel: props.accessibilitylabel || props.caption,\n      accessibilityrole: props.accessibilityrole,\n      hint: props.hint,\n    }\n    return (\n      <PermissionConsumer>\n        {(permissionService: PermissionService) => {\n          this.permissionService = permissionService;\n          return (<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)} {...accessibilityProps}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>)\n        }}\n      </PermissionConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"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","accessibilityProps","accessible","accessibilitylabel","caption","accessibilityrole","hint","createElement","cameraService","_background","style","styles","root","onLayout","event","handleLayout","_extends","id","getTestId","iconclass","iconsize","iconposition","button","onTap"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { AccessibilityRole, 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\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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    const accessibilityProps = {\n      accessible: props.accessible, \n      accessibilitylabel: props.accessibilitylabel || props.caption,\n      accessibilityrole: props.accessibilityrole,\n      hint: props.hint,\n    }\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)} {...accessibilityProps}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/fileupload/fileupload.component.js

@@ -4,12 +4,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { Platform, View } from 'react-native';
+import * as DocumentPicker from 'expo-document-picker';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmFileuploadProps from './fileupload.props';
 import { DEFAULT_CLASS } from './fileupload.styles';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import { getMimeType } from '@wavemaker/app-rn-runtime/core/utils';
-import { FileUploadPluginConsumer } from '@wavemaker/app-rn-runtime/core/device/fileupload-service';
 export class WmFileuploadState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -24,11 +24,10 @@ const namedParameters = {
 export default class WmFileupload extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmFileuploadProps());
-    _defineProperty(this, "fileUploadService", null);
   }
   onTap(props) {
     namedParameters.type = getMimeType(props.contenttype);
-    this.fileUploadService.getDocumentAsync(namedParameters).then(response => {
+    DocumentPicker.getDocumentAsync(namedParameters).then(response => {
       let selectedFile;
       if (Platform.OS !== 'web') {
         selectedFile = response.assets[0];
@@ -51,20 +50,17 @@ export default class WmFileupload extends BaseComponent {
       hint: props.hint,
       accessibilityrole: props.accessibilityrole
     };
-    return /*#__PURE__*/React.createElement(FileUploadPluginConsumer, null, fileUploadPluginService => {
-      this.fileUploadService = fileUploadPluginService;
-      return /*#__PURE__*/React.createElement(View, {
-        style: this.styles.root,
-        onLayout: event => this.handleLayout(event)
-      }, this._background, /*#__PURE__*/React.createElement(WmButton, _extends({
-        id: this.getTestId(),
-        iconclass: props.iconclass,
-        caption: props.caption,
-        styles: this.styles.button,
-        iconsize: props.iconsize,
-        onTap: () => this.onTap.bind(this)(props)
-      }, accessibilityProps)));
-    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(WmButton, _extends({
+      id: this.getTestId(),
+      iconclass: props.iconclass,
+      caption: props.caption,
+      styles: this.styles.button,
+      iconsize: props.iconsize,
+      onTap: () => this.onTap.bind(this)(props)
+    }, accessibilityProps)));
   }
 }
 //# sourceMappingURL=fileupload.component.js.map

package/components/input/fileupload/fileupload.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","getMimeType","FileUploadPluginConsumer","WmFileuploadState","constructor","args","_defineProperty","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","props","onTap","contenttype","fileUploadService","getDocumentAsync","then","response","selectedFile","OS","assets","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","accessibilityProps","accessible","accessibilitylabel","hint","accessibilityrole","createElement","fileUploadPluginService","style","styles","root","onLayout","event","handleLayout","_background","_extends","id","getTestId","iconclass","caption","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { getMimeType } from '@wavemaker/app-rn-runtime/core/utils';\nimport { FileUploadPluginConsumer, FileUploadPluginService } from '@wavemaker/app-rn-runtime/core/device/fileupload-service';\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\ntype NamedParametersType = {\n  copyToCacheDirectory: boolean,\n  multiple: boolean,\n  type: string | string[]\n};\n\nconst namedParameters: NamedParametersType = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n  public fileUploadService: any = null as any;\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap(props: WmFileuploadProps) {\n    namedParameters.type = getMimeType(props.contenttype);\n    this.fileUploadService.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response.assets[0];\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = [response.assets[0].file];\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    const accessibilityProps = {\n      accessible: props.accessible,\n      accessibilitylabel: props.accessibilitylabel,\n      hint: props.hint,\n      accessibilityrole: props.accessibilityrole,\n    };\n    return (\n      <FileUploadPluginConsumer>\n      {(fileUploadPluginService: FileUploadPluginService) => {\n      this.fileUploadService = fileUploadPluginService;\n      return (\n      <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      {this._background}\n      <WmButton id={this.getTestId()} iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={() => this.onTap.bind(this)(props)} {...accessibilityProps}></WmButton>\n    </View>\n  )}}\n      </FileUploadPluginConsumer>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","DocumentPicker","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","getMimeType","WmFileuploadState","constructor","args","_defineProperty","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","props","onTap","contenttype","getDocumentAsync","then","response","selectedFile","OS","assets","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","accessibilityProps","accessible","accessibilitylabel","hint","accessibilityrole","createElement","style","styles","root","onLayout","event","handleLayout","_background","_extends","id","getTestId","iconclass","caption","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport * as DocumentPicker from 'expo-document-picker';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { getMimeType } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\ntype NamedParametersType = {\n  copyToCacheDirectory: boolean,\n  multiple: boolean,\n  type: string | string[]\n};\n\nconst namedParameters: NamedParametersType = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap(props: WmFileuploadProps) {\n    namedParameters.type = getMimeType(props.contenttype);\n    DocumentPicker.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response.assets[0];\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = [response.assets[0].file];\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    const accessibilityProps = {\n      accessible: props.accessible,\n      accessibilitylabel: props.accessibilitylabel,\n      hint: props.hint,\n      accessibilityrole: props.accessibilityrole,\n    };\n\n    return <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n      {this._background}\n      <WmButton  id={this.getTestId()} iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={() => this.onTap.bind(this)(props)} {...accessibilityProps}></WmButton>\n    </View>\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/appnavbar/appnavbar.component.js

@@ -39,9 +39,6 @@ export default class WmAppNavbar extends BaseComponent {
     const badge = props.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
       style: this.styles.badge
     }, this.getTestProps('badge')), props.badgevalue) : null;
-    const {
-      navHeight
-    } = this.context;
     let navHeightValue;
     return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
       top: 0,
@@ -62,10 +59,10 @@ export default class WmAppNavbar extends BaseComponent {
           this.baseView = ref;
         },
         onLayout: event => {
-          if (navHeight) {
+          if (this.context && this.context.navHeight) {
             if (isEdgeToEdgeApp && insets !== null && insets !== void 0 && insets.top || !isEdgeToEdgeApp || isWebPreviewMode()) {
               navHeightValue = event.nativeEvent.layout.height || 0;
-              navHeight.value = navHeightValue;
+              this.context.navHeight.value = navHeightValue;
               this.notify('updateNavHeight', [navHeightValue], true);
             }
           }

package/components/navigation/appnavbar/appnavbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BackHandler","Badge","isAndroid","isWebPreviewMode","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","SafeAreaInsetsContext","injector","StickyWrapperContext","StickyNav","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","get","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderContent","badge","badgevalue","undefined","createElement","_extends","style","styles","getTestProps","navHeight","context","navHeightValue","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","height","ref","baseView","onLayout","event","nativeEvent","layout","value","notify","handleLayout","_background","leftSection","showDrawerButton","id","getTestId","hint","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","content","getTestPropsForLabel","accessibilityRole","title","rightSection","searchbutton","searchbuttoniconclass","children","renderWidget","hideonscroll","component"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, BackHandler } from 'react-native';\nimport { Badge } from 'react-native-paper';\n\nimport { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nimport WmAppNavbarProps from './appnavbar.props';\nimport { DEFAULT_CLASS, WmAppNavbarStyles } from './appnavbar.styles';\n\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { StickyNav } from '@wavemaker/app-rn-runtime/core/components/sticky-nav.component';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n  private onDrawerBtnPress: Function;\n  private onBackBtnPress: Function;\n  private onSearchBtnPress: Function;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmAppNavbarProps) {\n    super(props, DEFAULT_CLASS, new WmAppNavbarProps());\n    this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);\n    this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);\n    this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);\n    if (isAndroid() && !isWebPreviewMode()) {\n      const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n        this.onBackBtnPress();\n        return true;\n      });\n      this.cleanup.push(() => subscription.remove());\n    }\n  }\n\n  renderContent(props: WmAppNavbarProps) {\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>): null;\n    const { navHeight } = this.context as StickyWrapperContextType;\n    let navHeightValue;\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n          const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n          const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.top || 0) as number, \n          paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n          return (\n          <View style={[this.styles.root, stylesWithFs]} ref={ref => {this.baseView = ref as View}} onLayout={(event) => {\n            if(navHeight) {\n              if((isEdgeToEdgeApp && insets?.top) || !isEdgeToEdgeApp || isWebPreviewMode()){\n                navHeightValue = event.nativeEvent.layout.height || 0;\n                navHeight.value = navHeightValue;\n                this.notify('updateNavHeight', [navHeightValue], true);\n              }\n            }\n            this.handleLayout(event);\n          }}>\n            {this._background}\n            <View style={this.styles.leftSection}>\n            {props.showDrawerButton && (<WmIcon\n              id={this.getTestId('leftnavbtn')}\n              hint={'menu'}\n              styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n              iconclass={props.leftnavpaneliconclass}\n              onTap={this.onDrawerBtnPress}\n              />)}\n            {props.backbutton && (<WmIcon\n              id={this.getTestId('backbtn')}\n              hint={'back'}\n              styles={this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon)}\n              iconclass={props.backbuttoniconclass}\n              caption={props.backbuttonlabel}\n              onTap={this.onBackBtnPress}/>)}\n            </View>\n            <View style={this.styles.middleSection}>\n              {props.imgsrc && (\n              <WmPicture\n                id={this.getTestId('picture')}\n                styles={this.styles.image}\n                picturesource={props.imgsrc} />)}\n              <Text style={this.styles.content} {...this.getTestPropsForLabel('title')} accessibilityRole='header'>{props.title}</Text>\n              {badge}\n            </View>\n            <View style={this.styles.rightSection}>\n              {props.searchbutton && (<WmIcon\n                id={this.getTestId('searchbtn')}\n                styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n                iconclass={props.searchbuttoniconclass}\n                onTap={this.onSearchBtnPress}\n                />)}\n              {props.children}\n            </View>\n          </View>\n          )}}\n      </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmAppNavbarProps){\n    return this.props.hideonscroll ? (\n      <StickyNav\n        component={this}\n        theme={this.theme}\n      >\n        {this.renderContent(props)}\n      </StickyNav>\n    ) : this.renderContent(props)\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,sCAAsC;AAClF,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,SAAS,MAAM,sEAAsE;AAE5F,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,OAAOC,QAAQ,MAAM,yCAAyC;AAE9D,SAASC,oBAAoB,QAAkC,+CAA+C;AAC9G,SAASC,SAAS,QAAQ,gEAAgE;AAE1F,OAAO,MAAMC,gBAAgB,SAAST,kBAAkB,CAAmB;AAE3E,eAAe,MAAMU,WAAW,SAASX,aAAa,CAAwD;EAQ5GY,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;IAACU,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAJlCP,QAAQ,CAACQ,GAAG,CAAY,YAAY,CAAC;IAKvD,IAAI,CAACC,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACC,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,IAAI,CAACC,cAAc,GAAG,CAAC,MAAM,IAAI,CAACF,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACjG,IAAI,CAACE,gBAAgB,GAAG,CAAC,MAAM,IAAI,CAACH,mBAAmB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAEC,IAAI,CAAC,IAAI,CAAC;IACxG,IAAIpB,SAAS,CAAC,CAAC,IAAI,CAACC,gBAAgB,CAAC,CAAC,EAAE;MACtC,MAAMsB,YAAY,GAAGzB,WAAW,CAAC0B,gBAAgB,CAAC,mBAAmB,EAAE,MAAM;QAC3E,IAAI,CAACH,cAAc,CAAC,CAAC;QACrB,OAAO,IAAI;MACb,CAAC,CAAC;MACF,IAAI,CAACI,OAAO,CAACC,IAAI,CAAC,MAAMH,YAAY,CAACI,MAAM,CAAC,CAAC,CAAC;IAChD;EACF;EAEAC,aAAaA,CAACb,KAAuB,EAAE;IACrC;IACA,MAAMc,KAAK,GAAGd,KAAK,CAACe,UAAU,IAAIC,SAAS,gBAAIpC,KAAA,CAAAqC,aAAA,CAACjC,KAAK,EAAAkC,QAAA;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACN;IAAM,GAAK,IAAI,CAACO,YAAY,CAAC,OAAO,CAAC,GAAGrB,KAAK,CAACe,UAAkB,CAAC,GAAG,IAAI;IACjJ,MAAM;MAAEO;IAAU,CAAC,GAAG,IAAI,CAACC,OAAmC;IAC9D,IAAIC,cAAc;IAClB,oBACE5C,KAAA,CAAAqC,aAAA,CAACxB,qBAAqB,CAACgC,QAAQ,QAC5B,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MAAA,IAAAC,eAAA;MACtD,MAAMC,aAAa,GAAG,IAAI,CAACZ,MAAM,CAACa,IAAI,CAACC,UAAU,IAAI,IAAI,CAACd,MAAM,CAACa,IAAI,CAACE,OAAO;MAC7E,MAAMC,eAAe,GAAG,CAAC,GAAAL,eAAA,GAAC,IAAI,CAACM,SAAS,cAAAN,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBO,gBAAgB,cAAAP,eAAA,eAAhCA,eAAA,CAAkCK,eAAe;MAC3E,MAAMG,YAAY,GAAGH,eAAe,GAAI;QAACI,MAAM,EAAE,IAAI,CAACpB,MAAM,CAACa,IAAI,CAACO,MAAM,IAAc,CAAAd,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,GAAG,KAAI,CAAC,CAAW;QACjHO,UAAU,EAAE,CAACF,aAAa,IAAI,CAAC,KAAe,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,GAAG,KAAI,CAAC;MAAW,CAAC,GAAG,CAAC,CAAC;MAC/E,oBACA/C,KAAA,CAAAqC,aAAA,CAACnC,IAAI;QAACqC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACa,IAAI,EAAEM,YAAY,CAAE;QAACE,GAAG,EAAEA,GAAG,IAAI;UAAC,IAAI,CAACC,QAAQ,GAAGD,GAAW;QAAA,CAAE;QAACE,QAAQ,EAAGC,KAAK,IAAK;UAC7G,IAAGtB,SAAS,EAAE;YACZ,IAAIc,eAAe,IAAIV,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEC,GAAG,IAAK,CAACS,eAAe,IAAIlD,gBAAgB,CAAC,CAAC,EAAC;cAC5EsC,cAAc,GAAGoB,KAAK,CAACC,WAAW,CAACC,MAAM,CAACN,MAAM,IAAI,CAAC;cACrDlB,SAAS,CAACyB,KAAK,GAAGvB,cAAc;cAChC,IAAI,CAACwB,MAAM,CAAC,iBAAiB,EAAE,CAACxB,cAAc,CAAC,EAAE,IAAI,CAAC;YACxD;UACF;UACA,IAAI,CAACyB,YAAY,CAACL,KAAK,CAAC;QAC1B;MAAE,GACC,IAAI,CAACM,WAAW,eACjBtE,KAAA,CAAAqC,aAAA,CAACnC,IAAI;QAACqC,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC+B;MAAY,GACpCnD,KAAK,CAACoD,gBAAgB,iBAAKxE,KAAA,CAAAqC,aAAA,CAAC5B,MAAM;QACjCgE,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,YAAY,CAAE;QACjCC,IAAI,EAAE,MAAO;QACbnC,MAAM,EAAE,IAAI,CAACoC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACrC,MAAM,CAACsC,MAAM,EAAE,IAAI,CAACtC,MAAM,CAACuC,WAAW,CAAE;QAC/EC,SAAS,EAAE5D,KAAK,CAAC6D,qBAAsB;QACvCC,KAAK,EAAE,IAAI,CAAC3D;MAAiB,CAC5B,CAAE,EACJH,KAAK,CAAC+D,UAAU,iBAAKnF,KAAA,CAAAqC,aAAA,CAAC5B,MAAM;QAC3BgE,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;QAC9BC,IAAI,EAAE,MAAO;QACbnC,MAAM,EAAE,IAAI,CAACoC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACrC,MAAM,CAACsC,MAAM,EAAE,IAAI,CAACtC,MAAM,CAAC4C,QAAQ,CAAE;QAC5EJ,SAAS,EAAE5D,KAAK,CAACiE,mBAAoB;QACrCC,OAAO,EAAElE,KAAK,CAACmE,eAAgB;QAC/BL,KAAK,EAAE,IAAI,CAACxD;MAAe,CAAC,CACxB,CAAC,eACP1B,KAAA,CAAAqC,aAAA,CAACnC,IAAI;QAACqC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACgD;MAAc,GACpCpE,KAAK,CAACqE,MAAM,iBACbzF,KAAA,CAAAqC,aAAA,CAAC3B,SAAS;QACR+D,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;QAC9BlC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACkD,KAAM;QAC1BC,aAAa,EAAEvE,KAAK,CAACqE;MAAO,CAAE,CAAE,eAClCzF,KAAA,CAAAqC,aAAA,CAACpC,IAAI,EAAAqC,QAAA;QAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACoD;MAAQ,GAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;QAAEC,iBAAiB,EAAC;MAAQ,IAAE1E,KAAK,CAAC2E,KAAY,CAAC,EACxH7D,KACG,CAAC,eACPlC,KAAA,CAAAqC,aAAA,CAACnC,IAAI;QAACqC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACwD;MAAa,GACnC5E,KAAK,CAAC6E,YAAY,iBAAKjG,KAAA,CAAAqC,aAAA,CAAC5B,MAAM;QAC7BgE,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;QAChClC,MAAM,EAAE,IAAI,CAACoC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACrC,MAAM,CAACsC,MAAM,EAAE,IAAI,CAACtC,MAAM,CAACuC,WAAW,CAAE;QAC/EC,SAAS,EAAE5D,KAAK,CAAC8E,qBAAsB;QACvChB,KAAK,EAAE,IAAI,CAACvD;MAAiB,CAC5B,CAAE,EACJP,KAAK,CAAC+E,QACH,CACF,CAAC;IACN,CAC2B,CAAC;EAErC;EAEAC,YAAYA,CAAChF,KAAuB,EAAC;IACnC,OAAO,IAAI,CAACA,KAAK,CAACiF,YAAY,gBAC5BrG,KAAA,CAAAqC,aAAA,CAACrB,SAAS;MACRsF,SAAS,EAAE,IAAK;MAChB1B,KAAK,EAAE,IAAI,CAACA;IAAM,GAEjB,IAAI,CAAC3C,aAAa,CAACb,KAAK,CAChB,CAAC,GACV,IAAI,CAACa,aAAa,CAACb,KAAK,CAAC;EAC/B;AACF;AAACC,eAAA,CAhGoBH,WAAW,iBAMTH,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BackHandler","Badge","isAndroid","isWebPreviewMode","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","SafeAreaInsetsContext","injector","StickyWrapperContext","StickyNav","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","get","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderContent","badge","badgevalue","undefined","createElement","_extends","style","styles","getTestProps","navHeightValue","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","height","ref","baseView","onLayout","event","context","navHeight","nativeEvent","layout","value","notify","handleLayout","_background","leftSection","showDrawerButton","id","getTestId","hint","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","content","getTestPropsForLabel","accessibilityRole","title","rightSection","searchbutton","searchbuttoniconclass","children","renderWidget","hideonscroll","component"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, BackHandler } from 'react-native';\nimport { Badge } from 'react-native-paper';\n\nimport { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nimport WmAppNavbarProps from './appnavbar.props';\nimport { DEFAULT_CLASS, WmAppNavbarStyles } from './appnavbar.styles';\n\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { StickyNav } from '@wavemaker/app-rn-runtime/core/components/sticky-nav.component';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n  private onDrawerBtnPress: Function;\n  private onBackBtnPress: Function;\n  private onSearchBtnPress: Function;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmAppNavbarProps) {\n    super(props, DEFAULT_CLASS, new WmAppNavbarProps());\n    this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);\n    this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);\n    this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);\n    if (isAndroid() && !isWebPreviewMode()) {\n      const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n        this.onBackBtnPress();\n        return true;\n      });\n      this.cleanup.push(() => subscription.remove());\n    }\n  }\n\n  renderContent(props: WmAppNavbarProps) {\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>): null;\n\n    let navHeightValue;\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n          const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n          const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.top || 0) as number, \n          paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n          return (\n          <View style={[this.styles.root, stylesWithFs]} ref={ref => {this.baseView = ref as View}} onLayout={(event) => {\n            if((this.context) && (this.context as StickyWrapperContextType).navHeight) {\n              if((isEdgeToEdgeApp && insets?.top) || !isEdgeToEdgeApp || isWebPreviewMode()){\n                navHeightValue = event.nativeEvent.layout.height || 0;\n                (this.context as StickyWrapperContextType).navHeight.value = navHeightValue;\n                this.notify('updateNavHeight', [navHeightValue], true);\n              }\n            }\n            this.handleLayout(event);\n          }}>\n            {this._background}\n            <View style={this.styles.leftSection}>\n            {props.showDrawerButton && (<WmIcon\n              id={this.getTestId('leftnavbtn')}\n              hint={'menu'}\n              styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n              iconclass={props.leftnavpaneliconclass}\n              onTap={this.onDrawerBtnPress}\n              />)}\n            {props.backbutton && (<WmIcon\n              id={this.getTestId('backbtn')}\n              hint={'back'}\n              styles={this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon)}\n              iconclass={props.backbuttoniconclass}\n              caption={props.backbuttonlabel}\n              onTap={this.onBackBtnPress}/>)}\n            </View>\n            <View style={this.styles.middleSection}>\n              {props.imgsrc && (\n              <WmPicture\n                id={this.getTestId('picture')}\n                styles={this.styles.image}\n                picturesource={props.imgsrc} />)}\n              <Text style={this.styles.content} {...this.getTestPropsForLabel('title')} accessibilityRole='header'>{props.title}</Text>\n              {badge}\n            </View>\n            <View style={this.styles.rightSection}>\n              {props.searchbutton && (<WmIcon\n                id={this.getTestId('searchbtn')}\n                styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n                iconclass={props.searchbuttoniconclass}\n                onTap={this.onSearchBtnPress}\n                />)}\n              {props.children}\n            </View>\n          </View>\n          )}}\n      </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmAppNavbarProps){\n    return this.props.hideonscroll ? (\n      <StickyNav\n        component={this}\n        theme={this.theme}\n      >\n        {this.renderContent(props)}\n      </StickyNav>\n    ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/left-panel/left-panel.component.js

@@ -6,7 +6,6 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import WmLeftPanelProps from './left-panel.props';
 import { DEFAULT_CLASS } from './left-panel.styles';
 import { ScrollView } from 'react-native-gesture-handler';
-import { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 import injector from '@wavemaker/app-rn-runtime/core/injector';
 export class WmLeftPanelState extends BaseComponentState {
@@ -49,7 +48,7 @@ export default class WmLeftPanel extends BaseComponent {
       const stylesWithFs = isEdgeToEdgeApp ? {
         paddingTop: (paddingTopVal || 0) + ((insets === null || insets === void 0 ? void 0 : insets.top) || 0)
       } : {};
-      return /*#__PURE__*/React.createElement(FixedViewContainer, null, /*#__PURE__*/React.createElement(ScrollView, {
+      return /*#__PURE__*/React.createElement(ScrollView, {
         onScroll: event => {
           this.notify('scroll', [event]);
         },
@@ -58,7 +57,7 @@ export default class WmLeftPanel extends BaseComponent {
           width: "100%",
           maxWidth: "100%"
         }, stylesWithFs]
-      }, this._background, this.renderContent(props)));
+      }, this._background, this.renderContent(props));
     });
   }
 }

package/components/page/left-panel/left-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","FixedViewContainer","SafeAreaInsetsContext","injector","WmLeftPanelState","constructor","args","_defineProperty","WmLeftPanel","props","get","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","styles","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","onScroll","event","notify","scrollEventThrottle","contentContainerStyle","width","maxWidth","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  \n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <SafeAreaInsetsContext.Consumer>{(insets = { top: 0, bottom: 0, left: 0, right: 0 })=>{\n        const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n        const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n        const stylesWithFs = isEdgeToEdgeApp ? {paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n       return (\n        <FixedViewContainer>\n          <ScrollView \n            onScroll={(event) => {this.notify('scroll', [event])}}\n            scrollEventThrottle={48}\n            contentContainerStyle={[this.styles.root, {width: \"100%\", maxWidth: \"100%\"},stylesWithFs]}>\n            {this._background}\n            {this.renderContent(props)}\n          </ScrollView>\n        </FixedViewContainer>)\n      }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","SafeAreaInsetsContext","injector","WmLeftPanelState","constructor","args","_defineProperty","WmLeftPanel","props","get","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","styles","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","onScroll","event","notify","scrollEventThrottle","contentContainerStyle","width","maxWidth","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  \n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <SafeAreaInsetsContext.Consumer>{(insets = { top: 0, bottom: 0, left: 0, right: 0 })=>{\n        const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n        const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n        const stylesWithFs = isEdgeToEdgeApp ? {paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n       return (\n          <ScrollView \n            onScroll={(event) => {this.notify('scroll', [event])}}\n            scrollEventThrottle={48}\n            contentContainerStyle={[this.styles.root, {width: \"100%\", maxWidth: \"100%\"},stylesWithFs]}>\n            {this._background}\n            {this.renderContent(props)}\n          </ScrollView>\n      )\n      }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,OAAOC,QAAQ,MAAM,yCAAyC;AAG9D,OAAO,MAAMC,gBAAgB,SAASN,kBAAkB,CAAmB;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAASX,aAAa,CAAwD;EAG5GQ,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;IAACQ,eAAA,oBAHlCJ,QAAQ,CAACO,GAAG,CAAY,YAAY,CAAC;EAIzD;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACJ,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACK,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAqB,CAAC;QACxB,CAAC,CAAC;MACJ;MACA,OAAOP,KAAK,CAACK,aAAa,CAACL,KAAK,EAAE,IAAI,CAACE,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOV,KAAK,CAACW,QAAQ;EACvB;EAEAC,YAAYA,CAACZ,KAAuB,EAAE;IACpC,oBACEb,KAAA,CAAA0B,aAAA,CAACpB,qBAAqB,CAACqB,QAAQ,QAAE,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAG;MAAA,IAAAC,eAAA;MACpF,MAAMC,aAAa,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI,CAACC,UAAU,IAAI,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,OAAO;MAC7E,MAAMC,eAAe,GAAG,CAAC,GAAAN,eAAA,GAAC,IAAI,CAACO,SAAS,cAAAP,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBQ,gBAAgB,cAAAR,eAAA,eAAhCA,eAAA,CAAkCM,eAAe;MAC3E,MAAMG,YAAY,GAAGH,eAAe,GAAG;QAACF,UAAU,EAAE,CAACH,aAAa,IAAI,CAAC,KAAe,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,GAAG,KAAI,CAAC;MAAW,CAAC,GAAG,CAAC,CAAC;MACxH,oBACG7B,KAAA,CAAA0B,aAAA,CAACrB,UAAU;QACTsC,QAAQ,EAAGC,KAAK,IAAK;UAAC,IAAI,CAACC,MAAM,CAAC,QAAQ,EAAE,CAACD,KAAK,CAAC,CAAC;QAAA,CAAE;QACtDE,mBAAmB,EAAE,EAAG;QACxBC,qBAAqB,EAAE,CAAC,IAAI,CAACZ,MAAM,CAACC,IAAI,EAAE;UAACY,KAAK,EAAE,MAAM;UAAEC,QAAQ,EAAE;QAAM,CAAC,EAACP,YAAY;MAAE,GACzF,IAAI,CAACQ,WAAW,EAChB,IAAI,CAACjC,aAAa,CAACJ,KAAK,CACf,CAAC;IAEjB,CACgC,CAAC;EAErC;AACF","ignoreList":[]}

package/components/page/page-content/page-content.component.js

@@ -25,19 +25,21 @@ export default class WmPageContent extends BaseComponent {
     _defineProperty(this, "scrollRef", void 0);
     _defineProperty(this, "_unsubscribeNavHeight", void 0);
     _defineProperty(this, "handleOnScrollEndDrag", event => {
-      var _event$nativeEvent;
-      const {
-        onScrollEndDrag,
-        scrollDirection
-      } = this.context;
-      const scrollPosition = event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent = _event$nativeEvent.contentOffset) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.y;
-      if (scrollPosition >= 0) {
-        if (scrollDirection.value > 0) {
-          this.invokeEventCallback('onSwipeup', [null, this.proxy]);
-        } else {
-          this.invokeEventCallback('onSwipedown', [null, this.proxy]);
+      if (this.context) {
+        var _event$nativeEvent;
+        const {
+          onScrollEndDrag,
+          scrollDirection
+        } = this.context;
+        const scrollPosition = event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent = _event$nativeEvent.contentOffset) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.y;
+        if (scrollPosition >= 0) {
+          if (scrollDirection.value > 0) {
+            this.invokeEventCallback('onSwipeup', [null, this.proxy]);
+          } else {
+            this.invokeEventCallback('onSwipedown', [null, this.proxy]);
+          }
+          onScrollEndDrag(this.scrollRef);
         }
-        onScrollEndDrag(this.scrollRef);
       }
     });
     _defineProperty(this, "handleScrollViewLayout", () => {
@@ -61,9 +63,6 @@ export default class WmPageContent extends BaseComponent {
   }
   componentDidMount() {
     super.componentDidMount();
-    const {
-      navHeight
-    } = this.context;
     this._unsubscribeNavHeight = this.subscribe('updateNavHeight', navHeightValue => {
       if (this.state.navHeightForRender !== navHeightValue) {
         this.setState({
@@ -72,9 +71,9 @@ export default class WmPageContent extends BaseComponent {
       }
       return null;
     });
-    if (navHeight) {
+    if (this.context && this.context.navHeight) {
       this.setState({
-        navHeightForRender: navHeight.value
+        navHeightForRender: this.context.navHeight.value
       });
     }
   }
@@ -113,10 +112,6 @@ export default class WmPageContent extends BaseComponent {
   }
   renderWidget(props) {
     const showScrollbar = this.styles.root.scrollbarColor != 'transparent';
-    const {
-      bottomTabHeight,
-      onScroll
-    } = this.context;
     const borderRadiusStyles = {
       borderRadius: this.styles.root.borderRadius,
       borderTopLeftRadius: this.styles.root.borderTopLeftRadius,
@@ -158,11 +153,11 @@ export default class WmPageContent extends BaseComponent {
         contentContainerStyle: [this.styles.root, {
           backgroundColor: 'transparent',
           paddingTop: navHeightVal + paddingTopVal,
-          paddingBottom: bottomTabHeight.value + paddingBottomVal
+          paddingBottom: this.context && this.context.bottomTabHeight ? this.context.bottomTabHeight.value + paddingBottomVal : paddingBottomVal
         }],
         onLayout: this.handleScrollViewLayout,
         showsVerticalScrollIndicator: showScrollbar,
-        onScroll: onScroll,
+        onScroll: this.context && this.context.onScroll ? this.context.onScroll : () => {},
         alwaysBounceVertical: false,
         alwaysBounceHorizontal: false,
         bounces: false,