@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-rc.5849

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

@@ -197,6 +197,10 @@ export default class WmCarousel extends BaseComponent {
     if (maxIndex === data.length) {
       minIndex = maxIndex - maxNoOfDots;
     }
+    const dotStyle = this._showSkeleton ? {
+      ...this.styles.dotStyle,
+      ...this.styles.dotSkeleton.root
+    } : this.styles.dotStyle;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.dotsWrapperStyle
     }, /*#__PURE__*/React.createElement(View, {
@@ -207,9 +211,9 @@ export default class WmCarousel extends BaseComponent {
       return index >= minIndex && index <= maxIndex ? /*#__PURE__*/React.createElement(View, _extends({
         key: 'dots_' + this.generateItemKey(item, index, this.state.props)
       }, this.getTestPropsForAction('indicator' + index), {
-        style: [this.styles.dotStyle]
+        style: [dotStyle]
       })) : null;
-    }), /*#__PURE__*/React.createElement(Animated.View, {
+    }), this._showSkeleton ? null : /*#__PURE__*/React.createElement(Animated.View, {
       style: [this.styles.dotStyle, this.styles.activeDotStyle, {
         width: undefined,
         height: undefined,
@@ -231,6 +235,13 @@ export default class WmCarousel extends BaseComponent {
       }]
     }))));
   }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        ...this.styles.skeleton.root
+      }]
+    }, this.renderItem({}, 0), this.renderPagination([{}, {}, {}]));
+  }
   componentDidMount() {
     super.componentDidMount();
     this.autoPlay();

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","args","_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","noOfSlides","_this$animationView","animationView","setPosition","index","prevIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","_this$animationView2","_this$animationView3","goToUpper","_this$animationView4","goToLower","cleanup","push","stopPlay","addSlideLayout","nativeEvent","layout","forceUpdate","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","initialized","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView5","stopAnimation","startAnimation","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","_extends","key","getTestPropsForAction","activeDotStyle","undefined","height","transform","translateX","right","left","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","root","_background","enableGestures","enablegestures","flex","direction","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","isActive","animationPhase","interpolate","inputRange","outputRange","onLayout","bind","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","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      if(this.noOfSlides < this.state.activeIndex + 1){\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }\n      else{\n        this.onSlideChange(this.state.activeIndex + 1);\n      }\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    if(!this.initialized){\n      return;\n    }\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  stopAnimation(){  \n    this.stopPlay();\n  }\n  startAnimation() {\n      this.autoPlay();\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)} {...this.getTestPropsForAction('indicator'+index)}\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  componentDidMount(): void {\n    super.componentDidMount();\n    this.autoPlay();\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 && this.noOfSlides > 1}\n            style={{\n              flex: 1\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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,WAAW,QAAQ,WAAW;AAChD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAA4C,cAAc;AACzF,SAASC,mBAAmB,QAAQ,8CAA8C;AAClF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAO,KAAKC,cAAc,MAAM,oDAAoD;AACpF,SAASC,QAAQ,QAAQ,mDAAmD;AAE5E,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AAEnE,OAAO,MAAMC,eAAe,SAASL,kBAAkB,CAAkB;EAAAM,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACzD,CAAC;EAAA;AACjB;AAEA,eAAe,MAAMC,UAAU,SAASV,aAAa,CAAqD;EA6CxGO,WAAWA,CAACI,MAAsB,EAAE;IAClC,KAAK,CAACA,MAAK,EAAEN,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIE,eAAe,CAAC,CAAC,CAAC;IAACG,eAAA,qBA5CvD,CAAC;IAAAA,eAAA,uBACoB,EAAE;IAAAA,eAAA,uBACrB,IAAIX,mBAAmB,CAAC,CAAC;IAAAW,eAAA,mBAC3B,IAAI;IAAAA,eAAA,mBACN,IAAId,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,sBAClB,IAAId,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,wBACS,IAAI;IAAAA,eAAA,4BAC5B;MAC1BI,MAAM,EAAGC,CAAC,IAAK;QAAA,IAAAC,kBAAA,EAAAC,qBAAA;QACb,MAAMC,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,WAAW,GAAG,CAAC;QACjD,IAAIC,KAAK,GAAG,CAAC;QACb,IAAIH,cAAc,GAAG,CAAC,EAAE;UACtBG,KAAK,GAAG,IAAI,CAACC,YAAY,CACtBC,MAAM,CAAC,CAACC,CAAC,EAAGC,CAAC,KAAKA,CAAC,GAAGP,cAAc,GAAG,CAAC,CAAC,CACzCQ,MAAM,CAAC,CAACC,CAAC,EAAEH,CAAC,KAAKG,CAAC,GAAGH,CAAC,CAACI,KAAK,EAAE,CAAC,CAAC;QACrC;QACA,IAAIC,MAAM,GAAGR,KAAK,IAAI,EAAAL,kBAAA,OAAI,CAACM,YAAY,CAACJ,cAAc,GAAG,CAAC,CAAC,cAAAF,kBAAA,uBAArCA,kBAAA,CAAuCY,KAAK,KAAI,CAAC,CAAC;QACxE,IAAIE,KAAK,GAAGD,MAAM,IAAI,EAAAZ,qBAAA,OAAI,CAACK,YAAY,CAACJ,cAAc,CAAC,cAAAD,qBAAA,uBAAjCA,qBAAA,CAAmCW,KAAK,KAAI,CAAC,CAAC;QACpE,OAAO;UACLP,KAAK,EAAE,CAAC,CAAC,GAAGA,KAAK;UACjBQ,MAAM,EAAE,CAAC,CAAC,GAAGA,MAAM;UACnBC,KAAK,EAAG,CAAC,CAAC,GAAGA;QACf,CAAC;MACH,CAAC;MACDC,YAAY,EAAGC,KAAK,IAAK;QAAA,IAAAC,sBAAA;QACvB,MAAMf,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,WAAW,GAAG,CAAC;QACjD,MAAMc,CAAC,GAAG,EAAAD,sBAAA,OAAI,CAACX,YAAY,CAACJ,cAAc,CAAC,cAAAe,sBAAA,uBAAjCA,sBAAA,CAAmCL,KAAK,KAAI,CAAC;QACvD,OAAOM,CAAC,IAAIC,IAAI,CAACC,GAAG,CAACJ,KAAK,GAAGE,CAAC,CAAC;MACjC,CAAC;MACDG,OAAO,EAAGtB,CAAC,IAAK;QACd,IAAI,CAACuB,aAAa,CAAC,IAAI,CAACnB,KAAK,CAACC,WAAW,GAAG,CAAC,CAAC;MAChD,CAAC;MACDmB,OAAO,EAAGxB,CAAC,IAAK;QACd,IAAG,IAAI,CAACyB,UAAU,GAAG,IAAI,CAACrB,KAAK,CAACC,WAAW,GAAG,CAAC,EAAC;UAAA,IAAAqB,mBAAA;UAC9C,IAAI,CAACH,aAAa,CAAC,CAAC,CAAC;UACrB,CAAAG,mBAAA,OAAI,CAACC,aAAa,cAAAD,mBAAA,eAAlBA,mBAAA,CAAoBE,WAAW,CAAC,CAAC,CAAC;QACpC,CAAC,MACG;UACF,IAAI,CAACL,aAAa,CAAC,IAAI,CAACnB,KAAK,CAACC,WAAW,GAAG,CAAC,CAAC;QAChD;MACF;IACF,CAAC;IAAAV,eAAA,wBAqHgBkC,KAAa,IAAK;MACjC,MAAMC,SAAS,GAAG,IAAI,CAAC1B,KAAK,CAACC,WAAW;MACxC,IAAI,CAAC0B,WAAW,CAAC;QACf1B,WAAW,EAAEwB;MACf,CAAC,EACD,MAAM,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAEH,KAAK,EAAEC,SAAS,CAAC,CAAC,CAAC;MACrE,IAAI,CAACG,iBAAiB,CAACJ,KAAK,CAAC;IAC/B,CAAC;IAAAlC,eAAA,qBAEY,CAACuC,IAAS,EAAEL,KAAa,KAAK;MACzC,MAAMhC,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;MAC9B,IAAIA,KAAK,CAACsC,IAAI,KAAK,SAAS,EAAE;QAC5B,OAAOtC,KAAK,CAACuC,WAAW,GAAGvC,KAAK,CAACuC,WAAW,CAACF,IAAI,EAAEL,KAAK,EAAE,IAAI,CAAC,GAAG,IAAI;MACxE;MACA,OAAOhC,KAAK,CAACwC,QAAQ,CAACR,KAAK,CAAC;IAC9B,CAAC;IAAAlC,eAAA,eAEM,MAAM;MACX,MAAME,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;MAC9B,MAAMyC,IAAI,GAAGzC,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGtC,KAAK,CAAC0C,OAAO,GAAG1C,KAAK,CAACwC,QAAQ;MACtE,IAAI,IAAI,CAACjC,KAAK,CAACC,WAAW,KAAIiC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,MAAM,KAAI,CAAC,EAAE;QAAA,IAAAC,oBAAA;QAC/C,IAAI,CAAClB,aAAa,CAAC,CAAC,CAAC;QACrB,CAAAkB,oBAAA,OAAI,CAACd,aAAa,cAAAc,oBAAA,eAAlBA,oBAAA,CAAoBb,WAAW,CAAC,CAAC,CAAC;MACpC,CAAC,MAAM;QAAA,IAAAc,oBAAA;QACL,CAAAA,oBAAA,OAAI,CAACf,aAAa,cAAAe,oBAAA,eAAlBA,oBAAA,CAAoBC,SAAS,CAAC,CAAC;MACjC;IACF,CAAC;IAAAhD,eAAA,eAEM,MAAM;MAAA,IAAAiD,oBAAA;MACX,CAAAA,oBAAA,OAAI,CAACjB,aAAa,cAAAiB,oBAAA,eAAlBA,oBAAA,CAAoBC,SAAS,CAAC,CAAC;IACjC,CAAC;IA/IC,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM;MACtB,IAAI,CAACC,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;EACJ;EAEAC,cAAcA,CAACpB,KAAa,EAAEqB,WAA8B,EAAE;IAC5D,IAAI,CAAC3C,YAAY,CAACsB,KAAK,CAAC,GAAGqB,WAAW,CAACA,WAAW,CAACC,MAAM;IACzD,IAAItB,KAAK,KAAK,IAAI,CAACzB,KAAK,CAACC,WAAW,EAAE;MACpC,IAAI,CAAC+C,WAAW,CAAC,CAAC;IACpB;EACF;EAEQC,eAAeA,CAACnB,IAAS,EAAEL,KAAa,EAAEhC,KAAsB,EAAE;IACxE,IAAIA,KAAK,CAACyD,OAAO,IAAIpB,IAAI,IAAI,CAAC,IAAI,CAACqB,aAAa,EAAE;MAChD,OAAO1D,KAAK,CAACyD,OAAO,CAACpB,IAAI,EAAEL,KAAK,CAAC;IACnC;IACA,OAAO,YAAY,GAAI,IAAI,CAAC2B,YAAY,CAACC,MAAM,CAACvB,IAAI,EAAE,IAAI,CAAC;EAC7D;EAEAwB,QAAQA,CAAA,EAAG;IACT,IAAG,CAAC,IAAI,CAACC,WAAW,EAAC;MACnB;IACF;IACA,MAAM9D,KAAK,GAAG,IAAI,CAACO,KAAK,CAACP,KAAK;IAC9B,IAAI,CAACmD,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC,CAAC;IAChC,IAAInD,KAAK,CAAC+D,SAAS,KAAK,MAAM,IAAI/D,KAAK,CAACgE,iBAAiB,EAAE;MACzD,MAAMC,UAAU,GAAGC,WAAW,CAAC,MAAM;QACnC,IAAI,CAACC,IAAI,CAAC,CAAC;MACb,CAAC,EAAEnE,KAAK,CAACgE,iBAAiB,GAAG,IAAI,CAAC;MAClC,IAAI,CAACb,QAAQ,GAAG,MAAMiB,aAAa,CAACH,UAAU,CAAC;IACjD,CAAC,MAAM;MACLI,UAAU,CAAC,MAAM;QAAA,IAAAC,oBAAA;QACf,IAAI,CAAC5C,aAAa,CAAC,CAAC,CAAC;QACrB,CAAA4C,oBAAA,OAAI,CAACxC,aAAa,cAAAwC,oBAAA,eAAlBA,oBAAA,CAAoBvC,WAAW,CAAC,CAAC,CAAC;MACpC,CAAC,EAAE,IAAI,CAAC;IACV;EACF;EAEAwC,aAAaA,CAAA,EAAE;IACb,IAAI,CAACpB,QAAQ,CAAC,CAAC;EACjB;EACAqB,cAAcA,CAAA,EAAG;IACb,IAAI,CAACX,QAAQ,CAAC,CAAC;EACnB;EAGAY,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IACvD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAQF,IAAI;MACV,KAAK,SAAS;QAAE;UAAA,IAAAG,kBAAA;UACd,CAAAA,kBAAA,OAAI,CAAClB,YAAY,cAAAkB,kBAAA,eAAjBA,kBAAA,CAAmBC,KAAK,CAAC,CAAC;UAC1B,IAAI,CAAC5C,WAAW,CAAC;YACf1B,WAAW,EAAEe,IAAI,CAACwD,GAAG,CAAC,IAAI,CAACxE,KAAK,CAACC,WAAW,EAAE,CAAAmE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEhC,MAAM,KAAI,CAAC;UACjE,CAAoB,CAAC;UACrB;QACF;MACA,KAAK,WAAW;MAChB,KAAK,mBAAmB;QAAG;UACzB,IAAI,CAACkB,QAAQ,CAAC,CAAC;QACjB;IACF;EACJ;EAEAzB,iBAAiBA,CAACJ,KAAa,EAAE;IAAA,IAAAgD,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAC/B,MAAMjD,SAAS,GAAG,IAAI,CAAC1B,KAAK,CAACC,WAAW;IACxC,MAAM2E,MAAM,GAAG,CAAC,EAAAH,qBAAA,GAAC,IAAI,CAACI,MAAM,CAACC,QAAQ,cAAAL,qBAAA,uBAApBA,qBAAA,CAAsBM,UAAU,KAAc,CAAC,KAC/D,EAAAL,sBAAA,GAAC,IAAI,CAACG,MAAM,CAACC,QAAQ,cAAAJ,sBAAA,uBAApBA,sBAAA,CAAsBM,WAAW,KAAc,CAAC,CAAC;IACnD,MAAMvE,KAAK,GAAG,EAAAkE,sBAAA,GAAC,IAAI,CAACE,MAAM,CAACC,QAAQ,cAAAH,sBAAA,uBAApBA,sBAAA,CAAsBlE,KAAK,KAAc,CAAC;IACzD,MAAMwE,IAAI,GAAGL,MAAM,GAAGnE,KAAK;IAC3B,MAAMyE,QAAQ,GAAGlE,IAAI,CAACmE,GAAG,CAAC1D,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,GAAIwD,IAAI;IAC/C,MAAMG,KAAK,GAAGpE,IAAI,CAACC,GAAG,CAACQ,KAAK,GAAGC,SAAS,CAAC,GAAGuD,IAAI;IAChD,MAAMI,OAAO,GAAG;MACdC,eAAe,EAAE,IAAI;MACrBC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE9G,MAAM,CAAC+G,GAAG,CAAC/G,MAAM,CAACgH,MAAM;IAClC,CAAC;IACD,IAAIhE,SAAS,GAAGD,KAAK,EAAE;MACrBhD,QAAQ,CAACkH,QAAQ,CAAC,CAChBlH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC7BC,OAAO,EAAEV,KAAK;QACd,GAAGC;MACL,CAAC,CAAC,EACF5G,QAAQ,CAACsH,QAAQ,CAAC,CAChBtH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC3BC,OAAO,EAAG,CAAC;QACX,GAAGT;MACP,CAAC,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACI,WAAW,EAAE;QAC9BF,OAAO,EAAG,CAAC,IAAI,CAACG,KAAK,GAAG,CAAC,CAAC,GAAE,CAAC,IAAIf,QAAQ;QACzC,GAAGG;MACP,CAAC,CAAC,CACH,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM,IAAIxE,SAAS,GAAGD,KAAK,EAAE;MAC5BhD,QAAQ,CAACkH,QAAQ,CAAC,CAChBlH,QAAQ,CAACsH,QAAQ,CAAC,CAChBtH,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC3BC,OAAO,EAAGV,KAAK;QACf,GAAGC;MACP,CAAC,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACI,WAAW,EAAE;QAC9BF,OAAO,EAAG,CAAC,IAAI,CAACG,KAAK,GAAG,CAAC,CAAC,GAAE,CAAC,IAAIf,QAAQ;QACzC,GAAGG;MACP,CAAC,CAAC,CACH,CAAC,EACF5G,QAAQ,CAACmH,MAAM,CAAC,IAAI,CAACC,QAAQ,EAAE;QAC7BC,OAAO,EAAE,CAAC;QACV,GAAGT;MACL,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;IACZ;EACF;EAkCAC,gBAAgBA,CAACjE,IAAS,EAAE;IAC1B,MAAMkE,WAAW,GAAG,IAAI,CAACpG,KAAK,CAACP,KAAK,CAAC4G,WAAW;IAChD,IAAIC,QAAQ,GAAGtF,IAAI,CAACmE,GAAG,CAAC,IAAI,CAACnF,KAAK,CAACC,WAAW,GAAGmG,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC;IACpE,IAAIG,QAAQ,GAAGvF,IAAI,CAACwD,GAAG,CAAC8B,QAAQ,GAAGF,WAAW,GAAG,CAAC,EAAElE,IAAI,CAACE,MAAM,CAAC;IAChE,IAAImE,QAAQ,KAAKrE,IAAI,CAACE,MAAM,EAAE;MAC5BkE,QAAQ,GAAGC,QAAQ,GAAGH,WAAW;IACnC;IACA,oBAAQ9H,KAAA,CAAAkI,aAAA,CAAC7H,IAAI;MAAC8H,KAAK,EAAE,IAAI,CAAC5B,MAAM,CAAC6B;IAAiB,gBAChDpI,KAAA,CAAAkI,aAAA,CAAC7H,IAAI;MAAC8H,KAAK,EAAE;QAACE,aAAa,EAAE,IAAI,CAACV,KAAK,GAAG,aAAa,GAAG;MAAK;IAAE,GAE7D/D,IAAI,CAAC0E,GAAG,CAAC,CAAC9E,IAAS,EAAEL,KAAa,KAAK;MACrC,OAAOA,KAAK,IAAI6E,QAAQ,IAAI7E,KAAK,IAAI8E,QAAQ,gBAC3CjI,KAAA,CAAAkI,aAAA,CAAC7H,IAAI,EAAAkI,QAAA;QAACC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC7D,eAAe,CAACnB,IAAI,EAAEL,KAAK,EAAE,IAAI,CAACzB,KAAK,CAACP,KAAK;MAAE,GAAK,IAAI,CAACsH,qBAAqB,CAAC,WAAW,GAACtF,KAAK,CAAC;QACzHgF,KAAK,EAAE,CAAC,IAAI,CAAC5B,MAAM,CAACC,QAAQ;MAAE,EAC1B,CAAC,GAAI,IAAI;IACnB,CAAC,CAAC,eAEJxG,KAAA,CAAAkI,aAAA,CAAC/H,QAAQ,CAACE,IAAI;MAAC8H,KAAK,EAAE,CACpB,IAAI,CAAC5B,MAAM,CAACC,QAAQ,EACpB,IAAI,CAACD,MAAM,CAACmC,cAAc,EAAE;QAC1BvG,KAAK,EAAEwG,SAAS;QAChBC,MAAM,EAAED,SAAS;QACjBE,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACpB;QACnB,CAAC;MACH,CAAC,EAAE,IAAI,CAACC,KAAK,GAAG;QAAEoB,KAAK,EAAE;MAAE,CAAC,GAAG;QAAEC,IAAI,EAAE;MAAC,CAAC;IAAE,gBACzChJ,KAAA,CAAAkI,aAAA,CAAC/H,QAAQ,CAACE,IAAI;MAAC8H,KAAK,EAAE,CAAC;QACrBhG,KAAK,EAAE,CAAC;QACRyG,MAAM,EAAE;MACV,CAAC,EAAE;QACD;QACA;MAAA,CACD;IAAE,CACQ,CACA,CACX,CACF,CAAC;EACT;EAEAK,iBAAiBA,CAAA,EAAS;IACxB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACjE,QAAQ,CAAC,CAAC;EACjB;EAEAkE,YAAYA,CAAC/H,KAAsB,EAAE;IAAA,IAAAgI,KAAA,EAAAC,kBAAA;IACnC,MAAMC,OAAO,GAAGlI,KAAK,CAACmI,QAAQ,KAAK,MAAM,IAAInI,KAAK,CAACmI,QAAQ,KAAI,MAAM;IACrE,MAAMC,OAAO,GAAGpI,KAAK,CAACmI,QAAQ,KAAK,MAAM,IAAInI,KAAK,CAACmI,QAAQ,KAAI,YAAY;IAC3E,IAAI/C,MAAM,GAAG,IAAI,CAACA,MAAM;IACxB,IAAI3C,IAAI,GAAGzC,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGtC,KAAK,CAAC0C,OAAO,GAAG1C,KAAK,CAACwC,QAAQ;IACpEC,IAAI,GAAG3D,OAAO,CAAC2D,IAAI,CAAC,GAAGA,IAAI,GAAG,EAAE;IAChC,IAAI,CAACb,UAAU,GAAG,EAAAoG,KAAA,GAAAvF,IAAI,cAAAuF,KAAA,uBAAJA,KAAA,CAAMrF,MAAM,KAAI,CAAC;IACnC,IAAI0F,UAAU,GAAGb,SAAgB;IACjC,IAAIc,eAAe,GAAGd,SAAgB;IACtC,IAAI1I,OAAO,EAAAmJ,kBAAA,GAAC,IAAI,CAAC7C,MAAM,CAACmD,KAAK,cAAAN,kBAAA,uBAAjBA,kBAAA,CAAmBP,SAAS,CAAC,EAAE;MAAA,IAAAc,mBAAA,EAAAC,mBAAA;MACzCJ,UAAU,IAAAG,mBAAA,GAAI,IAAI,CAACpD,MAAM,CAACmD,KAAK,cAAAC,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBd,SAAS,cAAAc,mBAAA,gBAAAA,mBAAA,GAA5BA,mBAAA,CAA8BE,IAAI,CAACC,CAAC,IAAI,CAAC5J,WAAW,CAAE4J,CAAC,CAAShD,KAAK,CAAC,CAAC,cAAA6C,mBAAA,uBAAxEA,mBAAA,CAAkF7C,KAAK;MACpG2C,eAAe,IAAAG,mBAAA,GAAI,IAAI,CAACrD,MAAM,CAACmD,KAAK,cAAAE,mBAAA,gBAAAA,mBAAA,GAAjBA,mBAAA,CAAmBf,SAAS,cAAAe,mBAAA,gBAAAA,mBAAA,GAA5BA,mBAAA,CAA8BC,IAAI,CAACC,CAAC,IAAI,CAAC5J,WAAW,CAAE4J,CAAC,CAAShB,UAAU,CAAC,CAAC,cAAAc,mBAAA,uBAA7EA,mBAAA,CAAuFd,UAAU;IACrH;IACA;IACA,oBACE9I,KAAA,CAAAkI,aAAA,CAAC7H,IAAI;MAAC8H,KAAK,EAAE5B,MAAM,CAACwD;IAAK,GACtB,IAAI,CAACC,WAAW,eACjBhK,KAAA,CAAAkI,aAAA,CAACxH,cAAc,CAACL,IAAI;MAChB4J,cAAc,EAAE9I,KAAK,CAAC+I,cAAc,IAAI,IAAI,CAACnH,UAAU,GAAG,CAAE;MAC5DoF,KAAK,EAAE;QACLgC,IAAI,EAAE;MACR,CAAE;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAGC,CAAC,IAAK;QAAC,IAAI,CAACrH,aAAa,GAAGqH,CAAC;MAAA,CAAE;MACrCC,QAAQ,EAAI,IAAI,CAACC,iBAAkB;MACnCC,aAAa,EAAE,IAAI,CAAClE,MAAM,CAACmD,KAAK,CAACvH;IAAM,GAExCyB,IAAI,CAAC0E,GAAG,CAAC,CAAC9E,IAAS,EAAEL,KAAa,KAAK;MAAA,IAAAuH,oBAAA,EAAAC,oBAAA;MACtC,MAAMC,QAAQ,GAAGzH,KAAK,KAAK,IAAI,CAACzB,KAAK,CAACC,WAAW,GAAG,CAAC;MACrD,IAAImF,KAAK,IAAA4D,oBAAA,GAAG,IAAI,CAACzH,aAAa,cAAAyH,oBAAA,uBAAlBA,oBAAA,CAAoBG,cAAc,CAACC,WAAW,CAAC;QACzDC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE5H,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;QACtD6H,WAAW,EAAE,CAACxB,UAAU,EAAEA,UAAU,EAAE,CAAC,EAAEA,UAAU,EAAEA,UAAU;MACjE,CAAC,CAAC;MACF,IAAIV,UAAU,IAAA6B,oBAAA,GAAG,IAAI,CAAC1H,aAAa,cAAA0H,oBAAA,uBAAlBA,oBAAA,CAAoBE,cAAc,CAACC,WAAW,CAAC;QAC9DC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE5H,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;QACtD6H,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;MACnC,CAAC,CAAC;MACF,oBACEhL,KAAA,CAAAkI,aAAA,CAAC/H,QAAQ,CAACE,IAAI;QAACmI,GAAG,EAAE,IAAI,CAAC7D,eAAe,CAACnB,IAAI,EAAEL,KAAK,EAAEhC,KAAK,CAAE;QAC3D8J,QAAQ,EAAE,IAAI,CAAC1G,cAAc,CAAC2G,IAAI,CAAC,IAAI,EAAE/H,KAAK,CAAE;QAChDgF,KAAK,EAAE,CACL;UAACS,MAAM,EAAEzH,KAAK,CAACsC,IAAI,KAAK,SAAS,GAAGkF,SAAS,GAAG;QAAM,CAAC,EACvD,IAAI,CAACpC,MAAM,CAACmD,KAAK,EACjBvG,KAAK,KAAK,CAAC,GAAG,IAAI,CAACoD,MAAM,CAAC4E,UAAU,GAAG,IAAI,EAC3ChI,KAAK,KAAKS,IAAI,CAACE,MAAM,GAAG,CAAC,GAAG,IAAI,CAACyC,MAAM,CAAC6E,SAAS,GAAE,IAAI,EACvDR,QAAQ,GAAG,IAAI,CAACrE,MAAM,CAAC8E,WAAW,GAAE,IAAI,EACxCvC,UAAU,IAAIhC,KAAK,GAAG;UACpB+B,SAAS,EAAE,CACT;YACEC,UAAU,EAAE,CAAC5I,WAAW,CAACuJ,eAAe,CAAC,GAAGA,eAAe,GAAGX;UAChE,CAAC,EAAE;YACDhC,KAAK,EAAEA;UACT,CAAC;QAEL,CAAC,GAAG,IAAI;MAAE,gBACZ9G,KAAA,CAAAkI,aAAA,CAACvH,QAAQ;QAAC2K,KAAK,EAAEA,CAAA,KAAM;UAAA,IAAAC,oBAAA;UACrB,IAAI,CAAC1I,aAAa,CAACM,KAAK,GAAG,CAAC,CAAC;UAC7B,MAAMyD,QAAQ,GAAG,IAAI,CAAC/E,YAAY,CAC/BC,MAAM,CAAC,CAACC,CAAC,EAAGC,CAAC,KAAKA,CAAC,GAAGmB,KAAK,CAAC,CAC5BlB,MAAM,CAAC,CAACC,CAAC,EAAEH,CAAC,KAAKG,CAAC,GAAGH,CAAC,CAACI,KAAK,EAAE,CAAC,CAAC;UACnC,CAAAoJ,oBAAA,OAAI,CAACtI,aAAa,cAAAsI,oBAAA,eAAlBA,oBAAA,CAAoBrI,WAAW,CAAC,CAAC,CAAC,GAAG0D,QAAQ,CAAC;QAChD,CAAE;QAAC4E,WAAW,EAAE,IAAI,CAACjF,MAAM,CAACwD,IAAI,CAACyB,WAAY;QAACjF,MAAM,EAAE;UAACqC,MAAM,EAAE;QAAM;MAAE,GACpE,IAAI,CAAC6C,UAAU,CAACjI,IAAI,EAAEL,KAAK,CACpB,CACG,CAAC;IAEpB,CAAC,CACkB,CAAC,EACrBkG,OAAO,gBACNrJ,KAAA,CAAAkI,aAAA,CAAC7H,IAAI;MAAC8H,KAAK,EAAE5B,MAAM,CAACmF;IAAS,gBAC3B1L,KAAA,CAAAkI,aAAA,CAAC3H,MAAM;MACLoL,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCC,SAAS,EAAC,0BAA0B;MACpCtF,MAAM,EAAEA,MAAM,CAACuF,OAAQ;MACvBR,KAAK,EAAE,IAAI,CAACS,IAAK;MACjBC,kBAAkB,EAAC;IAAM,CAAC,CAAC,eAC7BhM,KAAA,CAAAkI,aAAA,CAAC3H,MAAM;MACLoL,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAChCC,SAAS,EAAC,2BAA2B;MACrCtF,MAAM,EAAEA,MAAM,CAAC0F,OAAQ;MACvBX,KAAK,EAAE,IAAI,CAAChG,IAAK;MACjB0G,kBAAkB,EAAC;IAAM,CAAC,CACxB,CAAC,GAAG,IAAI,EACbzC,OAAO,IAAI3F,IAAI,GAAG,IAAI,CAACiE,gBAAgB,CAACjE,IAAI,CAAC,GAAG,IAC/C,CAAC;EACX;AACF","ignoreList":[]}
+{"version":3,"names":["React","isArray","isUndefined","Animated","Easing","View","DefaultKeyExtractor","WmIcon","BaseComponent","BaseComponentState","SwipeAnimation","Tappable","WmCarouselProps","DEFAULT_CLASS","WmCarouselState","constructor","args","_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","noOfSlides","_this$animationView","animationView","setPosition","index","prevIndex","updateState","invokeEventCallback","animatePagination","item","type","renderSlide","children","data","dataset","length","_this$animationView2","_this$animationView3","goToUpper","_this$animationView4","goToLower","cleanup","push","stopPlay","addSlideLayout","nativeEvent","layout","forceUpdate","generateItemKey","itemkey","_showSkeleton","keyExtractor","getKey","autoPlay","initialized","animation","animationinterval","intervalId","setInterval","next","clearInterval","setTimeout","_this$animationView5","stopAnimation","startAnimation","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","dotSkeleton","root","createElement","style","dotsWrapperStyle","flexDirection","map","_extends","key","getTestPropsForAction","activeDotStyle","undefined","height","transform","translateX","right","left","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","_background","enableGestures","enablegestures","flex","direction","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","isActive","animationPhase","interpolate","inputRange","outputRange","onLayout","bind","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","rippleColor","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';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\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      if(this.noOfSlides < this.state.activeIndex + 1){\n        this.onSlideChange(1);\n        this.animationView?.setPosition(0);\n      }\n      else{\n        this.onSlideChange(this.state.activeIndex + 1);\n      }\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    if(!this.initialized){\n      return;\n    }\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  stopAnimation(){  \n    this.stopPlay();\n  }\n  startAnimation() {\n      this.autoPlay();\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    const dotStyle = this._showSkeleton ? {\n      ...this.styles.dotStyle,\n      ...this.styles.dotSkeleton.root\n    } : this.styles.dotStyle\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)} {...this.getTestPropsForAction('indicator'+index)}\n                style={[dotStyle]}>\n              </View>) : null;\n          })\n        }\n        {\n          this._showSkeleton ? null : <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        }\n      </View>\n    </View>);\n  }\n\n  public renderSkeleton(props: WmCarouselProps): React.ReactNode | null {\n    return <View style={[this.styles.root, {...this.styles.skeleton.root}]}>\n       {this.renderItem({}, 0)}\n      {this.renderPagination([{}, {}, {}])}\n    </View>\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.autoPlay();\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 && this.noOfSlides > 1}\n            style={{\n              flex: 1\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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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ export default class WmCarouselProps extends BaseProps {
     _defineProperty(this, "renderSlide", void 0);
     _defineProperty(this, "enablegestures", true);
     _defineProperty(this, "maxnoofdots", 20);
+    _defineProperty(this, "showskeletonchildren", false);
   }
 }
 //# sourceMappingURL=carousel.props.js.map

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

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

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

@@ -88,6 +88,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       marginLeft: 2,
       marginRight: 2,
       backgroundColor: themeVariables.carouselDotColor
+    },
+    skeleton: {
+      root: {
+        width: '100%'
+      },
+      text: {}
+    },
+    dotSkeleton: {
+      root: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        opacity: 1,
+        backgroundColor: themeVariables.skeletonAnimatedBgColor
+      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

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

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

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

@@ -34,6 +34,20 @@ export default class WmAnchor extends BaseComponent {
       height: this.props.skeletonheight || this.styles.root.height
     });
   }
+  renderBadge() {
+    const {
+      badgevalue
+    } = this.props;
+    if (this._showSkeleton) {
+      return createSkeleton(this.theme, this.styles.badgeSkeleton, {
+        ...this.styles.badge
+        // marginTop: -50
+      });
+    }
+    return badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
+      style: this.styles.badge
+    }, badgevalue) : null;
+  }
   renderWidget(props) {
     const {
       iconclass,
@@ -58,10 +72,6 @@ export default class WmAnchor extends BaseComponent {
       iconmargin: iconmargin,
       iconwidth: iconwidth
     });
-    //@ts-ignore
-    const badge = badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
-      style: this.styles.badge
-    }, this.getTestProps('badge')), badgevalue) : null;
     return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       delay: props.animationdelay,
@@ -83,7 +93,7 @@ export default class WmAnchor extends BaseComponent {
       style: this.styles.text
     }, this.getTestPropsForLabel('caption'), getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props), {
       numberOfLines: props.nooflines
-    }), props.caption) : null, props.iconposition === 'right' && icon, badge)));
+    }), props.caption) : null, props.iconposition === 'right' && icon, this.renderBadge())));
   }
 }
 //# sourceMappingURL=anchor.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","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","_extends","style","getTestProps","entryanimation","animation","delay","animationdelay","justifyContent","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        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} {...this.getTestProps('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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","ignoreList":[]}
+{"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","renderBadge","badgevalue","_showSkeleton","badgeSkeleton","badge","undefined","createElement","style","renderWidget","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","icon","text","color","id","getTestId","hint","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  renderBadge() {\n    const { badgevalue } = this.props;\n    if(this._showSkeleton) {\n      return createSkeleton(this.theme, this.styles.badgeSkeleton, {\n        ...this.styles.badge,\n       // marginTop: -50\n      })\n    }\n    return badgevalue != undefined ? (<Badge style={this.styles.badge}>{badgevalue}</Badge>): null;\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    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              {this.renderBadge()}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -41,6 +41,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         height: 20,
         borderRadius: 4
       }
+    },
+    badgeSkeleton: {
+      root: {}
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

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

@@ -1 +1 @@
-{"version":3,"names":["Color","defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","linkDefaultColor","flexDirection","alignItems","overflow","text","paddingLeft","paddingRight","fontSize","textDecorationLine","badge","backgroundColor","fade","rgb","toString","alignSelf","marginTop","marginLeft","fontWeight","icon","anchorTextPadding","skeleton","width","height","borderRadius","getLinkStyles","linkPrimaryColor","linkSecondaryColor","linkSuccessColor","linkDangerColor","linkWarningColor","linkInfoColor","linkLightColor","linkDarkColor"],"sources":["anchor.styles.ts"],"sourcesContent":["import Color from 'color';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmAnchorStyles = BaseStyles & {\n    badge: AllStyle,\n    icon: WmIconStyles\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-anchor';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAnchorStyles = defineStyles({\n        root: {\n            color: themeVariables.linkDefaultColor,\n            flexDirection: 'row',\n            alignItems: 'center',\n            overflow: 'visible'\n        },\n        text: {\n            paddingLeft: 8,\n            paddingRight: 8,\n            color: themeVariables.linkDefaultColor,\n            fontSize: 18, \n            textDecorationLine: 'underline',\n        },\n        badge: {\n            backgroundColor: Color(themeVariables.linkDefaultColor).fade(0.8).rgb().toString(),\n            color: themeVariables.linkDefaultColor,\n            alignSelf: 'flex-start',\n            marginTop: -12,\n            marginLeft: 0,\n            fontWeight: 'bold'\n        },\n        icon: {\n            root : {\n                alignSelf: 'center'\n            },\n            text: {\n                fontSize: 16,\n                paddingRight: themeVariables.anchorTextPadding,\n                color: themeVariables.linkDefaultColor\n            }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                width: '100%',\n                height: 20,\n                borderRadius: 4\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        text: {\n            paddingRight: 8\n        }\n    });\n\n    const getLinkStyles = (color: string) => {\n        return {\n            root: {\n                color: color\n            },\n            text: {\n                color: color\n            },\n            icon: {\n                text: {\n                    color: color\n                }\n            },\n            badge: {\n                backgroundColor: Color(color).fade(0.8).rgb().toString(),\n                color: color,\n            }\n        } as WmAnchorStyles;\n    };\n\n    addStyle('link-primary', '', getLinkStyles(themeVariables.linkPrimaryColor));\n    addStyle('link-secondary', '', getLinkStyles(themeVariables.linkSecondaryColor));\n    addStyle('link-success', '', getLinkStyles(themeVariables.linkSuccessColor));\n    addStyle('link-danger', '', getLinkStyles(themeVariables.linkDangerColor));\n    addStyle('link-warning', '', getLinkStyles(themeVariables.linkWarningColor));\n    addStyle('link-info', '', getLinkStyles(themeVariables.linkInfoColor));\n    addStyle('link-light', '', getLinkStyles(themeVariables.linkLightColor));\n    addStyle('link-dark', '', getLinkStyles(themeVariables.linkDarkColor));\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Color","defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","linkDefaultColor","flexDirection","alignItems","overflow","text","paddingLeft","paddingRight","fontSize","textDecorationLine","badge","backgroundColor","fade","rgb","toString","alignSelf","marginTop","marginLeft","fontWeight","icon","anchorTextPadding","skeleton","width","height","borderRadius","badgeSkeleton","getLinkStyles","linkPrimaryColor","linkSecondaryColor","linkSuccessColor","linkDangerColor","linkWarningColor","linkInfoColor","linkLightColor","linkDarkColor"],"sources":["anchor.styles.ts"],"sourcesContent":["import Color from 'color';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmAnchorStyles = BaseStyles & {\n    badge: AllStyle,\n    icon: WmIconStyles\n    skeleton: WmSkeletonStyles\n    badgeSkeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-anchor';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAnchorStyles = defineStyles({\n        root: {\n            color: themeVariables.linkDefaultColor,\n            flexDirection: 'row',\n            alignItems: 'center',\n            overflow: 'visible'\n        },\n        text: {\n            paddingLeft: 8,\n            paddingRight: 8,\n            color: themeVariables.linkDefaultColor,\n            fontSize: 18, \n            textDecorationLine: 'underline',\n        },\n        badge: {\n            backgroundColor: Color(themeVariables.linkDefaultColor).fade(0.8).rgb().toString(),\n            color: themeVariables.linkDefaultColor,\n            alignSelf: 'flex-start',\n            marginTop: -12,\n            marginLeft: 0,\n            fontWeight: 'bold'\n        },\n        icon: {\n            root : {\n                alignSelf: 'center'\n            },\n            text: {\n                fontSize: 16,\n                paddingRight: themeVariables.anchorTextPadding,\n                color: themeVariables.linkDefaultColor\n            }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                width: '100%',\n                height: 20,\n                borderRadius: 4\n            }\n        } as any as WmSkeletonStyles,\n        badgeSkeleton: {\n            root: {\n            }\n          }  as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        text: {\n            paddingRight: 8\n        }\n    });\n\n    const getLinkStyles = (color: string) => {\n        return {\n            root: {\n                color: color\n            },\n            text: {\n                color: color\n            },\n            icon: {\n                text: {\n                    color: color\n                }\n            },\n            badge: {\n                backgroundColor: Color(color).fade(0.8).rgb().toString(),\n                color: color,\n            }\n        } as WmAnchorStyles;\n    };\n\n    addStyle('link-primary', '', getLinkStyles(themeVariables.linkPrimaryColor));\n    addStyle('link-secondary', '', getLinkStyles(themeVariables.linkSecondaryColor));\n    addStyle('link-success', '', getLinkStyles(themeVariables.linkSuccessColor));\n    addStyle('link-danger', '', getLinkStyles(themeVariables.linkDangerColor));\n    addStyle('link-warning', '', getLinkStyles(themeVariables.linkWarningColor));\n    addStyle('link-info', '', getLinkStyles(themeVariables.linkInfoColor));\n    addStyle('link-light', '', getLinkStyles(themeVariables.linkLightColor));\n    addStyle('link-dark', '', getLinkStyles(themeVariables.linkDarkColor));\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -45,10 +45,23 @@ export default class WmButton extends BaseComponent {
     }, this.getTestProps('badge')), props.badgevalue);
   }
   renderSkeleton(prop) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
     return createSkeleton(this.theme, this.styles.skeleton, {
       ...this.styles.root,
-      width: this.props.skeletonwidth || this.styles.root.width,
-      height: this.props.skeletonheight || this.styles.root.height
+      width: skeletonWidth,
+      height: skeletonHeight
     });
   }
   renderWidget(props) {

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","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","prepareBadge","_extends","style","badge","getTestProps","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","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          id={this.getTestId('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} {...this.getTestProps('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          this.styles.root.height == \"100%\" ? {flex: 1}:{}\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            height: this.styles.root.height ? '100%' : null,\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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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","prepareBadge","_extends","style","badge","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","Fragment","entryanimation","animation","delay","animationdelay","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","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          id={this.getTestId('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} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n    \n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight 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          this.styles.root.height == \"100%\" ? {flex: 1}:{}\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            height: this.styles.root.height ? '100%' : null,\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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","ignoreList":[]}

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

@@ -108,10 +108,18 @@ export default class WmIcon extends BaseComponent {
     return null;
   }
   renderSkeleton(props) {
+    let skeletonWidth = this.props.skeletonwidth || this.props.iconsize || this.styles.root.width;
+    let skeletonHeight = this.props.skeletonheight || this.props.iconsize || this.styles.root.height;
+    if (this.props.skeletonheight == "0") {
+      skeletonWidth = 0;
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    }
     return createSkeleton(this.theme, this.styles.skeleton, {
       ...this.styles.root,
-      width: this.props.skeletonwidth || this.props.iconsize || this.styles.root.width,
-      height: this.props.skeletonheight || this.props.iconsize || this.styles.root.height
+      width: skeletonWidth,
+      height: skeletonHeight
     });
   }
   getElementToShow(props, iconSrc) {