@wavemaker/app-rn-runtime 11.14.1-20.6468 → 11.14.1-21.64739

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","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","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","length","offsetTop","offsettop","offsetHeight","victoryChartHeight","chartheight","styles","root","height","offsetbottom","containerStyle","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","width","chartWidth","screenWidth","padding","top","bottom","left","isRTL","offsetright","offsetleft","right","name","containerComponent","orientation","gutter","getLegendView","undefined","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\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\n\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={containerStyle}\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={victoryChartHeight as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: 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          undefined, \n          (\n            (\n              (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n              (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n              0 : offsetHeight\n          )\n        )}\n        {this.getXaxis(offsetHeight)}\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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAO,cAAc;AAEjD,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAC1E,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,SAAqBC,YAAY,EAAEC,aAAa,EAAeC,cAAc,QAAO,gBAAgB;AAEpG,SAAQC,GAAG,QAAO,kBAAkB;AAEpC,OAAOC,MAAM,MAAM,gEAAgE;AAGnF,OAAO,MAAMC,kBAAkB,SAASN,uBAAuB,CAAqB;AAEpF,eAAe,MAAMO,aAAa,SAASR,kBAAkB,CAA8D;EAEzHS,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,EAAE,IAAIS,kBAAkB,CAAC,CAAC,CAAC;EACjF;EAEAI,QAAQA,CAACC,KAAU,EAAEC,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAAC,IAAI,CAACC,KAAK,CAACN,KAAK,CAACO,OAAO,EAAE;IAC/B,IAAI,CAACH,OAAO,CAACC,OAAO,CAACG,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAIC,KAAK,GAAGR,IAAI,CAACA,IAAI,CAACA,IAAI,CAACS,KAAK,CAAC,CAACC,CAAC;MACnC,IAAIC,KAAK,GAAG,IAAI,CAACR,KAAK,CAACS,eAAe,CAACZ,IAAI,CAACa,KAAK,CAACC,CAAC,CAAC;MACpD,IAAIC,YAAY,GAAG,IAAI,CAAClB,KAAK,CAACO,OAAO,CAACJ,IAAI,CAACS,KAAK,CAAC;MACjD,MAAMO,WAAW,GAAGjB,KAAK,CAACiB,WAAW;MACrC,IAAIC,QAAQ,GAAGD,WAAW,CAACE,KAAK,GAAGZ,MAAM;MACzC,IAAIa,QAAQ,GAAGH,WAAW,CAACI,KAAK,GAAGb,MAAM;MACzC,IAAIc,iBAAiB,GAAG,CAAC;QAACC,MAAM,EAAE,CAAC;QAAER,CAAC,EAAEd,IAAI,CAACS,KAAK;QAAEC,CAAC,EAAEF,KAAK;QAACe,QAAQ,EAAER;MAAY,CAAC,EAACf,IAAI,CAACS,KAAK,CAAC;MAChG,IAAI,CAACe,WAAW,CAAC;QACfC,YAAY,EAAEd,KAAK;QACnBe,YAAY,EAAElB,KAAK;QACnBmB,aAAa,EAAE,IAAI;QACnBZ,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEN,KAAK,EAAET,IAAI,CAACS;QAAK,CAAC;QAClDmB,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAACd,KAAK,CAAC0B,cAAc;QACtDC,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAAChB,KAAK,CAAC4B;MAC1C,CAAuB,CAAC;MACxB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAACjC,KAAK,CAACiB,WAAW,EAAE,IAAI,CAACiB,KAAK,EAAElB,YAAY,EAAEM,iBAAiB,CAAE,CAAC;IACzG,CAAC,CAAC;EACF;EAEAa,YAAYA,CAACrC,KAAyB,EAAE;IAAA,IAAAsC,gBAAA,EAAAC,kBAAA,EAAAC,iBAAA,EAAAC,kBAAA,EAAAC,kBAAA,EAAAC,kBAAA,EAAAC,kBAAA,EAAAC,kBAAA;IACtC,IAAI,CAACV,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,GAAAE,gBAAA,GAAC,IAAI,CAAChC,KAAK,CAACH,IAAI,cAAAmC,gBAAA,eAAfA,gBAAA,CAAiBQ,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IAEA,IAAIC,SAAS,GAAG/C,KAAK,CAACgD,SAAS;IAC/B,IAAIC,YAAY,GAAG,CAAC;IACpB,IAAIC,kBAAkB,IAAAX,kBAAA,GAAGvC,KAAK,CAACmD,WAAW,cAAAZ,kBAAA,cAAAA,kBAAA,GAAI,IAAI,CAACa,MAAM,CAACC,IAAI,CAACC,MAAM;IAErE,IAAG,CAAAd,iBAAA,OAAI,CAACY,MAAM,CAACC,IAAI,cAAAb,iBAAA,eAAhBA,iBAAA,CAAkBc,MAAM,IAAI,SAAAb,kBAAA,GAAO,IAAI,CAACW,MAAM,CAACC,IAAI,cAAAZ,kBAAA,uBAAhBA,kBAAA,CAAkBa,MAAM,MAAK,QAAQ,EAAE;MAC3EP,SAAS,GAAI,IAAI,CAACK,MAAM,CAACC,IAAI,CAACC,MAAM,GAAG,GAAG,GAAItD,KAAK,CAACgD,SAAS;MAC7DC,YAAY,GAAI,IAAI,CAACG,MAAM,CAACC,IAAI,CAACC,MAAM,IAAI,GAAG,IAAI,CAACtD,KAAK,CAACmD,WAAW,IAAInD,KAAK,CAACmD,WAAW,KAAK,CAAC,GAAI,CAAC,GAAGJ,SAAS,GAAG/C,KAAK,CAACuD,YAAY;IACvI;IAEA,IAAG,OAAOL,kBAAkB,KAAK,QAAQ,EAAE;MACzCA,kBAAkB,GAAGA,kBAAkB,GAAGD,YAAY;IACxD;IAEA,IAAIO,cAAc,GAAG;MAAC,GAAG,IAAI,CAACJ,MAAM,CAACC;IAAI,CAAC;IAC1C,IAAGG,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEF,MAAM,EAAE;MACzBE,cAAc,CAAC,WAAW,CAAC,GAAGA,cAAc,CAAC,QAAQ,CAAC;MACtD,OAAOA,cAAc,CAAC,QAAQ,CAAC;IACjC;IAEA,oBAAQ1E,KAAA,CAAA2E,aAAA,CAACzE,IAAI,EAAA0E,QAAA,KACPvE,qBAAqB,CAACD,uBAAuB,CAACyE,SAAS,EAAE3D,KAAK,CAAC;MACnE4D,KAAK,EAAEJ,cAAe;MACtBK,QAAQ,EAAE,IAAI,CAACC,kBAAkB,CAACC,IAAI,CAAC,IAAI;IAAE,iBAE7CjF,KAAA,CAAA2E,aAAA,CAACzE,IAAI,qBACHF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;MAAC4E,KAAK,EAAE;QAACI,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACtDjE,KAAK,CAACkE,SAAS,gBAAIpF,KAAA,CAAA2E,aAAA,CAAC7D,MAAM;MAACsE,SAAS,EAAElE,KAAK,CAACkE,SAAU;MAACd,MAAM,EAAE,IAAI,CAACA,MAAM,CAACe;IAAK,CAAS,CAAC,GAAI,IAAI,eACpGrF,KAAA,CAAA2E,aAAA,CAAC1E,IAAI;MAAC6E,KAAK,EAAE,IAAI,CAACR,MAAM,CAACgB;IAAM,GAAEpE,KAAK,CAACoE,KAAY,CAC/C,CAAC,eACPtF,KAAA,CAAA2E,aAAA,CAAC1E,IAAI;MAAC6E,KAAK,EAAE,IAAI,CAACR,MAAM,CAACiB;IAAW,GAAErE,KAAK,CAACsE,UAAiB,CACzD,CAAC,eACPxF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;MAACuF,GAAG,EAAE,IAAI,CAACnE;IAAQ,GACvB,IAAI,CAACoE,UAAU,CAAC,CAAC,eAClB1F,KAAA,CAAA2E,aAAA,CAACjE,YAAY;MACXiF,KAAK,EAAE,IAAI,CAACnE,KAAK,CAACmE,KAAM;MACxBnB,MAAM,EAAEJ,kBAA6B;MACrCwB,KAAK,EAAE,IAAI,CAACpE,KAAK,CAACqE,UAAU,IAAI,IAAI,CAACC,WAAY;MACjDC,OAAO,EAAE;QAAEC,GAAG,EAAE/B,SAAS;QAAEgC,MAAM,EAAE/E,KAAK,CAACuD,YAAY;QAAEyB,IAAI,EAAE,IAAI,CAACC,KAAK,GAAGjF,KAAK,CAACkF,WAAW,GAAGlF,KAAK,CAACmF,UAAU;QAAEC,KAAK,EAAE,IAAI,CAACH,KAAK,GAAGjF,KAAK,CAACmF,UAAU,GAAGnF,KAAK,CAACkF;MAAY;IAAE,gBAE3KpG,KAAA,CAAA2E,aAAA,CAAChE,aAAa;MACZ4F,IAAI,EAAE,QAAS;MACfC,kBAAkB,eAAExG,KAAA,CAAA2E,aAAA,CAAC9D,GAAG,MAAE,CAAE;MAC5B4F,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXrF,IAAI,EAAE,EAAG;MACTsE,KAAK,EAAE,IAAI,CAACnE,KAAK,CAACmE;IAAM,CACzB,CAAC,EACD,IAAI,CAACgB,aAAa,CACjBC,SAAS,EAGJ,CAAAhD,kBAAA,OAAI,CAACU,MAAM,CAACC,IAAI,cAAAX,kBAAA,eAAhBA,kBAAA,CAAkBY,MAAM,IAAI,SAAAX,kBAAA,GAAO,IAAI,CAACS,MAAM,CAACC,IAAI,cAAAV,kBAAA,uBAAhBA,kBAAA,CAAkBW,MAAM,MAAK,QAAQ,IACxE,CAAAV,kBAAA,OAAI,CAACQ,MAAM,CAACC,IAAI,cAAAT,kBAAA,eAAhBA,kBAAA,CAAkBU,MAAM,IAAI,SAAAT,kBAAA,GAAO,IAAI,CAACO,MAAM,CAACC,IAAI,cAAAR,kBAAA,uBAAhBA,kBAAA,CAAkBS,MAAM,MAAK,QAAQ,IAAI,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC,MAAM,IAAI,GAAI,GAC5G,CAAC,GAAGL,YAEV,CAAC,EACA,IAAI,CAAC0C,QAAQ,CAAC1C,YAAY,CAAC,EAC3B,IAAI,CAAC2C,QAAQ,CAAC,CAAC,EACf,IAAI,CAACtF,KAAK,CAACH,IAAI,CAAC0F,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAC5C,oBAAOjH,KAAA,CAAA2E,aAAA,CAAC/D,cAAc;QACpBsG,UAAU,EAAE,IAAI,CAAC1F,KAAK,CAAC2F,MAAO;QAC9BrC,KAAK,EAAE;UACLzD,IAAI,EAAE;YAAE+F,IAAI,EAAE,IAAI,CAAC5F,KAAK,CAAC2F,MAAM,CAACF,CAAC,CAAC;YAAEI,OAAO,EAAEA,CAAC;cAAEnF;YAAW,CAAC,KAAKA,KAAK,CAACmF;UAAQ;QACjF,CAAE;QACFC,GAAG,EAAEpG,KAAK,CAACqF,IAAI,GAAG,UAAU,GAAGU,CAAE;QACjCV,IAAI,EAAErF,KAAK,CAACqF,IAAI,GAAG,UAAU,GAAGU,CAAE;QAClC5F,IAAI,EAAE2F,CAAE;QACRO,IAAI,EAAE,CAAE;QACRC,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAEvH,QAAQ,CAACwH,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAACzG,QAAQ,CAAC8D,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACA4C,OAAO,EAAE,IAAI,CAAC1G,QAAQ,CAAC8D,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,CACJ,CAAC;IACJ,CAAC,CACa,CAAO,CAAO,CAAC;EACjC;AACF","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

@@ -44,30 +44,13 @@ export default class WmLineChart extends BaseChartComponent {
     });
   }
   renderWidget(props) {
-    var _this$state$data, _props$chartheight, _this$styles$root, _this$styles$root2, _this$styles$root3, _this$styles$root4, _this$styles$root5, _this$styles$root6;
+    var _this$state$data;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
       return null;
     }
-    let offsetTop = props.offsettop;
-    let offsetHeight = 0;
-    let victoryChartHeight = (_props$chartheight = props.chartheight) !== null && _props$chartheight !== void 0 ? _props$chartheight : this.styles.root.height;
-    if ((_this$styles$root = this.styles.root) !== null && _this$styles$root !== void 0 && _this$styles$root.height && typeof ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) === 'number') {
-      offsetTop = this.styles.root.height / 250 * props.offsettop;
-      offsetHeight = this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0 ? 0 : offsetTop + props.offsetbottom;
-    }
-    if (typeof victoryChartHeight === 'number') {
-      victoryChartHeight = victoryChartHeight + offsetHeight;
-    }
-    let containerStyle = {
-      ...this.styles.root
-    };
-    if (containerStyle !== null && containerStyle !== void 0 && containerStyle.height) {
-      containerStyle['minHeight'] = containerStyle['height'];
-      delete containerStyle['height'];
-    }
     return /*#__PURE__*/React.createElement(View, _extends({
-      style: containerStyle
+      style: this.styles.root
     }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       onLayout: this.onViewLayoutChange
     }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
@@ -86,15 +69,15 @@ export default class WmLineChart extends BaseChartComponent {
       ref: this.viewRef
     }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
-      height: victoryChartHeight,
+      height: this.styles.root.height,
       width: this.state.chartWidth || this.screenWidth,
       padding: {
-        top: offsetTop,
+        top: props.offsettop,
         bottom: props.offsetbottom,
         left: this.isRTL ? props.offsetright : props.offsetleft,
         right: this.isRTL ? props.offsetleft : props.offsetright
       }
-    }, this.getLegendView(undefined, (_this$styles$root3 = this.styles.root) !== null && _this$styles$root3 !== void 0 && _this$styles$root3.height && typeof ((_this$styles$root4 = this.styles.root) === null || _this$styles$root4 === void 0 ? void 0 : _this$styles$root4.height) === 'string' || (_this$styles$root5 = this.styles.root) !== null && _this$styles$root5 !== void 0 && _this$styles$root5.height && typeof ((_this$styles$root6 = this.styles.root) === null || _this$styles$root6 === void 0 ? void 0 : _this$styles$root6.height) === 'number' && this.styles.root.height >= 250 ? 0 : offsetHeight), this.getXaxis(offsetHeight), this.getYAxis(), this.state.data.map((d, i) => {
+    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
       return /*#__PURE__*/React.createElement(VictoryGroup, {
         key: props.name + '_line_group_' + i
       }, /*#__PURE__*/React.createElement(VictoryLine, {

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","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","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","length","offsetTop","offsettop","offsetHeight","victoryChartHeight","chartheight","styles","root","height","offsetbottom","containerStyle","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","width","chartWidth","screenWidth","padding","top","bottom","left","isRTL","offsetright","offsetleft","right","getLegendView","undefined","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\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\n\n    return (\n    <View \n      style={containerStyle}\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}\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={victoryChartHeight as number}\n        width={this.state.chartWidth || this.screenWidth}\n        padding={{ top: offsetTop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n      >\n        {this.getLegendView(\n          undefined, \n          (\n            (\n              (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n              (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n              0 : offsetHeight\n          )\n        )}\n        {this.getXaxis(offsetHeight)}\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":[]}
+{"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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAA2B,cAAc;AACtE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,SACEC,YAAY,EACZC,WAAW,EACXC,cAAc,EACdC,YAAY,QACP,gBAAgB;AAEvB,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAOC,MAAM,MAAM,gEAAgE;AAGnF,OAAO,MAAMC,gBAAgB,SAASH,uBAAuB,CAAmB;AAEhF,eAAe,MAAMI,WAAW,SAASL,kBAAkB,CAAwD;EAEjHM,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIM,gBAAgB,CAAC,CAAC,CAAC;EAC7E;EAEAI,QAAQA,CAACC,KAAU,EAAEC,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAAC,IAAI,CAACC,KAAK,CAACN,KAAK,CAACO,OAAO,EAAE;IAC/B,IAAI,CAACH,OAAO,CAACC,OAAO,CAACG,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAIC,KAAK,GAAGR,IAAI,CAACA,IAAI,CAACA,IAAI,CAACS,KAAK,CAAC,CAACC,CAAC;MACnC,IAAIC,KAAK,GAAG,IAAI,CAACR,KAAK,CAACS,eAAe,CAACZ,IAAI,CAACa,KAAK,CAACC,CAAC,CAAC;MACpD,IAAIC,YAAY,GAAG,IAAI,CAAClB,KAAK,CAACO,OAAO,CAACJ,IAAI,CAACS,KAAK,CAAC;MACjD,MAAMO,WAAW,GAAGjB,KAAK,CAACiB,WAAW;MACrC,IAAIC,QAAQ,GAAGD,WAAW,CAACE,KAAK,GAAGZ,MAAM;MACzC,IAAIa,QAAQ,GAAGH,WAAW,CAACI,KAAK,GAAGb,MAAM;MACzC,IAAIc,iBAAiB,GAAG,CAAC;QAACC,MAAM,EAAE,CAAC;QAAER,CAAC,EAAEd,IAAI,CAACS,KAAK;QAAEC,CAAC,EAAEF,KAAK;QAACe,QAAQ,EAAER;MAAY,CAAC,EAACf,IAAI,CAACS,KAAK,CAAC;MAChG,IAAI,CAACe,WAAW,CAAC;QACfC,YAAY,EAAEd,KAAK;QACnBe,YAAY,EAAElB,KAAK;QACnBmB,aAAa,EAAE,IAAI;QACnBZ,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEN,KAAK,EAAET,IAAI,CAACS;QAAK,CAAC;QAClDmB,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAACd,KAAK,CAAC0B,cAAc;QACtDC,gBAAgB,EAAEX,QAAQ,GAAG,IAAI,CAAChB,KAAK,CAAC4B;MAC1C,CAAqB,CAAC;MACtB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAACjC,KAAK,CAACiB,WAAW,EAAE,IAAI,CAACiB,KAAK,EAAElB,YAAY,EAAEM,iBAAiB,CAAE,CAAC;IACzG,CAAC,CAAC;EACF;EAIAa,YAAYA,CAACrC,KAAuB,EAAE;IAAA,IAAAsC,gBAAA;IACpC,IAAI,CAACH,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,GAAAE,gBAAA,GAAC,IAAI,CAAChC,KAAK,CAACH,IAAI,cAAAmC,gBAAA,eAAfA,gBAAA,CAAiBC,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IACA,oBACA1D,KAAA,CAAA2D,aAAA,CAACzD,IAAI,EAAA0D,QAAA;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAK1D,qBAAqB,CAACD,uBAAuB,CAAC4D,SAAS,EAAE7C,KAAK,CAAC;MAAE8C,QAAQ,EAAE,IAAI,CAACC;IAAmB,iBACpIlE,KAAA,CAAA2D,aAAA,CAACzD,IAAI,qBACHF,KAAA,CAAA2D,aAAA,CAACzD,IAAI;MAAC2D,KAAK,EAAE;QAACM,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACtDjD,KAAK,CAACkD,SAAS,gBAAIrE,KAAA,CAAA2D,aAAA,CAAC5C,MAAM;MAACsD,SAAS,EAAElD,KAAK,CAACkD,SAAU;MAACP,MAAM,EAAE,IAAI,CAACA,MAAM,CAACQ;IAAK,CAAS,CAAC,GAAI,IAAI,eACpGtE,KAAA,CAAA2D,aAAA,CAAC1D,IAAI;MAAC4D,KAAK,EAAE,IAAI,CAACC,MAAM,CAACS;IAAM,GAAEpD,KAAK,CAACoD,KAAY,CAC/C,CAAC,eACPvE,KAAA,CAAA2D,aAAA,CAAC1D,IAAI;MAAC4D,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;IAAW,GAAErD,KAAK,CAACsD,UAAiB,CACzD,CAAC,eACPzE,KAAA,CAAA2D,aAAA,CAACzD,IAAI;MAACwE,GAAG,EAAE,IAAI,CAACnD;IAAQ,GACvB,IAAI,CAACoD,UAAU,CAAC,CAAC,eAClB3E,KAAA,CAAA2D,aAAA,CAACrD,YAAY;MACXsE,KAAK,EAAE,IAAI,CAACnD,KAAK,CAACmD,KAAM;MACxBC,MAAM,EAAG,IAAI,CAACf,MAAM,CAACC,IAAI,CAACc,MAAkB;MAC5CC,KAAK,EAAE,IAAI,CAACrD,KAAK,CAACsD,UAAU,IAAI,IAAI,CAACC,WAAY;MACjDC,OAAO,EAAE;QAAEC,GAAG,EAAE/D,KAAK,CAACgE,SAAS;QAAEC,MAAM,EAAEjE,KAAK,CAACkE,YAAY;QAAEC,IAAI,EAAE,IAAI,CAACC,KAAK,GAAGpE,KAAK,CAACqE,WAAW,GAAGrE,KAAK,CAACsE,UAAU;QAAEC,KAAK,EAAE,IAAI,CAACH,KAAK,GAAGpE,KAAK,CAACsE,UAAU,GAAGtE,KAAK,CAACqE;MAAY;IAAE,GAEhL,IAAI,CAACG,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACpE,KAAK,CAACH,IAAI,CAACwE,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAC1C,oBAAOhG,KAAA,CAAA2D,aAAA,CAAClD,YAAY;QAACwF,GAAG,EAAE9E,KAAK,CAAC+E,IAAI,GAAG,cAAc,GAAGF;MAAE,gBACxDhG,KAAA,CAAA2D,aAAA,CAACpD,WAAW;QAAC4F,aAAa,EAAEhF,KAAK,CAACgF,aAAuC;QAAEF,GAAG,EAAE9E,KAAK,CAAC+E,IAAI,GAAG,QAAQ,GAAGF,CAAE;QACxGE,IAAI,EAAE/E,KAAK,CAAC+E,IAAI,GAAG,GAAG,GAAGF,CAAE;QAC3BI,UAAU,EAAE,IAAK;QACjBvC,KAAK,EAAE;UACLvC,IAAI,EAAE;YACJ+E,MAAM,EAAG,IAAI,CAAC5E,KAAK,CAAC6E,MAAM,CAACN,CAAC,CAAC,IAAIlF,cAAc,CAACyF,QAAQ,CAACC,cAAe;YACxEC,WAAW,EAAEtF,KAAK,CAACuF;UACrB;QACF,CAAE;QACFpF,IAAI,EAAEyE;MAAE,CACT,CAAC,eAEA/F,KAAA,CAAA2D,aAAA,CAACnD,cAAc;QAACmG,IAAI,EAAE,CAAE;QAACV,GAAG,EAAE9E,KAAK,CAAC+E,IAAI,GAAG,UAAU,GAAGF,CAAE;QACtDnC,KAAK,EAAE;UACLvC,IAAI,EAAGH,KAAK,CAACyF,eAAe,IAAI,IAAI,CAACnF,KAAK,CAACH,IAAI,CAACoC,MAAM,KAAK,CAAC,GAAI;YAACmD,IAAI,EAAE,IAAI,CAACpF,KAAK,CAAC6E,MAAM,CAACN,CAAC,CAAC;YAAEc,OAAO,EAAE;UAAG,CAAC,GAAG;YAACA,OAAO,EAAC;UAAC;QACzH,CAAE;QACFxF,IAAI,EAAEyE,CAAE;QACRgB,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAE9G,QAAQ,CAAC+G,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAAC/F,QAAQ,CAACgG,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACAC,OAAO,EAAE,IAAI,CAACjG,QAAQ,CAACgG,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,CACN,CACW,CAAC;IACnB,CAAC,CACW,CACR,CACF,CAAC;EACT;AACF","ignoreList":[]}

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

@@ -107,14 +107,13 @@ export default class WmPieChart extends BaseChartComponent {
     });
   }
   renderWidget(props) {
-    var _props$chartheight, _this$styles$root;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!this.state.data.length) {
       return null;
     }
     const pieData = this.state.data[0];
     const chartWidth = this.state.chartWidth - (props.showlegend === 'right' ? this.state.legendWidth : 0);
-    const chartHeight = (_props$chartheight = props.chartheight) !== null && _props$chartheight !== void 0 ? _props$chartheight : (this.styles.root.height ? this.state.totalHeight : chartWidth) - this.state.infoHeight - (props.showlegend === 'right' ? 0 : this.state.legendHeight);
+    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) - this.state.infoHeight - (props.showlegend === 'right' ? 0 : this.state.legendHeight);
     let radius = (Math.min(chartWidth, chartHeight) - 40) / 2;
     let innerRadius = props.donutratio * radius;
     let styleProp = {};
@@ -141,21 +140,10 @@ export default class WmPieChart extends BaseChartComponent {
         color: this.state.colors[index % this.state.colors.length]
       };
     });
-    const containerStyle = {
-      ...this.styles.root
-    };
-    if (props.chartheight && (_this$styles$root = this.styles.root) !== null && _this$styles$root !== void 0 && _this$styles$root.height) {
-      if (containerStyle['height']) {
-        containerStyle['minHeight'] = containerStyle['height'];
-        delete containerStyle['height'];
-      } else {
-        containerStyle['minHeight'] = this.state.totalHeight;
-      }
-    }
     return /*#__PURE__*/React.createElement(View, _extends({
       style: [{
         opacity: this.state.opacity
-      }, containerStyle]
+      }, this.styles.root]
     }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       onLayout: this.onViewLayoutChange,
       key: `${props.title}_pie_chart`
@@ -201,6 +189,7 @@ export default class WmPieChart extends BaseChartComponent {
       labels: ({
         datum
       }) => this.getLabel(datum, props),
+      endAngle: this.state.endAngle || 0,
       radius: radius,
       innerRadius: innerRadius,
       theme: this.state.theme,

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","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","_props$chartheight","_this$styles$root","length","pieData","showlegend","chartHeight","chartheight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","containerStyle","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","ref","standalone","colorScale","isRTL","reverse","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 = props.chartheight ?? \n    ((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\n    const containerStyle = {...this.styles.root}\n\n    if(props.chartheight && this.styles.root?.height) {\n      if(containerStyle['height']) {\n        containerStyle['minHeight'] = containerStyle['height'];\n        delete containerStyle['height'];\n      } else {\n        containerStyle['minHeight'] = this.state.totalHeight;\n      }\n    }\n\n    return (\n      <View style={[{opacity: this.state.opacity}, containerStyle]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\n          { (props.title || props.iconclass) ? (\n          <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n          </View>\n          ) : null }\n          { props.subheading? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\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                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,CAAC,IAAI,CAACR,KAAK,CAAC3B,KAAK,CAACoC,OAAO,EAAE;IAC/B,IAAI,CAACF,OAAO,CAACC,OAAO,CAACE,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAIC,KAAK,GAAGP,IAAI,CAACQ,KAAK,CAACD,KAAK;MAC5B,IAAIE,KAAK,GAAG,IAAI,CAACf,KAAK,CAACE,eAAe,CAACI,IAAI,CAACU,KAAK,CAACb,CAAC,CAAC;MACpD,IAAIc,YAAY,GAAG,IAAI,CAAC5C,KAAK,CAACoC,OAAO,CAACH,IAAI,CAACY,KAAK,CAAC;MACjD,IAAIC,iBAAiB,GAAGb,IAAI,CAACQ,KAAK;MAClCK,iBAAiB,CAAC,MAAM,CAAC,GAAG;QAAChB,CAAC,EAAEY,KAAK;QAAEhB,CAAC,EAAEc,KAAK;QAAEO,KAAK,EAAEd,IAAI,CAACe,KAAK,CAACC,IAAI;QAAEC,QAAQ,EAAEN;MAAY,CAAC;MAChG,MAAMvC,WAAW,GAAG2B,KAAK,CAAC3B,WAAW;MACrC,IAAI8C,QAAQ,GAAG9C,WAAW,CAAC+C,KAAK,GAAGd,MAAM;MACzC,IAAIe,QAAQ,GAAGhD,WAAW,CAACiD,KAAK,GAAGf,MAAM;MACzC,IAAI,CAAC9B,WAAW,CAAC;QACf8C,YAAY,EAAEb,KAAK;QACnBc,YAAY,EAAEhB,KAAK;QACnBiB,aAAa,EAAE,IAAI;QACnBb,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEC,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,EAAEnB,YAAY,EAAEE,iBAAiB,CAAE,CAAC;IACvG,CAAC,CAAC;EACJ;EAEAkB,YAAYA,CAAChE,KAAsB,EAAE;IAAA,IAAAiE,kBAAA,EAAAC,iBAAA;IACnC,IAAI,CAACJ,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACpC,KAAK,CAACM,IAAI,CAACkC,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,MAAMC,OAAO,GAAG,IAAI,CAACzC,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;IAClC,MAAMvB,UAAU,GAAG,IAAI,CAACiB,KAAK,CAACjB,UAAU,IACnCV,KAAK,CAACqE,UAAU,KAAK,OAAO,GAAG,IAAI,CAAC1C,KAAK,CAACT,WAAW,GAAG,CAAC,CAAC;IAC/D,MAAMoD,WAAW,IAAAL,kBAAA,GAAGjE,KAAK,CAACuE,WAAW,cAAAN,kBAAA,cAAAA,kBAAA,GACpC,CAAC,IAAI,CAACO,MAAM,CAACC,IAAI,CAAC7D,MAAM,GAAG,IAAI,CAACe,KAAK,CAAChB,WAAW,GAAGD,UAAU,IAC3D,IAAI,CAACiB,KAAK,CAACb,UAAU,IACpBd,KAAK,CAACqE,UAAU,KAAK,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC1C,KAAK,CAACR,YAAY,CAAE;IACjE,IAAIuD,MAAM,GAAG,CAAClD,IAAI,CAACmD,GAAG,CAACjE,UAAU,EAAE4D,WAAW,CAAC,GAAG,EAAE,IAAG,CAAC;IACxD,IAAIM,WAAW,GAAG5E,KAAK,CAAC6E,UAAU,GAAGH,MAAM;IAC3C,IAAII,SAAS,GAAG,CAAC,CAAC;IAClB,IAAIC,WAAW;IACf,IAAI/E,KAAK,CAACgF,UAAU,KAAK,MAAM,EAAE;MAC/BF,SAAS,GAAC;QAACG,MAAM,EAAE;UAAEC,OAAO,EAAE;QAAO;MAAC,CAAC;IACzC,CAAC,MAAM,IAAIlF,KAAK,CAACgF,UAAU,KAAK,QAAQ,EAAE;MACxCD,WAAW,GAAGL,MAAM,GAAC,CAAC;IACxB,CAAC,MAAM;MACLK,WAAW,GAAGL,MAAM,GAAG,CAAC;IAC1B;IACA,MAAMS,MAAM,GAAG;MAACrD,CAAC,EAAGpB,UAAU,GAAC,CAAE;MAAEgB,CAAC,EAAG4C,WAAW,GAAC;IAAE,CAAC;IACtD,MAAMc,WAAW,GAAGpF,KAAK,CAACqE,UAAU,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;IAC5E,IAAIgB,UAAU,GAAGjB,OAAO,CAACkB,GAAG,CAAC,CAAChE,CAAmB,EAAEuB,KAAa,KAAK;MACnE,OAAO;QACL0C,IAAI,EAAE,IAAI,CAAC5D,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC;QACrCiB,KAAK,EAAE,IAAI,CAACpB,KAAK,CAAC6D,MAAM,CAAC3C,KAAK,GAAI,IAAI,CAAClB,KAAK,CAAC6D,MAAM,CAACrB,MAAO;MAC7D,CAAC;IACH,CAAC,CAAC;IAEF,MAAMsB,cAAc,GAAG;MAAC,GAAG,IAAI,CAACjB,MAAM,CAACC;IAAI,CAAC;IAE5C,IAAGzE,KAAK,CAACuE,WAAW,KAAAL,iBAAA,GAAI,IAAI,CAACM,MAAM,CAACC,IAAI,cAAAP,iBAAA,eAAhBA,iBAAA,CAAkBtD,MAAM,EAAE;MAChD,IAAG6E,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC3BA,cAAc,CAAC,WAAW,CAAC,GAAGA,cAAc,CAAC,QAAQ,CAAC;QACtD,OAAOA,cAAc,CAAC,QAAQ,CAAC;MACjC,CAAC,MAAM;QACLA,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC9D,KAAK,CAAChB,WAAW;MACtD;IACF;IAEA,oBACEjC,KAAA,CAAAgH,aAAA,CAAC/G,IAAI,EAAAgH,QAAA;MAAC3C,KAAK,EAAE,CAAC;QAACjC,OAAO,EAAE,IAAI,CAACY,KAAK,CAACZ;MAAO,CAAC,EAAE0E,cAAc;IAAE,GACvDzG,qBAAqB,CAACD,uBAAuB,CAAC6G,SAAS,EAAE5F,KAAK,CAAC;MACnE6F,QAAQ,EAAE,IAAI,CAACC,kBAAmB;MAClCC,GAAG,EAAE,GAAG/F,KAAK,CAACgG,KAAK;IAAa,iBAEhCtH,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACkH,QAAQ,EAAE,IAAI,CAACI;IAAuB,GACvCjG,KAAK,CAACgG,KAAK,IAAIhG,KAAK,CAACkG,SAAS,gBACjCxH,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACwH,MAAM,EAAC,sBAAsB;MAACnD,KAAK,EAAE;QAACoD,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACrFrG,KAAK,CAACkG,SAAS,gBAAIxH,KAAA,CAAAgH,aAAA,CAACpG,MAAM;MAAC4G,SAAS,EAAElG,KAAK,CAACkG,SAAU;MAAC1B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC8B;IAAK,CAAS,CAAC,GAAI,IAAI,EAClGtG,KAAK,CAACgG,KAAK,gBAAItH,KAAA,CAAAgH,aAAA,CAAC9G,IAAI;MAACoE,KAAK,EAAE,IAAI,CAACwB,MAAM,CAACwB;IAAM,GAAEhG,KAAK,CAACgG,KAAY,CAAC,GAAI,IACpE,CAAC,GACH,IAAI,EACNhG,KAAK,CAACuG,UAAU,gBAClB7H,KAAA,CAAAgH,aAAA,CAAC9G,IAAI;MAACoE,KAAK,EAAE,IAAI,CAACwB,MAAM,CAACgC;IAAW,GAAExG,KAAK,CAACuG,UAAiB,CAAC,GAAK,IAC/D,CAAC,EACNvG,KAAK,CAACqE,UAAU,KAAK,KAAK,gBACxB3F,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACkH,QAAQ,EAAE,IAAI,CAACY;IAAyB,gBAC7C/H,KAAA,CAAAgH,aAAA,CAAChG,MAAM;MAACuC,IAAI,EAAEoD,UAAW;MACvBqB,SAAS,EAAE,IAAI,CAAClC,MAAM,CAACmC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAACpC,MAAM,CAACqC;IAAW,CAAS,CACxC,CAAC,GAAI,IAAI,eACjBnI,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACqE,KAAK,EAAE;QAACoD,aAAa,EAAE,KAAK;QAAEU,cAAc,EAAE,QAAQ;QAAET,UAAU,EAAE;MAAQ;IAAE,GACnF,IAAI,CAACU,UAAU,CAAC,CAAC,eAChBrI,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACqE,KAAK,EAAE;QAACgE,IAAI,EAAE;MAAC,CAAE;MAACC,GAAG,EAAE,IAAI,CAAC/E;IAAQ,GACvCxB,UAAU,gBACXhC,KAAA,CAAAgH,aAAA,CAAC5G,GAAG;MACFyB,KAAK,EAAEG,UAAW;MAClBE,MAAM,EAAE0D;IAAY,gBAEpB5F,KAAA,CAAAgH,aAAA,CAACxG,UAAU;MACT8D,KAAK,EAAE8B,SAAU;MACjBoC,UAAU,EAAE,KAAM;MAClBC,UAAU,EAAE,IAAI,CAACC,KAAK,GAAG,CAAC,GAAG,IAAI,CAACzF,KAAK,CAAC6D,MAAM,CAAC,CAAC/C,KAAK,CAAC,CAAC,EAAE2B,OAAO,CAACD,MAAM,CAAC,CAACkD,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC1F,KAAK,CAAC6D,MAAO;MACvGP,MAAM,EAAEA,CAAC;QAACtC;MAAK,CAAC,KAAK,IAAI,CAACtB,QAAQ,CAACsB,KAAK,EAAE3C,KAAK,CAAE;MACjD0E,MAAM,EAAEA,MAAO;MACfE,WAAW,EAAEA,WAAY;MACzB0C,KAAK,EAAE,IAAI,CAAC3F,KAAK,CAAC2F,KAAM;MACxBvB,GAAG,EAAE/F,KAAK,CAACuF,IAAK;MAChBA,IAAI,EAAEvF,KAAK,CAACuF,IAAK;MACjBtD,IAAI,EAAE,IAAI,CAACmF,KAAK,GAAChD,OAAO,CAACmD,UAAU,CAAC,CAAC,GAACnD,OAAQ;MAC9Ce,MAAM,EAAEA,MAAO;MACfqC,cAAc,EAAExH,KAAK,CAACyH,cAAe;MACrC1C,WAAW,EAAEA,WAAY;MACzB2C,MAAM,EAAE,CAAC;QACPC,MAAM,EAAE,MAAM;QACdC,aAAa,EAAE/I,QAAQ,CAACgJ,EAAE,IAAI,KAAK,GAAG;UACpCC,OAAO,EAAE,IAAI,CAAC/F,QAAQ,CAACgG,IAAI,CAAC,IAAI;QAClC,CAAC,GAAC;UACAC,OAAO,EAAE,IAAI,CAACjG,QAAQ,CAACgG,IAAI,CAAC,IAAI;QAClC;MACF,CAAC;IAAE,CACJ,CAAC,eACFrJ,KAAA,CAAAgH,aAAA,CAACzG,YAAY;MACXgJ,UAAU,EAAC,QAAQ;MACnBjF,KAAK,EAAE;QAAE,GAAG,IAAI,CAACwB,MAAM,CAAC0D,WAAW;QAAEjF,IAAI,EAAE,IAAI,CAACuB,MAAM,CAAC0D,WAAW,CAACnF;MAAM,CAAE;MAC3EjB,CAAC,EAAEqD,MAAM,CAACrD,CAAE;MAACJ,CAAC,EAAEyD,MAAM,CAACzD,CAAE;MACzByG,IAAI,EAAEnI,KAAK,CAACoI;IAAY,CACzB,CACE,CAAC,GAAI,IACN,CAAC,EACNpI,KAAK,CAACqE,UAAU,KAAK,OAAO,gBAC1B3F,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACqE,KAAK,EAAE;QAACqF,QAAQ,EAAE;MAAK,CAAE;MAACxC,QAAQ,EAAE,IAAI,CAACY;IAAyB,gBACvE/H,KAAA,CAAAgH,aAAA,CAAChG,MAAM;MAACuC,IAAI,EAAEoD,UAAW;MACvBqB,SAAS,EAAE,IAAI,CAAClC,MAAM,CAACmC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAACpC,MAAM,CAACqC,UAAW;MACjCzB,WAAW,EAAC;IAAU,CAAS,CAC7B,CAAC,GAAI,IACT,CAAC,EACNpF,KAAK,CAACqE,UAAU,KAAK,QAAQ,gBAC3B3F,KAAA,CAAAgH,aAAA,CAAC/G,IAAI;MAACkH,QAAQ,EAAE,IAAI,CAACY;IAAyB,gBAC7C/H,KAAA,CAAAgH,aAAA,CAAChG,MAAM;MAACuC,IAAI,EAAEoD,UAAW;MACvBqB,SAAS,EAAE,IAAI,CAAClC,MAAM,CAACmC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAACpC,MAAM,CAACqC;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","iconclass","testID","flexDirection","alignItems","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          { (props.title || props.iconclass) ? (\n          <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n          </View>\n          ) : null }\n          { props.subheading? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\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/container/tabs/tabs.component.js

@@ -102,10 +102,6 @@ export default class WmTabs extends BaseComponent {
     if (index < 0 || index >= this.tabPanes.length) {
       return;
     }
-    if (this.useScrollableTabContent(this.state.props)) {
-      this.onChange(index);
-      return;
-    }
     const position = -1 * index * (((_this$tabLayout2 = this.tabLayout) === null || _this$tabLayout2 === void 0 ? void 0 : _this$tabLayout2.width) || 0);
     if (this.animationView) {
       this.animationView.setPosition(position).then(() => this.onChange(index));
@@ -219,59 +215,6 @@ export default class WmTabs extends BaseComponent {
   getBackground() {
     return this._showSkeleton ? null : this._background;
   }
-  useScrollableTabContent(props) {
-    return props.enablegestures === false && props.pagecontentscrollable === false;
-  }
-  renderScrollableTabContent(tabPanes) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: '100%',
-        flex: 1
-      }
-    }, tabPanes.map((p, i) => /*#__PURE__*/React.createElement(View, {
-      key: `tab-scrollable-${i}`,
-      style: {
-        width: '100%',
-        flex: i === this.state.selectedTabIndex ? 1 : undefined
-      }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: '100%',
-        flex: 1
-      },
-      onLayout: this.setTabPaneHeights.bind(this, i)
-    }, p))));
-  }
-  renderSwipeTabContent(props, tabPanes) {
-    return /*#__PURE__*/React.createElement(SwipeAnimation.View, {
-      enableGestures: props.enablegestures,
-      style: {
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-        alignItems: 'flex-start'
-      },
-      direction: "horizontal",
-      ref: r => {
-        this.animationView = r;
-      },
-      handlers: this.animationHandlers
-    }, tabPanes.map((p, i) => {
-      return /*#__PURE__*/React.createElement(View, {
-        key: `tab-${i}`,
-        style: {
-          width: '100%',
-          height: this.styles.root.height ? undefined : 1000000,
-          alignSelf: 'flex-start'
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: '100%',
-          alignSelf: 'flex-start'
-        },
-        onLayout: this.setTabPaneHeights.bind(this, i)
-      }, p));
-    }));
-  }
   renderWidget(props) {
     const tabPanes = React.Children.toArray(props.children).filter((item, index) => item.props.show != false);
     const headerData = tabPanes.map((p, i) => ({
@@ -288,9 +231,6 @@ export default class WmTabs extends BaseComponent {
       ...this.styles.root,
       ...this.styles.skeleton.root
     } : this.styles.root;
-    const maxHeightStyles = this.useScrollableTabContent(props) ? {} : {
-      maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
-    };
     return /*#__PURE__*/React.createElement(View, {
       style: styles,
       onLayout: event => this.handleLayout(event)
@@ -319,9 +259,36 @@ export default class WmTabs extends BaseComponent {
         overflow: 'scroll'
       } : {
         overflow: 'hidden',
-        ...maxHeightStyles
+        maxHeight: this.tabPaneHeights[this.state.selectedTabIndex]
       }, this.styles.tabContent]
-    }, this.useScrollableTabContent(props) ? this.renderScrollableTabContent(tabPanes) : this.renderSwipeTabContent(props, tabPanes)));
+    }, /*#__PURE__*/React.createElement(SwipeAnimation.View, {
+      enableGestures: props.enablegestures,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'flex-start'
+      },
+      direction: "horizontal",
+      ref: r => {
+        this.animationView = r;
+      },
+      handlers: this.animationHandlers
+    }, tabPanes.map((p, i) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: `tab-${i}`,
+        style: {
+          width: '100%',
+          height: this.styles.root.height ? undefined : 1000000,
+          alignSelf: 'flex-start'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%',
+          alignSelf: 'flex-start'
+        },
+        onLayout: this.setTabPaneHeights.bind(this, i)
+      }, p));
+    }))));
   }
 }
 //# sourceMappingURL=tabs.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","createSkeleton","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","paneId","newIndex","i","findIndex","t","push","removeTabPane","splice","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","useScrollableTabContent","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeletonContent","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","cloneElement","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","onPropertyChange","name","$new","$old","selectedIndex","getBackground","_showSkeleton","_background","enablegestures","pagecontentscrollable","renderScrollableTabContent","flex","undefined","renderSwipeTabContent","enableGestures","alignItems","direction","ref","r","handlers","animationHandlers","renderWidget","paneicon","accessibilityData","accessibilitylabel","hint","accessibilityrole","maxHeightStyles","maxHeight","handleLayout","id","getTestId","onIndexChange","shouldScroll","enablescroll","disabletoucheffect","accessibilityProps","tabContent"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\n// TODO: Change the logic of gesture handler in swipe.animation file, as its interfering with scroll animation\n// for now Pan responder is being used instead of Gesture handler. \nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/carousel-swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  protected childComponentStyleKeys = ['tabHeader'];\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    tabPane.paneId = `tabPane${this.newIndex++}`;\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes.push(tabPane)\n    }\n  }\n\n  removeTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes.splice(i, 1); \n      this.newIndex--;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    if (index < 0 || index >= this.tabPanes.length) {\n      return;\n    }\n    if (this.useScrollableTabContent(this.state.props)) {\n      this.onChange(index);\n      return;\n    }\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeletonContent(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title, icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View\n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {React.cloneElement(p, { \"invokeVariables\": false })}\n              {/* {p} */}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {this.renderSkeletonContent(props)}\n      </View>)) \n    }\n    return this.renderSkeletonContent(props);\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n  private useScrollableTabContent(props: WmTabsProps) {\n    return props.enablegestures === false && props.pagecontentscrollable === false;\n  }\n\n  private renderScrollableTabContent(tabPanes: any[]) {\n    return (\n      <View style={{ width: '100%', flex: 1 }}>\n        {tabPanes.map((p: any, i) => (\n          <View\n            key={`tab-scrollable-${i}`}\n            style={{\n              width: '100%',\n              flex: i === this.state.selectedTabIndex ? 1 : undefined,\n            }}>\n            <View\n              style={{ width: '100%', flex: 1 }}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {p}\n            </View>\n          </View>\n        ))}\n      </View>\n    );\n  }\n\n  private renderSwipeTabContent(props: WmTabsProps, tabPanes: any[]) {\n    return (\n      <SwipeAnimation.View\n        enableGestures={props.enablegestures}\n        style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap',\n          alignItems: 'flex-start'\n        }}\n        direction='horizontal'\n        ref={(r) => {this.animationView = r}}\n        handlers = {this.animationHandlers}\n      >\n        {tabPanes.map((p: any, i) => {\n          return (\n          <View\n            key={`tab-${i}`}\n            style={{\n              width: '100%',\n              height: this.styles.root.height ? undefined : 1000000,\n              alignSelf: 'flex-start'}}>\n            <View\n              style={{ width: '100%', alignSelf: 'flex-start' }}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {p}\n            </View>\n          </View>);\n        })}\n      </SwipeAnimation.View>\n    );\n  }\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title,  icon: p.props.paneicon || '', key:  `tab-${i}`}));\n    const accessibilityData = tabPanes.map((p: any, i: number) =>({\n      accessibilitylabel: p.props.accessibilitylabel || p.props.title,\n      hint: p.props.hint,\n      accessibilityrole: p.props.accessibilityrole\n    }));\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    const maxHeightStyles = this.useScrollableTabContent(props) ? {} : { maxHeight: this.tabPaneHeights[this.state.selectedTabIndex] };\n    return (\n      <View style={styles} onLayout={(event) => this.handleLayout(event)}>\n        {this.getBackground()}\n        <View\n          onLayout={this.setTabLayout.bind(this)}\n          style={{ width: '100%' }}\n        ></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n          shouldScroll={props.enablescroll}\n          disabletoucheffect = {this.state.props.disabletoucheffect}\n          accessibilityProps={accessibilityData}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            ...maxHeightStyles,\n          }, this.styles.tabContent]} >\n          {this.useScrollableTabContent(props)\n            ? this.renderScrollableTabContent(tabPanes)\n            : this.renderSwipeTabContent(props, tabPanes)}\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","createSkeleton","WmTabsState","constructor","args","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","paneId","newIndex","i","findIndex","t","push","removeTabPane","splice","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","position","animationView","setPosition","then","prev","_this$animationView","goToLower","next","_this$animationView2","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeletonContent","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","cloneElement","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","onPropertyChange","name","$new","$old","selectedIndex","getBackground","_showSkeleton","_background","renderWidget","paneicon","accessibilityData","accessibilitylabel","hint","accessibilityrole","handleLayout","id","getTestId","onIndexChange","shouldScroll","enablescroll","disabletoucheffect","accessibilityProps","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","animationHandlers","undefined"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\n// TODO: Change the logic of gesture handler in swipe.animation file, as its interfering with scroll animation\n// for now Pan responder is being used instead of Gesture handler. \nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/carousel-swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  protected childComponentStyleKeys = ['tabHeader'];\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n  }\n\n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    tabPane.paneId = `tabPane${this.newIndex++}`;\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes.push(tabPane)\n    }\n  }\n\n  removeTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.paneId === tabPane.paneId);\n    if (i >= 0) {\n      this.tabPanes.splice(i, 1); \n      this.newIndex--;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    if (index < 0 || index >= this.tabPanes.length) {\n      return;\n    }\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    if(this.animationView) {\n      this.animationView.setPosition(position)\n      .then(() => this.onChange(index));\n    } else {\n      this.onChange(index);\n    }\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeletonContent(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title, icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View\n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {React.cloneElement(p, { \"invokeVariables\": false })}\n              {/* {p} */}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n    )\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {this.renderSkeletonContent(props)}\n      </View>)) \n    }\n    return this.renderSkeletonContent(props);\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n\n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) =>\n      ({title: p.props.title,  icon: p.props.paneicon || '', key:  `tab-${i}`}));\n    const accessibilityData = tabPanes.map((p: any, i: number) =>({\n      accessibilitylabel: p.props.accessibilitylabel || p.props.title,\n      hint: p.props.hint,\n      accessibilityrole: p.props.accessibilityrole\n    }));\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n          shouldScroll={props.enablescroll}\n          disabletoucheffect = {this.state.props.disabletoucheffect}\n          accessibilityProps={accessibilityData}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ?\n          (isWebPreviewMode() ? {'overflowX': 'hidden','overflowY': 'auto'} as any : {overflow: 'scroll'})\n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View\n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View\n                key={`tab-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/tabs/tabs.props.js

@@ -9,7 +9,6 @@ export default class WmTabsProps extends BaseProps {
     _defineProperty(this, "defaultpaneindex", 0);
     _defineProperty(this, "enablegestures", true);
     _defineProperty(this, "enablescroll", false);
-    _defineProperty(this, "pagecontentscrollable", true);
   }
 }
 //# sourceMappingURL=tabs.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmTabsProps","constructor","args","_defineProperty"],"sources":["tabs.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabsProps extends BaseProps {\n  children?: any;\n  defaultpaneindex?: number = 0;\n  enablegestures? = true;\n  enablescroll?: boolean = false;\n  pagecontentscrollable?: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAErB,CAAC;IAAAA,eAAA,yBACX,IAAI;IAAAA,eAAA,uBACG,KAAK;IAAAA,eAAA,gCACI,IAAI;EAAA;AACxC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmTabsProps","constructor","args","_defineProperty"],"sources":["tabs.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmTabsProps extends BaseProps {\n  children?: any;\n  defaultpaneindex?: number = 0;\n  enablegestures? = true;\n  enablescroll?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAErB,CAAC;IAAAA,eAAA,yBACX,IAAI;IAAAA,eAAA,uBACG,KAAK;EAAA;AAChC","ignoreList":[]}

package/components/container/wizard/wizard.component.js

@@ -456,7 +456,7 @@ export default class WmWizard extends BaseComponent {
         flexDirection: props.actionsalignment === 'right' ? 'row-reverse' : 'row'
       }]
     }, this.state.currentStep === this.lastStepIndex() && activeStep.state.props.showdone && /*#__PURE__*/React.createElement(WmButton, {
-      iconclass: 'wm-sl-l sl-check',
+      iconclass: this.props.donebtniconclass,
       styles: merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton),
       id: this.getTestId('donebtn'),
       caption: props.donebtnlabel,