@wavemaker/app-rn-runtime 11.11.3-rc.6169 → 11.11.4-rc.6172

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

@@ -15,6 +15,7 @@ export default class WmBubbleChart extends BaseChartComponent {
   }
   onSelect(event, data) {
     if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
     this.viewRef.current.measureInWindow((chartX, chartY) => {
       let value = data.data[data.index].y;
       let label = this.state.xaxisDatakeyArr[data.datum.x];
@@ -72,8 +73,8 @@ export default class WmBubbleChart extends BaseChartComponent {
       padding: {
         top: props.offsettop,
         bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
       }
     }, /*#__PURE__*/React.createElement(VictoryLegend, {
       name: 'legend',

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","onSelect","event","data","viewRef","current","measureInWindow","chartX","chartY","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","name","containerComponent","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","key","size","events","target","eventHandlers","OS","onClick","onPress"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View, Platform} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n        return <VictoryScatter\n          colorScale={this.state.colors}\n          style={{\n            data: { fill: this.state.colors[i], opacity: ({ datum }: any) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\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      </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","name","containerComponent","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","key","size","events","target","eventHandlers","OS","onClick","onPress"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View, Platform} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n        return <VictoryScatter\n          colorScale={this.state.colors}\n          style={{\n            data: { fill: this.state.colors[i], opacity: ({ datum }: any) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\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      </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ export default class WmLineChart extends BaseChartComponent {
   }
   onSelect(event, data) {
     if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
     this.viewRef.current.measureInWindow((chartX, chartY) => {
       let value = data.data[data.index].y;
       let label = this.state.xaxisDatakeyArr[data.datum.x];
@@ -73,8 +74,8 @@ export default class WmLineChart extends BaseChartComponent {
       padding: {
         top: props.offsettop,
         bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
       }
     }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
       return /*#__PURE__*/React.createElement(VictoryGroup, {
@@ -90,7 +91,7 @@ export default class WmLineChart extends BaseChartComponent {
             strokeWidth: props.linethickness
           }
         },
-        data: this.isRTL ? d.toReversed() : d
+        data: d
       }), /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
@@ -102,7 +103,7 @@ export default class WmLineChart extends BaseChartComponent {
             opacity: 0
           }
         },
-        data: this.isRTL ? d.toReversed() : d,
+        data: d,
         events: [{
           target: 'data',
           eventHandlers: Platform.OS == "web" ? {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","viewRef","current","measureInWindow","chartX","chartY","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","style","styles","root","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","isRTL","toReversed","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryScatter,\n  VictoryGroup,\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n  }\n  \n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmLineChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root} {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}>\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart\n        theme={this.state.theme}\n        height={(this.styles.root.height) as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n      >\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={this.isRTL?d.toReversed():d}\n            />\n          \n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {fill: this.state.colors[i], opacity: 0.8} : {opacity:0}\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            </VictoryGroup>\n        })}\n      </VictoryChart>\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","style","styles","root","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryScatter,\n  VictoryGroup,\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n  }\n  \n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmLineChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root} {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}>\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart\n        theme={this.state.theme}\n        height={(this.styles.root.height) as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n      >\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={d}\n            />\n          \n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {fill: this.state.colors[i], opacity: 0.8} : {opacity:0}\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            </VictoryGroup>\n        })}\n      </VictoryChart>\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -77,6 +77,7 @@ export default class WmPieChart extends BaseChartComponent {
   }
   onSelect(event, data) {
     if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
     this.viewRef.current.measureInWindow((chartX, chartY) => {
       let value = data.slice.value;
       let label = this.state.xaxisDatakeyArr[data.datum.x];
@@ -183,7 +184,7 @@ export default class WmPieChart extends BaseChartComponent {
     }, /*#__PURE__*/React.createElement(VictoryPie, {
       style: styleProp,
       standalone: false,
-      colorScale: this.state.colors,
+      colorScale: this.isRTL ? [...this.state.colors].slice(0, pieData.length).reverse() : this.state.colors,
       labels: ({
         datum
       }) => this.getLabel(datum, props),

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","Svg","AccessibilityWidgetType","getAccessibilityProps","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","viewRef","current","measureInWindow","chartX","chartY","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","ref","standalone","colorScale","endAngle","theme","isRTL","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","centerLabel","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport { VictoryLabel, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index },\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as any);\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n    });\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }   \n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\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        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n        {this.getTooltip()}\n          <View style={{flex: 1}} ref={this.viewRef}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\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              <VictoryLabel\n                textAnchor=\"middle\"\n                style={{ ...this.styles.centerLabel, fill: this.styles.centerLabel.color }}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACtE,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,SAASC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AAEzD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,SAASC,mBAAmB,QAA0B,sCAAsC;AAC5F,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,iBAAiB,MAAM,0EAA0E;AACxG,SAASC,MAAM,QAAQ,4BAA4B;AAGnD,OAAO,MAAMC,eAAe,SAASH,uBAAuB,CAAkB;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC/D,CAAC;IAAAA,eAAA,sBACA,CAAC;IAAAA,eAAA,qBACF,EAAE;IAAAA,eAAA,sBACD,CAAC;IAAAA,eAAA,uBACA,CAAC;IAAAA,eAAA,kBACN,CAAC;EAAA;AACb;AAEA,eAAe,MAAMC,UAAU,SAASR,kBAAkB,CAAqD;EAE7GK,WAAWA,CAACI,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAEY,KAAK,CAACC,IAAI,KAAK,OAAO,GAAG,IAAIR,iBAAiB,CAAC,CAAC,GAAG,IAAIN,eAAe,CAAC,CAAC,EAAE,IAAIQ,eAAe,CAAC,CAAC,CAAC;IAACG,eAAA,6BAOzGI,CAAoB,IAAK;MAAA,IAAAC,cAAA;MAC7C,IAAIC,SAAS,GAAGF,CAAC,CAACG,WAAW,CAACC,MAAM,CAACC,KAAK;MAE1C,IAAI,CAACC,YAAY,CAACN,CAAC,CAAC;MAEpB,IAAI,CAACO,WAAW,CAAC;QACfC,UAAU,EAAEN,SAAS;QACrBO,WAAW,GAAAR,cAAA,GAAED,CAAC,CAACG,WAAW,cAAAF,cAAA,uBAAbA,cAAA,CAAeG,MAAM,CAACM;MACrC,CAAoB,CAAC;IACvB,CAAC;IAAAd,eAAA,iCAEyBI,CAAoB,IAAK;MAAA,IAAAW,eAAA;MACjD,IAAI,CAACJ,WAAW,CAAC;QACfK,UAAU,GAAAD,eAAA,GAAEX,CAAC,CAACG,WAAW,cAAAQ,eAAA,uBAAbA,eAAA,CAAeP,MAAM,CAACM,MAAM;QACxCG,OAAO,EAAE;MACX,CAAoB,CAAC;IACvB,CAAC;IAAAjB,eAAA,mCAE2BI,CAAoB,IAAK;MAAA,IAAAc,eAAA,EAAAC,eAAA;MACnD,IAAI,CAACR,WAAW,CAAC;QACfS,WAAW,GAAAF,eAAA,GAAEd,CAAC,CAACG,WAAW,cAAAW,eAAA,uBAAbA,eAAA,CAAeV,MAAM,CAACC,KAAK;QACxCY,YAAY,GAAAF,eAAA,GAAEf,CAAC,CAACG,WAAW,cAAAY,eAAA,uBAAbA,eAAA,CAAeX,MAAM,CAACM;MACtC,CAAoB,CAAC;IACvB,CAAC;EA7BD;EAEAQ,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;EAC3B;EA2BAC,QAAQA,CAACC,CAAmB,EAAEtB,KAAsB,EAAU;IAC1D,QAAOA,KAAK,CAACuB,SAAS;MACpB,KAAK,SAAS;QAAE;UACd,OAAOC,IAAI,CAACC,KAAK,CAACH,CAAC,CAACI,CAAC,GAAG,GAAG,GAAE,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,GAAG,GAAG;QACtD;MACA,KAAK,KAAK;QAAE;UACV,OAAO,IAAI,CAACD,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC;QACxC;MACA,KAAK,OAAO;QAAE;UACZ,OAAOzC,mBAAmB,CAACiC,CAAC,CAACI,CAAC,CAAC;QACjC;MACA,KAAK,WAAW;QAAE;UAChB,OAAO,IAAI,CAACC,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC,GAAG,GAAG,GAAGR,CAAC,CAACI,CAAC;QACpD;IACF;EACJ;EAEAK,QAAQA,CAACC,KAAU,EAAEC,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAACD,OAAO,CAACC,OAAO,CAACC,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAIC,KAAK,GAAGN,IAAI,CAACO,KAAK,CAACD,KAAK;MAC5B,IAAIE,KAAK,GAAG,IAAI,CAACd,KAAK,CAACE,eAAe,CAACI,IAAI,CAACS,KAAK,CAACZ,CAAC,CAAC;MACpD,IAAIa,YAAY,GAAG,IAAI,CAAC3C,KAAK,CAAC4C,OAAO,CAACX,IAAI,CAACY,KAAK,CAAC;MACjD,IAAIC,iBAAiB,GAAGb,IAAI,CAACO,KAAK;MAClCM,iBAAiB,CAAC,MAAM,CAAC,GAAG;QAAChB,CAAC,EAAEW,KAAK;QAAEf,CAAC,EAAEa,KAAK;QAAEQ,KAAK,EAAEd,IAAI,CAACe,KAAK,CAACC,IAAI;QAAEC,QAAQ,EAAEP;MAAY,CAAC;MAChG,MAAMtC,WAAW,GAAG2B,KAAK,CAAC3B,WAAW;MACrC,IAAI8C,QAAQ,GAAG9C,WAAW,CAAC+C,KAAK,GAAGf,MAAM;MACzC,IAAIgB,QAAQ,GAAGhD,WAAW,CAACiD,KAAK,GAAGhB,MAAM;MACzC,IAAI,CAAC7B,WAAW,CAAC;QACf8C,YAAY,EAAEd,KAAK;QACnBe,YAAY,EAAEjB,KAAK;QACnBkB,aAAa,EAAE,IAAI;QACnBd,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEE,KAAK,EAAEZ,IAAI,CAACY;QAAM,CAAC;QACnDa,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAACxB,KAAK,CAACgC,cAAc;QACtDC,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAAC1B,KAAK,CAACkC;MAC1C,CAAQ,CAAC;MACT,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC9B,KAAK,CAAC3B,WAAW,EAAE,IAAI,CAAC0D,KAAK,EAAEpB,YAAY,EAAEG,iBAAiB,CAAE,CAAC;IACvG,CAAC,CAAC;EACJ;EAEAkB,YAAYA,CAAChE,KAAsB,EAAE;IACnC,IAAI,CAAC8D,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACpC,KAAK,CAACM,IAAI,CAACgC,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,MAAMC,OAAO,GAAG,IAAI,CAACvC,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;IAClC,MAAMvB,UAAU,GAAG,IAAI,CAACiB,KAAK,CAACjB,UAAU,IACnCV,KAAK,CAACmE,UAAU,KAAK,OAAO,GAAG,IAAI,CAACxC,KAAK,CAACT,WAAW,GAAG,CAAC,CAAC;IAC/D,MAAMkD,WAAW,GAAG,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC1D,MAAM,GAAG,IAAI,CAACe,KAAK,CAAChB,WAAW,GAAGD,UAAU,IAC9E,IAAI,CAACiB,KAAK,CAACb,UAAU,IACpBd,KAAK,CAACmE,UAAU,KAAK,OAAO,GAAG,CAAC,GAAG,IAAI,CAACxC,KAAK,CAACR,YAAY,CAAC;IAChE,IAAIoD,MAAM,GAAG,CAAC/C,IAAI,CAACgD,GAAG,CAAC9D,UAAU,EAAE0D,WAAW,CAAC,GAAG,EAAE,IAAG,CAAC;IACxD,IAAIK,WAAW,GAAGzE,KAAK,CAAC0E,UAAU,GAAGH,MAAM;IAC3C,IAAII,SAAS,GAAG,CAAC,CAAC;IAClB,IAAIC,WAAW;IACf,IAAI5E,KAAK,CAAC6E,UAAU,KAAK,MAAM,EAAE;MAC/BF,SAAS,GAAC;QAACG,MAAM,EAAE;UAAEC,OAAO,EAAE;QAAO;MAAC,CAAC;IACzC,CAAC,MAAM,IAAI/E,KAAK,CAAC6E,UAAU,KAAK,QAAQ,EAAE;MACxCD,WAAW,GAAGL,MAAM,GAAC,CAAC;IACxB,CAAC,MAAM;MACLK,WAAW,GAAGL,MAAM,GAAG,CAAC;IAC1B;IACA,MAAMS,MAAM,GAAG;MAAClD,CAAC,EAAGpB,UAAU,GAAC,CAAE;MAAEgB,CAAC,EAAG0C,WAAW,GAAC;IAAE,CAAC;IACtD,MAAMa,WAAW,GAAGjF,KAAK,CAACmE,UAAU,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;IAC5E,IAAIe,UAAU,GAAGhB,OAAO,CAACiB,GAAG,CAAC,CAAC7D,CAAmB,EAAEuB,KAAa,KAAK;MACnE,OAAO;QACLuC,IAAI,EAAE,IAAI,CAACzD,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC;QACrCiB,KAAK,EAAE,IAAI,CAACpB,KAAK,CAAC0D,MAAM,CAACxC,KAAK,GAAI,IAAI,CAAClB,KAAK,CAAC0D,MAAM,CAACpB,MAAO;MAC7D,CAAC;IACH,CAAC,CAAC;IACF,oBACEvF,KAAA,CAAA4G,aAAA,CAAC3G,IAAI,EAAA4G,QAAA;MAACvC,KAAK,EAAE,CAAC;QAACjC,OAAO,EAAE,IAAI,CAACY,KAAK,CAACZ;MAAO,CAAC,EAAE,IAAI,CAACsD,MAAM,CAACC,IAAI;IAAE,GACzDtF,qBAAqB,CAACD,uBAAuB,CAACyG,SAAS,EAAExF,KAAK,CAAC;MACnEyF,QAAQ,EAAE,IAAI,CAACC,kBAAmB;MAClCC,GAAG,EAAE,GAAG3F,KAAK,CAAC4F,KAAK;IAAa,iBAEhClH,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAAC8G,QAAQ,EAAE,IAAI,CAACI;IAAuB,gBAC1CnH,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAACqE,KAAK,EAAE;QAAC8C,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACvD/F,KAAK,CAACgG,SAAS,gBAAItH,KAAA,CAAA4G,aAAA,CAAChG,MAAM;MAAC0G,SAAS,EAAEhG,KAAK,CAACgG,SAAU;MAAC3B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC4B;IAAK,CAAS,CAAC,GAAI,IAAI,eACnGvH,KAAA,CAAA4G,aAAA,CAAC1G,IAAI;MAACoE,KAAK,EAAE,IAAI,CAACqB,MAAM,CAACuB;IAAM,GAAE5F,KAAK,CAAC4F,KAAY,CAC/C,CAAC,eACPlH,KAAA,CAAA4G,aAAA,CAAC1G,IAAI;MAACoE,KAAK,EAAE,IAAI,CAACqB,MAAM,CAAC6B;IAAW,GAAElG,KAAK,CAACmG,UAAiB,CACzD,CAAC,EACNnG,KAAK,CAACmE,UAAU,KAAK,KAAK,gBACxBzF,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAAC8G,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBAC7C1H,KAAA,CAAA4G,aAAA,CAAC5F,MAAM;MAACuC,IAAI,EAAEiD,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC;IAAW,CAAS,CACxC,CAAC,GAAI,IAAI,eACjB9H,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAACqE,KAAK,EAAE;QAAC8C,aAAa,EAAE,KAAK;QAAEW,cAAc,EAAE,QAAQ;QAAEV,UAAU,EAAE;MAAQ;IAAE,GACnF,IAAI,CAACW,UAAU,CAAC,CAAC,eAChBhI,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAACqE,KAAK,EAAE;QAAC2D,IAAI,EAAE;MAAC,CAAE;MAACC,GAAG,EAAE,IAAI,CAAC1E;IAAQ,GACvCxB,UAAU,gBACXhC,KAAA,CAAA4G,aAAA,CAACxG,GAAG;MACFyB,KAAK,EAAEG,UAAW;MAClBE,MAAM,EAAEwD;IAAY,gBAEpB1F,KAAA,CAAA4G,aAAA,CAACpG,UAAU;MACT8D,KAAK,EAAE2B,SAAU;MACjBkC,UAAU,EAAE,KAAM;MAClBC,UAAU,EAAE,IAAI,CAACnF,KAAK,CAAC0D,MAAO;MAC9BP,MAAM,EAAEA,CAAC;QAACpC;MAAK,CAAC,KAAK,IAAI,CAACrB,QAAQ,CAACqB,KAAK,EAAE1C,KAAK,CAAE;MACjD+G,QAAQ,EAAE,IAAI,CAACpF,KAAK,CAACoF,QAAQ,IAAI,CAAE;MACnCxC,MAAM,EAAEA,MAAO;MACfE,WAAW,EAAEA,WAAY;MACzBuC,KAAK,EAAE,IAAI,CAACrF,KAAK,CAACqF,KAAM;MACxBrB,GAAG,EAAE3F,KAAK,CAACoF,IAAK;MAChBA,IAAI,EAAEpF,KAAK,CAACoF,IAAK;MACjBnD,IAAI,EAAE,IAAI,CAACgF,KAAK,GAAC/C,OAAO,CAACgD,UAAU,CAAC,CAAC,GAAChD,OAAQ;MAC9Cc,MAAM,EAAEA,MAAO;MACfmC,cAAc,EAAEnH,KAAK,CAACoH,cAAe;MACrCxC,WAAW,EAAEA,WAAY;MACzByC,MAAM,EAAE,CAAC;QACPC,MAAM,EAAE,MAAM;QACdC,aAAa,EAAE1I,QAAQ,CAAC2I,EAAE,IAAI,KAAK,GAAG;UACpCC,OAAO,EAAE,IAAI,CAAC1F,QAAQ,CAAC2F,IAAI,CAAC,IAAI;QAClC,CAAC,GAAC;UACAC,OAAO,EAAE,IAAI,CAAC5F,QAAQ,CAAC2F,IAAI,CAAC,IAAI;QAClC;MACF,CAAC;IAAE,CACJ,CAAC,eACFhJ,KAAA,CAAA4G,aAAA,CAACrG,YAAY;MACX2I,UAAU,EAAC,QAAQ;MACnB5E,KAAK,EAAE;QAAE,GAAG,IAAI,CAACqB,MAAM,CAACwD,WAAW;QAAE5E,IAAI,EAAE,IAAI,CAACoB,MAAM,CAACwD,WAAW,CAAC9E;MAAM,CAAE;MAC3EjB,CAAC,EAAEkD,MAAM,CAAClD,CAAE;MAACJ,CAAC,EAAEsD,MAAM,CAACtD,CAAE;MACzBoG,IAAI,EAAE9H,KAAK,CAAC+H;IAAY,CACzB,CACE,CAAC,GAAI,IACN,CAAC,EACN/H,KAAK,CAACmE,UAAU,KAAK,OAAO,gBAC1BzF,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAACqE,KAAK,EAAE;QAACgF,QAAQ,EAAE;MAAK,CAAE;MAACvC,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBACvE1H,KAAA,CAAA4G,aAAA,CAAC5F,MAAM;MAACuC,IAAI,EAAEiD,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC,UAAW;MACjCvB,WAAW,EAAC;IAAU,CAAS,CAC7B,CAAC,GAAI,IACT,CAAC,EACNjF,KAAK,CAACmE,UAAU,KAAK,QAAQ,gBAC3BzF,KAAA,CAAA4G,aAAA,CAAC3G,IAAI;MAAC8G,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBAC7C1H,KAAA,CAAA4G,aAAA,CAAC5F,MAAM;MAACuC,IAAI,EAAEiD,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC;IAAW,CAAS,CACxC,CAAC,GAAI,IACT,CAAC;EAEX;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","Svg","AccessibilityWidgetType","getAccessibilityProps","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","viewRef","current","dataset","measureInWindow","chartX","chartY","value","slice","label","datum","selectedItem","index","selectedChartItem","color","style","fill","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","ref","standalone","colorScale","isRTL","reverse","endAngle","theme","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","centerLabel","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport { VictoryLabel, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index },\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as any);\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n    });\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }   \n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\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        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n        {this.getTooltip()}\n          <View style={{flex: 1}} ref={this.viewRef}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.isRTL ? [...this.state.colors].slice(0, pieData.length).reverse() : this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\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              <VictoryLabel\n                textAnchor=\"middle\"\n                style={{ ...this.styles.centerLabel, fill: this.styles.centerLabel.color }}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ import { View, Platform } from 'react-native';
 import { Svg } from 'react-native-svg';
 import { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';
 import { Axis, Scale } from 'victory-core';
-import { orderBy, cloneDeep, findIndex, isString } from 'lodash';
+import { orderBy, cloneDeep, findIndex, isString, isNaN } from 'lodash';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmStackChartProps from './stack-chart.props';
 import { DEFAULT_CLASS } from './stack-chart.styles';
@@ -155,19 +155,19 @@ export default class WmStackChart extends BaseChartComponent {
         let total = data.reduce((sum, item) => sum + item.y, 0);
         return Math.round(d.y / total * 160);
       });
-      let startAngle = 80;
+      let startAngle = this.isRTL ? -80 : 80;
       return data.map((d, i) => {
         let d1 = [];
         d1.push(d);
         if (i != 0) {
-          startAngle = startAngle - angles[i - 1] + angles[i - 1] / 10;
+          startAngle = this.isRTL ? startAngle + angles[i - 1] - angles[i - 1] / 10 : startAngle - angles[i - 1] + angles[i - 1] / 10;
         }
         return /*#__PURE__*/React.createElement(VictoryPie, {
           key: props.name + '_' + i,
           radius: radius,
           colorScale: [this.state.colors[d.index], '#fff0'],
           startAngle: angles ? startAngle : -80,
-          endAngle: -80,
+          endAngle: this.isRTL ? 80 : -80,
           cornerRadius: 100,
           standalone: false,
           origin: {
@@ -207,8 +207,8 @@ export default class WmStackChart extends BaseChartComponent {
           paddingRight: 80
         }
       },
-      startAngle: -90,
-      endAngle: 90,
+      startAngle: this.isRTL ? 90 : -90,
+      endAngle: this.isRTL ? -90 : 90,
       standalone: false,
       colorScale: ['#fff0'],
       origin: {
@@ -243,6 +243,7 @@ export default class WmStackChart extends BaseChartComponent {
   }
   onSelect(event, data) {
     if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
     this.viewRef.current.measureInWindow((chartX, chartY) => {
       let props = this.state.props;
       let index = data.datum.index;
@@ -282,6 +283,10 @@ export default class WmStackChart extends BaseChartComponent {
       x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
       y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
     };
+    const data = this.getData();
+    const yValues = data.map(d => d.y);
+    const minValue = Math.min(...yValues);
+    const maxValue = Math.max(...yValues);
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange
@@ -290,13 +295,17 @@ export default class WmStackChart extends BaseChartComponent {
     }, /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
       minDomain: mindomain,
+      domain: this.isRTL && !isNaN(maxValue) && !isNaN(minValue) ? [maxValue, minValue > 0 ? 0 : minValue] : undefined,
+      domainPadding: {
+        x: 10
+      },
       height: this.styles.root.height,
       width: this.styles.root.width || this.state.chartWidth || 200,
       padding: {
         top: props.offsettop,
         bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
       }
     }, /*#__PURE__*/React.createElement(VictoryLegend, {
       name: 'legend',

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getData","negativeValues","concat","updateColors","colors","length","colorCodes","orderedData","map","i","index","getLegendColors","getBarChart","currentValue","yValues","minValue","Math","min","maxValue","max","cornerRadius","bottom","top","d1","x","push","createElement","key","name","barWidth","thickness","events","target","eventHandlers","OS","onClick","onSelect","bind","onPress","getColorCodes","reverse","getArcChart","prevValue","abs","portionToReverse","slice","reversedPortion","radius","chartHeight","angles","total","reduce","sum","item","round","startAngle","colorScale","endAngle","standalone","origin","innerRadius","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","o","scale","getBaseScale","domain","getTicks","unshift","minvalue","event","viewRef","current","measureInWindow","chartX","chartY","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","dataset","selectedItem","selectedChartItem","series","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","_extends","LINECHART","styles","root","onLayout","onViewLayoutChange","getTooltip","viewtype","ref","theme","minDomain","height","padding","offsettop","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","axis","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep, findIndex, isString} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getData() {\n    const negativeValues = cloneDeep(this.getNegativeValuesArray());\n    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n  }\n\n  updateColors() {\n   if (this.state.colors.length === 1 ) {\n       return this.state.colors[0];\n   } else {\n       let colorCodes = cloneDeep(this.state.colors);\n       if ( this.state.data.length > 0 ) {\n         const orderedData = this.getData();\n         this.state.data[0].map((d: any, i: number) => {\n           let index = findIndex(orderedData, d);\n           colorCodes[index] = this.state.colors[i];\n         })\n         return colorCodes;\n       }\n    }\n  }\n\n  getLegendColors(){\n    if (this.state.colors.length === 1 ) {\n      return this.state.colors[0];\n  } else {\n      let colorCodes = cloneDeep(this.state.colors);\n      if ( this.state.data.length > 0 ) {\n        const orderedData = orderBy(this.state.data[0], 'y', 'asc');;\n        this.state.data[0].map((d: any, i: number) => {\n          let index = findIndex(orderedData, d);\n          colorCodes[index] = this.state.colors[i];\n        })\n        return colorCodes;\n      }\n   }\n }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = this.getData();\n      let currentValue = 0;\n      const yValues = data.map((d: any) => d.y);\n      const minValue = Math.min(...yValues);\n      const maxValue = Math.max(...yValues);\n\n      return data.map((d: any, i: number) => {\n        let cornerRadius: any;\n        if (d.y === minValue) {\n          cornerRadius = d.y > 0 ? { bottom: 10 } : { top: 10 };\n        } else if (d.y === maxValue) {\n          cornerRadius = d.y > 0 ? { top: 10 } : { bottom: 10 };\n        } else {\n          cornerRadius = 0;\n        }        \n        let d1: any = [];\n        d.index = d.x;\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                          cornerRadius={cornerRadius}\n                          barWidth={this.state.props.thickness}\n                          data={d1}\n                          events={[\n                            {\n                              target: 'data',\n                              eventHandlers: Platform.OS === 'web'\n                                ? { onClick: this.onSelect.bind(this) }\n                                : { onPress: this.onSelect.bind(this) }\n                            }\n                          ]}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.updateColors());\n      return isString(colors) ? [colors] : colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = this.getData()\n      let negativeValues = cloneDeep(this.getNegativeValuesArray());\n      let currentValue = 0;\n      let prevValue = 0\n      data = data.map((d: any, i: number) => {\n        d.y = d.y - currentValue\n        prevValue = d.y\n        d.y = Math.abs(d.y)\n        d.index = d.x\n        currentValue = prevValue < 0 && i === negativeValues.length -1 ? 0 : prevValue + currentValue;\n        return d\n      })\n      data.reverse()\n      if(negativeValues.length > 1){\n        const portionToReverse = data.slice(-(negativeValues.length));\n        const reversedPortion = portionToReverse.reverse();\n        data = [...data.slice(0, -(negativeValues.length)), ...reversedPortion];\n      }\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      const angles = data.map((d: any, i: number) => {\n        let total = data.reduce((sum: number, item: any) => sum + item.y, 0);\n        return Math.round((d.y / total) * 160);\n      });\n      let startAngle = 80\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        if (i != 0) {\n          startAngle = startAngle - angles[i - 1] + (angles[i - 1] / 10)\n        }\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[this.state.colors[d.index], '#fff0']}\n                           startAngle={angles ? startAngle : -80}\n                           endAngle={-80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\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                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y ? o.y : 0));\n      const minValue = Math.min(...data.map((o: any) => o.y ? o.y : 0));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      } else {\n        ticks[0] = this.state.props.minvalue;\n      }\n    }\n    return ticks;\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let props = this.state.props\n    let index = data.datum.index\n    let yaxisKey = props.yaxisdatakey;\n    let label = this.state.xaxisDatakeyArr[index];\n    let value = props.dataset[index][yaxisKey];\n    let selectedItem = props.dataset[index];\n    let selectedChartItem = [{series: 0, x: index, y: value,_dataObj: selectedItem}, index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmStackChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmStackChartProps) {\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 (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >\n        {this.getTooltip()}{\n        props.viewtype === 'Bar' ?\n        <View ref={this.viewRef}>\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.state.chartWidth || 200}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}\n            >\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(this.getLegendColors())}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'},\n                           axis: {stroke: 'none'},\n                           ticks: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t: any) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={this.updateColors()}\n              horizontal={true}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart>\n          </View>:\n          <View ref={this.viewRef}>\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n          </View>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","isNaN","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getData","negativeValues","concat","updateColors","colors","length","colorCodes","orderedData","map","i","index","getLegendColors","getBarChart","currentValue","yValues","minValue","Math","min","maxValue","max","cornerRadius","bottom","top","d1","x","push","createElement","key","name","barWidth","thickness","events","target","eventHandlers","OS","onClick","onSelect","bind","onPress","getColorCodes","reverse","getArcChart","prevValue","abs","portionToReverse","slice","reversedPortion","radius","chartHeight","angles","total","reduce","sum","item","round","startAngle","isRTL","colorScale","endAngle","standalone","origin","innerRadius","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","o","scale","getBaseScale","domain","getTicks","unshift","minvalue","event","viewRef","current","dataset","measureInWindow","chartX","chartY","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","selectedItem","selectedChartItem","series","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","_extends","LINECHART","styles","root","onLayout","onViewLayoutChange","getTooltip","viewtype","ref","theme","minDomain","domainPadding","height","padding","offsettop","offsetbottom","left","offsetright","offsetleft","right","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","axis","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep, findIndex, isString, isNaN} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getData() {\n    const negativeValues = cloneDeep(this.getNegativeValuesArray());\n    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n  }\n\n  updateColors() {\n   if (this.state.colors.length === 1 ) {\n       return this.state.colors[0];\n   } else {\n       let colorCodes = cloneDeep(this.state.colors);\n       if ( this.state.data.length > 0 ) {\n         const orderedData = this.getData();\n         this.state.data[0].map((d: any, i: number) => {\n           let index = findIndex(orderedData, d);\n           colorCodes[index] = this.state.colors[i];\n         })\n         return colorCodes;\n       }\n    }\n  }\n\n  getLegendColors(){\n    if (this.state.colors.length === 1 ) {\n      return this.state.colors[0];\n  } else {\n      let colorCodes = cloneDeep(this.state.colors);\n      if ( this.state.data.length > 0 ) {\n        const orderedData = orderBy(this.state.data[0], 'y', 'asc');;\n        this.state.data[0].map((d: any, i: number) => {\n          let index = findIndex(orderedData, d);\n          colorCodes[index] = this.state.colors[i];\n        })\n        return colorCodes;\n      }\n   }\n }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = this.getData();\n      let currentValue = 0;\n      const yValues = data.map((d: any) => d.y);\n      const minValue = Math.min(...yValues);\n      const maxValue = Math.max(...yValues);\n\n      return data.map((d: any, i: number) => {\n        let cornerRadius: any;\n        if (d.y === minValue) {\n          cornerRadius = d.y > 0 ? { bottom: 10 } : { top: 10 };\n        } else if (d.y === maxValue) {\n          cornerRadius = d.y > 0 ? { top: 10 } : { bottom: 10 };\n        } else {\n          cornerRadius = 0;\n        }        \n        let d1: any = [];\n        d.index = d.x;\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                          cornerRadius={cornerRadius}\n                          barWidth={this.state.props.thickness}\n                          data={d1}\n                          events={[\n                            {\n                              target: 'data',\n                              eventHandlers: Platform.OS === 'web'\n                                ? { onClick: this.onSelect.bind(this) }\n                                : { onPress: this.onSelect.bind(this) }\n                            }\n                          ]}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.updateColors());\n      return isString(colors) ? [colors] : colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = this.getData()\n      let negativeValues = cloneDeep(this.getNegativeValuesArray());\n      let currentValue = 0;\n      let prevValue = 0\n      data = data.map((d: any, i: number) => {\n        d.y = d.y - currentValue\n        prevValue = d.y\n        d.y = Math.abs(d.y)\n        d.index = d.x\n        currentValue = prevValue < 0 && i === negativeValues.length -1 ? 0 : prevValue + currentValue;\n        return d\n      })\n      data.reverse()\n      if(negativeValues.length > 1){\n        const portionToReverse = data.slice(-(negativeValues.length));\n        const reversedPortion = portionToReverse.reverse();\n        data = [...data.slice(0, -(negativeValues.length)), ...reversedPortion];\n      }\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      const angles = data.map((d: any, i: number) => {\n        let total = data.reduce((sum: number, item: any) => sum + item.y, 0);\n        return Math.round((d.y / total) * 160);\n      });\n      let startAngle = this.isRTL ? -80 : 80\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        if (i != 0) {\n          startAngle = this.isRTL ? startAngle + angles[i - 1] - (angles[i - 1] / 10) : startAngle - angles[i - 1] + (angles[i - 1] / 10)\n        }\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[this.state.colors[d.index], '#fff0']}\n                           startAngle={angles ? startAngle : -80}\n                           endAngle={this.isRTL ? 80 : -80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\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                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={this.isRTL ? 90 : -90}\n      endAngle={this.isRTL ? -90 : 90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n\n    this.handleLayout(e)\n\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y ? o.y : 0));\n      const minValue = Math.min(...data.map((o: any) => o.y ? o.y : 0));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      } else {\n        ticks[0] = this.state.props.minvalue;\n      }\n    }\n    return ticks;\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let props = this.state.props\n    let index = data.datum.index\n    let yaxisKey = props.yaxisdatakey;\n    let label = this.state.xaxisDatakeyArr[index];\n    let value = props.dataset[index][yaxisKey];\n    let selectedItem = props.dataset[index];\n    let selectedChartItem = [{series: 0, x: index, y: value,_dataObj: selectedItem}, index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmStackChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmStackChartProps) {\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    const data = this.getData();\n    const yValues = data.map((d: any) => d.y);\n    const minValue = Math.min(...yValues);\n    const maxValue = Math.max(...yValues);\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >\n        {this.getTooltip()}{\n        props.viewtype === 'Bar' ?\n        <View ref={this.viewRef}>\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            domain={(this.isRTL && !isNaN(maxValue) && !isNaN(minValue)) ? [maxValue, minValue > 0 ? 0 : minValue] : undefined}\n            domainPadding={{ x: 10 }}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.state.chartWidth || 200}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n            >\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(this.getLegendColors())}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'},\n                           axis: {stroke: 'none'},\n                           ticks: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t: any) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={this.updateColors()}\n              horizontal={true}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart>\n          </View>:\n          <View ref={this.viewRef}>\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n          </View>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAChE,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,YAAY,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC/G,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAC1C,SAASC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,QAAO,QAAQ;AACtE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AAGvE,OAAO,MAAMC,iBAAiB,SAASD,uBAAuB,CAAoB;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBACnE,CAAC;EAAA;AAChB;AAEA,eAAe,MAAMC,YAAY,SAASN,kBAAkB,CAA2D;EACrHG,WAAWA,CAACI,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,EAAE,IAAII,iBAAiB,CAAC,CAAC,CAAC;IAACG,eAAA,6BAoL1DG,CAAoB,IAAK;MAC7C,IAAIC,SAAS,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM,CAACC,KAAK;MAE1C,IAAI,CAACC,YAAY,CAACL,CAAC,CAAC;MAEpB,IAAI,CAACM,WAAW,CAAC;QACfC,UAAU,EAAEN;MACd,CAAsB,CAAC;IACzB,CAAC;EA3LD;EAEAO,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACC,qBAAqB,CAAC,CAAC;EAC9B;EAEAC,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAG3B,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFL,mBAAmB,GAAG5B,OAAO,CAAC4B,mBAAmB,EAAE,GAAG,EAAE,MAAM,CAAC;IAC/D,OAAOA,mBAAmB;EAC5B;EAEAM,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAGlC,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFE,mBAAmB,GAAGnC,OAAO,CAACmC,mBAAmB,EAAE,GAAG,EAAE,KAAK,CAAC;IAC9D,OAAOA,mBAAmB;EAC5B;EAEAC,OAAOA,CAAA,EAAG;IACR,MAAMC,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,sBAAsB,CAAC,CAAC,CAAC;IAC/D,OAAOU,cAAc,CAACC,MAAM,CAACrC,SAAS,CAAC,IAAI,CAACiC,sBAAsB,CAAC,CAAC,CAAC,CAAC;EACxE;EAEAK,YAAYA,CAAA,EAAG;IACd,IAAI,IAAI,CAACV,KAAK,CAACW,MAAM,CAACC,MAAM,KAAK,CAAC,EAAG;MACjC,OAAO,IAAI,CAACZ,KAAK,CAACW,MAAM,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACH,IAAIE,UAAU,GAAGzC,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACW,MAAM,CAAC;MAC7C,IAAK,IAAI,CAACX,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;QAChC,MAAME,WAAW,GAAG,IAAI,CAACP,OAAO,CAAC,CAAC;QAClC,IAAI,CAACP,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;UAC5C,IAAIC,KAAK,GAAG5C,SAAS,CAACyC,WAAW,EAAEX,CAAC,CAAC;UACrCU,UAAU,CAACI,KAAK,CAAC,GAAG,IAAI,CAACjB,KAAK,CAACW,MAAM,CAACK,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,OAAOH,UAAU;MACnB;IACH;EACF;EAEAK,eAAeA,CAAA,EAAE;IACf,IAAI,IAAI,CAAClB,KAAK,CAACW,MAAM,CAACC,MAAM,KAAK,CAAC,EAAG;MACnC,OAAO,IAAI,CAACZ,KAAK,CAACW,MAAM,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACH,IAAIE,UAAU,GAAGzC,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACW,MAAM,CAAC;MAC7C,IAAK,IAAI,CAACX,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;QAChC,MAAME,WAAW,GAAG3C,OAAO,CAAC,IAAI,CAAC6B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC;QAAC;QAC5D,IAAI,CAACD,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;UAC5C,IAAIC,KAAK,GAAG5C,SAAS,CAACyC,WAAW,EAAEX,CAAC,CAAC;UACrCU,UAAU,CAACI,KAAK,CAAC,GAAG,IAAI,CAACjB,KAAK,CAACW,MAAM,CAACK,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,OAAOH,UAAU;MACnB;IACH;EACF;EAECM,WAAWA,CAAChC,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACa,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,MAAMJ,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,sBAAsB,CAAC,CAAC,CAAC;MAC/D,MAAMG,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;MAC3B,IAAIa,YAAY,GAAG,CAAC;MACpB,MAAMC,OAAO,GAAGpB,IAAI,CAACc,GAAG,CAAEZ,CAAM,IAAKA,CAAC,CAACC,CAAC,CAAC;MACzC,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGH,OAAO,CAAC;MACrC,MAAMI,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGL,OAAO,CAAC;MAErC,OAAOpB,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrC,IAAIW,YAAiB;QACrB,IAAIxB,CAAC,CAACC,CAAC,KAAKkB,QAAQ,EAAE;UACpBK,YAAY,GAAGxB,CAAC,CAACC,CAAC,GAAG,CAAC,GAAG;YAAEwB,MAAM,EAAE;UAAG,CAAC,GAAG;YAAEC,GAAG,EAAE;UAAG,CAAC;QACvD,CAAC,MAAM,IAAI1B,CAAC,CAACC,CAAC,KAAKqB,QAAQ,EAAE;UAC3BE,YAAY,GAAGxB,CAAC,CAACC,CAAC,GAAG,CAAC,GAAG;YAAEyB,GAAG,EAAE;UAAG,CAAC,GAAG;YAAED,MAAM,EAAE;UAAG,CAAC;QACvD,CAAC,MAAM;UACLD,YAAY,GAAG,CAAC;QAClB;QACA,IAAIG,EAAO,GAAG,EAAE;QAChB3B,CAAC,CAACc,KAAK,GAAGd,CAAC,CAAC4B,CAAC;QACb5B,CAAC,CAAC4B,CAAC,GAAG,CAAC;QACP5B,CAAC,CAACC,CAAC,GAAGD,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACxBU,EAAE,CAACE,IAAI,CAAC7B,CAAC,CAAC;QACViB,YAAY,GAAGjB,CAAC,CAACC,CAAC,GAAG,CAAC,IAAIY,CAAC,KAAKR,cAAc,CAACI,MAAM,GAAE,CAAC,GAAG,CAAC,GAAGT,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACjF,oBAAO7D,KAAA,CAAA0E,aAAA,CAACrE,UAAU;UAACsE,GAAG,EAAE/C,KAAK,CAACgD,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC3BW,YAAY,EAAEA,YAAa;UAC3BS,QAAQ,EAAE,IAAI,CAACpC,KAAK,CAACb,KAAK,CAACkD,SAAU;UACrCpC,IAAI,EAAE6B,EAAG;UACTQ,MAAM,EAAE,CACN;YACEC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE/E,QAAQ,CAACgF,EAAE,KAAK,KAAK,GAChC;cAAEC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI;YAAE,CAAC,GACrC;cAAEC,OAAO,EAAE,IAAI,CAACF,QAAQ,CAACC,IAAI,CAAC,IAAI;YAAE;UAC1C,CAAC;QACD,CAAC,CAAC;MACxB,CAAC,CAAC;IACJ;EACF;EAEQE,aAAaA,CAAA,EAAG;IACpB,MAAMnC,MAAM,GAAGvC,SAAS,CAAC,IAAI,CAACsC,YAAY,CAAC,CAAC,CAAC;IAC7C,OAAOpC,QAAQ,CAACqC,MAAM,CAAC,GAAG,CAACA,MAAM,CAAC,GAAGA,MAAM,CAACoC,OAAO,CAAC,CAAC;EACzD;EAEAC,WAAWA,CAAC7D,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACa,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,IAAIX,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;MACzB,IAAIC,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,sBAAsB,CAAC,CAAC,CAAC;MAC7D,IAAIsB,YAAY,GAAG,CAAC;MACpB,IAAI6B,SAAS,GAAG,CAAC;MACjBhD,IAAI,GAAGA,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrCb,CAAC,CAACC,CAAC,GAAGD,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACxB6B,SAAS,GAAG9C,CAAC,CAACC,CAAC;QACfD,CAAC,CAACC,CAAC,GAAGmB,IAAI,CAAC2B,GAAG,CAAC/C,CAAC,CAACC,CAAC,CAAC;QACnBD,CAAC,CAACc,KAAK,GAAGd,CAAC,CAAC4B,CAAC;QACbX,YAAY,GAAG6B,SAAS,GAAG,CAAC,IAAIjC,CAAC,KAAKR,cAAc,CAACI,MAAM,GAAE,CAAC,GAAG,CAAC,GAAGqC,SAAS,GAAG7B,YAAY;QAC7F,OAAOjB,CAAC;MACV,CAAC,CAAC;MACFF,IAAI,CAAC8C,OAAO,CAAC,CAAC;MACd,IAAGvC,cAAc,CAACI,MAAM,GAAG,CAAC,EAAC;QAC3B,MAAMuC,gBAAgB,GAAGlD,IAAI,CAACmD,KAAK,CAAC,CAAE5C,cAAc,CAACI,MAAO,CAAC;QAC7D,MAAMyC,eAAe,GAAGF,gBAAgB,CAACJ,OAAO,CAAC,CAAC;QAClD9C,IAAI,GAAG,CAAC,GAAGA,IAAI,CAACmD,KAAK,CAAC,CAAC,EAAE,CAAE5C,cAAc,CAACI,MAAO,CAAC,EAAE,GAAGyC,eAAe,CAAC;MACzE;MACA,MAAMC,MAAM,GAAG/B,IAAI,CAACC,GAAG,CAAC,IAAI,CAACxB,KAAK,CAACL,UAAU,GAAC,CAAC,EAAE,IAAI,CAACK,KAAK,CAACuD,WAAW,GAAG,EAAE,CAAC;MAC7E,MAAMC,MAAM,GAAGvD,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QAC7C,IAAIyC,KAAK,GAAGxD,IAAI,CAACyD,MAAM,CAAC,CAACC,GAAW,EAAEC,IAAS,KAAKD,GAAG,GAAGC,IAAI,CAACxD,CAAC,EAAE,CAAC,CAAC;QACpE,OAAOmB,IAAI,CAACsC,KAAK,CAAE1D,CAAC,CAACC,CAAC,GAAGqD,KAAK,GAAI,GAAG,CAAC;MACxC,CAAC,CAAC;MACF,IAAIK,UAAU,GAAG,IAAI,CAACC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE;MACtC,OAAO9D,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrC,IAAIc,EAAO,GAAG,EAAE;QAChBA,EAAE,CAACE,IAAI,CAAC7B,CAAC,CAAC;QACV,IAAIa,CAAC,IAAI,CAAC,EAAE;UACV8C,UAAU,GAAG,IAAI,CAACC,KAAK,GAAGD,UAAU,GAAGN,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAIwC,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,GAAG8C,UAAU,GAAGN,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAIwC,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG;QACjI;QACA,oBAAOzD,KAAA,CAAA0E,aAAA,CAACnE,UAAU;UAACoE,GAAG,EAAE/C,KAAK,CAACgD,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC1BsC,MAAM,EAAEA,MAAO;UACfU,UAAU,EAAE,CAAC,IAAI,CAAChE,KAAK,CAACW,MAAM,CAACR,CAAC,CAACc,KAAK,CAAC,EAAE,OAAO,CAAE;UAClD6C,UAAU,EAAEN,MAAM,GAAGM,UAAU,GAAG,CAAC,EAAG;UACtCG,QAAQ,EAAE,IAAI,CAACF,KAAK,GAAG,EAAE,GAAG,CAAC,EAAG;UAChCpC,YAAY,EAAE,GAAI;UAClBuC,UAAU,EAAE,KAAM;UAClBC,MAAM,EAAE;YAACpC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAE;YAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;UAAG,CAAE;UACzEa,WAAW,EAAEd,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACb,KAAK,CAACkD,SAAU;UACjDgC,MAAM,EAAE,EAAG;UACX/B,MAAM,EAAE,CAAC;YACRC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE/E,QAAQ,CAACgF,EAAE,IAAI,KAAK,GAAG;cACpCC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI;YAClC,CAAC,GAAC;cACAC,OAAO,EAAE,IAAI,CAACF,QAAQ,CAACC,IAAI,CAAC,IAAI;YAClC;UACF,CAAC,CAAE;UACF3C,IAAI,EAAE6B;QAAG,CAAC,CAAC;MAChC,CAAC,CAAC;IACJ;EACF;EAEAwC,UAAUA,CAAA,EAAG;IACX,MAAMC,KAAK,GAAG,IAAI,CAACC,aAAa,CAAC,CAAC;IAClC,MAAMlB,MAAM,GAAG/B,IAAI,CAACC,GAAG,CAAC,IAAI,CAACxB,KAAK,CAACL,UAAU,GAAC,CAAC,EAAE,IAAI,CAACK,KAAK,CAACuD,WAAW,GAAC,EAAE,CAAC;IAC3E,MAAMkB,QAAa,GAAG,EAAE;IACxBF,KAAK,CAACG,OAAO,CAAC,CAACvE,CAAM,EAAEa,CAAM,KAAK;MAChCyD,QAAQ,CAACzC,IAAI,CAAC;QAACD,CAAC,EAAG,GAAG,IAAI,CAAC/B,KAAK,CAACb,KAAK,CAACwF,MAAM,GAAGxE,CAAC,EAAE;QAAEC,CAAC,EAAE;MAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;IACF,oBAAO7C,KAAA,CAAA0E,aAAA,CAACnE,UAAU;MACjB8G,KAAK,EAAE;QACLP,MAAM,EAAE;UACNQ,QAAQ,EAAE,EAAE;UAAEC,WAAW,EAAE,EAAE;UAAEC,YAAY,EAAE;QAC/C;MAAC,CACF;MACAjB,UAAU,EAAE,IAAI,CAACC,KAAK,GAAG,EAAE,GAAG,CAAC,EAAG;MAClCE,QAAQ,EAAE,IAAI,CAACF,KAAK,GAAG,CAAC,EAAE,GAAG,EAAG;MAChCG,UAAU,EAAE,KAAM;MAClBF,UAAU,EAAE,CAAC,OAAO,CAAE;MACtBG,MAAM,EAAE;QAACpC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAC,GAAG,CAAE;QAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;MAAG,CAAE;MAC7EyB,WAAW,EAAE1B,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAG,EAAG;MACtDpC,IAAI,EAAEwE;IAAS,CAChB,CAAC;EACJ;EAYAD,aAAaA,CAAA,EAAG;IACd,IAAID,KAAU,GAAG,EAAE;IACnB,IAAI,IAAI,CAACvE,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACW,MAAM,EAAE;MAC7B,IAAIX,IAAI,GAAG7B,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;MACxC,MAAMwB,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGzB,IAAI,CAACc,GAAG,CAAEkE,CAAM,IAAKA,CAAC,CAAC7E,CAAC,GAAG6E,CAAC,CAAC7E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGvB,IAAI,CAACc,GAAG,CAAEkE,CAAM,IAAKA,CAAC,CAAC7E,CAAC,GAAG6E,CAAC,CAAC7E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAM8E,KAAK,GAAGhH,KAAK,CAACiH,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;MACzCD,KAAK,CAACE,MAAM,CAAC,CAAC9D,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,EAAEG,QAAQ,CAAC,CAAC;MACrD8C,KAAK,GAAGtG,IAAI,CAACoH,QAAQ,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;MAChCX,KAAK,CAACA,KAAK,CAAC3D,MAAM,GAAE,CAAC,CAAC,GAAGa,QAAQ;MACjC,IAAKH,QAAQ,GAAG,CAAC,EAAG;QAClB,IAAIiD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;UAClBA,KAAK,CAACe,OAAO,CAAChE,QAAQ,CAAC;QACzB,CAAC,MAAM;UACLiD,KAAK,CAAC,CAAC,CAAC,GAAGjD,QAAQ;QACrB;MACF,CAAC,MAAM;QACLiD,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAACvE,KAAK,CAACb,KAAK,CAACoG,QAAQ;MACtC;IACF;IACA,OAAOhB,KAAK;EACd;EAEA5B,QAAQA,CAAC6C,KAAU,EAAEvF,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACwF,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAAC,IAAI,CAAC1F,KAAK,CAACb,KAAK,CAACwG,OAAO,EAAE;IAC/B,IAAI,CAACF,OAAO,CAACC,OAAO,CAACE,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAI3G,KAAK,GAAG,IAAI,CAACa,KAAK,CAACb,KAAK;MAC5B,IAAI8B,KAAK,GAAGhB,IAAI,CAAC8F,KAAK,CAAC9E,KAAK;MAC5B,IAAI+E,QAAQ,GAAG7G,KAAK,CAAC8G,YAAY;MACjC,IAAIC,KAAK,GAAG,IAAI,CAAClG,KAAK,CAACmG,eAAe,CAAClF,KAAK,CAAC;MAC7C,IAAImF,KAAK,GAAGjH,KAAK,CAACwG,OAAO,CAAC1E,KAAK,CAAC,CAAC+E,QAAQ,CAAC;MAC1C,IAAIK,YAAY,GAAGlH,KAAK,CAACwG,OAAO,CAAC1E,KAAK,CAAC;MACvC,IAAIqF,iBAAiB,GAAG,CAAC;QAACC,MAAM,EAAE,CAAC;QAAExE,CAAC,EAAEd,KAAK;QAAEb,CAAC,EAAEgG,KAAK;QAACI,QAAQ,EAAEH;MAAY,CAAC,EAAEpF,KAAK,CAAC;MACvF,MAAM3B,WAAW,GAAGkG,KAAK,CAAClG,WAAW;MACrC,IAAImH,QAAQ,GAAGnH,WAAW,CAACoH,KAAK,GAAGb,MAAM;MACzC,IAAIc,QAAQ,GAAGrH,WAAW,CAACsH,KAAK,GAAGd,MAAM;MACzC,IAAI,CAACpG,WAAW,CAAC;QACfmH,YAAY,EAAEX,KAAK;QACnBY,YAAY,EAAEV,KAAK;QACnBW,aAAa,EAAE,IAAI;QACnBV,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEpF,KAAK,EAAEA;QAAK,CAAC;QAC7C+F,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAACzG,KAAK,CAACiH,cAAc;QACtDC,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAAC3G,KAAK,CAACmH;MAC1C,CAAsB,CAAC;MACvB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC5B,KAAK,CAAClG,WAAW,EAAE,IAAI,CAAC+H,KAAK,EAAEhB,YAAY,EAAEC,iBAAiB,CAAE,CAAC;IACzG,CAAC,CAAC;EACF;EAEAgB,YAAYA,CAACnI,KAAwB,EAAE;IACrC,IAAI,CAACiI,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACrH,KAAK,CAACC,IAAI,CAACW,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAI2G,SAAS,GAAC;MAACxF,CAAC,EAAE,IAAI,CAAC5C,KAAK,CAACqI,OAAO,KAAK,KAAK,GAAG,IAAI,CAACxH,KAAK,CAACyH,SAAS,GAAEC,SAAS;MAAEtH,CAAC,EAAE,IAAI,CAACjB,KAAK,CAACwI,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC3H,KAAK,CAAC4H,SAAS,GAAEF;IAAS,CAAC;IACpJ,MAAMzH,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;IAC3B,MAAMc,OAAO,GAAGpB,IAAI,CAACc,GAAG,CAAEZ,CAAM,IAAKA,CAAC,CAACC,CAAC,CAAC;IACzC,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGH,OAAO,CAAC;IACrC,MAAMI,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGL,OAAO,CAAC;IACrC,oBACE9D,KAAA,CAAA0E,aAAA,CAACzE,IAAI,EAAAqK,QAAA,KACCpJ,qBAAqB,CAACD,uBAAuB,CAACsJ,SAAS,EAAE3I,KAAK,CAAC;MACnEyF,KAAK,EAAE,IAAI,CAACmD,MAAM,CAACC,IAAK;MAACC,QAAQ,EAAE,IAAI,CAACC;IAAmB,IAE1D,IAAI,CAACC,UAAU,CAAC,CAAC,EAClBhJ,KAAK,CAACiJ,QAAQ,KAAK,KAAK,gBACxB7K,KAAA,CAAA0E,aAAA,CAACzE,IAAI;MAAC6K,GAAG,EAAE,IAAI,CAAC5C;IAAQ,gBACtBlI,KAAA,CAAA0E,aAAA,CAACpE,YAAY;MACXyK,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI,KAAM;MACxBC,SAAS,EAAEhB,SAAU;MACrBnC,MAAM,EAAG,IAAI,CAACrB,KAAK,IAAI,CAACxF,KAAK,CAACkD,QAAQ,CAAC,IAAI,CAAClD,KAAK,CAAC+C,QAAQ,CAAC,GAAI,CAACG,QAAQ,EAAEH,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,CAAC,GAAGoG,SAAU;MACnHc,aAAa,EAAE;QAAEzG,CAAC,EAAE;MAAG,CAAE;MACzB0G,MAAM,EAAE,IAAI,CAACV,MAAM,CAACC,IAAI,CAACS,MAAiB;MAC1CjJ,KAAK,EAAE,IAAI,CAACuI,MAAM,CAACC,IAAI,CAACxI,KAAK,IAAc,IAAI,CAACQ,KAAK,CAACL,UAAU,IAAI,GAAI;MACxE+I,OAAO,EAAE;QAAE7G,GAAG,EAAE1C,KAAK,CAACwJ,SAAS;QAAE/G,MAAM,EAAEzC,KAAK,CAACyJ,YAAY;QAAEC,IAAI,EAAE,IAAI,CAAC9E,KAAK,GAAG5E,KAAK,CAAC2J,WAAW,GAAG3J,KAAK,CAAC4J,UAAU;QAAEC,KAAK,EAAE,IAAI,CAACjF,KAAK,GAAG5E,KAAK,CAAC4J,UAAU,GAAG5J,KAAK,CAAC2J;MAAY;IAAE,gBAEjLvL,KAAA,CAAA0E,aAAA,CAAClE,aAAa;MACZoE,IAAI,EAAE,QAAS;MACf8G,kBAAkB,eAAE1L,KAAA,CAAA0E,aAAA,CAACvE,GAAG,MAAE,CAAE;MAC5BkH,KAAK,EAAE;QAACsE,KAAK,EAAE;UACbC,UAAU,EAAE,2CAA2C;UACvDtE,QAAQ,EAAE;QACZ;MACA,CAAE;MACFqE,KAAK,EAAE,CAAC/J,KAAK,CAAC+J,KAAK,EAAE/J,KAAK,CAACiK,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXrJ,IAAI,EAAE,EAAG;MACTqI,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI;IAAM,CACzB,CAAC,EACD,IAAI,CAACiB,aAAa,CAAC,IAAI,CAACrI,eAAe,CAAC,CAAC,CAAC,eAC3C3D,KAAA,CAAA0E,aAAA,CAACjE,WAAW;MAACwL,SAAS;MACT5E,KAAK,EAAE;QACL6E,UAAU,EAAE;UAAEC,IAAI,EAAE,IAAI,CAAC1J,KAAK,CAACb,KAAK,CAACwK,SAAS,KAAK,KAAK,GAAG,aAAa,GAAG,SAAS;UAAG9E,QAAQ,EAAE,EAAE;UAAE6D,OAAO,EAAE,IAAI,CAAC1I,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAC,CAAC,GAAG;QAAC,CAAC;QAC/IuH,SAAS,EAAE;UAAElB,OAAO,EAAG,EAAE,GAAG,IAAI,CAAC1I,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAC;QAAG,CAAC;QAC3DwH,IAAI,EAAE;UAACC,MAAM,EAAE;QAAM,CAAC;QACtBC,IAAI,EAAE;UAACD,MAAM,EAAE;QAAM,CAAC;QACtBvF,KAAK,EAAE;UAACuF,MAAM,EAAE;QAAM;MACxB,CAAE;MACFxB,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI,KAAM;MACxB0B,UAAU,EAAE,IAAI,CAACxF,aAAa,CAAC,CAAE;MACjCyF,UAAU,EAAGC,CAAM,IAAK,IAAI,CAAClK,KAAK,CAACb,KAAK,CAACwF,MAAM,GAAG,GAAG,IAAI,CAACwF,gBAAgB,CAACD,CAAC,CAAC,GAAG,IAAI,CAAClK,KAAK,CAACb,KAAK,CAACwF,MAAM,EAAE,GAAG,GAAG,IAAI,CAACwF,gBAAgB,CAACD,CAAC,CAAC,EAAG;MAACE,aAAa;IAAA,CAAE,CAAC,eACxK7M,KAAA,CAAA0E,aAAA,CAACtE,YAAY;MACXqG,UAAU,EAAE,IAAI,CAACtD,YAAY,CAAC,CAAE;MAChC2J,UAAU,EAAE;IAAK,GAGf,IAAI,CAAClJ,WAAW,CAAChC,KAAK,CAEZ,CACF,CACR,CAAC,gBACP5B,KAAA,CAAA0E,aAAA,CAACzE,IAAI;MAAC6K,GAAG,EAAE,IAAI,CAAC5C;IAAQ,gBACxBlI,KAAA,CAAA0E,aAAA,CAACvE,GAAG;MAAC8B,KAAK,EAAE,IAAI,CAACQ,KAAK,CAACL,UAAW;MAAC8I,MAAM,EAAE,IAAI,CAACzI,KAAK,CAACuD;IAAY,gBAChEhG,KAAA,CAAA0E,aAAA,CAAClE,aAAa;MACZoE,IAAI,EAAE,QAAS;MACf8G,kBAAkB,eAAE1L,KAAA,CAAA0E,aAAA,CAACvE,GAAG,MAAE,CAAE;MAC5BwL,KAAK,EAAE,CAAC/J,KAAK,CAAC+J,KAAK,EAAE/J,KAAK,CAACiK,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXrJ,IAAI,EAAE,EAAG;MACTqI,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI;IAAM,CACzB,CAAC,EACD,IAAI,CAACtF,WAAW,CAAC7D,KAAK,CAAC,EACvB,IAAI,CAACmF,UAAU,CAAC,CACd,CACC,CAEJ,CAAC;EAEX;AACF","ignoreList":[]}

package/components/data/list/list.component.js

@@ -60,6 +60,10 @@ export default class WmList extends BaseComponent {
       }
       return this.selectedItems;
     });
+    _defineProperty(this, "getItem", index => {
+      const props = this.state.props;
+      return this.props.dataset[index];
+    });
     _defineProperty(this, "selectAll", () => {
       const props = this.state.props;
       const dataset = props.dataset;
@@ -219,13 +223,9 @@ export default class WmList extends BaseComponent {
       groupedData: {}
     });
   }
-  getItem(index) {
-    const props = this.state.props;
-    return this.props.dataset[index];
-  }
   deselect(item) {
     const props = this.state.props;
-    let selectedItem = null;
+    let selectedItem = props.selecteditem || null;
     let index = isNumber(item) ? item : props.dataset.indexOf(item);
     if (props.multiselect && index >= 0) {
       selectedItem = [...(props.selecteditem || [])];