@wavemaker/app-rn-runtime 11.7.0-rc.5600 → 11.7.1-3.5628

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

@@ -235,7 +235,7 @@ export default class WmCarousel extends BaseComponent {
     }, this._background, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
       enableGestures: props.enablegestures,
       style: {
-        height: '100%'
+        height: props.type === 'dynamic' ? undefined : '100%'
       },
       direction: "horizontal",
       ref: r => {
@@ -273,10 +273,7 @@ export default class WmCarousel extends BaseComponent {
           const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
           (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.setPosition(-1 * position);
         },
-        rippleColor: this.styles.root.rippleColor,
-        styles: {
-          height: "100%"
-        }
+        rippleColor: this.styles.root.rippleColor
       }, this.renderItem(item, index)));
     })), hasNavs ? /*#__PURE__*/React.createElement(View, {
       style: styles.btnPanel

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

@@ -1 +1 @@
-{"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","rippleColor","renderItem","btnPanel","id","getTestId","iconclass","prevBtn","prev","accessibilitylabel","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: '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                }} rippleColor={this.styles.root.rippleColor} styles={{height: \"100%\"}}>\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              accessibilitylabel='back'/>\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              accessibilitylabel='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","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","rippleColor","renderItem","btnPanel","id","getTestId","iconclass","prevBtn","prev","accessibilitylabel","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                }} rippleColor={this.styles.root.rippleColor}>\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              accessibilitylabel='back'/>\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              accessibilitylabel='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/webview/webview.props.js

@@ -10,7 +10,7 @@ export default class WmWebviewProps extends BaseProps {
     _defineProperty(this, "onLoad", null);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", "none");
+    _defineProperty(this, "accessibilityrole", void 0);
   }
 }
 //# sourceMappingURL=webview.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\nimport { AccessibilityRole } from 'react-native';\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  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"none\";\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAChD"}
+{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\nimport { AccessibilityRole } from 'react-native';\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  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B"}

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

@@ -50,6 +50,7 @@ export default class WmAnchor extends BaseComponent {
     const icon = (iconclass || iconurl) && /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
       styles: this.styles.icon,
+      hint: props === null || props === void 0 ? void 0 : props.hint,
       name: name + '_icon',
       iconclass: iconclass,
       iconurl: iconurl,
@@ -63,7 +64,6 @@ export default class WmAnchor extends BaseComponent {
     }, badgevalue) : null;
     return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
-      delay: props.animationdelay,
       style: {
         width: this.styles.root.width,
         height: this.styles.root.height,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","AccessibilityWidgetType","getAccessibilityProps","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","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","badgevalue","icon","text","color","createElement","id","getTestId","badge","undefined","style","entryanimation","animation","delay","animationdelay","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel","ANCHOR","numberOfLines","nooflines"],"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 { SyntheticEvent, 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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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: SyntheticEvent) {\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      const {\n        iconclass,\n        iconurl,\n        name,\n        iconheight,\n        iconmargin,\n        iconwidth,\n        badgevalue,\n      } = props;\n\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n\n    const icon = (iconclass || iconurl) && (\n      <WmIcon\n        id={this.getTestId('icon')}\n        styles={this.styles.icon}\n        name={name + '_icon'}\n        iconclass={iconclass}\n        iconurl={iconurl}\n        iconheight={iconheight}\n        iconmargin={iconmargin}\n        iconwidth={iconwidth}\n      />\n    );\n    //@ts-ignore\n    const badge = badgevalue != undefined ? (<Badge style={this.styles.badge}>{badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} delay={props.animationdelay} 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: SyntheticEvent) => 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}\n              {...this.getTestPropsForLabel('caption')}\n              {...getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props)}\n              numberOfLines={props.nooflines}>{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","AccessibilityWidgetType","getAccessibilityProps","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","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","badgevalue","icon","text","color","createElement","id","getTestId","hint","badge","undefined","style","entryanimation","animation","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel","ANCHOR","numberOfLines","nooflines"],"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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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      const {\n        iconclass,\n        iconurl,\n        name,\n        iconheight,\n        iconmargin,\n        iconwidth,\n        badgevalue,\n      } = props;\n     \n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n\n    const icon = (iconclass || iconurl) && (\n      <WmIcon\n        id={this.getTestId('icon')}\n        styles={this.styles.icon} \n        hint={props?.hint}\n        name={name + '_icon'}\n        iconclass={iconclass}\n        iconurl={iconurl}\n        iconheight={iconheight}\n        iconmargin={iconmargin}\n        iconwidth={iconwidth}\n      />\n    );    \n    //@ts-ignore\n    const badge = badgevalue != undefined ? (<Badge style={this.styles.badge}>{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 style={this.styles.text}\n              {...this.getTestPropsForLabel('caption')} \n              {...getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props)}\n              numberOfLines={props.nooflines}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAAmBC,QAAQ,QAAQ,mDAAmD;AACtF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAEhH,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,OAAO,MAAMC,aAAa,SAASX,kBAAkB,CAAgB;AAIrE,eAAe,MAAMY,QAAQ,SAASb,aAAa,CAA+C;EAEhGc,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;EAClD;EAEAQ,KAAKA,CAACC,iBAAoC,EAAEC,CAAW,EAAE;IACvD,MAAMH,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAIA,KAAK,CAACK,SAAS,EAAE;MACnB,MAAMC,IAAI,GAAGN,KAAK,CAACO,SAAS,GAAGlB,SAAS,CAACW,KAAK,CAACK,SAAS,CAAC,GAAGL,KAAK,CAACK,SAAS;MAC3EH,iBAAiB,CAACM,OAAO,CAACF,IAAI,EAAE;QAC9BG,MAAM,EAAE,IAAI,CAACL,KAAK,CAACJ,KAAK,CAACS;MAC3B,CAAC,CAAC;IACJ;IACA,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAACP,CAAC,EAAE,IAAI,CAACQ,KAAK,CAAC,CAAC;EACpD;EAEOC,cAAcA,CAACZ,KAAoB,EAAC;IACzC,OAAOJ,cAAc,CAAC,IAAI,CAACiB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACjB,KAAK,CAACkB,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACnB,KAAK,CAACoB,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACrB,KAAoB,EAAE;IAC/B,MAAM;MACJsB,SAAS;MACTC,OAAO;MACPC,IAAI;MACJC,UAAU;MACVC,UAAU;MACVC,SAAS;MACTC;IACF,CAAC,GAAG5B,KAAK;IAEX,IAAI,IAAI,CAACc,MAAM,CAACe,IAAI,IAAI,IAAI,CAACf,MAAM,CAACe,IAAI,CAACC,IAAI,EAAE;MAC7C,IAAI,CAAChB,MAAM,CAACe,IAAI,CAACC,IAAI,CAACC,KAAK,GAAG,IAAI,CAACjB,MAAM,CAACgB,IAAI,CAACC,KAAK;IACtD;IAEA,MAAMF,IAAI,GAAG,CAACP,SAAS,IAAIC,OAAO,kBAChCzC,KAAA,CAAAkD,aAAA,CAAC5C,MAAM;MACL6C,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BpB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACe,IAAK;MACzBM,IAAI,EAAEnC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEmC,IAAK;MAClBX,IAAI,EAAEA,IAAI,GAAG,OAAQ;MACrBF,SAAS,EAAEA,SAAU;MACrBC,OAAO,EAAEA,OAAQ;MACjBE,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA;IAAU,CACtB,CACF;IACD;IACA,MAAMS,KAAK,GAAGR,UAAU,IAAIS,SAAS,gBAAIvD,KAAA,CAAAkD,aAAA,CAAChD,KAAK;MAACsD,KAAK,EAAE,IAAI,CAACxB,MAAM,CAACsB;IAAM,GAAER,UAAkB,CAAC,GAAG,IAAI;IACrG,oBACE9C,KAAA,CAAAkD,aAAA,CAACxC,yBAAyB,QACtBU,iBAAoC,iBACnCpB,KAAA,CAAAkD,aAAA,CAACrC,YAAY;MAAC4C,cAAc,EAAEvC,KAAK,CAACwC,SAAU;MAACF,KAAK,EAAE;QAACrB,KAAK,EAAE,IAAI,CAACH,MAAM,CAACE,IAAI,CAACC,KAAK;QAAEE,MAAM,EAAE,IAAI,CAACL,MAAM,CAACE,IAAI,CAACG,MAAM;QAAEsB,cAAc,EAAE;MAAQ;IAAE,gBAChJ3D,KAAA,CAAAkD,aAAA,CAAC7C,QAAQ,EAAAuD,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAElC,MAAM,EAAE,IAAK;MAACK,MAAM,EAAE,CAAC,IAAI,CAACA,MAAM,CAACE,IAAI,EAAE,IAAI,CAACF,MAAM,CAACE,IAAI,CAACC,KAAK,IAAI,IAAI,CAACH,MAAM,CAACE,IAAI,CAACG,MAAM,GAAG;QAAEF,KAAK,EAAE,MAAM;QAAEE,MAAM,EAAE;MAAM,CAAC,GAAG,IAAI,EAAE;QAACyB,aAAa,EAAE5C,KAAK,CAAC6C,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAE;MAAK,CAAC,CAAE;MACjP5C,KAAK,EAAED,KAAK,CAACK,SAAS,IAAIL,KAAK,CAACC,KAAK,GAAIE,CAAW,IAAK,IAAI,CAACF,KAAK,CAACC,iBAAiB,EAAEC,CAAC,CAAC,GAAGkC;IAAU,IACrG,IAAI,CAACS,WAAW,EAChB9C,KAAK,CAAC6C,YAAY,KAAK,KAAK,IAAIhB,IAAI,EACpC7B,KAAK,CAAC6C,YAAY,KAAK,MAAM,IAAIhB,IAAI,EACrC7B,KAAK,CAAC+C,OAAO,gBAAIjE,KAAA,CAAAkD,aAAA,CAACjD,IAAI,EAAA2D,QAAA;MAACJ,KAAK,EAAE,IAAI,CAACxB,MAAM,CAACgB;IAAK,GAC5C,IAAI,CAACkB,oBAAoB,CAAC,SAAS,CAAC,EACpCzD,qBAAqB,CAACD,uBAAuB,CAAC2D,MAAM,EAAEjD,KAAK,CAAC;MAChEkD,aAAa,EAAElD,KAAK,CAACmD;IAAU,IAAEnD,KAAK,CAAC+C,OAAc,CAAC,GAAI,IAAI,EAC7D/C,KAAK,CAAC6C,YAAY,KAAK,OAAO,IAAIhB,IAAI,EACtCO,KACO,CACE,CAES,CAAC;EAEhC;AACF"}

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

@@ -6,7 +6,6 @@ export default class WmAnchorProps extends BaseProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
     _defineProperty(this, "caption", 'Link');
     _defineProperty(this, "hyperlink", null);
     _defineProperty(this, "encodeurl", false);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAnchorProps","constructor","arguments","_defineProperty","undefined"],"sources":["anchor.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmAnchorProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption? = 'Link';\n    hyperlink?: string = null as any;\n    encodeurl?: boolean = false;\n    badgevalue?: string = null as any;\n    width?: string = null as any;\n    height?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition?: string = 'left';\n    target?: string = '_blank';\n    onTap?: any;\n    skeletonwidth?: number;\n    skeletonheight?: number;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'link';\n    nooflines?: any = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACnB,MAAM;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,oBACH,KAAK;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,gBACT,IAAI;IAAAA,eAAA,iBACH,IAAI;IAAAA,eAAA,oBACD,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,iBACZ,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,oBAC5BC,SAAS;EAAA;AAC/B"}
+{"version":3,"names":["BaseProps","WmAnchorProps","constructor","arguments","_defineProperty","undefined"],"sources":["anchor.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmAnchorProps extends BaseProps {\n    animation?: string = null as any;\n    caption? = 'Link';\n    hyperlink?: string = null as any;\n    encodeurl?: boolean = false;\n    badgevalue?: string = null as any;\n    width?: string = null as any;\n    height?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition?: string = 'left';\n    target?: string = '_blank';\n    onTap?: any;\n    skeletonwidth?: number;\n    skeletonheight?: number;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'link';\n    nooflines?: any = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,kBACd,MAAM;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,oBACH,KAAK;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,gBACT,IAAI;IAAAA,eAAA,iBACH,IAAI;IAAAA,eAAA,oBACD,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,iBACZ,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,oBAC5BC,SAAS;EAAA;AAC/B"}

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

@@ -11,7 +11,6 @@ export default class AnimatedviewProps {
     _defineProperty(this, "entryanimation", null);
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "duration", null);
-    _defineProperty(this, "delay", null);
     _defineProperty(this, "iterationCount", void 0);
     _defineProperty(this, "style", void 0);
     _defineProperty(this, "exitanimation", null);
@@ -202,7 +201,6 @@ export class Animatedview extends React.Component {
     return this.props.entryanimation ? /*#__PURE__*/React.createElement(Animatable.View, _extends({
       animation: this.props.entryanimation,
       duration: this.props.duration,
-      delay: this.props.delay,
       useNativeDriver: true,
       style: this.props.style,
       iterationCount: this.props.iterationCount,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animatable","initializeRegistryWithDefinitions","View","AnimatedviewProps","constructor","_defineProperty","AnimationMap","bounce","flash","pulse","rotate","rubberBand","shake","swing","tada","wobble","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","slideInDown","slideInLeft","slideInRight","slideInUp","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","CustomAnimationMap","transform","rotateY","rotateX","flipOutY","flipOutX","from","translateY","to","slideOutUp","slideOutDown","opacity","fadeOutDown","fadeOutUp","Animatedview","Component","props","ref","view","triggerEntry","animate","entryanimation","duration","then","endState","finished","triggerExit","exitanimation","render","createElement","_extends","animation","delay","useNativeDriver","style","iterationCount","handleViewRef","accessibilityProps","children"],"sources":["animatedview.component.tsx"],"sourcesContent":["import React from 'react';\nimport * as Animatable from 'react-native-animatable';\nimport { initializeRegistryWithDefinitions } from 'react-native-animatable';\nimport { View, ViewProps, ViewStyle } from 'react-native';\n\nexport default class AnimatedviewProps {\n  entryanimation?: string = null as any;\n  children?: any;\n  duration?: number = null as any;\n  delay?: number = null as any;\n  iterationCount?:any;\n  style?: any;\n  exitanimation?: string = null as any;\n  accessibilityProps?: any;\n}\n\nconst AnimationMap: any = {\n  bounce: 'bounce',\n  flash: 'flash',\n  pulse: 'pulse',\n  rotate: 'rotate',\n  rubberBand: 'rubberBand',\n  shake: 'shake',\n  swing: 'swing',\n  tada: 'tada',\n  wobble: 'wobble',\n  bounceIn: 'bounceOut',\n  bounceInDown: 'bounceOutUp',\n  bounceInLeft: 'bounceOutRight',\n  bounceInRight: 'bounceOutLeft',\n  bounceInUp: 'bounceOutDown',\n  fadeIn: 'fadeOut',\n  fadeInDown: 'fadeOutUp',\n  fadeInDownBig: 'fadeOutUpBig',\n  fadeInLeft: 'fadeOutRight',\n  fadeInLeftBig: 'fadeOutRightBig',\n  fadeInRight: 'fadeOutLeft',\n  fadeInRightBig: 'fadeOutLeftBig',\n  fadeInUp: 'fadeOutDown',\n  fadeInUpBig: 'fadeOutDownBig',\n  flipInX: 'flipOutX',\n  flipInY: 'flipOutY',\n  lightSpeedIn: 'lightSpeedOut',\n  slideInDown: 'slideOutUp',\n  slideInLeft: 'slideOutRight',\n  slideInRight: 'slideOutLeft',\n  slideInUp: 'slideOutDown',\n  zoomIn: 'zoomOut',\n  zoomInDown: 'zoomOutUp',\n  zoomInLeft: 'zoomOutRight',\n  zoomInRight: 'zoomOutLeft',\n  zoomInUp: 'zoomOutDown'\n};\n\nconst CustomAnimationMap: any = {\n  flipInY: {\n    0: {\n        transform: [{rotateY: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"360deg\"}]\n    }\n  },\n  flipInX: {\n    0: {\n        transform: [{rotateX: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"360deg\"}]\n    }\n  },\n  flipOutY: {\n    0: {\n        transform: [{rotateY: \"3600deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"0deg\"}]\n    }\n  },\n  flipOutX: {\n    0: {\n        transform: [{rotateX: \"360deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"0deg\"}]\n    }\n  },\n  slideInDown : {\n    from: { translateY: -20 },\n    to: { translateY: 0 }\n  },\n  slideInUp : {\n    from: { translateY: 20 },\n    to: { translateY: 0 }\n  },\n  slideOutUp: {\n    from: { translateY: 0 },\n    to: { translateY: -20 }\n  },\n  slideOutDown : {\n    from: { translateY: 0 },\n    to: { translateY: 20 }\n  },\n  fadeInDown: {\n    from: { opacity: 0, translateY: -20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeInUp: {\n    from: { opacity: 0, translateY: 20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeOutDown: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: 20 }\n  },\n  fadeOutUp: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: -20 }\n  }\n};\n\nexport class Animatedview extends React.Component<AnimatedviewProps> {\n  static defaultProps: AnimatedviewProps = {\n    duration: 200\n  };\n\n  private view: Animatable.View = null as any;\n\n  constructor(props: AnimatedviewProps) {\n    super(props);\n    initializeRegistryWithDefinitions(CustomAnimationMap);\n  }\n\n  triggerEntry() {\n    return (this as any).view.animate(this.props.entryanimation, this.props.duration).then((endState: any) => endState.finished)\n  }\n\n  triggerExit() {\n    if (!this.view) {\n      return;\n    }\n    if (this.props.exitanimation) {\n      return (this as any).view.animate(this.props.exitanimation, this.props.duration, 1).then((endState: any) => endState.finished)\n    } else {\n      return (this as any).view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then((endState: any) => endState.finished)\n    }\n  }\n\n  // @ts-ignore\n  handleViewRef = (ref: Animatable.View<ViewProps, ViewStyle>) => this.view = ref;\n\n  render() {\n    return this.props.entryanimation ? (\n     <Animatable.View\n       animation={this.props.entryanimation}\n       duration={this.props.duration}\n       delay={this.props.delay}\n       useNativeDriver={true}\n       style={this.props.style}\n       iterationCount={this.props.iterationCount}\n       ref={this.handleViewRef}\n       {...this.props.accessibilityProps}>\n        {this.props.children}\n      </Animatable.View>\n    ): (<View style={this.props.style} {...this.props.accessibilityProps}>{this.props.children}</View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Animatable","initializeRegistryWithDefinitions","View","AnimatedviewProps","constructor","_defineProperty","AnimationMap","bounce","flash","pulse","rotate","rubberBand","shake","swing","tada","wobble","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","slideInDown","slideInLeft","slideInRight","slideInUp","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","CustomAnimationMap","transform","rotateY","rotateX","flipOutY","flipOutX","from","translateY","to","slideOutUp","slideOutDown","opacity","fadeOutDown","fadeOutUp","Animatedview","Component","props","ref","view","triggerEntry","animate","entryanimation","duration","then","endState","finished","triggerExit","exitanimation","render","createElement","_extends","animation","useNativeDriver","style","iterationCount","handleViewRef","accessibilityProps","children"],"sources":["animatedview.component.tsx"],"sourcesContent":["import React from 'react';\nimport * as Animatable from 'react-native-animatable';\nimport { initializeRegistryWithDefinitions } from 'react-native-animatable';\nimport { View, ViewProps, ViewStyle } from 'react-native';\n\nexport default class AnimatedviewProps {\n  entryanimation?: string = null as any;\n  children?: any;\n  duration?: number = null as any;\n  iterationCount?:any;\n  style?: any;\n  exitanimation?: string = null as any;\n  accessibilityProps?: any;\n}\n\nconst AnimationMap: any = {\n  bounce: 'bounce',\n  flash: 'flash',\n  pulse: 'pulse',\n  rotate: 'rotate',\n  rubberBand: 'rubberBand',\n  shake: 'shake',\n  swing: 'swing',\n  tada: 'tada',\n  wobble: 'wobble',\n  bounceIn: 'bounceOut',\n  bounceInDown: 'bounceOutUp',\n  bounceInLeft: 'bounceOutRight',\n  bounceInRight: 'bounceOutLeft',\n  bounceInUp: 'bounceOutDown',\n  fadeIn: 'fadeOut',\n  fadeInDown: 'fadeOutUp',\n  fadeInDownBig: 'fadeOutUpBig',\n  fadeInLeft: 'fadeOutRight',\n  fadeInLeftBig: 'fadeOutRightBig',\n  fadeInRight: 'fadeOutLeft',\n  fadeInRightBig: 'fadeOutLeftBig',\n  fadeInUp: 'fadeOutDown',\n  fadeInUpBig: 'fadeOutDownBig',\n  flipInX: 'flipOutX',\n  flipInY: 'flipOutY',\n  lightSpeedIn: 'lightSpeedOut',\n  slideInDown: 'slideOutUp',\n  slideInLeft: 'slideOutRight',\n  slideInRight: 'slideOutLeft',\n  slideInUp: 'slideOutDown',\n  zoomIn: 'zoomOut',\n  zoomInDown: 'zoomOutUp',\n  zoomInLeft: 'zoomOutRight',\n  zoomInRight: 'zoomOutLeft',\n  zoomInUp: 'zoomOutDown'\n};\n\nconst CustomAnimationMap: any = {\n  flipInY: {\n    0: {\n        transform: [{rotateY: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"360deg\"}]\n    }\n  },\n  flipInX: {\n    0: {\n        transform: [{rotateX: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"360deg\"}]\n    }\n  },\n  flipOutY: {\n    0: {\n        transform: [{rotateY: \"3600deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"0deg\"}]\n    }\n  },\n  flipOutX: {\n    0: {\n        transform: [{rotateX: \"360deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"0deg\"}]\n    }\n  },\n  slideInDown : {\n    from: { translateY: -20 },\n    to: { translateY: 0 }\n  },\n  slideInUp : {\n    from: { translateY: 20 },\n    to: { translateY: 0 }\n  },\n  slideOutUp: {\n    from: { translateY: 0 },\n    to: { translateY: -20 }\n  },\n  slideOutDown : {\n    from: { translateY: 0 },\n    to: { translateY: 20 }\n  },\n  fadeInDown: {\n    from: { opacity: 0, translateY: -20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeInUp: {\n    from: { opacity: 0, translateY: 20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeOutDown: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: 20 }\n  },\n  fadeOutUp: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: -20 }\n  }\n};\n\nexport class Animatedview extends React.Component<AnimatedviewProps> {\n  static defaultProps: AnimatedviewProps = {\n    duration: 200\n  };\n\n  private view: Animatable.View = null as any;\n\n  constructor(props: AnimatedviewProps) {\n    super(props);\n    initializeRegistryWithDefinitions(CustomAnimationMap);\n  }\n\n  triggerEntry() {\n    return (this as any).view.animate(this.props.entryanimation, this.props.duration).then((endState: any) => endState.finished)\n  }\n\n  triggerExit() {\n    if (!this.view) {\n      return;\n    }\n    if (this.props.exitanimation) {\n      return (this as any).view.animate(this.props.exitanimation, this.props.duration, 1).then((endState: any) => endState.finished)\n    } else {\n      return (this as any).view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then((endState: any) => endState.finished)\n    }\n  }\n\n  // @ts-ignore\n  handleViewRef = (ref: Animatable.View<ViewProps, ViewStyle>) => this.view = ref;\n\n  render() {\n    return this.props.entryanimation ? (\n     <Animatable.View\n       animation={this.props.entryanimation}\n       duration={this.props.duration}\n       useNativeDriver={true}\n       style={this.props.style}\n       iterationCount={this.props.iterationCount}\n       ref={this.handleViewRef}\n       {...this.props.accessibilityProps}>\n        {this.props.children}\n      </Animatable.View>\n    ): (<View style={this.props.style} {...this.props.accessibilityProps}>{this.props.children}</View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -19,6 +19,7 @@ export default class WmButton extends BaseComponent {
     let {
       iconclass,
       iconurl,
+      hint,
       name,
       iconsize,
       iconheight,
@@ -26,6 +27,7 @@ export default class WmButton extends BaseComponent {
       iconwidth
     } = _ref;
     return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, _extends({}, this.getTestPropsForLabel('icon'), {
+      hint: hint,
       styles: this.styles.icon,
       name: `${name}_icon`,
       iconclass: iconclass,
@@ -52,30 +54,33 @@ export default class WmButton extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
-      delay: props.animationdelay,
       style: [this.styles.root, {
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 0,
         paddingRight: 0,
-        overflow: 'hidden',
-        flexDirection: 'column'
-      }],
-      accessibilityProps: {
-        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
-      }
+        overflow: 'hidden'
+      }]
+      // accessibilityProps={{...getAccessibilityProps(
+      //   AccessibilityWidgetType.BUTTON,
+      //   props
+      // )}}
     }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
       styles: {
         paddingTop: this.styles.root.paddingTop,
         paddingBottom: this.styles.root.paddingBottom,
         paddingLeft: this.styles.root.paddingLeft,
         paddingRight: this.styles.root.paddingRight,
-        width: '100%',
+        height: '100%',
         justifyContent: 'center'
       },
       rippleColor: this.styles.root.rippleColor,
       target: this
-    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForAction(), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
+      }
+    }), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.content, {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }]

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","_ref","iconclass","iconurl","name","iconsize","iconheight","iconmargin","iconwidth","createElement","_extends","getTestPropsForLabel","styles","icon","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","accessibilityProps","BUTTON","_background","justifyContent","rippleColor","target","getTestPropsForAction","content","iconposition","caption","text","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          {...this.getTestPropsForLabel('icon')}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width)as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden',\n            flexDirection: 'column'\n          }\n        ]}\n        accessibilityProps={{...getAccessibilityProps(\n          AccessibilityWidgetType.BUTTON,\n          props\n        )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            width: '100%',\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","_ref","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","_extends","getTestPropsForLabel","styles","icon","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","flexDirection","iconposition","caption","text","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          {...this.getTestPropsForLabel('icon')}\n          hint={hint}\n          styles={this.styles.icon} \n          name={`${name}_icon`} \n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl} \n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width)as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden'\n          }\n        ]}\n        // accessibilityProps={{...getAccessibilityProps(\n        //   AccessibilityWidgetType.BUTTON,\n        //   props\n        // )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            height: '100%',\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/button/button.props.js

@@ -6,7 +6,6 @@ export default class WmButtonProps extends BaseProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
     _defineProperty(this, "caption", null);
     _defineProperty(this, "badgevalue", null);
     _defineProperty(this, "iconclass", null);

app-rn-runtime/components/basic/button/button.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmButtonProps","constructor","arguments","_defineProperty","undefined"],"sources":["button.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmButtonProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = null as any;\n    badgevalue?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition? = 'left';\n    onTap?: Function = null as any;\n    iconsize?:number = 0;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = \"button\";\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,uBACT,MAAM;IAAAA,eAAA,gBACH,IAAI;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,QAAQ;EAAA;AACpD"}
+{"version":3,"names":["BaseProps","WmButtonProps","constructor","arguments","_defineProperty","undefined"],"sources":["button.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmButtonProps extends BaseProps {\n    animation?: string = null as any;\n    caption?: string = null as any;\n    badgevalue?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition? = 'left';\n    onTap?: Function = null as any;\n    iconsize?:number = 0;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = \"button\";\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,kBACN,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,uBACT,MAAM;IAAAA,eAAA,gBACH,IAAI;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,QAAQ;EAAA;AACpD"}

app-rn-runtime/components/basic/button/button.styles.js

@@ -11,7 +11,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       paddingLeft: 24,
       paddingRight: 24,
       alignSelf: 'flex-start',
-      rippleColor: themeVariables.rippleColor
+      rippleColor: themeVariables.rippleColor,
+      height: 40
     },
     content: {
       flexDirection: 'row',

app-rn-runtime/components/basic/button/button.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","rippleColor","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","bottom","marginRight","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","arguments","length","undefined","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","right","marginLeft"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          alignSelf: 'flex-start',\n          rippleColor: themeVariables.rippleColor\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        alignSelf: 'flex-end',\n        position: 'relative',\n        bottom: 60 ,\n        marginRight: 18,\n        borderWidth: 1,\n        borderStyle: 'solid',\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","rippleColor","height","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","bottom","marginRight","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","opacity","getButtonStyles","bgColor","borderColor","arguments","length","undefined","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","right","marginLeft"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          alignSelf: 'flex-start',\n          rippleColor: themeVariables.rippleColor,\n          height: 40\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        alignSelf: 'flex-end',\n        position: 'relative',\n        bottom: 60 ,\n        marginRight: 18,\n        borderWidth: 1,\n        borderStyle: 'solid',\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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"}

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

@@ -230,7 +230,9 @@ export default class WmIcon extends BaseComponent {
     } else {
       this.stopAnimation = true;
     }
-    return /*#__PURE__*/React.createElement(View, getAccessibilityProps(AccessibilityWidgetType.ICON, this.props), iconJsx);
+    return /*#__PURE__*/React.createElement(View
+    // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}
+    , null, iconJsx);
   }
   renderWidget(props) {
     let icon = this.renderIcon(props);
@@ -238,13 +240,17 @@ export default class WmIcon extends BaseComponent {
     return /*#__PURE__*/React.createElement(Tappable, _extends({
       target: this,
       rippleColor: this.styles.root.rippleColor
-    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(Animatedview, {
+    }, this.getTestPropsForAction(), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.ICON, props)
+      }
+    }), /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
-      delay: props.animationdelay,
       style: this.styles.root,
       iterationCount: iterationCount
     }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
-      style: this.styles.text
+      style: this.styles.text,
+      accessibilityRole: props !== null && props !== void 0 && props.accessibilityrole ? props === null || props === void 0 ? void 0 : props.accessibilityrole : 'text'
     }), props.caption) || null, props.iconposition === 'right' && icon || null));
   }
 }