@wavemaker/app-rn-runtime 11.5.0-next.40003 → 11.5.0-rc.151

app-rn-runtime/actions/login-action.js

@@ -1,4 +1,5 @@
 import { BaseAction } from "./base-action";
+import { VariableEvents } from '../variables/base-variable';
 import { get } from 'lodash';
 export class LoginAction extends BaseAction {
   constructor(config) {
@@ -9,6 +10,7 @@ export class LoginAction extends BaseAction {
     if (!get(options, 'formData')) {
       params = this.config.paramProvider();
     }
+    this.notify(VariableEvents.BEFORE_INVOKE, [this, params]);
     return this.config.securityService().appLogin({
       baseURL: this.config.baseURL,
       formData: get(options, 'formData') || params,
@@ -16,12 +18,14 @@ export class LoginAction extends BaseAction {
     }).then(data => {
       this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));
       successcb && successcb(data);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, data]);
       if (this.config.useDefaultSuccessHandler) {
         this.config.securityService().navigateToLandingPage(data);
       }
     }).catch(error => {
       this.config.onError && this.config.onError(this, error);
       errorcb && errorcb(error);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, error]);
     });
   }
 }

app-rn-runtime/actions/login-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","get","LoginAction","constructor","config","invoke","options","successcb","errorcb","params","paramProvider","securityService","appLogin","baseURL","formData","useDefaultSuccessHandler","then","data","onSuccess","navigateToLandingPage","catch","error","onError"],"sources":["login-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { get } from 'lodash';\nexport interface LoginActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n    useDefaultSuccessHandler: boolean;\n}\nexport class LoginAction extends BaseAction<LoginActionConfig> {\n    constructor(config: LoginActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n      let params;\n      if (!get(options, 'formData')) {\n        params = this.config.paramProvider();\n      }\n      return this.config.securityService().appLogin(\n        {\n          baseURL: this.config.baseURL,\n          formData: get(options, 'formData') || params,\n          useDefaultSuccessHandler: this.config.useDefaultSuccessHandler\n      })\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));\n            successcb && successcb(data);\n            if (this.config.useDefaultSuccessHandler) {\n              this.config.securityService().navigateToLandingPage(data);\n            }\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n        });\n    }\n}\n"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAExD,SAASC,GAAG,QAAQ,QAAQ;AAM5B,OAAO,MAAMC,WAAW,SAASF,UAAU,CAAoB;EAC3DG,WAAWA,CAACC,MAAyB,EAAE;IACnC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC7D,IAAIC,MAAM;IACV,IAAI,CAACR,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,EAAE;MAC7BG,MAAM,GAAG,IAAI,CAACL,MAAM,CAACM,aAAa,CAAC,CAAC;IACtC;IACA,OAAO,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC,CAACC,QAAQ,CAC3C;MACEC,OAAO,EAAE,IAAI,CAACT,MAAM,CAACS,OAAO;MAC5BC,QAAQ,EAAEb,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,IAAIG,MAAM;MAC5CM,wBAAwB,EAAE,IAAI,CAACX,MAAM,CAACW;IAC1C,CAAC,CAAC,CACCC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACb,MAAM,CAACc,SAAS,IAAI,IAAI,CAACd,MAAM,CAACc,SAAS,CAAC,IAAI,EAAEjB,GAAG,CAACgB,IAAI,EAAE,UAAU,CAAC,CAAC;MAC3EV,SAAS,IAAIA,SAAS,CAACU,IAAI,CAAC;MAC5B,IAAI,IAAI,CAACb,MAAM,CAACW,wBAAwB,EAAE;QACxC,IAAI,CAACX,MAAM,CAACO,eAAe,CAAC,CAAC,CAACQ,qBAAqB,CAACF,IAAI,CAAC;MAC3D;IACJ,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACjB,MAAM,CAACkB,OAAO,IAAI,IAAI,CAAClB,MAAM,CAACkB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDb,OAAO,IAAIA,OAAO,CAACa,KAAK,CAAC;IAC7B,CAAC,CAAC;EACN;AACJ"}
+{"version":3,"names":["BaseAction","VariableEvents","get","LoginAction","constructor","config","invoke","options","successcb","errorcb","params","paramProvider","notify","BEFORE_INVOKE","securityService","appLogin","baseURL","formData","useDefaultSuccessHandler","then","data","onSuccess","AFTER_INVOKE","navigateToLandingPage","catch","error","onError"],"sources":["login-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { VariableEvents } from '../variables/base-variable';\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { get } from 'lodash';\nexport interface LoginActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n    useDefaultSuccessHandler: boolean;\n}\nexport class LoginAction extends BaseAction<LoginActionConfig> {\n    constructor(config: LoginActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n      let params;\n      if (!get(options, 'formData')) {\n        params = this.config.paramProvider();\n      }\n      this.notify(VariableEvents.BEFORE_INVOKE, [this, params]);\n      return this.config.securityService().appLogin(\n        {\n          baseURL: this.config.baseURL,\n          formData: get(options, 'formData') || params,\n          useDefaultSuccessHandler: this.config.useDefaultSuccessHandler\n      })\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, get(data, 'userInfo'));\n            successcb && successcb(data);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, data]);\n            if (this.config.useDefaultSuccessHandler) {\n              this.config.securityService().navigateToLandingPage(data);\n            }\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, error]);\n        });\n    }\n}\n"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AACxD,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,GAAG,QAAQ,QAAQ;AAM5B,OAAO,MAAMC,WAAW,SAASH,UAAU,CAAoB;EAC3DI,WAAWA,CAACC,MAAyB,EAAE;IACnC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC7D,IAAIC,MAAM;IACV,IAAI,CAACR,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,EAAE;MAC7BG,MAAM,GAAG,IAAI,CAACL,MAAM,CAACM,aAAa,CAAC,CAAC;IACtC;IACA,IAAI,CAACC,MAAM,CAACX,cAAc,CAACY,aAAa,EAAE,CAAC,IAAI,EAAEH,MAAM,CAAC,CAAC;IACzD,OAAO,IAAI,CAACL,MAAM,CAACS,eAAe,CAAC,CAAC,CAACC,QAAQ,CAC3C;MACEC,OAAO,EAAE,IAAI,CAACX,MAAM,CAACW,OAAO;MAC5BC,QAAQ,EAAEf,GAAG,CAACK,OAAO,EAAE,UAAU,CAAC,IAAIG,MAAM;MAC5CQ,wBAAwB,EAAE,IAAI,CAACb,MAAM,CAACa;IAC1C,CAAC,CAAC,CACCC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACf,MAAM,CAACgB,SAAS,IAAI,IAAI,CAAChB,MAAM,CAACgB,SAAS,CAAC,IAAI,EAAEnB,GAAG,CAACkB,IAAI,EAAE,UAAU,CAAC,CAAC;MAC3EZ,SAAS,IAAIA,SAAS,CAACY,IAAI,CAAC;MAC5B,IAAI,CAACR,MAAM,CAACX,cAAc,CAACqB,YAAY,EAAE,CAAC,IAAI,EAAEF,IAAI,CAAC,CAAC;MACtD,IAAI,IAAI,CAACf,MAAM,CAACa,wBAAwB,EAAE;QACxC,IAAI,CAACb,MAAM,CAACS,eAAe,CAAC,CAAC,CAACS,qBAAqB,CAACH,IAAI,CAAC;MAC3D;IACJ,CAAC,CAAC,CACDI,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACpB,MAAM,CAACqB,OAAO,IAAI,IAAI,CAACrB,MAAM,CAACqB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDhB,OAAO,IAAIA,OAAO,CAACgB,KAAK,CAAC;MACzB,IAAI,CAACb,MAAM,CAACX,cAAc,CAACqB,YAAY,EAAE,CAAC,IAAI,EAAEG,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;AACJ"}

app-rn-runtime/actions/logout-action.js

@@ -1,17 +1,21 @@
 import { BaseAction } from "./base-action";
+import { VariableEvents } from '../variables/base-variable';
 export class LogoutAction extends BaseAction {
   constructor(config) {
     super(config);
   }
   invoke(options, successcb, errorcb) {
+    this.notify(VariableEvents.BEFORE_INVOKE, [this]);
     return this.config.securityService().appLogout({
       baseURL: this.config.baseURL
     }).then(data => {
+      this.notify(VariableEvents.AFTER_INVOKE, [this, data]);
       this.config.onSuccess && this.config.onSuccess(this, data);
       successcb && successcb(data);
     }).catch(error => {
       this.config.onError && this.config.onError(this, error);
       errorcb && errorcb(error);
+      this.notify(VariableEvents.AFTER_INVOKE, [this, error]);
     });
   }
 }

app-rn-runtime/actions/logout-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","LogoutAction","constructor","config","invoke","options","successcb","errorcb","securityService","appLogout","baseURL","then","data","onSuccess","catch","error","onError"],"sources":["logout-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nexport interface LogoutActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n}\nexport class LogoutAction extends BaseAction<LogoutActionConfig> {\n    constructor(config: LogoutActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n        return this.config.securityService().appLogout({baseURL: this.config.baseURL})\n        .then((data: any) => {\n            this.config.onSuccess && this.config.onSuccess(this, data);\n            successcb && successcb(data);\n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n        });\n    }\n}"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAMxD,OAAO,MAAMC,YAAY,SAASD,UAAU,CAAqB;EAC7DE,WAAWA,CAACC,MAA0B,EAAE;IACpC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC3D,OAAO,IAAI,CAACJ,MAAM,CAACK,eAAe,CAAC,CAAC,CAACC,SAAS,CAAC;MAACC,OAAO,EAAE,IAAI,CAACP,MAAM,CAACO;IAAO,CAAC,CAAC,CAC7EC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACT,MAAM,CAACU,SAAS,IAAI,IAAI,CAACV,MAAM,CAACU,SAAS,CAAC,IAAI,EAAED,IAAI,CAAC;MAC1DN,SAAS,IAAIA,SAAS,CAACM,IAAI,CAAC;IAChC,CAAC,CAAC,CACDE,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACZ,MAAM,CAACa,OAAO,IAAI,IAAI,CAACb,MAAM,CAACa,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;IAC7B,CAAC,CAAC;EACN;AACJ"}
+{"version":3,"names":["BaseAction","VariableEvents","LogoutAction","constructor","config","invoke","options","successcb","errorcb","notify","BEFORE_INVOKE","securityService","appLogout","baseURL","then","data","AFTER_INVOKE","onSuccess","catch","error","onError"],"sources":["logout-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { SecurityService } from \"@wavemaker/app-rn-runtime/core/security.service\";\nimport { VariableEvents } from '../variables/base-variable';\nexport interface LogoutActionConfig extends ActionConfig {\n    securityService: () => SecurityService;\n    baseURL: String;\n}\nexport class LogoutAction extends BaseAction<LogoutActionConfig> {\n    constructor(config: LogoutActionConfig) {\n        super(config);\n    }\n\n    invoke(options: any, successcb?: Function, errorcb?: Function) {\n        this.notify(VariableEvents.BEFORE_INVOKE, [this]);\n        return this.config.securityService().appLogout({baseURL: this.config.baseURL})\n        .then((data: any) => {\n            this.notify(VariableEvents.AFTER_INVOKE, [this, data]);\n            this.config.onSuccess && this.config.onSuccess(this, data);\n            successcb && successcb(data);     \n        })\n        .catch((error: any) => {\n            this.config.onError && this.config.onError(this, error);\n            errorcb && errorcb(error);\n            this.notify(VariableEvents.AFTER_INVOKE, [this, error]);\n        });\n    }\n}"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAExD,SAASC,cAAc,QAAQ,4BAA4B;AAK3D,OAAO,MAAMC,YAAY,SAASF,UAAU,CAAqB;EAC7DG,WAAWA,CAACC,MAA0B,EAAE;IACpC,KAAK,CAACA,MAAM,CAAC;EACjB;EAEAC,MAAMA,CAACC,OAAY,EAAEC,SAAoB,EAAEC,OAAkB,EAAE;IAC3D,IAAI,CAACC,MAAM,CAACR,cAAc,CAACS,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,IAAI,CAACN,MAAM,CAACO,eAAe,CAAC,CAAC,CAACC,SAAS,CAAC;MAACC,OAAO,EAAE,IAAI,CAACT,MAAM,CAACS;IAAO,CAAC,CAAC,CAC7EC,IAAI,CAAEC,IAAS,IAAK;MACjB,IAAI,CAACN,MAAM,CAACR,cAAc,CAACe,YAAY,EAAE,CAAC,IAAI,EAAED,IAAI,CAAC,CAAC;MACtD,IAAI,CAACX,MAAM,CAACa,SAAS,IAAI,IAAI,CAACb,MAAM,CAACa,SAAS,CAAC,IAAI,EAAEF,IAAI,CAAC;MAC1DR,SAAS,IAAIA,SAAS,CAACQ,IAAI,CAAC;IAChC,CAAC,CAAC,CACDG,KAAK,CAAEC,KAAU,IAAK;MACnB,IAAI,CAACf,MAAM,CAACgB,OAAO,IAAI,IAAI,CAAChB,MAAM,CAACgB,OAAO,CAAC,IAAI,EAAED,KAAK,CAAC;MACvDX,OAAO,IAAIA,OAAO,CAACW,KAAK,CAAC;MACzB,IAAI,CAACV,MAAM,CAACR,cAAc,CAACe,YAAY,EAAE,CAAC,IAAI,EAAEG,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;AACJ"}

app-rn-runtime/components/advanced/carousel/carousel.component.js

@@ -29,7 +29,8 @@ export default class WmCarousel extends BaseComponent {
         var _this$slideLayout;
         const activeTabIndex = this.state.activeIndex - 1,
           w = ((_this$slideLayout = this.slideLayout) === null || _this$slideLayout === void 0 ? void 0 : _this$slideLayout.width) || 0,
-          noOfTabs = this.state.props.dataset.length;
+          props = this.state.props,
+          noOfTabs = props.type === 'dynamic' ? props.dataset : props.children;
         return {
           lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,
           center: -1 * activeTabIndex * w,
@@ -62,7 +63,9 @@ export default class WmCarousel extends BaseComponent {
       return props.children[index];
     });
     _defineProperty(this, "next", () => {
-      if (this.state.activeIndex >= this.state.props.dataset.length) {
+      const props = this.state.props;
+      const data = props.type === 'dynamic' ? props.dataset : props.children;
+      if (this.state.activeIndex >= (data === null || data === void 0 ? void 0 : data.length) || 0) {
         var _this$animationView;
         this.onSlideChange(1);
         (_this$animationView = this.animationView) === null || _this$animationView === void 0 ? void 0 : _this$animationView.setPosition(0);
@@ -157,7 +160,8 @@ export default class WmCarousel extends BaseComponent {
       style: {
         flexDirection: 'row',
         flexWrap: 'nowrap',
-        alignItems: 'center'
+        alignItems: 'center',
+        height: props.type === 'dynamic' ? undefined : '100%'
       },
       direction: "horizontal",
       ref: r => {
@@ -177,7 +181,9 @@ export default class WmCarousel extends BaseComponent {
       });
       return /*#__PURE__*/React.createElement(Animated.View, {
         key: this.generateItemKey(item, index, props),
-        style: [this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
+        style: [{
+          height: props.type === 'dynamic' ? undefined : '100%'
+        }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
           transform: [{
             translateX: translateX
           }, {
@@ -188,10 +194,12 @@ export default class WmCarousel extends BaseComponent {
     })), hasNavs ? /*#__PURE__*/React.createElement(View, {
       style: styles.btnPanel
     }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('prev_icon'),
       iconclass: "wi wi-chevron-left fa-2x",
       styles: styles.prevBtn,
       onTap: this.prev
     }), /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('next_icon'),
       iconclass: "wi wi-chevron-right fa-2x",
       styles: styles.nextBtn,
       onTap: this.next

app-rn-runtime/components/advanced/carousel/carousel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isArray","Animated","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","arguments","_defineProperty","WmCarousel","props","bounds","e","_this$slideLayout","activeTabIndex","state","activeIndex","w","slideLayout","width","noOfTabs","dataset","length","lower","center","upper","computePhase","value","_this$slideLayout2","Math","abs","onLower","onSlideChange","onUpper","index","prevIndex","updateState","invokeEventCallback","item","type","renderSlide","children","_this$animationView","animationView","setPosition","_this$animationView2","goToUpper","_this$animationView3","goToLower","cleanup","push","stopPlay","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","setSlideLayout","event","nativeEvent","layout","forceUpdate","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView4","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","renderPagination","data","maxNoOfDots","maxnoofdots","minIndex","max","maxIndex","createElement","style","styles","dotsWrapperStyle","map","key","dotStyle","activeDotStyle","renderWidget","_data","hasNavs","controls","hasDots","noOfSlides","root","onLayout","bind","_background","enableGestures","enablegestures","flexDirection","flexWrap","alignItems","direction","ref","r","handlers","animationHandlers","_this$animationView5","_this$animationView6","isActive","scale","animationPhase","interpolate","inputRange","outputRange","translateX","slide","firstSlide","lastSlide","activeSlide","transform","renderItem","btnPanel","iconclass","prevBtn","onTap","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray } from 'lodash-es';\nimport { Animated, View, Text, LayoutChangeEvent, LayoutRectangle } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slideLayout: LayoutRectangle = null as any;\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1,\n            w = this.slideLayout?.width || 0,\n            noOfTabs = this.state.props.dataset.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    computePhase: (value) => {\n      const w = this.slideLayout?.width || 0;\n      return w && Math.abs(value / w);\n    },\n    onLower: (e) => {\n      this.onSlideChange(this.state.activeIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onSlideChange(this.state.activeIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  private generateItemKey(item: any, index: number, props: WmCarouselProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  this.keyExtractor.getKey(item, true);\n  }\n\n  setSlideLayout(event: LayoutChangeEvent) {\n    this.slideLayout = event.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  autoPlay() {\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation === 'auto' && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    } else {\n      setTimeout(() => {\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }, 1000);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'dataset': {\n          this.keyExtractor?.clear();\n          this.updateState({\n            activeIndex: Math.min(this.state.activeIndex, $new?.length || 0)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n  }\n\n  renderItem = (item: any, index: number) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(item, index) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    if (this.state.activeIndex >= this.state.props.dataset.length) {\n      this.onSlideChange(1);\n      this.animationView?.setPosition(0);\n    } else {\n      this.animationView?.goToUpper();\n    }\n  }\n\n  prev = () => {\n    this.animationView?.goToLower();\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);\n    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);\n    if (maxIndex === data.length) {\n      minIndex = maxIndex - maxNoOfDots;\n    }\n    return (<View style={this.styles.dotsWrapperStyle}>\n      {\n        data.map((item: any, index: number) => {\n          return index >= minIndex && index <= maxIndex ? (\n            <View key={'dots_' + this.generateItemKey(item, index, this.state.props)} \n              style={[\n                this.styles.dotStyle,\n                index === this.state.activeIndex - 1 ? this.styles.activeDotStyle: null]}>\n            </View>) : null;\n        })\n      }\n    </View>);\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    data = isArray(data) ? data : [];\n    this.noOfSlides = data?.length || 0;\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root} onLayout={this.setSlideLayout.bind(this)}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'center'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n          {data.map((item: any, index: number) => {\n            const isActive = index === this.state.activeIndex - 1;\n            let scale = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [0.8, 0.8, 1, 0.8, 0.8]\n            });\n            let translateX = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [-56, -56, 0, 56, 56]\n            });\n            return (\n              <Animated.View key={this.generateItemKey(item, index, props)}\n                style={[this.styles.slide,\n                  index === 0 ? this.styles.firstSlide : null,\n                  index === data.length - 1 ? this.styles.lastSlide: null,\n                  isActive ? this.styles.activeSlide: null,\n                  translateX && scale ? {\n                    transform: [\n                      {\n                        translateX: translateX\n                      },\n                      {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                {this.renderItem(item, index)}\n              </Animated.View>\n            );\n          })}\n        </SwipeAnimation.View>\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}/>\n            <WmIcon\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","isArray","Animated","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","arguments","_defineProperty","WmCarousel","props","bounds","e","_this$slideLayout","activeTabIndex","state","activeIndex","w","slideLayout","width","noOfTabs","type","dataset","children","lower","center","upper","computePhase","value","_this$slideLayout2","Math","abs","onLower","onSlideChange","onUpper","index","prevIndex","updateState","invokeEventCallback","item","renderSlide","data","length","_this$animationView","animationView","setPosition","_this$animationView2","goToUpper","_this$animationView3","goToLower","cleanup","push","stopPlay","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","setSlideLayout","event","nativeEvent","layout","forceUpdate","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView4","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","renderPagination","maxNoOfDots","maxnoofdots","minIndex","max","maxIndex","createElement","style","styles","dotsWrapperStyle","map","key","dotStyle","activeDotStyle","renderWidget","_data","hasNavs","controls","hasDots","noOfSlides","root","onLayout","bind","_background","enableGestures","enablegestures","flexDirection","flexWrap","alignItems","height","undefined","direction","ref","r","handlers","animationHandlers","_this$animationView5","_this$animationView6","isActive","scale","animationPhase","interpolate","inputRange","outputRange","translateX","slide","firstSlide","lastSlide","activeSlide","transform","renderItem","btnPanel","id","getTestId","iconclass","prevBtn","onTap","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray } from 'lodash-es';\nimport { Animated, View, Text, LayoutChangeEvent, LayoutRectangle } from 'react-native';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 1;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  noOfSlides: number = 0;\n  private slideLayout: LayoutRectangle = null as any;\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1,\n            w = this.slideLayout?.width || 0,\n            props = this.state.props,\n            noOfTabs = props.type === 'dynamic' ? props.dataset : props.children;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    computePhase: (value) => {\n      const w = this.slideLayout?.width || 0;\n      return w && Math.abs(value / w);\n    },\n    onLower: (e) => {\n      this.onSlideChange(this.state.activeIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onSlideChange(this.state.activeIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmCarouselProps) {\n    super(props, DEFAULT_CLASS, new WmCarouselProps(), new WmCarouselState());\n    this.cleanup.push(() => {\n      this.stopPlay && this.stopPlay();\n    })\n  }\n\n  private generateItemKey(item: any, index: number, props: WmCarouselProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  this.keyExtractor.getKey(item, true);\n  }\n\n  setSlideLayout(event: LayoutChangeEvent) {\n    this.slideLayout = event.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  autoPlay() {\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation === 'auto' && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    } else {\n      setTimeout(() => {\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }, 1000);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\n        case 'dataset': {\n          this.keyExtractor?.clear();\n          this.updateState({\n            activeIndex: Math.min(this.state.activeIndex, $new?.length || 0)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  onSlideChange = (index: number) => {\n    const prevIndex = this.state.activeIndex;\n    this.updateState({\n      activeIndex: index\n    } as WmCarouselState,\n    () => this.invokeEventCallback('onChange', [this, index, prevIndex]));\n  }\n\n  renderItem = (item: any, index: number) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(item, index) : null;\n    }\n    return props.children[index];\n  }\n\n  next = () => {\n    const props = this.state.props;\n    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    if (this.state.activeIndex >= data?.length || 0) {\n      this.onSlideChange(1);\n      this.animationView?.setPosition(0);\n    } else {\n      this.animationView?.goToUpper();\n    }\n  }\n\n  prev = () => {\n    this.animationView?.goToLower();\n  }\n\n  renderPagination(data: any) {\n    const maxNoOfDots = this.state.props.maxnoofdots;\n    let minIndex = Math.max(this.state.activeIndex - maxNoOfDots + 1, 0);\n    let maxIndex = Math.min(minIndex + maxNoOfDots - 1, data.length);\n    if (maxIndex === data.length) {\n      minIndex = maxIndex - maxNoOfDots;\n    }\n    return (<View style={this.styles.dotsWrapperStyle}>\n      {\n        data.map((item: any, index: number) => {\n          return index >= minIndex && index <= maxIndex ? (\n            <View key={'dots_' + this.generateItemKey(item, index, this.state.props)} \n              style={[\n                this.styles.dotStyle,\n                index === this.state.activeIndex - 1 ? this.styles.activeDotStyle: null]}>\n            </View>) : null;\n        })\n      }\n    </View>);\n  }\n\n  renderWidget(props: WmCarouselProps) {\n    const hasNavs = props.controls === 'both' || props.controls ==='navs';\n    const hasDots = props.controls === 'both' || props.controls ==='indicators';\n    let styles = this.styles;\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    data = isArray(data) ? data : [];\n    this.noOfSlides = data?.length || 0;\n    // TODO: loop prop on Carousel is not working Refer: https://github.com/meliorence/react-native-snap-carousel/issues/608\n    return (\n      <View style={styles.root} onLayout={this.setSlideLayout.bind(this)}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'center',\n              height: props.type === 'dynamic' ? undefined : '100%',\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n          {data.map((item: any, index: number) => {\n            const isActive = index === this.state.activeIndex - 1;\n            let scale = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [0.8, 0.8, 1, 0.8, 0.8]\n            });\n            let translateX = this.animationView?.animationPhase.interpolate({\n              inputRange: [-2000, index - 1, index, index + 1, 2000],\n              outputRange: [-56, -56, 0, 56, 56]\n            });\n            return (\n              <Animated.View key={this.generateItemKey(item, index, props)}\n                style={[\n                  {height: props.type === 'dynamic' ? undefined : '100%'},\n                  this.styles.slide,\n                  index === 0 ? this.styles.firstSlide : null,\n                  index === data.length - 1 ? this.styles.lastSlide: null,\n                  isActive ? this.styles.activeSlide: null,\n                  translateX && scale ? {\n                    transform: [\n                      {\n                        translateX: translateX\n                      },\n                      {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                {this.renderItem(item, index)}\n              </Animated.View>\n            );\n          })}\n        </SwipeAnimation.View>\n        {hasNavs ? (\n          <View style={styles.btnPanel}>\n            <WmIcon\n              id={this.getTestId('prev_icon')}\n              iconclass=\"wi wi-chevron-left fa-2x\"\n              styles={styles.prevBtn}\n              onTap={this.prev}/>\n            <WmIcon\n              id={this.getTestId('next_icon')}\n              iconclass=\"wi wi-chevron-right fa-2x\"\n              styles={styles.nextBtn}\n              onTap={this.next}/>\n          </View>): null}\n          {hasDots && data ? this.renderPagination(data) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/advanced/login/login.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -28,9 +29,9 @@ export default class WmLogin extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, {
+    }, this._background, this.state.errorMsg && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error'), {
       style: this.styles.errorMsgStyles
-    }, this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
+    }), this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
       style: this.styles.formStyles
     }, props.children));
   }

app-rn-runtime/components/advanced/login/login.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmLoginProps","DEFAULT_CLASS","WmLoginState","constructor","arguments","_defineProperty","WmLogin","props","onLoginSuccess","response","onLoginError","error","updateState","errorMsg","message","doLogin","formData","onLogin","bind","renderWidget","createElement","style","styles","root","_background","state","errorMsgStyles","formStyles","children"],"sources":["login.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLoginProps from './login.props';\nimport { DEFAULT_CLASS, WmLoginStyles } from './login.styles';\nimport { AxiosError, AxiosResponse } from 'axios';\n\nexport class WmLoginState extends BaseComponentState<WmLoginProps> {\n  errorMsg = '';\n}\n\nexport default class WmLogin extends BaseComponent<WmLoginProps, WmLoginState, WmLoginStyles> {\n  constructor(props: WmLoginProps) {\n    super(props, DEFAULT_CLASS, new WmLoginProps());\n  }\n\n  onLoginSuccess(response: AxiosResponse) {\n  }\n\n  onLoginError(error: AxiosError) {\n    this.updateState({errorMsg: error?.message} as WmLoginState);\n  }\n\n  doLogin(formData: any) {\n    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));\n  }\n\n  renderWidget(props: WmLoginProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\n      {this.state.errorMsg && <Text style={this.styles.errorMsgStyles}>{this.state.errorMsg}</Text>}\n      <View style={this.styles.formStyles}>{props.children}</View>\n    </View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAG7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACtD,EAAE;EAAA;AACf;AAEA,eAAe,MAAMC,OAAO,SAASR,aAAa,CAA4C;EAC5FK,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAQ,cAAcA,CAACC,QAAuB,EAAE,CACxC;EAEAC,YAAYA,CAACC,KAAiB,EAAE;IAC9B,IAAI,CAACC,WAAW,CAAC;MAACC,QAAQ,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG;IAAO,CAAiB,CAAC;EAC9D;EAEAC,OAAOA,CAACC,QAAa,EAAE;IACrB,IAAI,CAACT,KAAK,CAACU,OAAO,CAACD,QAAQ,EAAE,IAAI,CAACR,cAAc,CAACU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAACR,YAAY,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5F;EAEAC,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBAAQZ,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACnC,IAAI,CAACC,WAAW,EAChB,IAAI,CAACC,KAAK,CAACZ,QAAQ,iBAAIlB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACI;IAAe,GAAE,IAAI,CAACD,KAAK,CAACZ,QAAe,CAAC,eAC7FlB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACK;IAAW,GAAEpB,KAAK,CAACqB,QAAe,CACvD,CAAC;EACT;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmLoginProps","DEFAULT_CLASS","WmLoginState","constructor","arguments","_defineProperty","WmLogin","props","onLoginSuccess","response","onLoginError","error","updateState","errorMsg","message","doLogin","formData","onLogin","bind","renderWidget","createElement","style","styles","root","_background","state","_extends","getTestPropsForLabel","errorMsgStyles","formStyles","children"],"sources":["login.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLoginProps from './login.props';\nimport { DEFAULT_CLASS, WmLoginStyles } from './login.styles';\nimport { AxiosError, AxiosResponse } from 'axios';\n\nexport class WmLoginState extends BaseComponentState<WmLoginProps> {\n  errorMsg = '';\n}\n\nexport default class WmLogin extends BaseComponent<WmLoginProps, WmLoginState, WmLoginStyles> {\n  constructor(props: WmLoginProps) {\n    super(props, DEFAULT_CLASS, new WmLoginProps());\n  }\n\n  onLoginSuccess(response: AxiosResponse) {\n  }\n\n  onLoginError(error: AxiosError) {\n    this.updateState({errorMsg: error?.message} as WmLoginState);\n  }\n\n  doLogin(formData: any) {\n    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));\n  }\n\n  renderWidget(props: WmLoginProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\n      {this.state.errorMsg && <Text {...this.getTestPropsForLabel('error')} style={this.styles.errorMsgStyles}>{this.state.errorMsg}</Text>}\n      <View style={this.styles.formStyles}>{props.children}</View>\n    </View>); \n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAG7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACtD,EAAE;EAAA;AACf;AAEA,eAAe,MAAMC,OAAO,SAASR,aAAa,CAA4C;EAC5FK,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAQ,cAAcA,CAACC,QAAuB,EAAE,CACxC;EAEAC,YAAYA,CAACC,KAAiB,EAAE;IAC9B,IAAI,CAACC,WAAW,CAAC;MAACC,QAAQ,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG;IAAO,CAAiB,CAAC;EAC9D;EAEAC,OAAOA,CAACC,QAAa,EAAE;IACrB,IAAI,CAACT,KAAK,CAACU,OAAO,CAACD,QAAQ,EAAE,IAAI,CAACR,cAAc,CAACU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAACR,YAAY,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5F;EAEAC,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBAAQZ,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACnC,IAAI,CAACC,WAAW,EAChB,IAAI,CAACC,KAAK,CAACZ,QAAQ,iBAAIlB,KAAA,CAAAyB,aAAA,CAACxB,IAAI,EAAA8B,QAAA,KAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;MAAEN,KAAK,EAAE,IAAI,CAACC,MAAM,CAACM;IAAe,IAAE,IAAI,CAACH,KAAK,CAACZ,QAAe,CAAC,eACrIlB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO;IAAW,GAAEtB,KAAK,CAACuB,QAAe,CACvD,CAAC;EACT;AACF"}

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -38,60 +39,60 @@ export default class WmNetworkInfoToaster extends BaseComponent {
     if (this.state.newtworkState.isConnected) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
     }
     if (this.state.newtworkState.isConnecting) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
     }
     if (this.state.newtworkState.isServiceAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionSeparator
-      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('connect'), {
         style: this.styles.action
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE)));
     }
     if (!this.state.newtworkState.isNetworkAvailable) {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(Text, {
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
         style: this.styles.text
-      }, this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      }), this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
         style: this.styles.action,
         onPress: () => this._close()
-      }, /*#__PURE__*/React.createElement(Text, {
+      }), /*#__PURE__*/React.createElement(Text, {
         style: this.styles.actionText
       }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Text, {
+    }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
       style: this.styles.text
-    }, this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    }), this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
       style: this.styles.action,
       onPress: () => this._close()
-    }, /*#__PURE__*/React.createElement(Text, {
+    }), /*#__PURE__*/React.createElement(Text, {
       style: this.styles.actionText
     }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
   }

app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","constructor","arguments","_defineProperty","WmNetworkInfoToaster","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","createElement","style","styles","root","_background","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","action","onPress","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","constructor","arguments","_defineProperty","WmNetworkInfoToaster","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","text","appLocale","messages","MESSAGE_SERVICE_CONNECTED","getTestPropsForAction","action","onPress","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('connect')} style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity  {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/advanced/webview/webview.component.js

@@ -115,6 +115,7 @@ export default class WmWebview extends BaseComponent {
       source: {
         uri: props.src
       },
+      testID: this.getTestId('web_view'),
       incognito: props.incognito,
       onMessage: this.onMessage,
       sharedCookiesEnabled: true,

app-rn-runtime/components/advanced/webview/webview.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","_defineProperty","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","arguments","length","undefined","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","createElement","styles","root","_background","OS","width","height","onLoad","ref","nestedScrollEnabled","source","uri","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","state","scrollEnabled","onLoadEnd"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","BackHandler","Platform","View","WebView","HideMode","BaseComponent","BaseComponentState","WmWebviewProps","DEFAULT_CLASS","WmWebViewState","WmWebview","constructor","props","_defineProperty","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","e","title","url","updateState","src","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","arguments","length","undefined","replace","JSON","parse","getTitle","iframe","currentTarget","contentWindow","document","renderWidget","createElement","styles","root","_background","OS","width","height","onLoad","ref","nestedScrollEnabled","source","uri","testID","getTestId","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","state","scrollEnabled","onLoadEnd"],"sources":["webview.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BackHandler, Platform, View } from 'react-native';\nimport { WebView, WebViewNavigation, WebViewMessageEvent } from 'react-native-webview';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWebviewProps from './webview.props';\nimport { DEFAULT_CLASS, WebviewStyles } from './webview.styles';\n\nclass WmWebViewState extends BaseComponentState<WmWebviewProps> {\n\n}\n\nexport default class WmWebview extends BaseComponent<WmWebviewProps, WmWebViewState, WebviewStyles> {\n\n  private webview: WebView | null = null as any;\n  private webViewState: WebViewNavigation = null as any;\n  private invokeJSCallbacks = {} as any;\n\n  constructor(props: WmWebviewProps) {\n    super(props, DEFAULT_CLASS, new WmWebviewProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);\n  }\n\n  handleBackButtonPress = (): boolean => {\n    if (this.webview && this.webViewState && this.webViewState.canGoBack) {\n      this.webview.goBack();\n      return true;\n    }\n    return false;\n  }\n\n  executeScript(fn: string) {\n    return new Promise((resolve, reject) => {\n      if (this.webview) {\n        const id = '' + Date.now();\n        this.invokeJSCallbacks[id] = resolve;\n        fn = `\n         (function(){\n          try{\n            return (${fn});\n          } catch(e) {\n            return e.getMessage();\n          }\n         }())\n        `;\n        this.webview.injectJavaScript(\n          `window.ReactNativeWebView.postMessage('afterInjectJavaScript:' + ${id} + ':' + JSON.stringify(${fn}))`\n        );\n      } else {\n        reject();\n      }\n    });\n  }\n\n  insertCSS(style = '') {\n    style = style.replace(/[\\n\\t\\r]/g, '');\n    return this.executeScript(`\n    function() {\n      const style = document.createElement('style');\n      style.innerHTML = '${style}';\n      document.head.appendChild(style);\n      return 'SUCCESS';\n    }()\n    `);\n  }\n\n  parseResult(result: string) {\n    try {\n      return JSON.parse(result);\n    } catch(e) {\n      if (result === 'undefined' || result === 'null') {\n        return null;\n      }\n      return result;\n    }\n  }\n\n  onMessage = (event: WebViewMessageEvent) => {\n    const data: string = event.nativeEvent?.data;\n    if (data && data.startsWith('afterInjectJavaScript')) {\n      const id = data?.match(/\\:([0-9]+)\\:/);\n      const callback = id && this.invokeJSCallbacks[id[1]];\n      const result = data.substring(data.indexOf(':', data.indexOf(':') + 1) + 1);\n      callback && callback(this.parseResult(result));\n    } else {\n      this.invokeEventCallback('onMessage', [event, this]);\n    }\n  }\n\n  getTitle(iframe: any) {\n    try {\n      return iframe.currentTarget.contentWindow.document.title;\n    } catch(e) {\n      // browser blocks cross origin access to iframe content.\n    }\n  }\n\n  public onLoad = (e: any, title: string, url: string) => {\n    this.updateState({\n      props: {\n        title: title,\n        src: url\n      }\n    } as WmWebViewState, () => {\n      this.invokeEventCallback('onLoad', [e, this]);\n    });\n  }\n\n  protected renderWidget(props: WmWebviewProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {Platform.OS === 'web' ?\n          (<iframe src={props.src} width={'100%'} height={'100%'}\n            onLoad={(e) => this.onLoad(e, this.getTitle(e.currentTarget), (e.currentTarget as any).src)}></iframe>) :\n          (<WebView\n            ref={(ref) => this.webview = ref}\n            nestedScrollEnabled={true}\n            style={this.styles.webview}\n            source={{\n              uri: props.src\n            }}\n            testID={this.getTestId('web_view')}\n            incognito={props.incognito}\n            onMessage={this.onMessage}\n            sharedCookiesEnabled={true}\n            onNavigationStateChange={(state) => {\n              this.webViewState = state;\n            }}\n            scrollEnabled={true}\n            onLoadEnd={(e) => this.onLoad(e, e.nativeEvent.title, e.nativeEvent.url)}>\n          </WebView>)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/anchor/anchor.component.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Text } from 'react-native';
 import { Badge } from 'react-native-paper';
@@ -36,11 +37,12 @@ export default class WmAnchor extends BaseComponent {
     if (this.styles.icon && this.styles.icon.text) {
       this.styles.icon.text.color = this.styles.text.color;
     }
-    const icon = /*#__PURE__*/React.createElement(WmIcon, {
+    const icon = props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
       styles: this.styles.icon,
       name: props.name + '_icon',
       iconclass: props.iconclass
-    });
+    }) : null;
     //@ts-ignore
     const badge = props.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
       style: this.styles.badge
@@ -52,7 +54,7 @@ export default class WmAnchor extends BaseComponent {
         height: this.styles.root.height,
         justifyContent: 'center'
       }
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
       target: this,
       styles: [this.styles.root, this.styles.root.width && this.styles.root.height ? {
         width: '100%',
@@ -61,9 +63,9 @@ export default class WmAnchor extends BaseComponent {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }],
       onTap: props.hyperlink || props.onTap ? e => this.onTap(navigationService, e) : undefined
-    }, this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, {
+    }), this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.caption ? /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
       style: this.styles.text
-    }, props.caption) : null, props.iconposition === 'right' && icon, badge)));
+    }), props.caption) : null, props.iconposition === 'right' && icon, badge)));
   }
 }
 //# sourceMappingURL=anchor.component.js.map

app-rn-runtime/components/basic/anchor/anchor.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","createElement","name","iconclass","badge","badgevalue","undefined","style","entryanimation","animation","justifyContent","flexDirection","iconposition","_background","caption"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = (<WmIcon\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>);\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","icon","text","color","iconclass","createElement","id","getTestId","name","badge","badgevalue","undefined","style","entryanimation","animation","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n    const icon = props.iconclass ? (<WmIcon\n      id={this.getTestId('icon')}\n      styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass}></WmIcon>) :  null;\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable {...this.getTestPropsForAction()} target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text {...this.getTestPropsForLabel('caption')} style={this.styles.text}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}