@wavemaker/app-rn-runtime 11.11.1-rc.6144 → 11.11.2-rc.6152

package/components/advanced/carousel/carousel.component.js

@@ -3,7 +3,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { isArray, isUndefined } from 'lodash-es';
+import { isArray, isUndefined, isObject } from 'lodash-es';
 import { Animated, Easing, View } from 'react-native';
 import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
@@ -75,7 +75,8 @@ export default class WmCarousel extends BaseComponent {
       if (props.type === 'dynamic') {
         return props.renderSlide ? props.renderSlide(item, index, this) : null;
       }
-      return props.children[index];
+      const data = this.extractChildrenData(props.children);
+      return data[index];
     });
     _defineProperty(this, "next", () => {
       const props = this.state.props;
@@ -93,6 +94,16 @@ export default class WmCarousel extends BaseComponent {
       var _this$animationView4;
       (_this$animationView4 = this.animationView) === null || _this$animationView4 === void 0 || _this$animationView4.goToLower();
     });
+    //Added below function to handle the case if the props.children has one object https://wavemaker.atlassian.net/browse/WMS-25986
+    _defineProperty(this, "extractChildrenData", data => {
+      if (Array.isArray(data)) {
+        return data;
+      }
+      if (data && isObject(data) && Object.keys(data).length > 0) {
+        return [data];
+      }
+      return [];
+    });
     this.cleanup.push(() => {
       this.stopPlay && this.stopPlay();
     });
@@ -267,7 +278,7 @@ export default class WmCarousel extends BaseComponent {
     const hasDots = props.controls === 'both' || props.controls === 'indicators';
     let styles = this.styles;
     let data = props.type === 'dynamic' ? props.dataset : props.children;
-    data = isArray(data) ? data : [];
+    data = this.extractChildrenData(data);
     this.noOfSlides = ((_data = data) === null || _data === void 0 ? void 0 : _data.length) || 0;
     let slideScale = undefined;
     let slideTranslateX = undefined;

package/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","maxNoOfDots","maxnoofdots","margin","styles","dotStyle","marginLeft","marginRight","size","multiplier","isRTL","options","useNativeDriver","duration","easing","out","linear","shouldAnimate","newTranslateX","timing","wrapperPosition","toValue","start","dotPosition","max","renderPagination","_this$styles$dotStyle4","_this$styles$dotStyle5","dotMargin","wrapperWidth","minIndex","maxIndex","dotSkeleton","root","createElement","style","justifyContent","alignItems","dotsWrapperStyle","flexDirection","transform","translateX","map","isActive","scale","animatedScale","ease","_extends","key","getTestPropsForAction","activeDotStyle","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","undefined","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","onLayout","event","handleLayout","_background","enableGestures","enablegestures","flex","direction","threshold","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","animationPhase","interpolate","inputRange","outputRange","bind","testID","height","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","position","rippleColor","disableTouchEffect","disabletoucheffect","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/carousel-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 dotPosition = new Animated.Value(0);\n  private wrapperPosition = 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 props = this.state.props;\n    const maxNoOfDots = this.state.props.maxnoofdots;\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 multiplier = this.isRTL ? -1 : 1;\n    const options = {\n      useNativeDriver: true,\n      duration: 100,\n      easing: Easing.out(Easing.linear),\n    };\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    const shouldAnimate = !(maxNoOfDots >= data?.length) && index > 3 && index <= data?.length - 2;\n    if (shouldAnimate) {\n      const newTranslateX = multiplier * -(index - 3) * (width + margin);\n      Animated.timing(this.wrapperPosition, {\n        toValue: newTranslateX,\n        ...options,\n      }).start();\n    }\n    if (index == 1 && prevIndex == data?.length) {\n      Animated.timing(this.wrapperPosition, {\n        toValue: 0,\n        ...options,\n      }).start();\n    }   \n    if (prevIndex < index || prevIndex > index) {\n      Animated.timing(this.dotPosition, {\n        toValue: multiplier * size * Math.max(index - 1, 0),\n        ...options,\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 = data.length > 5 ? this.state.props.maxnoofdots : data.length;\n    const activeIndex = this.state.activeIndex - 1;\n    const dotMargin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0);\n    const wrapperWidth = (this.styles.dotStyle.width as any * maxNoOfDots) + (dotMargin * 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={{ width: '100%', justifyContent: 'center', alignItems: 'center' }}>\n        <View style={[this.styles.dotsWrapperStyle, { width: wrapperWidth }]}>\n          <Animated.View\n            style={{\n              flexDirection: this.isRTL ? 'row-reverse' : 'row',\n              alignItems: 'center',\n              transform: [{ translateX: this.wrapperPosition }],\n            }}\n          >\n            {data.map((item: any, index: number) => {\n              const isActive = index === activeIndex;\n              let scale = 1;\n              if (activeIndex <= 2) {\n                scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);\n              } else if (activeIndex >= data.length - 3) {\n                  scale = index >= data.length - 3 ? 1 : 1 - 0.1 * ((data.length - 3) - index);\n              } else {\n                  scale = index === activeIndex ? 1 : (Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8);\n              }\n              const animatedScale = new Animated.Value(scale);\n              Animated.timing(animatedScale, {\n                toValue: scale,\n                duration: 100,\n                easing: Easing.out(Easing.ease),\n                useNativeDriver: true,\n              }).start();\n              return (\n                <Animated.View\n                  key={'dots_' + this.generateItemKey(item, index, this.state.props)}\n                  {...this.getTestPropsForAction('indicator' + index)}\n                  style={[dotStyle,\n                    isActive && this.styles.activeDotStyle,\n                    {                \n                      transform: [{scale: animatedScale}]\n                    },\n                  ]}\n                />\n              );\n            })}\n          </Animated.View>\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 \n        style={styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures && this.noOfSlides > 1}\n            style={{\n              flex: 1\n            }}\n            direction='horizontal'\n            threshold={this.state.props.threshold}\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n            slideMinWidth={this.styles.slide.width}\n            slidesLayout={this.slidesLayout}\n            activeIndex={this.state.activeIndex}\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                testID={`carousel_item_${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                disableTouchEffect={this.state.props.disabletoucheffect}>\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":[]}
+{"version":3,"names":["React","isArray","isUndefined","isObject","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","data","extractChildrenData","children","dataset","length","_this$animationView2","_this$animationView3","goToUpper","_this$animationView4","goToLower","Array","Object","keys","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","maxNoOfDots","maxnoofdots","margin","styles","dotStyle","marginLeft","marginRight","size","multiplier","isRTL","options","useNativeDriver","duration","easing","out","linear","shouldAnimate","newTranslateX","timing","wrapperPosition","toValue","start","dotPosition","max","renderPagination","_this$styles$dotStyle4","_this$styles$dotStyle5","dotMargin","wrapperWidth","minIndex","maxIndex","dotSkeleton","root","createElement","style","justifyContent","alignItems","dotsWrapperStyle","flexDirection","transform","translateX","map","isActive","scale","animatedScale","ease","_extends","key","getTestPropsForAction","activeDotStyle","renderSkeleton","skeleton","renderItem","componentDidMount","renderWidget","_data","_this$styles$slide","hasNavs","controls","hasDots","slideScale","undefined","slideTranslateX","slide","_this$styles$slide2","_this$styles$slide3","find","o","onLayout","event","handleLayout","_background","enableGestures","enablegestures","flex","direction","threshold","ref","r","handlers","animationHandlers","slideMinWidth","_this$animationView6","_this$animationView7","animationPhase","interpolate","inputRange","outputRange","bind","testID","height","firstSlide","lastSlide","activeSlide","onTap","_this$animationView8","position","rippleColor","disableTouchEffect","disabletoucheffect","btnPanel","id","getTestId","iconclass","prevBtn","prev","accessibilitylabel","nextBtn"],"sources":["carousel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isArray, isUndefined, isObject } 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/carousel-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 dotPosition = new Animated.Value(0);\n  private wrapperPosition = 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 props = this.state.props;\n    const maxNoOfDots = this.state.props.maxnoofdots;\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 multiplier = this.isRTL ? -1 : 1;\n    const options = {\n      useNativeDriver: true,\n      duration: 100,\n      easing: Easing.out(Easing.linear),\n    };\n    let data = props.type === 'dynamic' ? props.dataset : props.children;\n    const shouldAnimate = !(maxNoOfDots >= data?.length) && index > 3 && index <= data?.length - 2;\n    if (shouldAnimate) {\n      const newTranslateX = multiplier * -(index - 3) * (width + margin);\n      Animated.timing(this.wrapperPosition, {\n        toValue: newTranslateX,\n        ...options,\n      }).start();\n    }\n    if (index == 1 && prevIndex == data?.length) {\n      Animated.timing(this.wrapperPosition, {\n        toValue: 0,\n        ...options,\n      }).start();\n    }   \n    if (prevIndex < index || prevIndex > index) {\n      Animated.timing(this.dotPosition, {\n        toValue: multiplier * size * Math.max(index - 1, 0),\n        ...options,\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      const data= this.extractChildrenData(props.children)\n      return data[index];\n    \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 = data.length > 5 ? this.state.props.maxnoofdots : data.length;\n    const activeIndex = this.state.activeIndex - 1;\n    const dotMargin = ((this.styles.dotStyle?.marginLeft as number)|| 0) + \n    ((this.styles.dotStyle?.marginRight as number)|| 0);\n    const wrapperWidth = (this.styles.dotStyle.width as any * maxNoOfDots) + (dotMargin * 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={{ width: '100%', justifyContent: 'center', alignItems: 'center' }}>\n        <View style={[this.styles.dotsWrapperStyle, { width: wrapperWidth }]}>\n          <Animated.View\n            style={{\n              flexDirection: this.isRTL ? 'row-reverse' : 'row',\n              alignItems: 'center',\n              transform: [{ translateX: this.wrapperPosition }],\n            }}\n          >\n            {data.map((item: any, index: number) => {\n              const isActive = index === activeIndex;\n              let scale = 1;\n              if (activeIndex <= 2) {\n                scale = index <= 2 ? 1 : 1 - 0.1 * (index - 2);\n              } else if (activeIndex >= data.length - 3) {\n                  scale = index >= data.length - 3 ? 1 : 1 - 0.1 * ((data.length - 3) - index);\n              } else {\n                  scale = index === activeIndex ? 1 : (Math.abs(index - activeIndex) === 1 ? 0.9 : 0.8);\n              }\n              const animatedScale = new Animated.Value(scale);\n              Animated.timing(animatedScale, {\n                toValue: scale,\n                duration: 100,\n                easing: Easing.out(Easing.ease),\n                useNativeDriver: true,\n              }).start();\n              return (\n                <Animated.View\n                  key={'dots_' + this.generateItemKey(item, index, this.state.props)}\n                  {...this.getTestPropsForAction('indicator' + index)}\n                  style={[dotStyle,\n                    isActive && this.styles.activeDotStyle,\n                    {                \n                      transform: [{scale: animatedScale}]\n                    },\n                  ]}\n                />\n              );\n            })}\n          </Animated.View>\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    //Added below function to handle the case if the props.children has one object https://wavemaker.atlassian.net/browse/WMS-25986\n  extractChildrenData = (data: any) => {\n    if(Array.isArray(data)){\n      return data;\n    }\n    if(data && isObject(data) && Object.keys(data).length > 0){\n      return [data]\n    }\n    return [];\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 = this.extractChildrenData(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 \n        style={styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        <SwipeAnimation.View \n            enableGestures={props.enablegestures && this.noOfSlides > 1}\n            style={{\n              flex: 1\n            }}\n            direction='horizontal'\n            threshold={this.state.props.threshold}\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n            slideMinWidth={this.styles.slide.width}\n            slidesLayout={this.slidesLayout}\n            activeIndex={this.state.activeIndex}\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                testID={`carousel_item_${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                disableTouchEffect={this.state.props.disabletoucheffect}>\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":[]}

package/components/chart/bar-chart/bar-chart.component.js

@@ -16,6 +16,7 @@ export default class WmBarChart extends BaseChartComponent {
     return this.abbreviateNumber(data.datum.y);
   }
   getBarChart(props) {
+    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;
     return this.state.data.map((d, i) => {
       return /*#__PURE__*/React.createElement(VictoryBar, _extends({
         key: props.name + '_' + i,
@@ -26,7 +27,7 @@ export default class WmBarChart extends BaseChartComponent {
         alignment: "start",
         style: props.customcolors ? {
           data: {
-            fill: ({
+            fill: isNested ? this.state.colors[i % this.state.colors.length] : ({
               datum
             }) => {
               var _this$state$colors$da;
@@ -120,9 +121,9 @@ export default class WmBarChart extends BaseChartComponent {
         right: props.offsetright
       }
     }, this.getLegendView(), this.getXaxis(), this.getYAxis(), props.viewtype === 'Stacked' ? /*#__PURE__*/React.createElement(VictoryStack, {
-      colorScale: this.state.colors
+      colorScale: !this.theme ? this.state.colors : undefined
     }, this.getBarChart(props)) : /*#__PURE__*/React.createElement(VictoryGroup, {
-      colorScale: this.state.colors,
+      colorScale: !this.theme ? this.state.colors : undefined,
       offset: 10
     }, this.getBarChart(props)))));
   }

package/components/chart/bar-chart/bar-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","state","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","_this$state$colors$da","colors","x","length","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","dataset","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment='start'\n        style={props.customcolors?{\n          data: {\n            fill: ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length]\n          }\n        }:{}}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={(this.styles.root.height) as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}>\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack colorScale={this.state.colors}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={this.state.colors}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","dataset","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment='start'\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length]\n          }\n        }:{}}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={(this.styles.root.height) as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}>\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack \n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)   \n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/chart/theme/chart.theme.js

@@ -170,7 +170,7 @@ class ThemeFactory {
       bar: assign({
         style: {
           data: {
-            fill: c1,
+            fill: d => colors[d.index % colors.length],
             padding,
             strokeWidth: 0
           },

package/components/chart/theme/chart.theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["assign","ThemeVariables","themes","colors","tooltip","ThemeFactory","getColorsObj","themeName","getTheme","name","styles","customColors","colorsToUse","c1","c2","c3","c4","c5","c6","c7","c8","c9","c10","length","gridColor","textColorFromProps","text","color","sansSerif","letterSpacing","fontSize","padding","baseProps","width","height","baseLabelStyles","fontFamily","fill","INSTANCE","defaultTextColor","stroke","strokeWidth","centeredLabelStyles","textAnchor","strokeDasharray","strokeLinecap","strokeLinejoin","baseChartTheme","area","style","data","fillOpacity","labels","axis","chartAxisColor","axisLabel","grid","pointerEvents","ticks","size","chartAxisPointColor","tickLabels","polarDependentAxis","bar","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","histogram","legend","gutter","orientation","titleOrientation","type","border","title","heading4FontSize","line","pie","scatter","stack","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout"],"sources":["chart.theme.ts"],"sourcesContent":["import { assign } from \"lodash\";\nimport { VictoryThemeDefinition } from \"victory-core\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nconst themes: {[key:string]: any} = {\n  'Terrestrial': {\n    colors: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#de7d28',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Annabelle': {\n    colors: ['#393b79', '#5254a3', '#6b6ecf', '#9c9ede', '#637939', '#8ca252', '#b5cf6b', '#cedb9c', '#8c6d31', '#bd9e39', '#e7ba52', '#e7cb94', '#843c39', '#ad494a', '#d6616b', '#e7969c', '#7b4173', '#a55194', '#ce6dbd', '#de9ed6', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#2e306f',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Azure': {\n    colors: ['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#e6550d', '#fd8d3c', '#fdae6b', '#fdd0a2', '#31a354', '#74c476', '#a1d99b', '#c7e9c0', '#756bb1', '#9e9ac8', '#bcbddc', '#dadaeb', '#636363', '#969696', '#bdbdbd', '#d9d9d9', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#3182bd',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Retro': {\n    colors: ['#0ca7a1', '#ffa615', '#334957', '#acc5c2', '#988f90', '#8accc9', '#515151', '#f27861', '#36c9fd', '#794668', '#0f709d', '#0d2738', '#44be78', '#4a1839', '#6a393f', '#557d8b', '#6c331c', '#1c1c1c', '#861500', '#09562a', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#80513a',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Mellow': {\n    colors: ['#f0dcbf', '#88c877', '#aeb918', '#2e2c23', '#ddddd2', '#dfe956', '#4c963b', '#5d3801', '#e1eec3', '#cd8472', '#fcfab3', '#9a4635', '#9295ad', '#2e3f12', '#565677', '#557d8b', '#4f4d02', '#0c0c1b', '#833324', '#24120e', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#7c9e73',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Orient': {\n    colors: ['#a80000', '#cc6c3c', '#f0e400', '#000084', '#fccc6c', '#009c6c', '#cc309c', '#78cc00', '#fc84e4', '#48e4fc', '#4878d8', '#186c0c', '#606060', '#a8a8a8', '#000000', '#d7d7d7', '#75a06e', '#190d0b', '#888888', '#694b84', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#c14242',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'GrayScale': {\n    colors: ['#141414', '#353535', '#5b5b5b', '#848484', '#a8a8a8', '#c3c3c3', '#e0e0e0', '#c8c8c8', '#a5a5a5', '#878787', '#656565', '#4e4e4e', '#303030', '#1c1c1c', '#4f4f4f', '#3b3b3b', '#757575', '#606060', '#868686', '#c1c1c1', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#575757',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Flyer': {\n    colors: ['#3f454c', '#5a646e', '#848778', '#cededf', '#74c4dd', '#0946ed', '#380bb1', '#000ff0', '#f54a23', '#1db262', '#bca3aa', '#ffa500', '#a86b32', '#63a18c', '#56795e', '#934343', '#b75f5f', '#752d2d', '#4e1111', '#920606', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Luminosity': {\n    colors: ['#FFFFFF', '#e4e4e4', '#00bcd4', '#f0dd2f', '#00aabf', '#018376', '#e91e63', '#39e5d4', '#ff6d6d', '#00ff76', '#ff9800', '#969696', '#ff4200', '#e00000', '#95cbe5', '#5331ff', '#fff4a7', '#e7a800', '#0061e4', '#d5e7ff', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  }\n}\n\nclass ThemeFactory {\n  getColorsObj(themeName: string) {\n    return themes[themeName].colors;\n  }\n\n  getTheme(name: string, styles?: any, customColors?: Array<string>) {\n    const colorsToUse = this.getColorsObj(name);\n    const [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10] = colorsToUse;\n    let colors = [\n      c1,\n      c2,\n      c3,\n      c4,\n      c5,\n      c6,\n    ];\n    if (customColors && customColors.length) {\n      colors = customColors;\n    }\n    const gridColor = colorsToUse[colorsToUse.length - 1];\n    let textColorFromProps;\n    if (styles) {\n      textColorFromProps = styles.text.color;\n    }\n\n    // Typography\n    const sansSerif = \"'Helvetica Neue', 'Helvetica', sans-serif\";\n    const letterSpacing = \"normal\";\n    const fontSize = 12;\n\n    // Layout\n    const padding = 8;\n    const baseProps = {\n      width: 250,\n      height: 250,\n      padding: 50,\n    };\n\n    // Labels\n    const baseLabelStyles = {\n      fontFamily: sansSerif,\n      fontSize,\n      letterSpacing,\n      padding,\n      fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n      stroke: \"transparent\",\n      strokeWidth: 0,\n    };\n\n    const centeredLabelStyles = assign({ textAnchor: \"middle\" }, baseLabelStyles);\n\n    // Strokes\n    const strokeDasharray = \"10, 5\";\n    const strokeLinecap = \"round\";\n    const strokeLinejoin = \"round\";\n\n    const baseChartTheme: VictoryThemeDefinition = {\n      area: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              fillOpacity: 0.9\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      axis: assign(\n        {\n          style: {\n            axis: {\n              fill: \"transparent\",\n              stroke: textColorFromProps || ThemeVariables.INSTANCE.chartAxisColor,\n              strokeWidth: 2,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            axisLabel: assign({}, centeredLabelStyles, {\n              padding: 30,\n              stroke: \"transparent\",\n              fontSize: 15\n            }),\n            grid: {\n              fill: \"none\",\n              stroke: gridColor,\n              strokeDasharray,\n              strokeLinecap,\n              strokeLinejoin,\n              pointerEvents: \"painted\",\n            },\n            ticks: {\n              fill: \"transparent\",\n              size: 5,\n              stroke: ThemeVariables.INSTANCE.chartAxisPointColor,\n              strokeWidth: 1,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            tickLabels: assign({}, baseLabelStyles, {\n              fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n            }),\n          },\n        },\n        baseProps,\n      ),\n      polarDependentAxis: assign({\n        style: {\n          ticks: {\n            fill: \"transparent\",\n            size: 1,\n            stroke: \"transparent\",\n          },\n        },\n      }),\n      bar: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              padding,\n              strokeWidth: 0,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      boxplot: assign(\n        {\n          style: {\n            max: { padding, stroke: c9, strokeWidth: 1 },\n            maxLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            median: { padding, stroke: c9, strokeWidth: 1 },\n            medianLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            min: { padding, stroke: c9, strokeWidth: 1 },\n            minLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            q1: { padding, fill: c9 },\n            q1Labels: assign({}, baseLabelStyles, { padding: 3 }),\n            q3: { padding, fill: c9 },\n            q3Labels: assign({}, baseLabelStyles, { padding: 3 }),\n          },\n          boxWidth: 20,\n        },\n        baseProps,\n      ),\n      candlestick: assign(\n        {\n          style: {\n            data: {\n              stroke: c9,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 5 }),\n          },\n          candleColors: {\n            positive: \"#ffffff\",\n            negative: c9,\n          },\n        },\n        baseProps,\n      ),\n      chart: baseProps,\n      errorbar: assign(\n        {\n          borderWidth: 8,\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c9,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      group: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      histogram: assign(\n        {\n          style: {\n            data: {\n              fill: c9,\n              stroke: c10,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      legend: {\n        colorScale: colors,\n        gutter: 10,\n        orientation: \"vertical\",\n        titleOrientation: \"top\",\n        style: {\n          data: {\n            type: \"circle\",\n          },\n          border: { stroke: 'none' }, // ThemeVariables.INSTANCE.chartLegendBorder\n          labels: baseLabelStyles,\n          title: assign({}, baseLabelStyles, { padding: 5, fontSize: ThemeVariables.INSTANCE.heading4FontSize }),\n        },\n      },\n      line: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c1,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      pie: assign(\n        {\n          colorScale: colors,\n          style: {\n            data: {\n              padding,\n              stroke: '#ffffff',\n              strokeWidth: 1,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 20 }),\n          },\n        },\n        baseProps,\n      ),\n      scatter: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              opacity: 1,\n              stroke: \"transparent\",\n              strokeWidth: 1,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      stack: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      tooltip: {\n        style: assign({}, baseLabelStyles, { padding: 0, pointerEvents: \"none\" }),\n        flyoutStyle: {\n          stroke: c10,\n          strokeWidth: 1,\n          fill: \"#f0f0f0\",\n          pointerEvents: \"none\",\n        },\n        flyoutPadding: 5,\n        cornerRadius: 5,\n        pointerLength: 10,\n      },\n      voronoi: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              stroke: \"transparent\",\n              strokeWidth: 0,\n            },\n            labels: assign({}, baseLabelStyles, {\n              padding: 5,\n              pointerEvents: \"none\",\n            }),\n            flyout: {\n              stroke: c10,\n              strokeWidth: 1,\n              fill: \"#f0f0f0\",\n              pointerEvents: \"none\",\n            },\n          },\n        },\n        baseProps,\n      ),\n    };\n    return baseChartTheme;\n  }\n}\n\nexport default new ThemeFactory();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["assign","ThemeVariables","themes","colors","tooltip","ThemeFactory","getColorsObj","themeName","getTheme","name","styles","customColors","colorsToUse","c1","c2","c3","c4","c5","c6","c7","c8","c9","c10","length","gridColor","textColorFromProps","text","color","sansSerif","letterSpacing","fontSize","padding","baseProps","width","height","baseLabelStyles","fontFamily","fill","INSTANCE","defaultTextColor","stroke","strokeWidth","centeredLabelStyles","textAnchor","strokeDasharray","strokeLinecap","strokeLinejoin","baseChartTheme","area","style","data","fillOpacity","labels","axis","chartAxisColor","axisLabel","grid","pointerEvents","ticks","size","chartAxisPointColor","tickLabels","polarDependentAxis","bar","d","index","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","histogram","legend","gutter","orientation","titleOrientation","type","border","title","heading4FontSize","line","pie","scatter","stack","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout"],"sources":["chart.theme.ts"],"sourcesContent":["import { assign } from \"lodash\";\nimport { VictoryThemeDefinition } from \"victory-core\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nconst themes: {[key:string]: any} = {\n  'Terrestrial': {\n    colors: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#de7d28',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Annabelle': {\n    colors: ['#393b79', '#5254a3', '#6b6ecf', '#9c9ede', '#637939', '#8ca252', '#b5cf6b', '#cedb9c', '#8c6d31', '#bd9e39', '#e7ba52', '#e7cb94', '#843c39', '#ad494a', '#d6616b', '#e7969c', '#7b4173', '#a55194', '#ce6dbd', '#de9ed6', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#2e306f',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Azure': {\n    colors: ['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#e6550d', '#fd8d3c', '#fdae6b', '#fdd0a2', '#31a354', '#74c476', '#a1d99b', '#c7e9c0', '#756bb1', '#9e9ac8', '#bcbddc', '#dadaeb', '#636363', '#969696', '#bdbdbd', '#d9d9d9', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#3182bd',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Retro': {\n    colors: ['#0ca7a1', '#ffa615', '#334957', '#acc5c2', '#988f90', '#8accc9', '#515151', '#f27861', '#36c9fd', '#794668', '#0f709d', '#0d2738', '#44be78', '#4a1839', '#6a393f', '#557d8b', '#6c331c', '#1c1c1c', '#861500', '#09562a', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#80513a',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Mellow': {\n    colors: ['#f0dcbf', '#88c877', '#aeb918', '#2e2c23', '#ddddd2', '#dfe956', '#4c963b', '#5d3801', '#e1eec3', '#cd8472', '#fcfab3', '#9a4635', '#9295ad', '#2e3f12', '#565677', '#557d8b', '#4f4d02', '#0c0c1b', '#833324', '#24120e', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#7c9e73',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Orient': {\n    colors: ['#a80000', '#cc6c3c', '#f0e400', '#000084', '#fccc6c', '#009c6c', '#cc309c', '#78cc00', '#fc84e4', '#48e4fc', '#4878d8', '#186c0c', '#606060', '#a8a8a8', '#000000', '#d7d7d7', '#75a06e', '#190d0b', '#888888', '#694b84', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#c14242',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'GrayScale': {\n    colors: ['#141414', '#353535', '#5b5b5b', '#848484', '#a8a8a8', '#c3c3c3', '#e0e0e0', '#c8c8c8', '#a5a5a5', '#878787', '#656565', '#4e4e4e', '#303030', '#1c1c1c', '#4f4f4f', '#3b3b3b', '#757575', '#606060', '#868686', '#c1c1c1', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#575757',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Flyer': {\n    colors: ['#3f454c', '#5a646e', '#848778', '#cededf', '#74c4dd', '#0946ed', '#380bb1', '#000ff0', '#f54a23', '#1db262', '#bca3aa', '#ffa500', '#a86b32', '#63a18c', '#56795e', '#934343', '#b75f5f', '#752d2d', '#4e1111', '#920606', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Luminosity': {\n    colors: ['#FFFFFF', '#e4e4e4', '#00bcd4', '#f0dd2f', '#00aabf', '#018376', '#e91e63', '#39e5d4', '#ff6d6d', '#00ff76', '#ff9800', '#969696', '#ff4200', '#e00000', '#95cbe5', '#5331ff', '#fff4a7', '#e7a800', '#0061e4', '#d5e7ff', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  }\n}\n\nclass ThemeFactory {\n  getColorsObj(themeName: string) {\n    return themes[themeName].colors;\n  }\n\n  getTheme(name: string, styles?: any, customColors?: Array<string>) {\n    const colorsToUse = this.getColorsObj(name);\n    const [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10] = colorsToUse;\n    let colors = [\n      c1,\n      c2,\n      c3,\n      c4,\n      c5,\n      c6,\n    ];\n    if (customColors && customColors.length) {\n      colors = customColors;\n    }\n    const gridColor = colorsToUse[colorsToUse.length - 1];\n    let textColorFromProps;\n    if (styles) {\n      textColorFromProps = styles.text.color;\n    }\n\n    // Typography\n    const sansSerif = \"'Helvetica Neue', 'Helvetica', sans-serif\";\n    const letterSpacing = \"normal\";\n    const fontSize = 12;\n\n    // Layout\n    const padding = 8;\n    const baseProps = {\n      width: 250,\n      height: 250,\n      padding: 50,\n    };\n\n    // Labels\n    const baseLabelStyles = {\n      fontFamily: sansSerif,\n      fontSize,\n      letterSpacing,\n      padding,\n      fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n      stroke: \"transparent\",\n      strokeWidth: 0,\n    };\n\n    const centeredLabelStyles = assign({ textAnchor: \"middle\" }, baseLabelStyles);\n\n    // Strokes\n    const strokeDasharray = \"10, 5\";\n    const strokeLinecap = \"round\";\n    const strokeLinejoin = \"round\";\n\n    const baseChartTheme: VictoryThemeDefinition = {\n      area: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              fillOpacity: 0.9\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      axis: assign(\n        {\n          style: {\n            axis: {\n              fill: \"transparent\",\n              stroke: textColorFromProps || ThemeVariables.INSTANCE.chartAxisColor,\n              strokeWidth: 2,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            axisLabel: assign({}, centeredLabelStyles, {\n              padding: 30,\n              stroke: \"transparent\",\n              fontSize: 15\n            }),\n            grid: {\n              fill: \"none\",\n              stroke: gridColor,\n              strokeDasharray,\n              strokeLinecap,\n              strokeLinejoin,\n              pointerEvents: \"painted\",\n            },\n            ticks: {\n              fill: \"transparent\",\n              size: 5,\n              stroke: ThemeVariables.INSTANCE.chartAxisPointColor,\n              strokeWidth: 1,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            tickLabels: assign({}, baseLabelStyles, {\n              fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n            }),\n          },\n        },\n        baseProps,\n      ),\n      polarDependentAxis: assign({\n        style: {\n          ticks: {\n            fill: \"transparent\",\n            size: 1,\n            stroke: \"transparent\",\n          },\n        },\n      }),\n      bar: assign(\n        {\n          style: {\n            data: {\n              fill: (d: any) => colors[d.index % colors.length],\n              padding,\n              strokeWidth: 0,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      boxplot: assign(\n        {\n          style: {\n            max: { padding, stroke: c9, strokeWidth: 1 },\n            maxLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            median: { padding, stroke: c9, strokeWidth: 1 },\n            medianLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            min: { padding, stroke: c9, strokeWidth: 1 },\n            minLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            q1: { padding, fill: c9 },\n            q1Labels: assign({}, baseLabelStyles, { padding: 3 }),\n            q3: { padding, fill: c9 },\n            q3Labels: assign({}, baseLabelStyles, { padding: 3 }),\n          },\n          boxWidth: 20,\n        },\n        baseProps,\n      ),\n      candlestick: assign(\n        {\n          style: {\n            data: {\n              stroke: c9,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 5 }),\n          },\n          candleColors: {\n            positive: \"#ffffff\",\n            negative: c9,\n          },\n        },\n        baseProps,\n      ),\n      chart: baseProps,\n      errorbar: assign(\n        {\n          borderWidth: 8,\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c9,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      group: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      histogram: assign(\n        {\n          style: {\n            data: {\n              fill: c9,\n              stroke: c10,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      legend: {\n        colorScale: colors,\n        gutter: 10,\n        orientation: \"vertical\",\n        titleOrientation: \"top\",\n        style: {\n          data: {\n            type: \"circle\",\n          },\n          border: { stroke: 'none' }, // ThemeVariables.INSTANCE.chartLegendBorder\n          labels: baseLabelStyles,\n          title: assign({}, baseLabelStyles, { padding: 5, fontSize: ThemeVariables.INSTANCE.heading4FontSize }),\n        },\n      },\n      line: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c1,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      pie: assign(\n        {\n          colorScale: colors,\n          style: {\n            data: {\n              padding,\n              stroke: '#ffffff',\n              strokeWidth: 1,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 20 }),\n          },\n        },\n        baseProps,\n      ),\n      scatter: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              opacity: 1,\n              stroke: \"transparent\",\n              strokeWidth: 1,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      stack: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      tooltip: {\n        style: assign({}, baseLabelStyles, { padding: 0, pointerEvents: \"none\" }),\n        flyoutStyle: {\n          stroke: c10,\n          strokeWidth: 1,\n          fill: \"#f0f0f0\",\n          pointerEvents: \"none\",\n        },\n        flyoutPadding: 5,\n        cornerRadius: 5,\n        pointerLength: 10,\n      },\n      voronoi: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              stroke: \"transparent\",\n              strokeWidth: 0,\n            },\n            labels: assign({}, baseLabelStyles, {\n              padding: 5,\n              pointerEvents: \"none\",\n            }),\n            flyout: {\n              stroke: c10,\n              strokeWidth: 1,\n              fill: \"#f0f0f0\",\n              pointerEvents: \"none\",\n            },\n          },\n        },\n        baseProps,\n      ),\n    };\n    return baseChartTheme;\n  }\n}\n\nexport default new ThemeFactory();\n"],"mappings":"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","ignoreList":[]}

package/components/container/tabs/tabs.component.js

@@ -167,7 +167,7 @@ export default class WmTabs extends BaseComponent {
       }
     }, tabPanes.map((p, i) => {
       return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${p.props.title}-${i}`,
+        key: `tab-${i}`,
         style: {
           width: '100%',
           alignSelf: 'flex-start'
@@ -216,7 +216,7 @@ export default class WmTabs extends BaseComponent {
     const headerData = tabPanes.map((p, i) => ({
       title: p.props.title,
       icon: p.props.paneicon || '',
-      key: `tab-${p.props.title}-${i}`
+      key: `tab-${i}`
     }));
     const styles = this._showSkeleton ? {
       ...this.styles.root,
@@ -265,7 +265,7 @@ export default class WmTabs extends BaseComponent {
       handlers: this.animationHandlers
     }, tabPanes.map((p, i) => {
       return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${p.props.title}-${i}`,
+        key: `tab-${i}`,
         style: {
           width: '100%',
           height: this.styles.root.height ? undefined : 1000000,

package/components/container/tabs/tabs.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","createSkeleton","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","paneId","newIndex","i","findIndex","t","push","removeTabPane","splice","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeletonContent","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","cloneElement","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","onPropertyChange","name","$new","$old","selectedIndex","getBackground","_showSkeleton","_background","renderWidget","paneicon","handleLayout","id","getTestId","onIndexChange","shouldScroll","enablescroll","disabletoucheffect","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","animationHandlers","undefined"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    tabPane.paneId = `tabPane${this.newIndex++}`;\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes.push(tabPane)\n    }\n  }\n\n  removeTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes.splice(i, 1); \n      this.newIndex--;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    if (index < 0 || index >= this.tabPanes.length) {\n      return;\n    }\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeletonContent(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title, icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View\n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${p.props.title}-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {React.cloneElement(p, { \"invokeVariables\": false })}\n              {/* {p} */}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {this.renderSkeletonContent(props)}\n      </View>)) \n    }\n    return this.renderSkeletonContent(props);\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title,  icon: p.props.paneicon || '', key:  `tab-${p.props.title}-${i}`}));\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n          shouldScroll={props.enablescroll}\n          disabletoucheffect = {this.state.props.disabletoucheffect}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View\n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View\n                key={`tab-${p.props.title}-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA6CC,IAAI,QAAQ,cAAc;AACvE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAO,KAAKC,cAAc,MAAM,oDAAoD;AACpF,SAASC,gBAAgB,QAAQ,sCAAsC;AAEvE,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAOC,WAAW,MAAM,iCAAiC;AAEzD,SAASC,cAAc,QAAQ,wEAAwE;AAEvG,OAAO,MAAMC,WAAW,SAASP,kBAAkB,CAAc;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACxC,EAAE;IAAAA,eAAA,2BACE,CAAC;EAAA;AAC9B;AAEA,eAAe,MAAMC,MAAM,SAASZ,aAAa,CAAyC;EAyBxFS,WAAWA,CAACI,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAII,WAAW,CAAC,CAAC,CAAC;IAACG,eAAA,mBAzBlD,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA,oBACiB,IAAI;IAAAA,eAAA,yBACN,EAAE;IAAAA,eAAA,wBACe,IAAI;IAAAA,eAAA,4BAC5B;MAC1BG,MAAM,EAAGC,CAAC,IAAK;QAAA,IAAAC,eAAA;QACb,MAAMC,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,gBAAgB;UAC5CC,CAAC,GAAG,EAAAJ,eAAA,OAAI,CAACK,SAAS,cAAAL,eAAA,uBAAdA,eAAA,CAAgBM,KAAK,KAAI,CAAC;UAC9BC,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAACC,MAAM;QACrC,OAAO;UACLC,KAAK,EAAE,CAAC,CAAC,IAAIT,cAAc,IAAIA,cAAc,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGG,CAAC;UACjEO,MAAM,EAAE,CAAC,CAAC,GAAGV,cAAc,GAAGG,CAAC;UAC/BQ,KAAK,EAAG,CAAC,CAAC,IAAIX,cAAc,IAAIA,cAAc,KAAKM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGH;QAC9E,CAAC;MACH,CAAC;MACDS,OAAO,EAAGd,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD,CAAC;MACDY,OAAO,EAAGhB,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD;IACF,CAAC;EAID;EAEAa,YAAYA,CAACC,KAAwB,EAAE;IACrC,IAAI,CAACZ,SAAS,GAAGY,KAAK,CAACC,WAAW,CAACC,MAAM;IACzC,IAAI,CAACC,WAAW,CAAC,MAAM;MACrB,IAAI,CAACC,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAC,iBAAiBA,CAACC,KAAa,EAAEL,WAA8B,EAAE;IAAA,IAAAM,qBAAA;IAC/D,IAAI,CAACC,cAAc,CAACF,KAAK,CAAC,IAAAC,qBAAA,GAAGN,WAAW,CAACA,WAAW,CAACC,MAAM,cAAAK,qBAAA,uBAA9BA,qBAAA,CAAgCE,MAAM;IACnE,IAAIH,KAAK,KAAK,IAAI,CAACrB,KAAK,CAACC,gBAAgB,EAAE;MACzC,IAAI,CAACiB,WAAW,CAAC,CAAC;IACpB;EACF;EAEAO,WAAWA,CAACC,QAAgB,EAAEC,QAAmB,EAAE;IACjD,IAAI,CAAC,IAAI,CAAC3B,KAAK,CAAC4B,SAAS,CAACF,QAAQ,CAAC,EAAE;MACnC,MAAME,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC5B,KAAK,CAAC4B,SAAS,CAAC;MAC3CA,SAAS,CAACF,QAAQ,CAAC,GAAG,IAAI;MAC1BG,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,WAAW,CAAC;UACfF,SAAS,EAAEA;QACb,CAAC,EAAiBD,QAAQ,CAAC;MAC7B,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,MAAM;MACLA,QAAQ,IAAIA,QAAQ,CAAC,CAAC;IACxB;EACF;EAEAI,UAAUA,CAACC,OAAkB,EAAE;IAC7BA,OAAO,CAACC,MAAM,GAAG,UAAU,IAAI,CAACC,QAAQ,EAAE,EAAE;IAC5C,MAAMC,CAAC,GAAG,IAAI,CAAC7B,QAAQ,CAAC8B,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACJ,MAAM,KAAKD,OAAO,CAACC,MAAM,CAAC;IACnE,IAAIE,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAAC7B,QAAQ,CAAC6B,CAAC,CAAC,GAAGH,OAAO;IAC5B,CAAC,MAAM;MACL,IAAI,CAAC1B,QAAQ,CAACgC,IAAI,CAACN,OAAO,CAAC;IAC7B;EACF;EAEAO,aAAaA,CAACP,OAAkB,EAAE;IAChC,MAAMG,CAAC,GAAG,IAAI,CAAC7B,QAAQ,CAAC8B,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACJ,MAAM,KAAKD,OAAO,CAACC,MAAM,CAAC;IACnE,IAAIE,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAAC7B,QAAQ,CAACkC,MAAM,CAACL,CAAC,EAAE,CAAC,CAAC;MAC1B,IAAI,CAACD,QAAQ,EAAE;IACjB;EACF;EAEAO,aAAaA,CAACT,OAAkB,EAAE;IAChC,IAAI,CAACb,OAAO,CAAC,IAAI,CAACb,QAAQ,CAACoC,OAAO,CAACV,OAAO,CAAC,CAAC;EAC9C;EAEA,IAAIW,eAAeA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACrC,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;EACnD;EAEAkB,OAAOA,CAACE,KAAK,GAAG,IAAI,CAACrB,KAAK,CAACC,gBAAgB,EAAE;IAAA,IAAA2C,gBAAA;IAC3C,IAAIvB,KAAK,GAAG,CAAC,IAAIA,KAAK,IAAI,IAAI,CAACf,QAAQ,CAACC,MAAM,EAAE;MAC9C;IACF;IACA,MAAMsC,QAAQ,GAAG,CAAC,CAAC,GAAGxB,KAAK,IAAI,EAAAuB,gBAAA,OAAI,CAACzC,SAAS,cAAAyC,gBAAA,uBAAdA,gBAAA,CAAgBxC,KAAK,KAAI,CAAC,CAAC;IAC1D,IAAG,IAAI,CAAC0C,aAAa,EAAE;MACrB,IAAI,CAACA,aAAa,CAACC,WAAW,CAACF,QAAQ,CAAC,CACvCG,IAAI,CAAC,MAAM,IAAI,CAACpC,QAAQ,CAACS,KAAK,CAAC,CAAC;IACnC,CAAC,MAAM;MACL,IAAI,CAACT,QAAQ,CAACS,KAAK,CAAC;IACtB;EACF;EAEA4B,IAAIA,CAAA,EAAG;IAAA,IAAAC,mBAAA;IACL,CAAAA,mBAAA,OAAI,CAACJ,aAAa,cAAAI,mBAAA,eAAlBA,mBAAA,CAAoBC,SAAS,CAAC,CAAC;EACjC;EAEAC,IAAIA,CAAA,EAAG;IAAA,IAAAC,oBAAA;IACL,CAAAA,oBAAA,OAAI,CAACP,aAAa,cAAAO,oBAAA,eAAlBA,oBAAA,CAAoBF,SAAS,CAAC,CAAC;EACjC;EAEAvC,QAAQA,CAACsB,QAAgB,EAAE;IACzB,IAAIA,QAAQ,GAAG,CAAC,IAAIA,QAAQ,IAAI,IAAI,CAAC5B,QAAQ,CAACC,MAAM,EAAE;MACpD;IACF;IACA,MAAM+C,QAAQ,GAAG,IAAI,CAACtD,KAAK,CAACC,gBAAgB;IAC5C,MAAMsD,aAAa,GAAG,IAAI,CAACjD,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;IAChE,IAAI,CAACiC,QAAQ,GAAGA,QAAQ;IACxBqB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEC,WAAW,CAAC,CAAC;IAC5B,IAAI,CAAC1B,WAAW,CAAC;MACf7B,gBAAgB,EAAEiC;IACpB,CAAC,EAAiB,MAAM;MACtB,IAAI,CAACT,WAAW,CAACS,QAAQ,EAAE,MAAM;QAC/B,MAAMuB,WAAW,GAAG,IAAI,CAACnD,QAAQ,CAAC4B,QAAQ,CAAC;QAC3CuB,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEC,SAAS,CAAC,CAAC;QACxB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAACC,KAAK,EAAE1B,QAAQ,EAAEoB,QAAQ,CAAC,CAAC;MAC5E,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEOO,qBAAqBA,CAAClE,KAAkB,EAAE;IAC/C,MAAMW,QAAQ,GAAI1B,KAAK,CAACkF,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACpE,KAAK,CAACqE,QAAQ,CAAC,CAC5DC,MAAM,CAAC,CAACC,IAAS,EAAE7C,KAAa,KAAK6C,IAAI,CAACvE,KAAK,CAACwE,IAAI,IAAI,KAAK,CAAC;IAC/D,MAAMC,UAAU,GAAG9D,QAAQ,CAAC+D,GAAG,CAAC,CAACC,CAAM,EAAEnC,CAAS,MAC/C;MAACoC,KAAK,EAAED,CAAC,CAAC3E,KAAK,CAAC4E,KAAK;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAG,OAAOH,CAAC,CAAC3E,KAAK,CAAC4E,KAAK,IAAIpC,CAAC;IAAE,CAAC,CAAC,CAAC;IACxE,oBACEvD,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MAAC8F,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEC,iBAAiB,EAAE;MAAC,CAAC;IAAE,gBACzDlG,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MAACkG,QAAQ,EAAE,IAAI,CAACjE,YAAY,CAACkE,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACvE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7ExB,KAAA,CAAA8F,aAAA,CAACtF,WAAW;MACVwF,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBe,YAAY,EAAE,IAAI,CAACxF,KAAK,CAACwF,YAAa;MACtClF,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC;IAAiB,CAClC,CAAC,eACfrB,KAAA,CAAA8F,aAAA,CAAC7F;IACC;IAAA;MACA8F,KAAK,EAAE;QACLvE,KAAK,EAAE,MAAM;QACb;QACAgF,QAAQ,EAAE;MACZ;IAAE,gBACFxG,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MAAC8F,KAAK,EAAE;QACXU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE;MACZ;IAAE,GACChF,QAAQ,CAAC+D,GAAG,CAAC,CAACC,CAAM,EAAEnC,CAAC,KAAK;MAC3B,oBACAvD,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QACH4F,GAAG,EAAE,OAAOH,CAAC,CAAC3E,KAAK,CAAC4E,KAAK,IAAIpC,CAAC,EAAG;QACjCwC,KAAK,EAAE;UAACvE,KAAK,EAAE,MAAM;UAAEmF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAAC3D,iBAAiB,CAAC4D,IAAI,CAAC,IAAI,EAAE7C,CAAC;MAAE,gBAE9CvD,KAAK,CAAC4G,YAAY,CAAClB,CAAC,EAAE;QAAE,iBAAiB,EAAE;MAAM,CAAC,CAE/C,CAAC;IACT,CAAC,CACG,CACF,CACF,CAAC;EAET;EAEOmB,cAAcA,CAAC9F,KAAkB,EAAC;IACvC,IAAG,CAACA,KAAK,CAAC+F,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,cAAgC,GAAG,EAAAD,WAAA,OAAI,CAAChG,KAAK,cAAAgG,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYf,MAAM,cAAAe,WAAA,uBAAlBA,WAAA,CAAoBE,QAAQ,KAAI;QAAEhB,IAAI,EAAE,CAAC,CAAC;QAAEiB,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAOzG,cAAc,CAAC,IAAI,CAAC0G,KAAK,EAAEH,cAAc,EAAE;QAChD,GAAG,IAAI,CAAChB,MAAM,CAACC;MACjB,CAAC,eAAGjG,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QAAC8F,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;UAAEmB,OAAO,EAAE;QAAE,CAAC;MAAE,GACjD,IAAI,CAACnC,qBAAqB,CAAClE,KAAK,CAC7B,CAAE,CAAC;IACX;IACA,OAAO,IAAI,CAACkE,qBAAqB,CAAClE,KAAK,CAAC;EAC1C;EAEOsG,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOF,IAAI;MACT,KAAK,kBAAkB;QACrB,MAAMG,aAAa,GAAGF,IAAI,IAAI,CAAC;QAC/B,MAAMvE,SAAoB,GAAG,EAAE;QAC/BA,SAAS,CAACyE,aAAa,CAAC,GAAG,IAAI;QAC/B,IAAI,CAACvE,WAAW,CAAC;UACf7B,gBAAgB,EAAEoG,aAAa;UAC/BzE,SAAS,EAAEA;QACb,CAAgB,CAAC;IACrB;EACF;EAEA0E,aAAaA,CAAA,EAA6B;IACxC,OAAO,IAAI,CAACC,aAAa,GAAG,IAAI,GAAG,IAAI,CAACC,WAAW;EACrD;EAGAC,YAAYA,CAAC9G,KAAkB,EAAE;IAC/B,MAAMW,QAAQ,GAAI1B,KAAK,CAACkF,QAAQ,CAACC,OAAO,CAACpE,KAAK,CAACqE,QAAQ,CAAC,CACrDC,MAAM,CAAC,CAACC,IAAS,EAAE7C,KAAa,KAAK6C,IAAI,CAACvE,KAAK,CAACwE,IAAI,IAAI,KAAK,CAAC;IACjE,MAAMC,UAAU,GAAG9D,QAAQ,CAAC+D,GAAG,CAAC,CAACC,CAAM,EAAEnC,CAAS,MAC/C;MAACoC,KAAK,EAAED,CAAC,CAAC3E,KAAK,CAAC4E,KAAK;MAAGC,IAAI,EAAEF,CAAC,CAAC3E,KAAK,CAAC+G,QAAQ,IAAI,EAAE;MAAEjC,GAAG,EAAG,OAAOH,CAAC,CAAC3E,KAAK,CAAC4E,KAAK,IAAIpC,CAAC;IAAE,CAAC,CAAC,CAAC;IAC7F,MAAMyC,MAAM,GAAG,IAAI,CAAC2B,aAAa,GAAG;MAClC,GAAG,IAAI,CAAC3B,MAAM,CAACC,IAAI;MACnB,GAAG,IAAI,CAACD,MAAM,CAACiB,QAAQ,CAAChB;IAC1B,CAAC,GAAG,IAAI,CAACD,MAAM,CAACC,IAAI;IACpB,oBACEjG,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MACH8F,KAAK,EAAEC,MAAO;MACdG,QAAQ,EAAGhE,KAAK,IAAK,IAAI,CAAC4F,YAAY,CAAC5F,KAAK;IAAE,GAE7C,IAAI,CAACuF,aAAa,CAAC,CAAC,eACrB1H,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MAACkG,QAAQ,EAAE,IAAI,CAACjE,YAAY,CAACkE,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACvE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7ExB,KAAA,CAAA8F,aAAA,CAACtF,WAAW;MACVwH,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BjC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBnE,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC,gBAAiB;MAC9C6G,aAAa,EAAE,IAAI,CAAC3F,OAAO,CAAC6D,IAAI,CAAC,IAAI,CAAE;MACvC+B,YAAY,EAAEpH,KAAK,CAACqH,YAAa;MACjCC,kBAAkB,EAAI,IAAI,CAACjH,KAAK,CAACL,KAAK,CAACsH;IAAmB,CAC9C,CAAC,eACfrI,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;MACH8F,KAAK,EAAE,CAAC;QACNvE,KAAK,EAAE,MAAM;QACb8G,IAAI,EAAE;MACR,CAAC,EAAE,IAAI,CAACtC,MAAM,CAACC,IAAI,CAACrD,MAAM,GACzBvC,gBAAgB,CAAC,CAAC,GAAG;QAAC,WAAW,EAAE,QAAQ;QAAC,WAAW,EAAE;MAAM,CAAC,GAAU;QAACmG,QAAQ,EAAE;MAAQ,CAAC,GAC7F;QACAA,QAAQ,EAAE,QAAQ;QAClB+B,SAAS,EAAE,IAAI,CAAC5F,cAAc,CAAC,IAAI,CAACvB,KAAK,CAACC,gBAAgB;MAC5D,CAAC,EAAE,IAAI,CAAC2E,MAAM,CAACwC,UAAU;IAAE,gBAC3BxI,KAAA,CAAA8F,aAAA,CAAC1F,cAAc,CAACH,IAAI;MAClBwI,cAAc,EAAE1H,KAAK,CAAC2H,cAAe;MACrC3C,KAAK,EAAE;QACLU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE,QAAQ;QAClBiC,UAAU,EAAE;MACd,CAAE;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAGC,CAAC,IAAK;QAAC,IAAI,CAAC5E,aAAa,GAAG4E,CAAC;MAAA,CAAE;MACrCC,QAAQ,EAAI,IAAI,CAACC;IAAkB,GAElCtH,QAAQ,CAAC+D,GAAG,CAAC,CAACC,CAAM,EAAEnC,CAAC,KAAK;MAC3B,oBACAvD,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QACH4F,GAAG,EAAE,OAAOH,CAAC,CAAC3E,KAAK,CAAC4E,KAAK,IAAIpC,CAAC,EAAG;QACjCwC,KAAK,EAAE;UACLvE,KAAK,EAAE,MAAM;UACboB,MAAM,EAAE,IAAI,CAACoD,MAAM,CAACC,IAAI,CAACrD,MAAM,GAAIqG,SAAS,GAAG,OAAO;UACtDtC,SAAS,EAAE;QAAY;MAAE,gBAC3B3G,KAAA,CAAA8F,aAAA,CAAC7F,IAAI;QACH8F,KAAK,EAAE;UAACvE,KAAK,EAAE,MAAM;UAAEmF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAAC3D,iBAAiB,CAAC4D,IAAI,CAAC,IAAI,EAAE7C,CAAC;MAAE,GAE9CmC,CACG,CACF,CAAC;IACT,CAAC,CACkB,CACjB,CACF,CAAC;EAEX;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","createSkeleton","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","paneId","newIndex","i","findIndex","t","push","removeTabPane","splice","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeletonContent","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","cloneElement","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","onPropertyChange","name","$new","$old","selectedIndex","getBackground","_showSkeleton","_background","renderWidget","paneicon","handleLayout","id","getTestId","onIndexChange","shouldScroll","enablescroll","disabletoucheffect","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","animationHandlers","undefined"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    tabPane.paneId = `tabPane${this.newIndex++}`;\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes.push(tabPane)\n    }\n  }\n\n  removeTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes.splice(i, 1); \n      this.newIndex--;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    if (index < 0 || index >= this.tabPanes.length) {\n      return;\n    }\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeletonContent(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title, icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View\n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {React.cloneElement(p, { \"invokeVariables\": false })}\n              {/* {p} */}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {this.renderSkeletonContent(props)}\n      </View>)) \n    }\n    return this.renderSkeletonContent(props);\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title,  icon: p.props.paneicon || '', key:  `tab-${i}`}));\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n          shouldScroll={props.enablescroll}\n          disabletoucheffect = {this.state.props.disabletoucheffect}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View\n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View\n                key={`tab-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/data/form/form-field/form-field.component.js

@@ -227,6 +227,7 @@ export default class WmFormField extends BaseComponent {
         isValid: this.state.isValid,
         maskchar: props.maskchar,
         displayformat: props.displayformat,
+        autocomplete: props.autocomplete,
         invokeEvent: this.invokeEventCallback.bind(this),
         triggerValidation: this.validateFormField.bind(this),
         onFieldChange: this.onFieldChangeEvt.bind(this),