npm - @wavemaker/app-rn-runtime - Versions diffs - 11.6.0-next.24748 → 11.6.0-next.24750 - Mend

@wavemaker/app-rn-runtime 11.6.0-next.24748 → 11.6.0-next.24750

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

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

@@ -8,6 +8,7 @@ import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extracto
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import WmCarouselProps from './carousel.props';
 import { DEFAULT_CLASS } from './carousel.styles';
 export class WmCarouselState extends BaseComponentState {
@@ -256,12 +257,6 @@ export default class WmCarousel extends BaseComponent {
       return /*#__PURE__*/React.createElement(Animated.View, {
         key: this.generateItemKey(item, index, props),
         onLayout: this.addSlideLayout.bind(this, index),
-        onTouchEnd: () => {
-          var _this$animationView7;
-          this.onSlideChange(index + 1);
-          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
-          (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.setPosition(-1 * position);
-        },
         style: [{
           height: props.type === 'dynamic' ? undefined : '100%'
         }, this.styles.slide, index === 0 ? this.styles.firstSlide : null, index === data.length - 1 ? this.styles.lastSlide : null, isActive ? this.styles.activeSlide : null, translateX && scale ? {
@@ -271,7 +266,14 @@ export default class WmCarousel extends BaseComponent {
             scale: scale
           }]
         } : null]
-      }, this.renderItem(item, index));
+      }, /*#__PURE__*/React.createElement(Tappable, {
+        onTap: () => {
+          var _this$animationView7;
+          this.onSlideChange(index + 1);
+          const position = this.slidesLayout.filter((l, i) => i < index).reduce((s, l) => s + l.width, 0);
+          (_this$animationView7 = this.animationView) === null || _this$animationView7 === void 0 ? void 0 : _this$animationView7.setPosition(-1 * position);
+        }
+      }, this.renderItem(item, index)));
     })), hasNavs ? /*#__PURE__*/React.createElement(View, {
       style: styles.btnPanel
     }, /*#__PURE__*/React.createElement(WmIcon, {

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

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

app-rn-runtime/components/basic/label/label.component.js CHANGED Viewed

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -5,12 +6,12 @@ import React from 'react';
 import { Text, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
 import WmLabelProps from './label.props';
 import { DEFAULT_CLASS } from './label.styles';
 import { isNil, toString } from 'lodash-es';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
 import { createSkeleton } from '../skeleton/skeleton.component';
-import WmAnchor from '../anchor/anchor.component';
 export class WmLabelState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -53,6 +54,7 @@ export default class WmLabel extends BaseComponent {
       return [];
     }
     caption += '';
+    caption = caption.replace(/\(\s*\)/, '(#/__EMPTY__)');
     const pattern = /\[([^\]]+)\]\(([^)]*)\)/g;
     const linkRegex = /^(((http|https):\/\/)|#)[^ "]+$/;
     const captionSplit = caption.split(pattern);
@@ -60,10 +62,10 @@ export default class WmLabel extends BaseComponent {
     for (let i = 0; i < captionSplit.length; i++) {
       const isLink = captionSplit[i] === "" || linkRegex.test(captionSplit[i]);
       let part = {};
-      const isNextTextALink = captionSplit[i + 1] === "" || linkRegex.test(captionSplit[i + 1]) || false;
+      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);
       if (isLink) {
         part.text = captionSplit[i - 1] ?? '';
-        part.link = captionSplit[i];
+        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];
       } else {
         part.text = isNextTextALink ? "" : captionSplit[i];
       }
@@ -93,34 +95,39 @@ export default class WmLabel extends BaseComponent {
     }
   }
   renderWidget(props) {
-    var _this$state$parts;
     const linkStyles = this.theme.mergeStyle({
       text: this.styles.text
     }, this.styles.link);
     return !isNil(props.caption) ? /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
-      target: this
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: {
-        flexWrap: "wrap",
-        textAlign: this.styles.text.textAlign
-      },
-      numberOfLines: props.nooflines,
-      ellipsizeMode: "tail"
-    }, (_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.map((part, index) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: `part_${index}`
-    }, !isNil(part.link) ? /*#__PURE__*/React.createElement(WmAnchor, {
-      styles: linkStyles,
-      caption: part.text,
-      hyperlink: part.link
-    }) : /*#__PURE__*/React.createElement(Text, {
-      style: [this.styles.text, {
-        color: props.isValid === false ? 'red' : this.styles.text.color
-      }],
-      selectable: this.styles.text.userSelect === 'text'
-    }, toString(part.text), props.required && this.getAsterisk())))))) : null;
+    }, this._background, /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => {
+      var _this$state$parts;
+      return /*#__PURE__*/React.createElement(Tappable, {
+        target: this
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: {
+          flexWrap: "wrap",
+          textAlign: this.styles.text.textAlign
+        },
+        numberOfLines: props.nooflines,
+        ellipsizeMode: "tail"
+      }, (_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.map((part, index) => {
+        const isLink = !isNil(part.link);
+        return /*#__PURE__*/React.createElement(Text, _extends({
+          key: `part_${index}`,
+          style: [this.styles.text, isLink ? this.styles.link.text : null, props.isValid ? null : {
+            color: 'red'
+          }]
+        }, this.getTestPropsForLabel(isLink ? `link_${index}` : `${index}`), {
+          selectable: this.styles.text.userSelect === 'text'
+        }, part.link ? {
+          onPress: () => {
+            part.link && navigationService.openUrl(part.link, '_blank');
+          }
+        } : {}), toString(part.text), props.required && this.getAsterisk());
+      })));
+    })) : null;
   }
 }
 //# sourceMappingURL=label.component.js.map

app-rn-runtime/components/basic/label/label.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmAnchor","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","_this$state$parts","linkStyles","mergeStyle","entryanimation","animation","_background","target","flexWrap","textAlign","numberOfLines","nooflines","ellipsizeMode","state","map","index","Fragment","key","hyperlink","color","isValid","selectable","userSelect","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport WmAnchor from '../anchor/anchor.component';\n\ntype PartType = {\n text?: string,\n link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n constructor(props: WmLabelProps) {\n super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n }\n\n private getAsterisk () {\n return <Text style={this.styles.asterisk}></Text>;\n }\n\n public onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n\n switch(name) {\n case \"caption\":\n this.updateState({\n parts: this.parseCaption($new)\n } as WmLabelState);\n break;\n }\n }\n private getMultilineSkeleton(width: any, height: any) {\n const styles = {\n borderRadius:4,\n marginBottom: 10,\n height: height\n };\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...styles,\n width: width,\n height: height\n });\n }\n\n parseCaption(caption: string) {\n if (!caption) {\n return [];\n }\n caption += '';\n const pattern = /\\[([^\\]]+)\\]\$([^)])\$/g;\n const linkRegex = /^(((http\|https):\\/\\/)\|#)[^ \"]+$/;\n const captionSplit = caption.split(pattern);\n\n let parts = [];\n\n for (let i = 0; i < captionSplit.length; i++) {\n const isLink = captionSplit[i] === \"\" \|\| linkRegex.test(captionSplit[i]);\n let part: PartType = {};\n \n const isNextTextALink = captionSplit[i + 1] === \"\" \|\| linkRegex.test(captionSplit[i + 1]) \|\| false;\n if (isLink) {\n part.text = captionSplit[i - 1] ?? '';\n part.link = captionSplit[i];\n } else {\n part.text = isNextTextALink ? \"\" : captionSplit[i];\n };\n\n if (part.text) {\n parts.push(part);\n }\n }\n\n return parts;\n }\n\n public renderSkeleton(props: WmLabelProps){\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width;\n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| this.styles.text.fontSize;\n if(this.props.multilineskeleton) {\n return (<View style={{\n width: skeletonWidth as DimensionValue\n }}>\n {this.getMultilineSkeleton('100%', skeletonHeight)}\n {this.getMultilineSkeleton('70%', skeletonHeight)}\n {this.getMultilineSkeleton('40%', skeletonHeight)}\n </View>)\n }\n else{\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n }); \n }\n }\n\n renderWidget(props: WmLabelProps) {\n const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n return !isNil(props.caption) ? (\n <Animatedview entryanimation={props.animation} style={this.styles.root}>\n {this._background}\n <Tappable target={this}>\n <Text style={{flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}} numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n {this.state.parts?.map((part, index) => (\n <React.Fragment key={`part_${index}`}>\n {!isNil(part.link) ? (\n <WmAnchor styles={linkStyles} caption={part.text} hyperlink={part.link} />\n ) : (\n <Text\n style={[\n this.styles.text,\n {\n color:\n props.isValid === false\n ? 'red'\n : this.styles.text.color,\n },\n ]}\n selectable={this.styles.text.userSelect === 'text'}\n >\n {toString(part.text)}\n {props.required && this.getAsterisk()}\n </Text>\n )}\n </React.Fragment>\n ))}\n </Text>\n </Tappable>\n </Animatedview>\n ) : null;\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","_background","navigationService","_this$state$parts","target","flexWrap","textAlign","numberOfLines","nooflines","ellipsizeMode","state","map","index","_extends","key","isValid","color","getTestPropsForLabel","selectable","userSelect","onPress","openUrl","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ntype PartType = {\n text?: string,\n link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n constructor(props: WmLabelProps) {\n super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n }\n\n private getAsterisk () {\n return <Text style={this.styles.asterisk}></Text>;\n }\n\n public onPropertyChange(name: string, $new: any, $old: any): void {\n super.onPropertyChange(name, $new, $old);\n\n switch(name) {\n case \"caption\":\n this.updateState({\n parts: this.parseCaption($new)\n } as WmLabelState);\n break;\n }\n }\n private getMultilineSkeleton(width: any, height: any) {\n const styles = {\n borderRadius:4,\n marginBottom: 10,\n height: height\n };\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...styles,\n width: width,\n height: height\n });\n }\n\n parseCaption(caption: string) {\n if (!caption) {\n return [];\n }\n caption += '';\n caption = caption.replace(/\$\\s\$/, '(#/__EMPTY__)');\n const pattern = /\\[([^\\]]+)\\]\$([^)]*)\$/g;\n const linkRegex = /^(((http\|https):\\/\\/)\|#)[^ \"]+$/;\n const captionSplit = caption.split(pattern);\n\n let parts = [];\n\n for (let i = 0; i < captionSplit.length; i++) {\n const isLink = captionSplit[i] === \"\" \|\| linkRegex.test(captionSplit[i]);\n let part: PartType = {};\n \n const isNextTextALink = linkRegex.test(captionSplit[i + 1]);\n if (isLink) {\n part.text = captionSplit[i - 1] ?? '';\n part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];\n } else {\n part.text = isNextTextALink ? \"\" : captionSplit[i];\n };\n\n if (part.text) {\n parts.push(part);\n }\n }\n\n return parts;\n }\n\n public renderSkeleton(props: WmLabelProps){\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width;\n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| this.styles.text.fontSize;\n if(this.props.multilineskeleton) {\n return (<View style={{\n width: skeletonWidth as DimensionValue\n }}>\n {this.getMultilineSkeleton('100%', skeletonHeight)}\n {this.getMultilineSkeleton('70%', skeletonHeight)}\n {this.getMultilineSkeleton('40%', skeletonHeight)}\n </View>)\n }\n else{\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n }); \n }\n }\n\n renderWidget(props: WmLabelProps) {\n const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n return !isNil(props.caption) ? (\n <Animatedview entryanimation={props.animation} style={this.styles.root}>\n {this._background}\n <NavigationServiceConsumer>\n {(navigationService: NavigationService) => {\n return (<Tappable target={this}>\n <Text style={{flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}} numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n {this.state.parts?.map((part, index) => {\n const isLink = !isNil(part.link);\n return (\n <Text\n key={`part_${index}`}\n style={[\n this.styles.text,\n isLink ? this.styles.link.text : null,\n props.isValid ? null : { color: 'red'}\n ]}\n {...this.getTestPropsForLabel(isLink ? `link_${index}` : `${index}`)}\n selectable={this.styles.text.userSelect === 'text'}\n {...part.link ? {\n onPress: () => {\n part.link && navigationService.openUrl(part.link, '_blank');\n }\n }: {}}\n >\n {toString(part.text)}\n {props.required && this.getAsterisk()}\n </Text>\n );\n })}\n </Text>\n </Tappable>)}}\n </NavigationServiceConsumer>\n </Animatedview>\n ) : null;\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/label/label.styles.js CHANGED Viewed

@@ -23,11 +23,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     },
     link: {
-      root: {
-        marginBottom: -4
-      },
       text: {
-        padding: 0
+        textDecorationLine: 'underline'
       }
     }
   });

app-rn-runtime/components/basic/label/label.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","~~marginBottom~~","~~padding","~~flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n alignSelf: 'flex-start'\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles,\n link: {\n ~~root: {\n marginBottom: -4\n },\n~~ text: {\n ~~padding~~: 0\n }\n } as WmAnchorStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root : {\n flexDirection: 'row',\n textAlign: 'right'\n }\n });\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEP,cAAc,CAACQ;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRF,KAAK,EAAEP,cAAc,CAACU,kBAAkB;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRT,IAAI,EAAC;QACHU,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,IAAI,EAAE;~~MACJb~~,IAAI,EAAE;~~QACJc~~,~~YAAY~~,EAAE~~,CAAC~~;~~MACjB,CAAC~~;~~MACDZ,IAAI,EAAE;QACJa,OAAO,EAAE;MACX;~~IACF;EACJ,CAAC,CAAC;~~EAEFjB~~,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;~~MACLgB~~,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,MAAMC,cAAc,GAAGA,~~CAACd~~,KAAa,~~EAAEe~~,SAAiB,KAAoB;IAC1E,OAAO;~~MACLnB~~,IAAI,EAAE;~~QACJoB~~,eAAe,~~EAAEhB~~,KAAK;~~QACtBiB~~,WAAW,EAAE,EAAE;QACfC,UAAU,EAAE,EAAE;QACdC,YAAY,EAAE,EAAE;QAChBC,aAAa,EAAE,EAAE;~~QACjBZ~~,YAAY,EAAE;MAChB,CAAC;MACDV,IAAI,EAAE;QACJE,KAAK,~~EAAEe~~,SAAS;QAChBM,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;~~EAED3B~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,~~CAAC6B~~,gBAAgB,~~EAAE7B~~,cAAc,~~CAAC8B~~,wBAAwB,CAAC,CAAC;~~EACtH7B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,CAACQ,iBAAiB,EAAER,cAAc,~~CAAC+B~~,yBAAyB,CAAC,CAAC;~~EACzH9B~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,~~CAACgC~~,cAAc,~~EAAEhC~~,cAAc,~~CAACiC~~,sBAAsB,CAAC,CAAC;~~EAChHhC~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,~~CAACkC~~,iBAAiB,~~EAAElC~~,cAAc,~~CAACmC~~,yBAAyB,CAAC,CAAC;~~EACzHlC~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,~~CAACoC~~,iBAAiB,~~EAAEpC~~,cAAc,~~CAACqC~~,yBAAyB,CAAC,CAAC;~~EACzHpC~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEoB~~,cAAc,~~CAACrB~~,cAAc,~~CAACsC~~,iBAAiB,~~EAAEtC~~,cAAc,~~CAACuC~~,yBAAyB,CAAC,CAAC;~~EACzHtC~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEoB~~,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;~~EAC3DpB~~,QAAQ,CAAC,aAAa,EAAE,EAAE,~~EAAEoB~~,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EAE7D,MAAMmB,aAAa,~~GAAIjC~~,KAAa,IAAK;IACvC,OAAO;MACLF,IAAI,EAAE;QACJE,KAAK,EAAEA;MACT;IACF,CAAC;EACH,CAAC;EAEDN,QAAQ,CAAC,aAAa,EAAE,EAAE,~~EAAEuC~~,aAAa,~~CAACxC~~,cAAc,~~CAACyC~~,oBAAoB,CAAC,CAAC;EAC/~~ExC~~,QAAQ,CAAC,WAAW,EAAE,EAAE,~~EAAEuC~~,aAAa,~~CAACxC~~,cAAc,~~CAAC0C~~,kBAAkB,CAAC,CAAC;~~EAC3EzC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEuC~~,aAAa,~~CAACxC~~,cAAc,~~CAAC2C~~,qBAAqB,CAAC,CAAC;~~EACjF1C~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEuC~~,aAAa,~~CAACxC~~,cAAc,~~CAAC4C~~,qBAAqB,CAAC,CAAC;~~EACjF3C~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEuC~~,aAAa,~~CAACxC~~,cAAc,~~CAAC6C~~,qBAAqB,CAAC,CAAC;~~EACjF5C~~,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE;~~MACJiB~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;~~EACnBnB~~,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;~~MACJiB~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;~~EACnBnB~~,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBE,IAAI,EAAE;~~MACJiB~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EAGnB,MAAM0B,gBAAgB,GAAGA,~~CAACxC~~,QAAgB,~~EAAEyC~~,SAAyB,KAAK;IACxE,~~OAAOnD~~,QAAQ,CAAC;MACdS,IAAI,EAAE;~~QACJuB~~,UAAU,EAAE,KAAK;~~QACjBtB~~,QAAQ,EAAEA,QAAQ;~~QAClB0C~~,MAAM,EAAE,CAAC;~~QACTzC~~,KAAK,EAAEP,cAAc,~~CAACiD~~;MACxB;IACF,CAAC,EAAmBF,SAAS,CAAC;EAChC,CAAC;~~EACD9C~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACkD~~,gBAAgB,EAAE;~~IAAC7C~~,IAAI,EAAE;~~MAACuB~~,UAAU,EAAE;IAAM;EAAC,CAAkB,CAAC,CAAC;~~EACpH3B~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACmD~~,gBAAgB,EAAE;~~IAAC9C~~,IAAI,EAAE;~~MAACuB~~,UAAU,EAAE;IAAK;EAAC,CAAkB,CAAC,CAAC;~~EACnH3B~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACoD~~,gBAAgB,CAAC,CAAC;~~EACrEnD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACqD~~,gBAAgB,CAAC,CAAC;~~EACrEpD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACsD~~,gBAAgB,CAAC,CAAC;~~EACrErD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE6C~~,gBAAgB,~~CAAC9C~~,cAAc,~~CAACuD~~,gBAAgB,CAAC,CAAC;~~EACrEtD~~,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;EACnBL,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBI,IAAI,EAAG;MACLE,KAAK,EAAEP,cAAc,~~CAACwD~~;IACxB;EACF,CAAkB,CAAC;~~EACnBvD~~,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;IAChBI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;AACrB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n alignSelf: 'flex-start'\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles,\n link: {\n text: {\n textDecorationLine: 'underline'\n }\n } as WmAnchorStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root : {\n flexDirection: 'row',\n textAlign: 'right'\n }\n });\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"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"}

app-rn-runtime/components/chart/area-chart/area-chart.component.js CHANGED Viewed

@@ -107,7 +107,7 @@ export default class WmAreaChart extends BaseChartComponent {
             strokeWidth: props.linethickness
           }
         },
-        data: d
+        data: this.isRTL ? d.toReversed() : d
       }), props.highlightpoints ? /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
@@ -116,7 +116,7 @@ export default class WmAreaChart extends BaseChartComponent {
             fill: Color(this.state.colors[i]).darken(0.2).rgb().toString()
           }
         },
-        data: d,
+        data: this.isRTL ? d.toReversed() : d,
         events: [{
           target: 'data',
           eventHandlers: Platform.OS == "web" ? {

app-rn-runtime/components/chart/area-chart/area-chart.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Color","View","Text","Platform","Defs","LinearGradient","Stop","VictoryArea","VictoryChart","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","isNumber","WmAreaChartState","constructor","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","_this$state$data","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","padding","top","bottom","left","right","minDomain","containerComponent","getTooltip","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","highlightpoints","size","darken","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n constructor(props: WmAreaChartProps) {\n super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n let viewWidth = e.nativeEvent.layout.width;\n this.updateState({\n chartWidth: viewWidth\n } as WmAreaChartState)\n }\n\n onSelect(event: any, data: any){\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 let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n }\n\n renderWidget(props: WmAreaChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n let mindomain={\n x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n };\n const chartName = this.props.name ?? 'nonameAreachart';\n let gradientStop = '100%';\n if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n }\n return (\n <View\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 {this.state.chartWidth ? \n (\n <VictoryChart\n theme={this.state.theme}\n height={this.styles.root.height as number}\n width={this.state.chartWidth \|\| 120}\n padding={{ top: 70, bottom: 50, left: 50, right: 30 }}\n minDomain={mindomain}\n containerComponent={\n this.getTooltip(props)\n }\n > \n {this.getLegendView()}\n {this.getXaxis()}\n {this.getYAxis()}\n <VictoryStack>\n {\n this.state.data.map((d: any, i: number) => {\n return <VictoryGroup key={props.name + '_area_group_' + i}>\n <Defs>\n <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n </LinearGradient>\n </Defs>\n <VictoryArea\n interpolation={props.interpolation as InterpolationPropType}\n key={props.name + '_' + i}\n name={props.name + '_' + i}\n style={{\n data: {\n fill: `url(#${chartName}Gradient${i})`,\n stroke: this.state.colors[i],\n strokeWidth: props.linethickness,\n }\n }}\n data={d}\n />\n {props.highlightpoints ?\n <VictoryScatter\n size={5}\n key={props.name + '_scatter' + i}\n style={{\n data: { \n fill: Color(this.state.colors[i]).darken(0.2).rgb().toString()}\n }} \n data={d}\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 />\n : null}\n </VictoryGroup>\n })\n }\n </VictoryStack>\n </VictoryChart>\n )\n : null}\n </View>);\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Color","View","Text","Platform","Defs","LinearGradient","Stop","VictoryArea","VictoryChart","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","isNumber","WmAreaChartState","constructor","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","_this$state$data","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","padding","top","bottom","left","right","minDomain","containerComponent","getTooltip","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","highlightpoints","size","darken","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n constructor(props: WmAreaChartProps) {\n super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n let viewWidth = e.nativeEvent.layout.width;\n this.updateState({\n chartWidth: viewWidth\n } as WmAreaChartState)\n }\n\n onSelect(event: any, data: any){\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 let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n }\n\n renderWidget(props: WmAreaChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n let mindomain={\n x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n };\n const chartName = this.props.name ?? 'nonameAreachart';\n let gradientStop = '100%';\n if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n }\n return (\n <View\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 {this.state.chartWidth ? \n (\n <VictoryChart\n theme={this.state.theme}\n height={this.styles.root.height as number}\n width={this.state.chartWidth \|\| 120}\n padding={{ top: 70, bottom: 50, left: 50, right: 30 }}\n minDomain={mindomain}\n containerComponent={\n this.getTooltip(props)\n }\n > \n {this.getLegendView()}\n {this.getXaxis()}\n {this.getYAxis()}\n <VictoryStack>\n {\n this.state.data.map((d: any, i: number) => {\n return <VictoryGroup key={props.name + '_area_group_' + i}>\n <Defs>\n <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n </LinearGradient>\n </Defs>\n <VictoryArea\n interpolation={props.interpolation as InterpolationPropType}\n key={props.name + '_' + i}\n name={props.name + '_' + i}\n style={{\n data: {\n fill: `url(#${chartName}Gradient${i})`,\n stroke: this.state.colors[i],\n strokeWidth: props.linethickness,\n }\n }}\n data={this.isRTL?d.toReversed():d}\n />\n {props.highlightpoints ?\n <VictoryScatter\n size={5}\n key={props.name + '_scatter' + i}\n style={{\n data: { \n fill: Color(this.state.colors[i]).darken(0.2).rgb().toString()}\n }} \n data={this.isRTL?d.toReversed():d}\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 />\n : null}\n </VictoryGroup>\n })\n }\n </VictoryStack>\n </VictoryChart>\n )\n : null}\n </View>);\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/chart/bar-chart/bar-chart.component.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text, View, Platform } from 'react-native';
+import { View, Text, Platform } from 'react-native';
 import { VictoryChart, VictoryBar, VictoryStack, VictoryGroup } from "victory-native";
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
 import WmBarChartProps from './bar-chart.props';
@@ -19,7 +19,7 @@ export default class WmBarChart extends BaseChartComponent {
         key: props.name + '_' + i,
         horizontal: props.horizontal,
         labels: props.showvalues ? this.labelFn.bind(this) : undefined,
-        data: d,
+        data: this.isRTL ? d.toReversed() : d,
         height: 100,
         alignment: "start",
         style: props.customcolors ? {
@@ -32,6 +32,12 @@ export default class WmBarChart extends BaseChartComponent {
             }
           }
         } : {},
+        cornerRadius: {
+          topLeft: this.styles.bar.borderTopLeftRadius,
+          topRight: this.styles.bar.borderTopRightRadius,
+          bottomLeft: this.styles.bar.borderBottomLeftRadius,
+          bottomRight: this.styles.bar.borderBottomRightRadius
+        },
         events: [{
           target: 'data',
           eventHandlers: Platform.OS == "web" ? {

app-rn-runtime/components/chart/bar-chart/bar-chart.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","Platform","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","key","name","horizontal","labels","showvalues","bind","undefined","height","alignment","style","customcolors","fill","_ref","colors","x","length","events","target","eventHandlers","OS","onClick","onSelect","onPress","event","value","index","label","xaxisDatakeyArr","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","styles","root","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","width","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform } from 'react-native';\n\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';\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={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 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 });\n}\n\nonSelect(event: any, data: any){\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 let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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 style={this.styles.root}\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 <VictoryChart theme={this.state.theme}\n height={this.styles.root.height as number}\n width={this.styles.root.width as number \|\| this.screenWidth} \n minDomain={mindomain}\n padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n containerComponent={\n this.getTooltip(props)\n }>\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>);\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SACEC,YAAY,EACZC,UAAU,EAEVC,YAAY,EACZC,YAAY,QACP,gBAAgB;AAEvB,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AACpE,OAAOC,MAAM,MAAM,gEAAgE;AAGnF,OAAO,MAAMC,eAAe,SAASJ,uBAAuB,CAAkB;AAE9E,eAAe,MAAMK,UAAU,SAASN,kBAAkB,CAAqD;EAE7GO,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIG,eAAe,CAAC,CAAC,CAAC;EAC3E;EAEAI,OAAOA,CAACC,IAAS,EAAgD;IAC/D,OAAO,IAAI,CAACC,gBAAgB,CAACD,IAAI,CAACE,KAAK,CAACC,CAAC,CAAC;EAC5C;EAEAC,WAAWA,CAACN,KAAsB,EAAE;IACpC,OAAO,IAAI,CAACO,KAAK,CAACL,IAAI,CAACM,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAChD,oBAAO1B,KAAA,CAAA2B,aAAA,CAACtB,UAAU;QAACuB,GAAG,EAAEZ,KAAK,CAACa,IAAI,GAAG,GAAG,GAAGH,CAAE;QACzCI,UAAU,EAAEd,KAAK,CAACc,UAAW;QAACC,MAAM,EAAEf,KAAK,CAACgB,UAAU,GAAG,IAAI,CAACf,OAAO,CAACgB,IAAI,CAAC,IAAI,CAAC,GAAGC,SAAU;QAC7FhB,IAAI,EAAEO,CAAE;QACRU,MAAM,EAAE,GAAI;QACZC,SAAS,EAAC,OAAO;QACjBC,KAAK,EAAErB,KAAK,CAACsB,YAAY,GAAC;UACxBpB,IAAI,EAAE;YACJqB,IAAI,EAAEC,IAAA;cAAA,IAAC;gBAAEpB;cAAM,CAAC,GAAAoB,IAAA;cAAA,OAAK,IAAI,CAACjB,KAAK,CAACkB,MAAM,CAACrB,KAAK,CAACsB,CAAC,CAAC,IAAI,IAAI,CAACnB,KAAK,CAACkB,MAAM,CAACrB,KAAK,CAACsB,CAAC,GAAG,IAAI,CAACnB,KAAK,CAACkB,MAAM,CAACE,MAAM,CAAC;YAAA;UAC1G;QACF,CAAC,GAAC,CAAC,CAAE;QACLC,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAE3C,QAAQ,CAAC4C,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAChB,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACAiB,OAAO,EAAE,IAAI,CAACD,QAAQ,CAAChB,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,CAAC,CAAC;IACT,CAAC,CAAC;EACN;EAEAgB,QAAQA,CAACE,KAAU,EAAEjC,IAAS,EAAC;IAC7B,IAAIkC,KAAK,GAAGlC,IAAI,CAACA,IAAI,CAACA,IAAI,CAACmC,KAAK,CAAC,CAAChC,CAAC;IACnC,IAAIiC,KAAK,GAAG,IAAI,CAAC/B,KAAK,CAACgC,eAAe,CAACrC,IAAI,CAACE,KAAK,CAACsB,CAAC,CAAC;IACpD,IAAIc,YAAY,GAAG,IAAI,CAACxC,KAAK,CAACyC,OAAO,CAACvC,IAAI,CAACmC,KAAK,CAAC;IACjD,IAAIK,iBAAiB,GAAG,CAAC;MAACC,MAAM,EAAE,CAAC;MAAEjB,CAAC,EAAExB,IAAI,CAACmC,KAAK;MAAEhC,CAAC,EAAE+B,KAAK;MAACQ,QAAQ,EAAEJ;IAAY,CAAC,EAACtC,IAAI,CAACmC,KAAK,CAAC;IAChG,IAAI,CAACQ,mBAAmB,CAAC,UAAU,EAAE,CAACV,KAAK,CAACW,WAAW,EAAE,IAAI,CAACC,KAAK,EAAEP,YAAY,EAAEE,iBAAiB,CAAE,CAAC;EACzG;EAEEM,YAAYA,CAAChD,KAAsB,EAAE;IACnC,IAAI,CAAC6C,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACxC,KAAK,CAACL,IAAI,CAACyB,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAIsB,SAAS,GAAC;MAACvB,CAAC,EAAE,IAAI,CAAC1B,KAAK,CAACkD,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC3C,KAAK,CAAC4C,SAAS,GAAEjC,SAAS;MAAEb,CAAC,EAAE,IAAI,CAACL,KAAK,CAACoD,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC7C,KAAK,CAAC8C,SAAS,GAAEnC;IAAS,CAAC;IACpJ,oBAAQlC,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MACXmC,KAAK,EAAE,IAAI,CAACiC,MAAM,CAACC;IAAK,gBAExBvE,KAAA,CAAA2B,aAAA,CAACzB,IAAI,qBACDF,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MAACmC,KAAK,EAAE;QAACmC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACvDzD,KAAK,CAAC0D,SAAS,gBAAI1E,KAAA,CAAA2B,aAAA,CAACf,MAAM;MAAC8D,SAAS,EAAE1D,KAAK,CAAC0D,SAAU;MAACJ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK;IAAK,CAAS,CAAC,GAAI,IAAI,eACnG3E,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAACoC,KAAK,EAAE,IAAI,CAACiC,MAAM,CAACM;IAAM,GAAE5D,KAAK,CAAC4D,KAAY,CAC/C,CAAC,eACP5E,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAACoC,KAAK,EAAE,IAAI,CAACiC,MAAM,CAACO;IAAW,GAAE7D,KAAK,CAAC8D,UAAiB,CACzD,CAAC,eACT9E,KAAA,CAAA2B,aAAA,CAACvB,YAAY;MAAC2E,KAAK,EAAE,IAAI,CAACxD,KAAK,CAACwD,KAAM;MAClB5C,MAAM,EAAE,IAAI,CAACmC,MAAM,CAACC,IAAI,CAACpC,MAAiB;MAC1C6C,KAAK,EAAE,IAAI,CAACV,MAAM,CAACC,IAAI,CAACS,KAAK,IAAc,IAAI,CAACC,WAAY;MAC5DC,SAAS,EAAEjB,SAAU;MACrBkB,OAAO,EAAE;QAAEC,GAAG,EAAEpE,KAAK,CAACqE,SAAS;QAAEC,MAAM,EAAEtE,KAAK,CAACuE,YAAY;QAAEC,IAAI,EAAExE,KAAK,CAACyE,UAAU;QAAEC,KAAK,EAAE1E,KAAK,CAAC2E;MAAY,CAAE;MAChHC,kBAAkB,EAChB,IAAI,CAACC,UAAU,CAAC7E,KAAK;IACtB,GACpB,IAAI,CAAC8E,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EAEdhF,KAAK,CAACiF,QAAQ,KAAK,SAAS,gBAAGjG,KAAA,CAAA2B,aAAA,CAACrB,YAAY;MAAC4F,UAAU,EAAE,IAAI,CAAC3E,KAAK,CAACkB;IAAO,GAEvE,IAAI,CAACnB,WAAW,CAACN,KAAK,CAEZ,CAAC,gBAAGhB,KAAA,CAAA2B,aAAA,CAACpB,YAAY;MAAC2F,UAAU,EAAE,IAAI,CAAC3E,KAAK,CAACkB,MAAO;MAAE0D,MAAM,EAAE;IAAG,GAEvE,IAAI,CAAC7E,WAAW,CAACN,KAAK,CAEZ,CAEJ,CAAO,CAAC;EACxB;AACF"}
1	+ {"version":3,"names":["React","View","Text","Platform","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","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","_ref","colors","x","length","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","event","value","index","label","xaxisDatakeyArr","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","root","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","width","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform } from 'react-native';\n\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';\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 });\n}\n\nonSelect(event: any, data: any){\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 let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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 style={this.styles.root}\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 <VictoryChart theme={this.state.theme}\n height={this.styles.root.height as number}\n width={this.styles.root.width as number \|\| this.screenWidth} \n minDomain={mindomain}\n padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n containerComponent={\n this.getTooltip(props)\n }>\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>);\n }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SACEC,YAAY,EACZC,UAAU,EAEVC,YAAY,EACZC,YAAY,QACP,gBAAgB;AAEvB,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AACpE,OAAOC,MAAM,MAAM,gEAAgE;AAGnF,OAAO,MAAMC,eAAe,SAASJ,uBAAuB,CAAkB;AAE9E,eAAe,MAAMK,UAAU,SAASN,kBAAkB,CAAqD;EAE7GO,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIG,eAAe,CAAC,CAAC,CAAC;EAC3E;EAEAI,OAAOA,CAACC,IAAS,EAAgD;IAC/D,OAAO,IAAI,CAACC,gBAAgB,CAACD,IAAI,CAACE,KAAK,CAACC,CAAC,CAAC;EAC5C;EAEAC,WAAWA,CAACN,KAAsB,EAAE;IACpC,OAAO,IAAI,CAACO,KAAK,CAACL,IAAI,CAACM,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAChD,oBAAO1B,KAAA,CAAA2B,aAAA,CAACtB,UAAU;QAACuB,GAAG,EAAEZ,KAAK,CAACa,IAAI,GAAG,GAAG,GAAGH,CAAE;QACzCI,UAAU,EAAEd,KAAK,CAACc,UAAW;QAACC,MAAM,EAAEf,KAAK,CAACgB,UAAU,GAAG,IAAI,CAACf,OAAO,CAACgB,IAAI,CAAC,IAAI,CAAC,GAAGC,SAAU;QAC7FhB,IAAI,EAAE,IAAI,CAACiB,KAAK,GAACV,CAAC,CAACW,UAAU,CAAC,CAAC,GAACX,CAAE;QAClCY,MAAM,EAAE,GAAI;QACZC,SAAS,EAAC,OAAO;QACjBC,KAAK,EAAEvB,KAAK,CAACwB,YAAY,GAAC;UACxBtB,IAAI,EAAE;YACJuB,IAAI,EAAEC,IAAA;cAAA,IAAC;gBAAEtB;cAAM,CAAC,GAAAsB,IAAA;cAAA,OAAK,IAAI,CAACnB,KAAK,CAACoB,MAAM,CAACvB,KAAK,CAACwB,CAAC,CAAC,IAAI,IAAI,CAACrB,KAAK,CAACoB,MAAM,CAACvB,KAAK,CAACwB,CAAC,GAAG,IAAI,CAACrB,KAAK,CAACoB,MAAM,CAACE,MAAM,CAAC;YAAA;UAC1G;QACF,CAAC,GAAC,CAAC,CAAE;QACLC,YAAY,EAAE;UAACC,OAAO,EAAE,IAAI,CAACC,MAAM,CAACC,GAAG,CAACC,mBAAmB;UAAEC,QAAQ,EAAE,IAAI,CAACH,MAAM,CAACC,GAAG,CAACG,oBAAoB;UAAEC,UAAU,EAAE,IAAI,CAACL,MAAM,CAACC,GAAG,CAACK,sBAAsB;UAAEC,WAAW,EAAE,IAAI,CAACP,MAAM,CAACC,GAAG,CAACO;QAAuB,CAAE;QACvNC,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAExD,QAAQ,CAACyD,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAAC7B,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACA8B,OAAO,EAAE,IAAI,CAACD,QAAQ,CAAC7B,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,CAAC,CAAC;IACT,CAAC,CAAC;EACN;EAEA6B,QAAQA,CAACE,KAAU,EAAE9C,IAAS,EAAC;IAC7B,IAAI+C,KAAK,GAAG/C,IAAI,CAACA,IAAI,CAACA,IAAI,CAACgD,KAAK,CAAC,CAAC7C,CAAC;IACnC,IAAI8C,KAAK,GAAG,IAAI,CAAC5C,KAAK,CAAC6C,eAAe,CAAClD,IAAI,CAACE,KAAK,CAACwB,CAAC,CAAC;IACpD,IAAIyB,YAAY,GAAG,IAAI,CAACrD,KAAK,CAACsD,OAAO,CAACpD,IAAI,CAACgD,KAAK,CAAC;IACjD,IAAIK,iBAAiB,GAAG,CAAC;MAACC,MAAM,EAAE,CAAC;MAAE5B,CAAC,EAAE1B,IAAI,CAACgD,KAAK;MAAE7C,CAAC,EAAE4C,KAAK;MAACQ,QAAQ,EAAEJ;IAAY,CAAC,EAACnD,IAAI,CAACgD,KAAK,CAAC;IAChG,IAAI,CAACQ,mBAAmB,CAAC,UAAU,EAAE,CAACV,KAAK,CAACW,WAAW,EAAE,IAAI,CAACC,KAAK,EAAEP,YAAY,EAAEE,iBAAiB,CAAE,CAAC;EACzG;EAEEM,YAAYA,CAAC7D,KAAsB,EAAE;IACnC,IAAI,CAAC0D,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACrD,KAAK,CAACL,IAAI,CAAC2B,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAIiC,SAAS,GAAC;MAAClC,CAAC,EAAE,IAAI,CAAC5B,KAAK,CAAC+D,OAAO,KAAK,KAAK,GAAG,IAAI,CAACxD,KAAK,CAACyD,SAAS,GAAE9C,SAAS;MAAEb,CAAC,EAAE,IAAI,CAACL,KAAK,CAACiE,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC1D,KAAK,CAAC2D,SAAS,GAAEhD;IAAS,CAAC;IACpJ,oBAAQlC,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MACXsC,KAAK,EAAE,IAAI,CAACS,MAAM,CAACmC;IAAK,gBAExBnF,KAAA,CAAA2B,aAAA,CAAC1B,IAAI,qBACDD,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAACsC,KAAK,EAAE;QAAC6C,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACvDrE,KAAK,CAACsE,SAAS,gBAAItF,KAAA,CAAA2B,aAAA,CAACf,MAAM;MAAC0E,SAAS,EAAEtE,KAAK,CAACsE,SAAU;MAACtC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACuC;IAAK,CAAS,CAAC,GAAI,IAAI,eACnGvF,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MAACqC,KAAK,EAAE,IAAI,CAACS,MAAM,CAACwC;IAAM,GAAExE,KAAK,CAACwE,KAAY,CAC/C,CAAC,eACPxF,KAAA,CAAA2B,aAAA,CAACzB,IAAI;MAACqC,KAAK,EAAE,IAAI,CAACS,MAAM,CAACyC;IAAW,GAAEzE,KAAK,CAAC0E,UAAiB,CACzD,CAAC,eACT1F,KAAA,CAAA2B,aAAA,CAACvB,YAAY;MAACuF,KAAK,EAAE,IAAI,CAACpE,KAAK,CAACoE,KAAM;MAClBtD,MAAM,EAAE,IAAI,CAACW,MAAM,CAACmC,IAAI,CAAC9C,MAAiB;MAC1CuD,KAAK,EAAE,IAAI,CAAC5C,MAAM,CAACmC,IAAI,CAACS,KAAK,IAAc,IAAI,CAACC,WAAY;MAC5DC,SAAS,EAAEhB,SAAU;MACrBiB,OAAO,EAAE;QAAEC,GAAG,EAAEhF,KAAK,CAACiF,SAAS;QAAEC,MAAM,EAAElF,KAAK,CAACmF,YAAY;QAAEC,IAAI,EAAEpF,KAAK,CAACqF,UAAU;QAAEC,KAAK,EAAEtF,KAAK,CAACuF;MAAY,CAAE;MAChHC,kBAAkB,EAChB,IAAI,CAACC,UAAU,CAACzF,KAAK;IACtB,GACpB,IAAI,CAAC0F,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EAEd5F,KAAK,CAAC6F,QAAQ,KAAK,SAAS,gBAAG7G,KAAA,CAAA2B,aAAA,CAACrB,YAAY;MAACwG,UAAU,EAAE,IAAI,CAACvF,KAAK,CAACoB;IAAO,GAEvE,IAAI,CAACrB,WAAW,CAACN,KAAK,CAEZ,CAAC,gBAAGhB,KAAA,CAAA2B,aAAA,CAACpB,YAAY;MAACuG,UAAU,EAAE,IAAI,CAACvF,KAAK,CAACoB,MAAO;MAAEoE,MAAM,EAAE;IAAG,GAEvE,IAAI,CAACzF,WAAW,CAACN,KAAK,CAEZ,CAEJ,CAAO,CAAC;EACxB;AACF"}

app-rn-runtime/components/chart/bar-chart/bar-chart.props.js CHANGED Viewed

@@ -7,8 +7,6 @@ export default class WmBarChartProps extends BaseChartComponentProps {
     super(...arguments);
     _defineProperty(this, "horizontal", true);
     _defineProperty(this, "viewtype", 'Grouped');
-    _defineProperty(this, "yaxislabeldistance", 30);
-    _defineProperty(this, "xaxislabeldistance", 50);
     _defineProperty(this, "onSelect", void 0);
   }
 }

app-rn-runtime/components/chart/bar-chart/bar-chart.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","arguments","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n horizontal?: boolean = true;\n viewtype: string = 'Grouped';\n ~~yaxislabeldistance: number = 30;\n xaxislabeldistance: number = 50;\n~~ onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA~~,6BACC,EAAE~~;~~IAAAA,eAAA,6BACF,EAAE;IAAAA,eAAA;~~EAAA;~~AAEjC~~"}
1	+ {"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","arguments","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n horizontal?: boolean = true;\n viewtype: string = 'Grouped';\n onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA;EAAA;AAE9B"}