@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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

@@ -0,0 +1,368 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Platform } from 'react-native';
+import { Svg } from 'react-native-svg';
+import { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';
+import { Axis, Scale } from 'victory-core';
+import { orderBy, cloneDeep, findIndex, isString, isNaN } from 'lodash';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmStackChartProps from './stack-chart.props';
+import { DEFAULT_CLASS } from './stack-chart.styles';
+import { BaseChartComponent, BaseChartComponentState } from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';
+export class WmStackChartState extends BaseChartComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "chartWidth", 0);
+  }
+}
+export default class WmStackChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());
+    _defineProperty(this, "onViewLayoutChange", e => {
+      let viewWidth = e.nativeEvent.layout.width;
+      this.handleLayout(e);
+      this.updateState({
+        chartWidth: viewWidth
+      });
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.setHeightWidthOnChart();
+  }
+  getNegativeValuesArray() {
+    let negativeValuesArray = cloneDeep(this.state.data[0]).filter(d => d.y < 0);
+    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');
+    return negativeValuesArray;
+  }
+  getPositiveValuesArray() {
+    let positiveValuesArray = cloneDeep(this.state.data[0]).filter(d => d.y > 0);
+    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;
+      }
+    }
+  }
+  getLegendColors() {
+    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 = orderBy(this.state.data[0], 'y', 'asc');
+        ;
+        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 = this.getData();
+      let currentValue = 0;
+      const yValues = data.map(d => d.y);
+      const minValue = Math.min(...yValues);
+      const maxValue = Math.max(...yValues);
+      return data.map((d, i) => {
+        let cornerRadius;
+        if (d.y === minValue) {
+          cornerRadius = d.y > 0 ? {
+            bottom: 10
+          } : {
+            top: 10
+          };
+        } else if (d.y === maxValue) {
+          cornerRadius = d.y > 0 ? {
+            top: 10
+          } : {
+            bottom: 10
+          };
+        } else {
+          cornerRadius = 0;
+        }
+        let d1 = [];
+        d.index = d.x;
+        d.x = 0;
+        d.y = d.y - currentValue;
+        d1.push(d);
+        currentValue = d.y < 0 && i === negativeValues.length - 1 ? 0 : d.y + currentValue;
+        return /*#__PURE__*/React.createElement(VictoryBar, {
+          key: props.name + '_' + i,
+          cornerRadius: cornerRadius,
+          barWidth: this.state.props.thickness,
+          data: d1,
+          events: [{
+            target: 'data',
+            eventHandlers: Platform.OS === 'web' ? {
+              onClick: this.onSelect.bind(this)
+            } : {
+              onPress: this.onSelect.bind(this)
+            }
+          }]
+        });
+      });
+    }
+  }
+  getColorCodes() {
+    const colors = cloneDeep(this.updateColors());
+    return isString(colors) ? [colors] : colors.reverse();
+  }
+  getArcChart(props) {
+    if (this.state.data.length > 0) {
+      let data = this.getData();
+      let negativeValues = cloneDeep(this.getNegativeValuesArray());
+      let currentValue = 0;
+      let prevValue = 0;
+      data = data.map((d, i) => {
+        d.y = d.y - currentValue;
+        prevValue = d.y;
+        d.y = Math.abs(d.y);
+        d.index = d.x;
+        currentValue = prevValue < 0 && i === negativeValues.length - 1 ? 0 : prevValue + currentValue;
+        return d;
+      });
+      data.reverse();
+      if (negativeValues.length > 1) {
+        const portionToReverse = data.slice(-negativeValues.length);
+        const reversedPortion = portionToReverse.reverse();
+        data = [...data.slice(0, -negativeValues.length), ...reversedPortion];
+      }
+      const radius = Math.min(this.state.chartWidth / 2, this.state.chartHeight - 50);
+      const angles = data.map((d, i) => {
+        let total = data.reduce((sum, item) => sum + item.y, 0);
+        return Math.round(d.y / total * 160);
+      });
+      let startAngle = this.isRTL ? -80 : 80;
+      return data.map((d, i) => {
+        let d1 = [];
+        d1.push(d);
+        if (i != 0) {
+          startAngle = this.isRTL ? startAngle + angles[i - 1] - angles[i - 1] / 10 : startAngle - angles[i - 1] + angles[i - 1] / 10;
+        }
+        return /*#__PURE__*/React.createElement(VictoryPie, {
+          key: props.name + '_' + i,
+          radius: radius,
+          colorScale: [this.state.colors[d.index], '#fff0'],
+          startAngle: angles ? startAngle : -80,
+          endAngle: this.isRTL ? 80 : -80,
+          cornerRadius: 100,
+          standalone: false,
+          origin: {
+            x: this.state.chartWidth / 2,
+            y: this.state.chartHeight - 50
+          },
+          innerRadius: radius - this.state.props.thickness,
+          labels: [],
+          events: [{
+            target: 'data',
+            eventHandlers: Platform.OS == "web" ? {
+              onClick: this.onSelect.bind(this)
+            } : {
+              onPress: this.onSelect.bind(this)
+            }
+          }],
+          data: d1
+        });
+      });
+    }
+  }
+  getArcAxis() {
+    const ticks = this.getTickValues();
+    const radius = Math.min(this.state.chartWidth / 2, this.state.chartHeight - 50);
+    const axisData = [];
+    ticks.forEach((d, i) => {
+      axisData.push({
+        x: `${this.state.props.yunits}${d}`,
+        y: 1
+      });
+    });
+    return /*#__PURE__*/React.createElement(VictoryPie, {
+      style: {
+        labels: {
+          fontSize: 12,
+          paddingLeft: 50,
+          paddingRight: 80
+        }
+      },
+      startAngle: this.isRTL ? 90 : -90,
+      endAngle: this.isRTL ? -90 : 90,
+      standalone: false,
+      colorScale: ['#fff0'],
+      origin: {
+        x: this.state.chartWidth / 2 - 5,
+        y: this.state.chartHeight - 50
+      },
+      labelRadius: radius - this.state.props.thickness - 20,
+      data: axisData
+    });
+  }
+  getTickValues() {
+    let ticks = [];
+    if (this.state.data[0].length) {
+      let data = cloneDeep(this.state.data[0]);
+      const maxValue = Math.max(...data.map(o => o.y ? o.y : 0));
+      const minValue = Math.min(...data.map(o => o.y ? o.y : 0));
+      const scale = Scale.getBaseScale({}, 'x');
+      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);
+      ticks = Axis.getTicks({}, scale);
+      ticks[ticks.length - 1] = maxValue;
+      if (minValue < 0) {
+        if (ticks[0] === 0) {
+          ticks.unshift(minValue);
+        } else {
+          ticks[0] = minValue;
+        }
+      } else {
+        ticks[0] = this.state.props.minvalue;
+      }
+    }
+    return ticks;
+  }
+  onSelect(event, data) {
+    if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
+    this.viewRef.current.measureInWindow((chartX, chartY) => {
+      let props = this.state.props;
+      let index = data.datum.index;
+      let yaxisKey = props.yaxisdatakey;
+      let label = this.state.xaxisDatakeyArr[index];
+      let value = props.dataset[index][yaxisKey];
+      let selectedItem = props.dataset[index];
+      let selectedChartItem = [{
+        series: 0,
+        x: index,
+        y: value,
+        _dataObj: selectedItem
+      }, index];
+      const nativeEvent = event.nativeEvent;
+      let tooltipX = nativeEvent.pageX - chartX;
+      let tooltipY = nativeEvent.pageY - chartY;
+      this.updateState({
+        tooltipXaxis: label,
+        tooltipYaxis: value,
+        isTooltipOpen: true,
+        selectedItem: {
+          ...selectedItem,
+          index: index
+        },
+        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
+        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+      });
+      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    });
+  }
+  renderWidget(props) {
+    this.invokeEventCallback('onBeforerender', [this.proxy, null]);
+    if (!this.state.data.length) {
+      return null;
+    }
+    let mindomain = {
+      x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
+      y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
+    };
+    const data = this.getData();
+    const yValues = data.map(d => d.y);
+    const minValue = Math.min(...yValues);
+    const maxValue = Math.max(...yValues);
+    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      style: this.styles.root,
+      onLayout: this.onViewLayoutChange
+    }), this.getTooltip(), props.viewtype === 'Bar' ? /*#__PURE__*/React.createElement(View, {
+      ref: this.viewRef
+    }, /*#__PURE__*/React.createElement(VictoryChart, {
+      theme: this.state.theme,
+      minDomain: mindomain,
+      domain: this.isRTL && !isNaN(maxValue) && !isNaN(minValue) ? [maxValue, minValue > 0 ? 0 : minValue] : undefined,
+      domainPadding: {
+        x: 10
+      },
+      height: this.styles.root.height,
+      width: this.styles.root.width || this.state.chartWidth || 200,
+      padding: {
+        top: props.offsettop,
+        bottom: props.offsetbottom,
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
+      }
+    }, /*#__PURE__*/React.createElement(VictoryLegend, {
+      name: 'legend',
+      containerComponent: /*#__PURE__*/React.createElement(Svg, null),
+      style: {
+        title: {
+          fontFamily: "'Helvetica Neue', 'Helvetica', sans-serif",
+          fontSize: 18
+        }
+      },
+      title: [props.title, props.subheading],
+      orientation: "horizontal",
+      gutter: 20,
+      data: [],
+      theme: this.state.theme
+    }), this.getLegendView(this.getLegendColors()), /*#__PURE__*/React.createElement(VictoryAxis, {
+      crossAxis: true,
+      style: {
+        tickLabels: {
+          fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',
+          fontSize: 12,
+          padding: this.state.props.thickness / 2 + 5
+        },
+        axisLabel: {
+          padding: 15 + this.state.props.thickness / 2
+        },
+        grid: {
+          stroke: 'none'
+        },
+        axis: {
+          stroke: 'none'
+        },
+        ticks: {
+          stroke: 'none'
+        }
+      },
+      theme: this.state.theme,
+      tickValues: this.getTickValues(),
+      tickFormat: t => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`,
+      dependentAxis: true
+    }), /*#__PURE__*/React.createElement(VictoryStack, {
+      colorScale: this.updateColors(),
+      horizontal: true
+    }, this.getBarChart(props)))) : /*#__PURE__*/React.createElement(View, {
+      ref: this.viewRef
+    }, /*#__PURE__*/React.createElement(Svg, {
+      width: this.state.chartWidth,
+      height: this.state.chartHeight
+    }, /*#__PURE__*/React.createElement(VictoryLegend, {
+      name: 'legend',
+      containerComponent: /*#__PURE__*/React.createElement(Svg, null),
+      title: [props.title, props.subheading],
+      orientation: "horizontal",
+      gutter: 20,
+      data: [],
+      theme: this.state.theme
+    }), this.getArcChart(props), this.getArcAxis())));
+  }
+}
+//# sourceMappingURL=stack-chart.component.js.map

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

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

@@ -0,0 +1,17 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';
+export default class WmStackChartProps extends BaseChartComponentProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "viewtype", 'Bar');
+    _defineProperty(this, "showlegend", 'left');
+    _defineProperty(this, "thickness", 30);
+    _defineProperty(this, "offsetleft", 25);
+    _defineProperty(this, "offsetright", 35);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "minvalue", 0);
+  }
+}
+//# sourceMappingURL=stack-chart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseChartComponentProps","WmStackChartProps","constructor","args","_defineProperty"],"sources":["stack-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker-ai/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 = 30;\n  offsetleft: number = 25;\n  offsetright: number = 35;\n  onSelect?: any;\n  minvalue: number = 0;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,iBAAiB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
+export const DEFAULT_CLASS = 'app-stack-chart';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+});
+//# sourceMappingURL=stack-chart.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["stack-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmStackChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-stack-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAElE,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIxG,OAAO,MAAMD,aAAa,GAAG,iBAAiB;AAC9CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC","ignoreList":[]}