@wavemaker/app-rn-runtime 11.5.3-next.51552 → 11.5.3-patch.4.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Platform","VictoryChart","VictoryBar","VictoryLegend","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","Svg","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","state","map","d","i","createElement","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","style","customcolors","fill","_ref","colors","x","length","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","event","value","index","label","xaxisDatakeyArr","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","root","theme","width","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\n\nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport { Svg } from \"react-native-svg\";\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        style={props.customcolors?{\n          data: {\n            fill: ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length]\n          }\n        }:{}}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}/>\n    });\n}\n\nonSelect(event: any, data: any){\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      style={this.styles.root}\n    ><VictoryChart theme={this.state.theme}\n                          height={this.styles.root.height as number}\n                          width={this.styles.root.width as number || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n                          containerComponent={\n                            this.getTooltip(props)\n                          }>\n      <VictoryLegend\n        name={'legend'}\n        containerComponent={<Svg />}\n        title={[props.title, props.subheading]}\n        orientation=\"horizontal\"\n        gutter={20}\n        data={[]}\n        theme={this.state.theme}\n      />\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack colorScale={this.state.colors}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={this.state.colors} offset={5}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View>);\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/bar-chart/bar-chart.props.js

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

{app-rn-runtime → package}/components/chart/bar-chart/bar-chart.props.js.map

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

{app-rn-runtime → package}/components/chart/basechart.component.js

@@ -119,13 +119,16 @@ export class BaseChartComponent extends BaseComponent {
     const maxIndex = this.state.xaxisDatakeyArr.length - 1;
     const props = this.state.props;
     const getTickValueLabel = props.xtickexpr;
+    let height = this.styles.root.height || 250;
+    let yaxislabeldistance = props.yaxislabeldistance ? props.yaxislabeldistance : height - 20;
+    if (height && typeof height === 'string') {
+      height = parseInt(height);
+    }
     return /*#__PURE__*/React.createElement(VictoryAxis, {
       crossAxis: false,
       label: (props.xaxislabel || props.xaxisdatakey || "name") + (props.xunits ? `(${props.xunits})` : ''),
       style: {
-        axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel, {
-          padding: props.yaxislabeldistance
-        }),
+        axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),
         grid: props.hidegridxaxis ? {
           stroke: null
         } : this.theme.mergeStyle(this.styles.grid, this.styles.xGrid),
@@ -136,7 +139,11 @@ export class BaseChartComponent extends BaseComponent {
         tickLabels: this.theme.mergeStyle(this.styles.tickLabels, this.styles.xTickLabels)
       },
       fixLabelOverlap: props.autoadjustlabels ? true : false,
+      axisLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+        y: yaxislabeldistance
+      }),
       tickLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+        y: props.offsetyaxis ? props.offsetyaxis : height - 30,
         angle: props.labelangle || 0
       }),
       theme: this.state.theme,
@@ -160,13 +167,12 @@ export class BaseChartComponent extends BaseComponent {
       return null;
     }
     const getTickValueLabel = props.ytickexpr;
+    let xaxislabeldistance = props.xaxislabeldistance ? props.xaxislabeldistance : 20;
     return /*#__PURE__*/React.createElement(VictoryAxis, {
       crossAxis: false,
       label: (props.yaxislabel || props.yaxisdatakey) + (props.yunits ? `(${props.yunits})` : ''),
       style: {
-        axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel, {
-          padding: props.yaxislabeldistance
-        }),
+        axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),
         grid: props.hidegridyaxis ? {
           stroke: null
         } : this.theme.mergeStyle(this.styles.grid, this.styles.yGrid),
@@ -177,6 +183,12 @@ export class BaseChartComponent extends BaseComponent {
         tickLabels: this.theme.mergeStyle(this.styles.tickLabels, this.styles.yTickLabels)
       },
       fixLabelOverlap: props.autoadjustlabels ? true : false,
+      axisLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+        x: xaxislabeldistance
+      }),
+      tickLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+        x: props.offsetxaxis ? props.offsetxaxis : 50
+      }),
       theme: this.state.theme,
       tickFormat: (d, i, ticks) => {
         if (getTickValueLabel) {
@@ -184,6 +196,7 @@ export class BaseChartComponent extends BaseComponent {
         }
         return this.abbreviateNumber(d);
       },
+      orientation: this.isRTL ? "right" : "left",
       dependentAxis: true
     });
   }

package/components/chart/basechart.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","orderBy","VictoryAxis","VictoryLegend","VictoryLabel","VictoryVoronoiContainer","VictoryTooltip","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","BaseChartComponentState","constructor","arguments","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","length","defaultProps","defaultState","theme","applyTheme","componentDidMount","abbreviateNumber","number","tier","Math","log10","abs","suffix","scale","pow","scaled","toFixed","getLegendView","colorScale","state","showlegend","top","parseInt","styles","root","height","orientation","createElement","name","gutter","data","legendData","style","border","stroke","borderPadding","left","y","getYScaleMinValue","value","_min","floor","getXaxis","minIndex","maxIndex","xaxisDatakeyArr","getTickValueLabel","xtickexpr","yaxislabeldistance","crossAxis","label","xaxislabel","xaxisdatakey","xunits","axisLabel","mergeStyle","yAxisLabel","grid","hidegridxaxis","xGrid","axis","showxaxis","xAxis","ticks","xTicks","tickLabels","xTickLabels","fixLabelOverlap","autoadjustlabels","axisLabelComponent","tickLabelComponent","offsetyaxis","angle","labelangle","tickCount","invertAxis","isRTL","tickFormat","d","i","getYAxis","showyaxis","ytickexpr","xaxislabeldistance","yaxislabel","yaxisdatakey","yunits","hidegridyaxis","yGrid","yAxis","yTicks","yTickLabels","x","offsetxaxis","dependentAxis","getTooltip","tooltipContainer","xaxis","labels","_ref","datum","dataset","voronoiBlacklist","map","item","labelComponent","fill","tooltipXText","color","tooltipYText","tooltiporientation","pointerLength","tooltippointerlength","pointerWidth","tooltippointerwidth","flyoutHeight","tooltipheight","flyoutWidth","tooltipwidth","flyoutStyle","backgroundColor","borderColor","strokeWidth","borderWidth","flyoutPadding","paddingTop","bottom","paddingBottom","paddingLeft","right","paddingRight","cornerRadius","borderRadius","centerOffset","tooltipcenteroffsetx","tooltipcenteroffsety","constrainToVisibleArea","isAxisDomainSupported","type","isAxisDomainValid","areMinMaxValuesValid","values","isFinite","min","max","setDomainValues","xDomainValues","yDomainValues","getXMinMaxValues","getYMinMaxValues","updateState","chartMinX","chartMaxX","yMin","chartMinY","chartMaxY","xValues","dataObject","yValues","minValues","maxValues","push","setHeightWidthOnChart","cb","chartHeight","chartWidth","themeName","colorsToUse","customcolors","split","themeToUse","getColorsObj","getTheme","colors","prepareLegendData","ldata","prepareEvents","_","idx","childName","target","eventKey","String","eventHandlers","onClick","mutation","onMouseOver","onMouseOut","getxAxisVal","dataObj","xKey","index","isValid","isNaN","prepareDataItems","yaxis","datasets","yPts","o","xindex","xVal","yVal","parseFloat","bubblesize","shape","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","loadingIcon","iconclass","loadingicon","caption","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions } from 'react-native';\nimport moment from \"moment\";\nimport {forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim, orderBy} from \"lodash-es\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {VictoryAxis, VictoryLegend, VictoryLabel, VictoryVoronoiContainer, VictoryTooltip} from \"victory-native\";\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport ThemeFactory  from \"@wavemaker/app-rn-runtime/components/chart/theme/chart.theme\";\n\nimport BaseChartComponentProps from \"./basechart.props\";\nimport { DEFAULT_CLASS, BaseChartComponentStyles} from \"./basechart.styles\";\nimport _ from \"lodash\";\n\n\nexport class BaseChartComponentState <T extends BaseChartComponentProps> extends BaseComponentState<T> {\n  data: any = [];\n  content: any = null;\n  yAxis: Array<string> = [];\n  xaxisDatakeyArr: Array<any> = [];\n  legendData: any = [];\n  theme: any;\n  colors: any;\n  xLabel: string = '';\n  yLabel: string = '';\n  total: number = 0;\n  endAngle: number = 0;\n  loading: boolean = true;\n  chartHeight: number = 0;\n  chartWidth: number = 0;\n  chartMinY: number | undefined = undefined;\n  chartMinX: number | undefined = undefined;\n  chartMaxY: number | undefined = undefined;\n  chartMaxX: number | undefined = undefined;\n}\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nconst shapes: {[key: string]: ScatterSymbolType} = {\n  'circle': 'circle',\n  'cross': 'cross',\n  'diamond': 'diamond',\n  'plus': 'plus',\n  'minus': 'minus',\n  'square': 'square',\n  'star': 'star',\n  'triangle-down': 'triangleDown',\n  'triangle-up': 'triangleUp'\n};\n\nconst SI_SYMBOL = [\"\", \"k\", \"M\", \"G\", \"T\", \"P\", \"E\"];\n\nexport abstract class BaseChartComponent<T extends BaseChartComponentProps, S extends BaseChartComponentState<T>, L extends BaseChartComponentStyles> extends BaseComponent<T, S, L> {\n  protected screenWidth: number = screenWidth;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    if (!props.theme) {\n      this.applyTheme(props);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  abbreviateNumber(number: any) {\n    if (typeof number !== 'number') {\n      return number;\n    }\n    const tier = Math.log10(Math.abs(number)) / 3 | 0;\n\n    if (tier == 0) {\n      return number;\n    }\n\n    // get suffix and determine scale\n    const suffix = SI_SYMBOL[tier];\n    const scale = Math.pow(10, tier * 3);\n\n    // scale the number\n    var scaled = number / scale;\n\n    // format number and add suffix\n    return scaled.toFixed(1) + suffix;\n  }\n\n  getLegendView(colorScale?: any) {\n    if (this.state.props.showlegend === 'hide') {\n      return null;\n    }\n    const props = this.state.props;\n    let top = props.showlegend === 'bottom' ? parseInt(this.styles.root.height as string) : 0;\n    if (top) {\n      top = top - (50); // remove legendHeight\n    }\n    const orientation = (props.showlegend === 'right' || props.showlegend === 'left') ? 'vertical' : 'horizontal';\n    return <VictoryLegend\n      colorScale={colorScale}\n      name={'legendData'}\n      orientation={orientation}\n      gutter={20}\n      data={this.state.legendData}\n      style={{ border: { stroke: 'none' } }}\n      borderPadding={{top: 30, left: 50}}\n      y={top}\n    />\n  }\n\n  getYScaleMinValue(value: number) {\n    const _min = Math.floor(value);\n    return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;\n  };\n\n  // x axis with vertical lines having grid stroke colors\n  getXaxis() {\n    const minIndex = 0;\n    const maxIndex = this.state.xaxisDatakeyArr.length - 1;\n    const props = this.state.props;\n    const getTickValueLabel = props.xtickexpr as any;\n    let height = this.styles.root.height || 250;\n    let yaxislabeldistance = props.yaxislabeldistance ? props.yaxislabeldistance : height as number - 20;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    return <VictoryAxis crossAxis={false} label={(props.xaxislabel || props.xaxisdatakey || \"name\") + (props.xunits ? `(${props.xunits})` : '')}\n                        style={{\n                          axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),\n                          grid: props.hidegridxaxis ?\n                              { stroke: null } :  this.theme.mergeStyle(this.styles.grid, this.styles.xGrid),\n                          axis: props.showxaxis === false ?\n                              { stroke: 'none' } :  this.theme.mergeStyle(this.styles.axis, this.styles.xAxis),\n                          ticks: this.theme.mergeStyle(this.styles.ticks, this.styles.xTicks),\n                          tickLabels: this.theme.mergeStyle(this.styles.tickLabels, this.styles.xTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel y={yaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel y={props.offsetyaxis ? props.offsetyaxis : height as number - 30} angle={props.labelangle || 0}/>} theme={this.state.theme}\n                        tickCount={this.state.xaxisDatakeyArr.length} \n                        invertAxis={this.isRTL}\n                        tickFormat= {(d, i, ticks) => {\n                          if (getTickValueLabel) {\n                              return getTickValueLabel(this.state.xaxisDatakeyArr[d], i, (ticks || []).length);\n                          } else if (this.state.xaxisDatakeyArr) {\n                            return this.state.xaxisDatakeyArr[d];\n                          }\n                          return '';\n                        }}\n                        />;                    \n}            \n\n\n  /* y axis with horizontal lines having grid stroke colors*/\n  getYAxis() {\n    const props = this.state.props;\n    if (props.showyaxis === false) {\n      return null;\n    }\n    const getTickValueLabel = props.ytickexpr as any;\n    let xaxislabeldistance = props.xaxislabeldistance ? props.xaxislabeldistance : 20\n    return <VictoryAxis crossAxis={false} label={(props.yaxislabel || props.yaxisdatakey) + (props.yunits ? `(${props.yunits})` : '')}\n                        style={{\n                          axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),\n                          grid: props.hidegridyaxis ? { stroke: null } : this.theme.mergeStyle(this.styles.grid, this.styles.yGrid),\n                          axis: props.showxaxis === false ?\n                          { stroke: 'none' } :  this.theme.mergeStyle(this.styles.axis, this.styles.yAxis),\n                          ticks: this.theme.mergeStyle(this.styles.ticks, this.styles.yTicks),\n                          tickLabels: this.theme.mergeStyle(this.styles.tickLabels, this.styles.yTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel x={xaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel x={props.offsetxaxis ? props.offsetxaxis : 50}/>} \n                        theme={this.state.theme}\n                        tickFormat= {(d, i, ticks) => {\n                          if (getTickValueLabel) {\n                            return getTickValueLabel(d, i, (ticks || []).length);\n                          }\n                          return this.abbreviateNumber(d);\n                        }}\n                        orientation={this.isRTL?\"right\":\"left\"}\n                        dependentAxis />;\n  }\n  \n  getTooltip(props: BaseChartComponentProps) {\n    const tooltipContainer = this.styles.tooltipContainer;\n    const xaxis = props.xaxisdatakey;\n    return (\n      <VictoryVoronoiContainer\n      labels={({ datum }) => `${props.dataset[datum.x][xaxis]} \\n Value ${datum.y} `}\n      voronoiBlacklist={this.state.data.map((item: any, i: number) => props.name + '_' + i)}\n      labelComponent={\n        <VictoryTooltip\n          style={[{fill: this.styles.tooltipXText.color,...this.styles.tooltipXText},{fill: this.styles.tooltipYText.color,...this.styles.tooltipYText}]}\n          orientation={props.tooltiporientation}\n          pointerLength={props.tooltippointerlength}\n          pointerWidth={props.tooltippointerwidth}\n          flyoutHeight={props.tooltipheight}\n          flyoutWidth={props.tooltipwidth}\n          flyoutStyle={{fill: tooltipContainer.backgroundColor, stroke: tooltipContainer.borderColor,  strokeWidth: tooltipContainer.borderWidth,...this.styles.tooltipContainer}}\n          flyoutPadding={{top: tooltipContainer.paddingTop, bottom: tooltipContainer.paddingBottom, left: tooltipContainer.paddingLeft, right: tooltipContainer.paddingRight}}\n          cornerRadius={tooltipContainer.borderRadius}\n          centerOffset={{ x: props.tooltipcenteroffsetx, y: props.tooltipcenteroffsety}}\n          constrainToVisibleArea\n        />\n      }\n    />\n    );\n  }\n \n\n  // X/Y Domain properties are supported only for Column and Area charts\n  isAxisDomainSupported(type: string) {\n    return type === 'Column'|| type === 'Area';\n  }\n\n  // Check whether X/Y Domain was set to Min and is supported for the present chart\n  isAxisDomainValid(axis: string) {\n    const props = this.state.props;\n    if (get(props, axis + 'domain') === 'Min' && (this.isAxisDomainSupported(props.type))) {\n      return true;\n    }\n    return false;\n  };\n\n// Check whether min and max values are finite or not\n  areMinMaxValuesValid(values: any) {\n    if (isFinite(values.min) && isFinite(values.max)) {\n      return true;\n    }\n    return false;\n  };\n\n  setDomainValues() {\n    let xDomainValues, yDomainValues;\n    if (this.state.data.length > 0) {\n      if (this.isAxisDomainValid('x') && typeof this.state.data[0].x === 'number') {\n        xDomainValues = this.getXMinMaxValues(this.state.data[0]);\n      }\n      if (this.isAxisDomainValid('y')) {\n        yDomainValues = this.getYMinMaxValues(this.state.data);\n      }\n      if (xDomainValues) {\n        this.updateState({\n          chartMinX: yDomainValues.min.x,\n          chartMaxX: yDomainValues.max.x\n        } as S)\n      }\n      let yMin;\n      if (yDomainValues) {\n        if (this.areMinMaxValuesValid({max: yDomainValues.max.y, min: yDomainValues.min.y})) {\n          yMin = this.getYScaleMinValue(yDomainValues.min.y);\n        }\n        this.updateState({\n          chartMinY: yMin ? yMin : yDomainValues.min.y,\n          chartMaxY: yDomainValues.max.y\n        } as S);\n      }\n    }\n  }\n\n  // Getting the min and max values among all the x values\n  getXMinMaxValues(datum: Array<{x: number, y: any}>) {\n    if (!datum) {\n      return;\n    }\n    const xValues: any = {};\n    /*\n     compute the min x valuex\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        min x: 1\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        min x: 10\n    */\n    xValues.min = minBy(datum, (dataObject: {x: any, y: any}) => dataObject.x) || {x: undefined};\n    /*\n     compute the max x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        max x: 3\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        max x: 30\n     */\n    xValues.max = maxBy(datum, (dataObject: {x: any, y: any}) => dataObject.x)|| {x: undefined};\n    return xValues;\n  }\n\n  // Getting the min and max values among all the y values\n  getYMinMaxValues(datum: Array<Array<{x: any, y: number}>>) {\n    const yValues: any = {},\n      minValues: any = [],\n      maxValues: any = [];\n    if (!datum) {\n      return;\n    }\n\n    /*\n     Getting the min and max y values among all the series of data\n     compute the min y value\n     eg: When data has objects\n        input: [[{x:1, y:2}, {x:2, y:3}, {x:3, y:4}], [{x:2, y:3}, {x:3, y:4}, {x:4, y:5}]]\n        min y values : '2'(among first set) & '3'(among second set)\n        max y values : '4'(among first set) & '5'(among second set)\n\n     eg: When data has arrays\n        input: [[[10, 20], [20, 30], [30, 40]], [[20, 30], [30, 40], [40, 50]]]\n        min y values : '20'(among first set) & '30'(among second set)\n        max y values : '40'(among first set) & '50'(among second set)\n     */\n\n    forEach(datum, data => {\n      if (data && !isEmpty(data)) {\n        minValues.push(minBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n        maxValues.push(maxBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n      }\n    });\n    // Gets the least and highest values among all the min and max values of respective series of data\n    yValues.min = minBy(minValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    yValues.max = maxBy(maxValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    return yValues;\n  }\n\n  setHeightWidthOnChart(cb?: () => void) {\n    let height = this.styles.root.height || 250;\n    let width = this.styles.root.width || screenWidth;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    if (width && typeof width === 'string') {\n      width = parseInt(width);\n    }\n    this.updateState({\n      chartHeight: height,\n      chartWidth: width\n    } as S, cb);\n  }\n\n  applyTheme(props: BaseChartComponentProps) {\n    let themeName = props.theme ? props.theme : (props.type === 'Pie' ? 'Azure' : 'Terrestrial');\n    let colorsToUse = [];\n    if (typeof props.customcolors === 'string' && !isEmpty(props.customcolors)) {\n      colorsToUse = props.customcolors.split(',').map(trim);\n    }\n    let themeToUse;\n    if (typeof themeName === 'string') {\n      if (!colorsToUse.length) {\n        colorsToUse = ThemeFactory.getColorsObj(themeName);\n      }\n      themeToUse = ThemeFactory.getTheme(themeName, props.styles, colorsToUse);\n    } else if (typeof themeName === 'object') {\n      // if theme is passed as an object then use that custom theme.\n      themeToUse = props.theme;\n    }\n    this.updateState({\n      colors: colorsToUse,\n      theme: themeToUse\n    } as S);\n  }\n\n  prepareLegendData() {\n    const props = this.state.props;\n    if (this.state.yAxis) {\n      let ldata: any;\n      if (props.type === 'Stack') {\n        const data = orderBy(this.state.data[0], 'y', 'asc');\n        ldata = data.map((d: any) => {\n          return {\n            name: this.state.xaxisDatakeyArr[d.x]\n          }\n        });\n      } else {\n        ldata = this.state.yAxis.map((d: string) => {\n          return {\n            name: d\n          }\n        });\n      }\n\n      this.updateState({\n        legendData: ldata\n      } as S);\n    }\n  }\n\n  prepareEvents(name: string) {\n    return this.state.legendData.map((_: any, idx: number) => {\n      return {\n        childName: ['legend'],\n        target: 'data',\n        eventKey: String(idx),\n        eventHandlers: {\n          onClick: () => {\n            return [\n              {\n                childName: [name + '_' + idx],\n                target: 'data',\n                eventKey: 'all',\n                mutation: (props: any) => {\n                  return null;\n                }\n              }\n            ];\n          },\n          onMouseOver: () => {\n          },\n          onMouseOut: () => {\n          }\n        }\n      };\n    });\n  }\n\n  // If date string is bound to xaxis then we are pushing the x values as indexes.\n  getxAxisVal(dataObj: {[key: string] : any}, xKey: string, index: number, xaxisDatakeyArr: Array<any>) {\n    const value: any = get(dataObj, xKey);\n    if (moment(value, true).isValid() || isNaN(value)) {\n      xaxisDatakeyArr.push(value);\n      return index;\n    }\n    return value;\n  }\n\n  prepareDataItems(dataset: any) {\n    const props = this.state.props;\n    let xaxis = props.xaxisdatakey;\n    let yaxis = props.yaxisdatakey;\n    let xaxisDatakeyArr: Array<any> = [];\n    let datasets: any = [];\n\n    if (xaxis && yaxis) {\n      let yPts = yaxis.split(',');\n      yPts.forEach((y: any) => {\n        if (xaxis !== y) {\n          datasets.push(dataset.map((o: {[key: string] : any}, xindex: number) => {\n            const xVal = this.getxAxisVal(o, xaxis, xindex, xaxisDatakeyArr);\n            let yVal: string | number = get(o, y);\n            if (typeof yVal === 'string') {\n              yVal = parseFloat(yVal) || yVal;\n            }\n            let dataObj = {\n              x: xVal,\n              y: yVal,\n            };\n            if (props.bubblesize) {\n              set(dataObj, 'size', get(o, props.bubblesize, 5));\n            }\n            if (props.shape) {\n              set(dataObj, 'symbol', shapes[props.shape]);\n            }\n            return dataObj;\n          }));\n        }\n      });\n      // chartTransform\n      this.invokeEventCallback('onTransform', [undefined, this.proxy]);\n      if (props.type == 'Pie' || props.type === 'Donut') {\n        // for animation effect\n        setTimeout(() => {\n          this.updateState({\n            endAngle: 360,\n          } as S);\n        }, 500);\n      }\n      this.updateData(datasets, yPts, xaxisDatakeyArr);\n    }\n  }\n\n\n  protected renderLoadingIcon() {\n    const props = this.state.props;\n    return (<WmIcon styles={this.styles.loadingIcon}\n    iconclass={props.loadingicon}\n    caption={props.loadingdatamsg}></WmIcon>);\n  }\n\n  updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>) {\n    const props = this.state.props;\n    this.updateState({\n      data: datasets as any,\n      yAxis: yPts,\n      xaxisDatakeyArr: xaxisDatakeyArr\n    } as S, () => {\n      this.prepareLegendData();\n      if (!props.labeltype || props.labeltype === 'percent') {\n        this.setTotal(this.state.data[0]);\n      }\n      if (this.isAxisDomainSupported(props.type) && (props.ydomain || props.xdomain)) {\n        this.setDomainValues();\n      }\n      this.updateState({\n        loading: false\n      } as S);\n    });\n  }\n\n  setTotal(data: Array<{x: any, y: number}>) {\n    let total = 0;\n    data.forEach((d: {x: any, y: any}) => {\n      total += d.y as number;\n    });\n    this.updateState({\n      total: total\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    let units = '';\n    switch(name) {\n      case 'customcolors':\n        if (isEmpty($new)) {\n          return;\n        }\n        if (typeof $new === 'string') {\n          $new = $new.split(',');\n        }\n        this.updateState({\n          colors: $new\n        } as S);\n        break;\n      case 'theme':\n        this.applyTheme(props);\n        break;\n      case 'dataset':\n        if (!isArray($new)) {\n          if (isObject($new) && !isEmpty($new)) {\n            $new = [$new];\n          } else {\n            $new = [];\n          }\n        }\n        $new && this.prepareDataItems($new);\n        break;\n      case 'xaxislabel':\n        if (props.xunits) {\n          units = ' (' + props.xunits + ')';\n        }\n        this.updateState({\n          xLabel: $new + units\n        } as S);\n        break;\n      case 'yaxislabel':\n        if (props.yunits) {\n          units = ' (' + props.yunits + ')';\n        }\n        this.updateState({\n          yLabel: $new + units\n        } as S);\n        break;\n    }\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/basechart.props.js

@@ -18,8 +18,10 @@ export default class BaseChartComponentProps extends BaseProps {
     _defineProperty(this, "staggerlabels", false);
     _defineProperty(this, "yaxislabel", '');
     _defineProperty(this, "yunits", '');
-    _defineProperty(this, "yaxislabeldistance", 60);
-    _defineProperty(this, "xaxislabeldistance", 30);
+    _defineProperty(this, "yaxislabeldistance", undefined);
+    _defineProperty(this, "xaxislabeldistance", undefined);
+    _defineProperty(this, "offsetxaxis", undefined);
+    _defineProperty(this, "offsetyaxis", undefined);
     _defineProperty(this, "customcolors", '');
     _defineProperty(this, "legendheight", 0);
     _defineProperty(this, "labellegendheight", 0);

package/components/chart/basechart.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","arguments","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance?: number = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  tooltiporientation : 'top' | 'bottom' | 'left' |'right' = 'top';\n  tooltipwidth?: number = undefined;\n  tooltipheight?: number = undefined;\n  tooltippointerlength?: number = undefined;\n  tooltippointerwidth?: number = undefined;\n  tooltipcenteroffsetx?: number = undefined;\n  tooltipcenteroffsety?: number = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,uBACtC,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEC,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,EAAE;IAAAA,eAAA,uBAClB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,KAAK;IAAAA,eAAA,wBACD,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,6BACyB,KAAK;IAAAA,eAAA,uBACvCC,SAAS;IAAAD,eAAA,wBACRC,SAAS;IAAAD,eAAA,+BACFC,SAAS;IAAAD,eAAA,8BACVC,SAAS;IAAAD,eAAA,+BACRC,SAAS;IAAAD,eAAA,+BACTC,SAAS;EAAA;AAC3C"}

{app-rn-runtime → package}/components/chart/basechart.styles.js

@@ -62,7 +62,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderRadius: 5
     },
     tooltipXText: {},
-    tooltipYText: {}
+    tooltipYText: {},
+    bar: {
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
 });

package/components/chart/basechart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","subHeading","chartSubTitleColor","legendText","legenedDot","axis","stroke","chartAxisColor","fade","rgb","toString","xAxis","yAxis","axisLabel","xAxisLabel","yAxisLabel","grid","strokeDasharray","xGrid","yGrid","ticks","xTicks","yTicks","tickLabels","xTickLabels","yTickLabels","barChart","tooltipContainer","backgroundColor","tooltipBgColor","borderColor","tooltipBorderColor","borderWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { VictoryStyleObject } from \"victory-core\";\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  axis: VictoryStyleObject,\n  xAxis: VictoryStyleObject,\n  yAxis: VictoryStyleObject,\n  axisLabel: VictoryStyleObject,\n  xAxisLabel: VictoryStyleObject,\n  yAxisLabel: VictoryStyleObject,\n  ticks: VictoryStyleObject,\n  xTicks: VictoryStyleObject,\n  yTicks: VictoryStyleObject,\n  tickLabels: VictoryStyleObject,\n  xTickLabels: VictoryStyleObject,\n  yTickLabels: VictoryStyleObject,\n  grid: VictoryStyleObject,\n  xGrid: VictoryStyleObject,\n  yGrid: VictoryStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n};\n\nexport const DEFAULT_CLASS = 'app-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: BaseChartComponentStyles = defineStyles({\n    root: {},\n    text: {},\n    icon: {\n      icon: {\n        fontSize: 20\n      }\n    } as WmIconStyles,\n    line: {\n      color: themeVariables.chartLineColor\n    },\n    title: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n      lineHeight: 24,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    axis: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.3).rgb().toString()\n    } as any,\n    xAxis: {} as any,\n    yAxis: {} as any,\n    axisLabel: {} as any,\n    xAxisLabel: {} as any,\n    yAxisLabel: {} as any,\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as any,\n    xGrid: {} as any,\n    yGrid: {} as any,\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTicks: {} as any,\n    yTicks: {} as any,\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTickLabels: {} as any,\n    yTickLabels: {} as any,\n    barChart: {},\n    tooltipContainer:{\n      backgroundColor: themeVariables.tooltipBgColor,\n      borderColor: themeVariables.tooltipBorderColor,\n      borderWidth: 1,\n      paddingTop: 10,\n      paddingBottom: 10,\n      paddingLeft: 6,\n      paddingRight: 6,\n      borderRadius: 5,\n    },\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/line-chart/line-chart.component.js

@@ -65,8 +65,8 @@ export default class WmLineChart extends BaseChartComponent {
             strokeWidth: props.linethickness
           }
         },
-        data: d
-      }), props.highlightpoints || this.state.data.length === 1 ? /*#__PURE__*/React.createElement(VictoryScatter, {
+        data: this.isRTL ? d.toReversed() : d
+      }), props.highlightpoints || this.state.data[0].length === 1 ? /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
         style: {
@@ -75,7 +75,7 @@ export default class WmLineChart extends BaseChartComponent {
             opacity: 0.8
           }
         },
-        data: d,
+        data: this.isRTL ? d.toReversed() : d,
         events: [{
           target: 'data',
           eventHandlers: Platform.OS == "web" ? {

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Platform","Svg","VictoryChart","VictoryLine","VictoryLegend","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","_this$state$data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","name","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","isRTL","toReversed","highlightpoints","size","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryLegend,\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\";\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    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: 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}>\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n        containerComponent={\n          this.getTooltip(props)\n        }\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n          y={0}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={this.isRTL?d.toReversed():d}\n            />\n          {(props.highlightpoints || this.state.data[0].length === 1) ?\n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: { fill: this.state.colors[i], opacity: 0.8,}\n                  }}\n                  data={this.isRTL?d.toReversed():d}\n                  events={[{\n                    target: 'data',\n                    eventHandlers: Platform.OS == \"web\" ? {\n                      onClick: this.onSelect.bind(this)\n                    }:{\n                      onPress: this.onSelect.bind(this)\n                    }\n                  }]}\n              />: null}\n            </VictoryGroup>\n        })}\n      </VictoryChart>\n    </View>);\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/pie-chart/pie-chart.component.js

@@ -173,7 +173,7 @@ export default class WmPieChart extends BaseChartComponent {
       theme: this.state.theme,
       key: props.name,
       name: props.name,
-      data: pieData,
+      data: this.isRTL ? pieData.toReversed() : pieData,
       origin: origin,
       labelPlacement: props.labelplacement,
       labelRadius: labelRadius,

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Platform","Svg","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","arguments","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","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","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","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","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","endAngle","theme","key","isRTL","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","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';\n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } 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\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    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    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    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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        onLayout={this.onViewLayoutChange}>\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n          <View style={{flex: 1}}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\n                events={[{\n                  target: 'data',\n                  eventHandlers: Platform.OS == \"web\" ? {\n                    onClick: this.onSelect.bind(this)\n                  }:{\n                    onPress: this.onSelect.bind(this)\n                  }\n                }]}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.title as any}\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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"}

{app-rn-runtime → package}/components/chart/stack-chart/stack-chart.component.js

@@ -6,7 +6,7 @@ import { View, Platform } from 'react-native';
 import { Svg } from 'react-native-svg';
 import { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';
 import { Axis, Scale } from 'victory-core';
-import { orderBy, cloneDeep } from 'lodash';
+import { orderBy, cloneDeep, findIndex, isString } from 'lodash';
 import WmStackChartProps from './stack-chart.props';
 import { DEFAULT_CLASS } from './stack-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from '@wavemaker/app-rn-runtime/components/chart/basechart.component';
@@ -40,10 +40,30 @@ export default class WmStackChart extends BaseChartComponent {
     positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');
     return positiveValuesArray;
   }
+  getData() {
+    const negativeValues = cloneDeep(this.getNegativeValuesArray());
+    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));
+  }
+  updateColors() {
+    if (this.state.colors.length === 1) {
+      return this.state.colors[0];
+    } else {
+      let colorCodes = cloneDeep(this.state.colors);
+      ;
+      if (this.state.data.length > 0) {
+        const orderedData = this.getData();
+        this.state.data[0].map((d, i) => {
+          let index = findIndex(orderedData, d);
+          colorCodes[index] = this.state.colors[i];
+        });
+        return colorCodes;
+      }
+    }
+  }
   getBarChart(props) {
     if (this.state.data.length > 0) {
       const negativeValues = cloneDeep(this.getNegativeValuesArray());
-      const data = negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));
+      const data = this.getData();
       let currentValue = 0;
       return data.map((d, i) => {
         let d1 = [];
@@ -65,8 +85,8 @@ export default class WmStackChart extends BaseChartComponent {
     }
   }
   getColorCodes() {
-    const colors = cloneDeep(this.state.colors);
-    return colors.reverse();
+    const colors = cloneDeep(this.updateColors());
+    return isString(colors) ? [colors] : colors.reverse();
   }
   getArcChart(props) {
     if (this.state.data.length > 0) {
@@ -147,6 +167,8 @@ export default class WmStackChart extends BaseChartComponent {
         } else {
           ticks[0] = minValue;
         }
+      } else {
+        ticks[0] = this.state.props.minvalue;
       }
     }
     return ticks;
@@ -172,7 +194,6 @@ export default class WmStackChart extends BaseChartComponent {
       x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
       y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
     };
-    const colorScale = this.state.colors.length === 1 ? this.state.colors[0] : this.state.colors;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange
@@ -202,7 +223,7 @@ export default class WmStackChart extends BaseChartComponent {
       gutter: 20,
       data: [],
       theme: this.state.theme
-    }), this.getLegendView(colorScale), /*#__PURE__*/React.createElement(VictoryAxis, {
+    }), this.getLegendView(this.updateColors()), /*#__PURE__*/React.createElement(VictoryAxis, {
       crossAxis: true,
       style: {
         tickLabels: {
@@ -222,7 +243,7 @@ export default class WmStackChart extends BaseChartComponent {
       tickFormat: t => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`,
       dependentAxis: true
     }), /*#__PURE__*/React.createElement(VictoryStack, {
-      colorScale: colorScale,
+      colorScale: this.updateColors(),
       horizontal: true,
       style: {
         data: {

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","arguments","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getData","negativeValues","concat","updateColors","colors","length","colorCodes","orderedData","map","i","index","getBarChart","currentValue","d1","x","push","createElement","key","name","cornerRadius","bottomLeft","bottomRight","topLeft","topRight","getColorCodes","reverse","getArcChart","colorScaleArray","maxValue","Math","max","o","radius","min","chartHeight","colorScale","startAngle","endAngle","standalone","origin","innerRadius","thickness","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","minValue","scale","getBaseScale","domain","getTicks","unshift","minvalue","onSelect","event","value","label","xaxisDatakeyArr","datum","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","styles","root","onLayout","onViewLayoutChange","viewtype","theme","minDomain","height","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal","strokeWidth","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep, findIndex, isString} from 'lodash';\n\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getData() {\n    const negativeValues = cloneDeep(this.getNegativeValuesArray());\n    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n  }\n\n  updateColors() {\n   if (this.state.colors.length === 1 ) {\n       return this.state.colors[0];\n   } else {\n       let colorCodes = cloneDeep(this.state.colors);;\n       if ( this.state.data.length > 0 ) {\n         const orderedData = this.getData();\n         this.state.data[0].map((d: any, i: number) => {\n           let index = findIndex(orderedData, d);\n           colorCodes[index] = this.state.colors[i];\n         })\n         return colorCodes;\n       }\n    }\n  }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = this.getData();\n      let currentValue = 0;\n\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                           cornerRadius={{bottomLeft:(1), bottomRight:(1), topLeft:(1), topRight:(1)}}\n                           data={d1}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.updateColors());\n      return isString(colors) ? [colors] : colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = cloneDeep(this.state.data[0]);\n      const colorScaleArray = this.getColorCodes();\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      data = orderBy(data, 'y', 'desc');\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        d1.push({x: d.x, y: maxValue - d.y})\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[colorScaleArray[i], '#fff0']}\n                           startAngle={-80}\n                           endAngle={80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\n                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      const minValue = Math.min(...data.map((o: any) => o.y));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      } else {\n        ticks[0] = this.state.props.minvalue;\n      }\n    }\n    return ticks;\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmStackChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (\n      <View\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >{\n        props.viewtype === 'Bar' ?\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.screenWidth}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}\n            containerComponent={\n              this.getTooltip(props)\n            }\n            >\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(this.updateColors())}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={this.updateColors()}\n              horizontal={true}\n              style={{\n                data: { strokeWidth: this.state.props.thickness }\n              }}\n              events={[{\n                target: 'data',\n                eventHandlers: Platform.OS == \"web\" ? {\n                  onClick: this.onSelect.bind(this)\n                }:{\n                  onPress: this.onSelect.bind(this)\n                }\n              }]}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart> :\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/chart/stack-chart/stack-chart.props.js

@@ -11,6 +11,7 @@ export default class WmStackChartProps extends BaseChartComponentProps {
     _defineProperty(this, "offsetleft", 25);
     _defineProperty(this, "offsetright", 35);
     _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "minvalue", 0);
   }
 }
 //# sourceMappingURL=stack-chart.props.js.map

{app-rn-runtime → package}/components/chart/stack-chart/stack-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmStackChartProps","constructor","arguments","_defineProperty"],"sources":["stack-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';\n\nexport default class WmStackChartProps extends BaseChartComponentProps {\n  viewtype: string = 'Bar';\n  showlegend: string = 'left';\n  thickness: number = 20;\n  offsetleft: number = 25;\n  offsetright: number = 35;\n  onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,iBAAiB,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBAClD,KAAK;IAAAA,eAAA,qBACH,MAAM;IAAAA,eAAA,oBACP,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA;EAAA;AAE1B"}
+{"version":3,"names":["BaseChartComponentProps","WmStackChartProps","constructor","arguments","_defineProperty"],"sources":["stack-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';\n\nexport default class WmStackChartProps extends BaseChartComponentProps {\n  viewtype: string = 'Bar';\n  showlegend: string = 'left';\n  thickness: number = 20;\n  offsetleft: number = 25;\n  offsetright: number = 35;\n  onSelect?: any;\n  minvalue: number = 0;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,iBAAiB,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBAClD,KAAK;IAAAA,eAAA,qBACH,MAAM;IAAAA,eAAA,oBACP,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA;IAAAA,eAAA,mBAEL,CAAC;EAAA;AACtB"}