@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-next.NULL

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Carousel","Pagination","WmIcon","BaseComponent","BaseComponentState","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","arguments","_defineProperty","WmCarousel","props","index","prevIndex","state","activeIndex","updateState","invokeEventCallback","data","type","renderSlide","item","children","e","sliderWidth","nativeEvent","layout","width","_ref","active","createElement","style","styles","activeDotStyle","dotStyle","carouselRef","currentIndex","noOfSlides","_this$carouselRef","snapToNext","_this$carouselRef2","snapToItem","_this$carouselRef3","snapToPrev","_this$carouselRef4","cleanup","push","stopPlay","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","onPropertyChange","name","$new","$old","renderPagination","dotsLength","activeDotIndex","containerStyle","dotsWrapperStyle","inactiveDotStyle","inactiveDotScale","tappableDots","renderWidget","hasNavs","controls","hasDots","dataset","length","root","onLayout","onLayoutChange","_background","ref","firstItem","height","enableSnap","loopClonesPerSide","autoplay","activeSlideAlignment","renderItem","itemWidth","lockScrollWhileSnapping","scrollEnabled","onSnapToItem","onSlideChange","btnPanel","iconclass","prevBtn","onTap","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport Carousel, { Pagination } from 'react-native-snap-carousel';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCarouselProps from './carousel.props';\nimport { DEFAULT_CLASS, WmCarouselStyles } from './carousel.styles';\n\nexport class WmCarouselState extends BaseComponentState<WmCarouselProps> {\n  activeIndex = 0;\n  sliderWidth = 0;\n}\n\nexport default class WmCarousel extends BaseComponent<WmCarouselProps, WmCarouselState, WmCarouselStyles> {\n\n  carouselRef: Carousel<unknown> | null = null as any;\n  noOfSlides: number = 0;\n  stopPlay: Function = null as any;\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  autoPlay() {\n    const props = this.state.props;\n    this.stopPlay && this.stopPlay();\n    if (props.animation && props.animationinterval) {\n      const intervalId = setInterval(() => {\n        this.next();\n      }, props.animationinterval * 1000);\n      this.stopPlay = () => clearInterval(intervalId);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch (name) {\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 = (data: any) => {\n    const props = this.state.props;\n    if (props.type === 'dynamic') {\n      return props.renderSlide ? props.renderSlide(data.item, data.index) : null;\n    }\n    return props.children[data.index];\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      sliderWidth: e.nativeEvent.layout.width\n    } as WmCarouselState);\n  }\n\n  getDotElement = ({active, index}: {active: boolean, index: number}) => {\n    return (<Text style={active ? this.styles.activeDotStyle: this.styles.dotStyle}>{index}</Text>);\n  }\n\n  renderPagination(props: WmCarouselProps, styles: WmCarouselStyles) {\n    return (\n        <Pagination\n          carouselRef={this.carouselRef as any}\n          dotsLength={this.noOfSlides}\n          activeDotIndex={this.state.activeIndex}\n          containerStyle={styles.dotsWrapperStyle}\n          dotStyle={styles.activeDotStyle}\n          inactiveDotStyle={styles.dotStyle}\n          inactiveDotScale={0.8}\n          tappableDots={true}\n        />\n    );\n  }\n\n  next = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex < this.noOfSlides - 1) {\n      this.carouselRef?.snapToNext();\n    } else {\n      this.carouselRef?.snapToItem(0);\n    }\n  }\n\n  prev = () => {\n    if (this.carouselRef && this.carouselRef.currentIndex > 0) {\n      this.carouselRef?.snapToPrev();\n    } else {\n      this.carouselRef?.snapToItem(this.noOfSlides - 1);\n    }\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    const data = props.type === 'dynamic' ? props.dataset : props.children;\n    this.noOfSlides = data?.length || 0;\n    const autoPlay = props.animation === 'auto';\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.onLayoutChange}>\n        {this._background}\n        {this.state.sliderWidth > 0 ?\n          (<Carousel\n            ref={ref => this.carouselRef = ref}\n            data={data || []}\n            firstItem={0}\n            style={{width: '100%', height: '100%'}}\n            enableSnap={true}\n            loopClonesPerSide={1}\n            autoplay={false}\n            activeSlideAlignment='start'\n            renderItem={this.renderItem}\n            sliderWidth={this.state.sliderWidth}\n            itemWidth={this.state.sliderWidth}\n            lockScrollWhileSnapping={false}\n            scrollEnabled={false}\n            onSnapToItem={this.onSlideChange}\n          ></Carousel>) : null}\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        {this.state.sliderWidth > 0 && hasDots && data ? this.renderPagination(props, styles) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","Tappable","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","arguments","_defineProperty","WmCarousel","props","Value","bounds","e","_this$slidesLayout","_this$slidesLayout$ac","activeTabIndex","state","activeIndex","lower","slidesLayout","filter","l","i","reduce","s","width","center","upper","computePhase","value","_this$slidesLayout$ac2","w","Math","abs","onLower","onSlideChange","onUpper","index","prevIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","_this$animationView","animationView","setPosition","_this$animationView2","goToUpper","_this$animationView3","goToLower","cleanup","push","stopPlay","addSlideLayout","nativeEvent","layout","forceUpdate","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView4","onPropertyChange","name","$new","$old","_this$keyExtractor","clear","min","_this$styles$dotStyle","_this$styles$dotStyle2","_this$styles$dotStyle3","margin","styles","dotStyle","marginLeft","marginRight","size","position","max","scale","options","useNativeDriver","duration","easing","out","linear","sequence","timing","dotScale","toValue","parallel","dotPosition","isRTL","start","renderPagination","maxNoOfDots","maxnoofdots","minIndex","maxIndex","createElement","style","dotsWrapperStyle","flexDirection","map","key","activeDotStyle","undefined","height","transform","translateX","right","left","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","noOfSlides","slideScale","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","root","_background","enableGestures","enablegestures","direction","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView5","_this$animationView6","isActive","animationPhase","interpolate","inputRange","outputRange","onLayout","bind","firstSlide","lastSlide","activeSlide","onTap","_this$animationView7","renderItem","btnPanel","id","getTestId","iconclass","prevBtn","prev","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray, isUndefined } from 'lodash-es';\nimport { Animated, Easing, View, 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';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\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 slidesLayout: LayoutRectangle[] = [];\n  private keyExtractor = new DefaultKeyExtractor();\n  stopPlay: Function = null as any;\n  private dotScale = new Animated.Value(0);\n  private dotPosition = new Animated.Value(0);\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      let lower = 0;\n      if (activeTabIndex > 0) {\n        lower = this.slidesLayout\n          .filter((l , i) => i < activeTabIndex - 1)\n          .reduce((s, l) => s + l.width, 0);\n      }\n      let center = lower + (this.slidesLayout[activeTabIndex - 1]?.width || 0);\n      let upper = center + (this.slidesLayout[activeTabIndex]?.width || 0);\n      return {\n        lower: -1 * lower,\n        center: -1 * center,\n        upper:  -1 * upper\n      };\n    },\n    computePhase: (value) => {\n      const activeTabIndex = this.state.activeIndex - 1;\n      const w = this.slidesLayout[activeTabIndex]?.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  addSlideLayout(index: number, nativeEvent: LayoutChangeEvent) {\n    this.slidesLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.state.activeIndex) {\n      this.forceUpdate();\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  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 || 1)\n          } as WmCarouselState);\n          break;\n        }\n        case 'animation':\n        case 'animationinterval' : {\n          this.autoPlay();\n        }\n      }\n  }\n\n  animatePagination(index: number) {\n    const prevIndex = this.state.activeIndex;\n    const margin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0)\n    const width = (this.styles.dotStyle?.width as number)|| 2;\n    const size = margin + width;\n    const position = Math.max(index - 1, 0)  * size;\n    const scale = Math.abs(index - prevIndex) * size;\n    const options = {\n      useNativeDriver: true,\n      duration: 200,\n      easing: Easing.out(Easing.linear)\n    };\n    if (prevIndex < index) {\n      Animated.sequence([\n        Animated.timing(this.dotScale, {\n          toValue: scale,\n          ...options\n        }),\n        Animated.parallel([\n          Animated.timing(this.dotScale, {\n              toValue:  0,\n              ...options\n          }),\n          Animated.timing(this.dotPosition, {\n              toValue:  (this.isRTL ? -1: 1) * position,\n              ...options\n          })\n        ])\n      ]).start();\n    } else if (prevIndex > index) {\n      Animated.sequence([\n        Animated.parallel([\n          Animated.timing(this.dotScale, {\n              toValue:  scale,\n              ...options\n          }),\n          Animated.timing(this.dotPosition, {\n              toValue:  (this.isRTL ? -1: 1) * position,\n              ...options\n          })\n        ]),\n        Animated.timing(this.dotScale, {\n          toValue: 0,\n          ...options\n        }),\n      ]).start();\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    this.animatePagination(index);\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, this) : 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      <View style={{flexDirection: this.isRTL ? 'row-reverse' : 'row'}}>\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={[this.styles.dotStyle]}>\n              </View>) : null;\n          })\n        }\n        <Animated.View style={[\n          this.styles.dotStyle,\n          this.styles.activeDotStyle, {\n            width: undefined,\n            height: undefined,\n            transform: [{\n              translateX: this.dotPosition\n            }]\n          }, this.isRTL ? { right: 0 } : { left: 0}]}>\n            <Animated.View style={[{\n              width: 1,\n              height: 1\n            }, {\n              // This is failing in Android\n              // minWidth: this.dotScale\n            }]}>\n        </Animated.View>\n        </Animated.View>\n      </View>\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    let slideScale = undefined as any;\n    let slideTranslateX = undefined as any;\n    if (isArray(this.styles.slide?.transform)) {\n      slideScale = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).scale)) as any)?.scale;\n      slideTranslateX = (this.styles.slide?.transform?.find(o => !isUndefined((o as any).translateX)) as any)?.translateX;\n    }\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}>\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              height: props.type === 'dynamic' ? undefined : '100%',\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n            slideMinWidth={this.styles.slide.width}\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: [slideScale, slideScale, 1, slideScale, slideScale]\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                onLayout={this.addSlideLayout.bind(this, index)}\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: !isUndefined(slideTranslateX) ? slideTranslateX : translateX\n                      }, {\n                        scale: scale\n                      }\n                    ]\n                  } : null]}>\n                <Tappable onTap={() => {\n                  this.onSlideChange(index + 1);\n                  const position = this.slidesLayout\n                    .filter((l , i) => i < index)\n                    .reduce((s, l) => s + l.width, 0);\n                  this.animationView?.setPosition(-1 * position);\n                }}>\n                  {this.renderItem(item, index)}\n                </Tappable>\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/carousel/carousel.props.js

@@ -11,7 +11,10 @@ export default class WmCarouselProps extends BaseProps {
     _defineProperty(this, "animationinterval", 3);
     _defineProperty(this, "controls", 'both');
     _defineProperty(this, "children", null);
+    _defineProperty(this, "itemkey", null);
     _defineProperty(this, "renderSlide", void 0);
+    _defineProperty(this, "enablegestures", true);
+    _defineProperty(this, "maxnoofdots", 20);
   }
 }
 //# sourceMappingURL=carousel.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCarouselProps","constructor","arguments","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: string = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  renderSlide?: ($item: any, $index: number) => React.ReactNode;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACjB,MAAM;IAAAA,eAAA,4BACE,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA;EAAA;AAElB"}
+{"version":3,"names":["BaseProps","WmCarouselProps","constructor","arguments","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: 'auto' | 'none' = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  itemkey?: ($item: any, $index: any) => any = null as any;\n  renderSlide?: ($item: any, $index: number, carousel: any) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 20;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACR,MAAM;IAAAA,eAAA,4BACP,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA,kBAC6B,IAAI;IAAAA,eAAA;IAAAA,eAAA,yBAE/B,IAAI;IAAAA,eAAA,sBACR,EAAE;EAAA;AAClB"}

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

@@ -15,6 +15,17 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       position: 'relative'
     },
     text: {},
+    slide: {
+      width: '100%',
+      overflow: 'hidden',
+      paddingHorizontal: 16,
+      transform: [{
+        scale: 0.8
+      }]
+    },
+    firstSlide: {},
+    lastSlide: {},
+    activeSlide: {},
     btnPanel: {
       position: 'absolute',
       top: '50%',
@@ -53,25 +64,26 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     dotsWrapperStyle: {
       opacity: 1,
-      height: 64,
-      marginTop: -64,
-      position: 'absolute',
-      top: '100%',
       backgroundColor: themeVariables.carouselDotWrapperBgColor,
-      alignSelf: 'center',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
       paddingTop: 4,
       paddingBottom: 4
     },
     activeDotStyle: {
-      width: 12,
-      height: 12,
-      borderRadius: 10,
+      position: 'absolute',
       backgroundColor: themeVariables.carouselActiveDotColor,
-      opacity: 1
+      opacity: 1,
+      padding: 4
     },
     dotStyle: {
+      width: 8,
+      height: 8,
+      borderRadius: 10,
       opacity: 0.2,
-      marginHorizontal: -2,
+      marginLeft: 2,
+      marginRight: 2,
       backgroundColor: themeVariables.carouselDotColor
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","text","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","alignSelf","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","dotStyle","marginHorizontal","carouselDotColor","transform","rotateY","defaultColorF","right","padding","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative'\n        },\n        text: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            height: 64,\n            marginTop: -64,\n            position: 'absolute',\n            top: '100%',\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            alignSelf: 'center',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        activeDotStyle: {\n            width: 12,\n            height: 12,\n            borderRadius: 10,\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1\n        },\n        dotStyle: {\n            opacity: 0.2,\n            marginHorizontal: -2,\n            backgroundColor: themeVariables.carouselDotColor\n        }\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","activeDotStyle","carouselActiveDotColor","padding","dotStyle","carouselDotColor","rotateY","defaultColorF","right","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative'\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ]\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            flexDirection: 'row',\n            justifyContent: 'center',\n            alignItems: 'center',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        activeDotStyle: {\n            position: 'absolute',\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n            padding: 4\n        },\n        dotStyle: {\n            width: 8,\n            height: 8,\n            borderRadius: 10,\n            opacity: 0.2,\n            marginLeft: 2,\n            marginRight: 2,\n            backgroundColor: themeVariables.carouselDotColor\n        }\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\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

@@ -8,7 +8,15 @@ import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmWebviewProps from './webview.props';
 import { DEFAULT_CLASS } from './webview.styles';
-class WmWebViewState extends BaseComponentState {}
+class WmWebViewState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "currentTarget", {
+      title: '',
+      src: ''
+    });
+  }
+}
 export default class WmWebview extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmWebviewProps());
@@ -34,16 +42,6 @@ export default class WmWebview extends BaseComponent {
         this.invokeEventCallback('onMessage', [event, this]);
       }
     });
-    _defineProperty(this, "onLoad", (e, title, url) => {
-      this.updateState({
-        props: {
-          title: title,
-          src: url
-        }
-      }, () => {
-        this.invokeEventCallback('onLoad', [e, this]);
-      });
-    });
     this.hideMode = HideMode.DONOT_ADD_TO_DOM;
     BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonPress);
   }
@@ -51,6 +49,14 @@ export default class WmWebview extends BaseComponent {
     super.componentWillUnmount();
     BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonPress);
   }
+  get title() {
+    var _this$state$currentTa;
+    return (_this$state$currentTa = this.state.currentTarget) === null || _this$state$currentTa === void 0 ? void 0 : _this$state$currentTa.title;
+  }
+  get currentsrc() {
+    var _this$state$currentTa2;
+    return (_this$state$currentTa2 = this.state.currentTarget) === null || _this$state$currentTa2 === void 0 ? void 0 : _this$state$currentTa2.src;
+  }
   executeScript(fn) {
     return new Promise((resolve, reject) => {
       if (this.webview) {
@@ -100,6 +106,16 @@ export default class WmWebview extends BaseComponent {
       // browser blocks cross origin access to iframe content.
     }
   }
+  onLoad(e, title, src) {
+    this.updateState({
+      currentTarget: {
+        title: title,
+        src: src
+      }
+    }, () => {
+      this.invokeEventCallback('onLoad', [e, this]);
+    });
+  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
@@ -115,6 +131,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","constructor","arguments","_defineProperty","title","src","WmWebview","props","webview","webViewState","canGoBack","goBack","event","_event$nativeEvent","data","nativeEvent","startsWith","id","match","callback","invokeJSCallbacks","result","substring","indexOf","parseResult","invokeEventCallback","hideMode","DONOT_ADD_TO_DOM","addEventListener","handleBackButtonPress","componentWillUnmount","removeEventListener","_this$state$currentTa","state","currentTarget","currentsrc","_this$state$currentTa2","executeScript","fn","Promise","resolve","reject","Date","now","injectJavaScript","insertCSS","style","length","undefined","replace","JSON","parse","e","getTitle","iframe","contentWindow","document","onLoad","updateState","renderWidget","createElement","styles","root","_background","OS","width","height","ref","nestedScrollEnabled","source","uri","testID","getTestId","incognito","onMessage","sharedCookiesEnabled","onNavigationStateChange","scrollEnabled","onLoadEnd","url"],"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  currentTarget = {\n    title: '',\n    src: ''\n  };\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  get title() {\n    return this.state.currentTarget?.title;\n  }\n\n  get currentsrc() {\n    return this.state.currentTarget?.src;\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, src: string) {\n    this.updateState({\n      currentTarget: {\n        title: title,\n        src: src\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/advanced/webview/webview.props.js

@@ -6,7 +6,6 @@ export default class WmWebviewProps extends BaseProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "src", null);
-    _defineProperty(this, "title", null);
     _defineProperty(this, "incognito", false);
     _defineProperty(this, "onLoad", null);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\n\nexport default class WmWebviewProps extends BaseProps {\n  src: string = null as any;\n  title: string = null as any;\n  incognito? = false;\n  onLoad?: ($event: any, $widget: WmWebview) => void = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,gBACF,IAAI;IAAAA,eAAA,oBACP,KAAK;IAAAA,eAAA,iBACmC,IAAI;EAAA;AAC3D"}
+{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\n\nexport default class WmWebviewProps extends BaseProps {\n  src: string = null as any;\n  incognito? = false;\n  onLoad?: ($event: any, $widget: WmWebview) => void = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;EAAA;AAC3D"}

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