@wavemaker-ai/app-rn-runtime 1.0.0-rc.324 → 1.0.0-rc.328

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

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","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","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","backgroundColor","tooltipBgColor","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow","centerLabel"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { VictoryStyleObject } from \"victory-core\";\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.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  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n  centerLabel: VictoryStyleObject,\n  skeleton?: WmSkeletonStyles\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      paddingLeft: 10,\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    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute',\n      backgroundColor: themeVariables.tooltipBgColor,\n      flex: 1,\n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9,\n      borderRadius: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any,\n    centerLabel: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","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","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","backgroundColor","tooltipBgColor","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow","centerLabel"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\n\nexport type ChartStyleObject = {\n  stroke?: string;\n  strokeWidth?: number;\n  strokeDasharray?: string;\n  fill?: string;\n  fontSize?: number;\n  [key: string]: any;\n};\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  axis: ChartStyleObject,\n  xAxis: ChartStyleObject,\n  yAxis: ChartStyleObject,\n  axisLabel: ChartStyleObject,\n  xAxisLabel: ChartStyleObject,\n  yAxisLabel: ChartStyleObject,\n  ticks: ChartStyleObject,\n  xTicks: ChartStyleObject,\n  yTicks: ChartStyleObject,\n  tickLabels: ChartStyleObject,\n  xTickLabels: ChartStyleObject,\n  yTickLabels: ChartStyleObject,\n  grid: ChartStyleObject,\n  xGrid: ChartStyleObject,\n  yGrid: ChartStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n  centerLabel: ChartStyleObject,\n  skeleton?: WmSkeletonStyles\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      paddingLeft: 10,\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 ChartStyleObject,\n    xAxis: {},\n    yAxis: {},\n    axisLabel: {},\n    xAxisLabel: {},\n    yAxisLabel: {},\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as ChartStyleObject,\n    xGrid: {},\n    yGrid: {},\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTicks: {},\n    yTicks: {},\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as ChartStyleObject,\n    xTickLabels: {},\n    yTickLabels: {},\n    barChart: {},\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute',\n      backgroundColor: themeVariables.tooltipBgColor,\n      flex: 1,\n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9,\n      borderRadius: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any,\n    centerLabel: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AACA,OAAOA,KAAK,MAAO,OAAO;AAC1B,OAAOC,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AA4C3F,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IAC3DM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJA,IAAI,EAAE;QACJC,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBC,IAAI,EAAE;MACJC,KAAK,EAAER,cAAc,CAACS;IACxB,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAER,cAAc,CAACW,eAAe;MACrCL,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE;IACf,CAAC;IACDC,UAAU,EAAE;MACVR,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdJ,KAAK,EAAER,cAAc,CAACe;IACxB,CAAC;IACDC,UAAU,EAAE,CAAC,CAAC;IACdC,UAAU,EAAE,CAAC,CAAC;IACdC,IAAI,EAAE;MACJC,MAAM,EAAExB,KAAK,CAACK,cAAc,CAACoB,cAAc,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IACxE,CAAqB;IACrBC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,SAAS,EAAE,CAAC,CAAC;IACbC,UAAU,EAAE,CAAC,CAAC;IACdC,UAAU,EAAE,CAAC,CAAC;IACdC,IAAI,EAAE;MACJV,MAAM,EAAExB,KAAK,CAACK,cAAc,CAACoB,cAAc,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;MACvEO,eAAe,EAAE;IACnB,CAAqB;IACrBC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE;MACLd,MAAM,EAAExB,KAAK,CAACK,cAAc,CAACoB,cAAc,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IACxE,CAAqB;IACrBW,MAAM,EAAE,CAAC,CAAC;IACVC,MAAM,EAAE,CAAC,CAAC;IACVC,UAAU,EAAE;MACVjB,MAAM,EAAExB,KAAK,CAACK,cAAc,CAACoB,cAAc,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IACxE,CAAqB;IACrBc,WAAW,EAAE,CAAC,CAAC;IACfC,WAAW,EAAE,CAAC,CAAC;IACfC,QAAQ,EAAE,CAAC,CAAC;IACZC,YAAY,EAAC,CAAC,CAAC;IACfC,YAAY,EAAC,CAAC,CAAC;IACfC,GAAG,EAAC;MACFC,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE,CAAC;MACvBC,sBAAsB,EAAE,CAAC;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACDC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAEjD,cAAc,CAACkD,cAAc;MAC9CC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAE,EAAE;MACbC,OAAO,EAAE,GAAG;MACZC,YAAY,EAAE,EAAE;MAChBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,CAAC;MACZC,MAAM,EAAE;IACV,CAAQ;IACRC,cAAc,EAAE;MACdZ,QAAQ,EAAE,UAAU;MACpBa,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTb,eAAe,EAAEjD,cAAc,CAAC+D,WAAW;MAC3CC,WAAW,EAAE,OAAO;MACpBC,eAAe,EAAE,CAAC;MAClBC,gBAAgB,EAAE,CAAC;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEpE,cAAc,CAAC+D,WAAW;MAC3CM,gBAAgB,EAAErE,cAAc,CAAC+D,WAAW;MAC5CO,iBAAiB,EAAEtE,cAAc,CAACkD,cAAc;MAChDqB,QAAQ,EAAE;IACZ,CAAQ;IACRC,WAAW,EAAE;MACXhE,KAAK,EAAER,cAAc,CAACW,eAAe;MACrCL,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

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

@@ -1,58 +1,67 @@
 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 { Text, View, Platform } from 'react-native';
+import { Text, View } from 'react-native';
+import { BubbleChart } from '@wavemaker/react-native-echarts';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
 import WmBubbleChartProps from './bubble-chart.props';
 import { DEFAULT_CLASS } from './bubble-chart.styles';
-import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
-import { VictoryChart, VictoryLegend, VictoryScatter } from "victory-native";
-import { Svg } from "react-native-svg";
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
 export class WmBubbleChartState extends BaseChartComponentState {}
 export default class WmBubbleChart extends BaseChartComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());
-  }
-  onSelect(event, data) {
-    if (!this.viewRef.current) return;
-    if (!this.state.props.dataset) return;
-    this.viewRef.current.measureInWindow((chartX, chartY) => {
-      let value = data.data[data.index].y;
-      let label = this.state.xaxisDatakeyArr[data.datum.x];
-      let selectedItem = this.props.dataset[data.index];
-      const nativeEvent = event.nativeEvent;
-      let tooltipX = nativeEvent.pageX - chartX;
-      let tooltipY = nativeEvent.pageY - chartY;
-      let selectedChartItem = [{
-        series: 0,
-        x: data.index,
-        y: value,
+    _defineProperty(this, "onSelect", event => {
+      if (!this.state.props.dataset) return;
+      const {
+        dataIndex,
+        y,
+        seriesIndex
+      } = event;
+      const selectedItem = this.props.dataset[dataIndex];
+      const selectedChartItem = [{
+        series: seriesIndex,
+        x: dataIndex,
+        y,
         _dataObj: selectedItem
-      }, data.index];
+      }, dataIndex];
       this.updateState({
-        tooltipXaxis: label,
-        tooltipYaxis: value,
-        isTooltipOpen: true,
         selectedItem: {
           ...selectedItem,
-          index: data.index
-        },
-        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
-        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+          index: dataIndex
+        }
       });
-      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+      this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
   }
   renderWidget(props) {
-    var _this$state$data;
+    var _this$state$data, _this$state$colors, _props$intervalx, _props$tooltip;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
       return null;
     }
+    const chartData = this.state.data.map((series, i) => ({
+      name: this.state.yAxis[i],
+      data: series.map(pt => {
+        var _pt$size;
+        return [pt.x, pt.y, (_pt$size = pt.size) !== null && _pt$size !== void 0 ? _pt$size : 5];
+      })
+    }));
+    const showLegend = props.showlegend !== 'hide';
+    const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
+    const minDomain = this.getMinDomain();
+    const xaxisticks = this.getXAxisTickLabelFormatter();
+    const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
+      color
+    }));
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange.bind(this)
-    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+      testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
@@ -60,54 +69,47 @@ export default class WmBubbleChart extends BaseChartComponent {
     }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
       styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
+    }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
+    }, props.title) : null) : null, props.subheading ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.subHeading
-    }, props.subheading)), /*#__PURE__*/React.createElement(View, {
+    }, props.subheading) : null), this.state.chartWidth ? /*#__PURE__*/React.createElement(View, {
       ref: this.viewRef
-    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
+    }, /*#__PURE__*/React.createElement(BubbleChart, {
+      data: chartData,
       width: this.state.chartWidth || this.screenWidth,
-      padding: {
+      height: this.styles.root.height,
+      colors: this.state.colors,
+      theme: this.getChartTheme(false, series),
+      sizeRange: props.sizerange,
+      minY: minDomain.y,
+      minX: minDomain.x,
+      intervalX: (_props$intervalx = props.intervalx) !== null && _props$intervalx !== void 0 ? _props$intervalx : 1,
+      intervalY: props.intervaly,
+      grid: {
         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),
-      orientation: "horizontal",
-      gutter: 20,
-      data: [],
-      theme: this.state.theme
-    }), this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryScatter, {
-        colorScale: this.state.colors,
-        style: {
-          data: {
-            fill: this.state.colors[i],
-            opacity: ({
-              datum
-            }) => datum.opacity
-          }
-        },
-        key: props.name + '_bubble_' + i,
-        name: props.name + '_bubble_' + i,
-        data: d,
-        size: 5,
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      });
-    }))));
+      },
+      showXAxis: props.showxaxis,
+      showXAxisTicks: props.showxaxisticks,
+      showYAxis: props.showyaxis,
+      showYAxisTicks: props.showyaxisticks,
+      showXAxisSplitLines: !props.hidegridxaxis,
+      showYAxisSplitLines: !props.hidegridyaxis,
+      xAxisLabel: this.state.xLabel || '',
+      yAxisLabel: this.state.yLabel || '',
+      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
+      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      showLegend: showLegend,
+      symbol: props.ticksymbol,
+      legendPosition: legendPosition,
+      tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',
+      renderTooltip: this.getRenderTooltip(),
+      showHighlighter: props.showhighlighter,
+      onSelect: this.onSelect
+    })) : null);
   }
 }
 //# sourceMappingURL=bubble-chart.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","name","containerComponent","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","key","size","events","target","eventHandlers","OS","onClick","onPress"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View, Platform} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <View ref={this.viewRef}>\n        {this.getTooltip()}\n        <VictoryChart\n          theme={this.state.theme}\n          height={this.styles.root.height as number}\n          width={this.state.chartWidth || this.screenWidth}\n          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n        >\n          <VictoryLegend\n            name={'legend'}\n            containerComponent={<Svg />}\n            orientation=\"horizontal\"\n            gutter={20}\n            data={[]}\n            theme={this.state.theme}\n          />\n          {this.getLegendView()}\n          {this.getXaxis()}\n          {this.getYAxis()}\n          {this.state.data.map((d: any, i: number) => {\n            return <VictoryScatter\n              colorScale={this.state.colors}\n              style={{\n                data: { fill: this.state.colors[i], opacity: ({ datum }: any) => datum.opacity }\n              }}\n              key={props.name + '_bubble_' + i}\n              name={props.name + '_bubble_' + i}\n              data={d}\n              size={5}\n              events={[{\n                target: 'data',\n                eventHandlers: Platform.OS == \"web\" ? {\n                  onClick: this.onSelect.bind(this)\n                }:{\n                  onPress: this.onSelect.bind(this)\n                }\n              }]}\n            />\n          })}\n        </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BubbleChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBubbleChartProps","DEFAULT_CLASS","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","_defineProperty","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$intervalx","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","_pt$size","size","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","xaxisticks","getXAxisTickLabelFormatter","colors","color","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","viewRef","width","screenWidth","height","theme","getChartTheme","sizeRange","sizerange","minY","minX","intervalX","intervalx","intervalY","intervaly","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","symbol","ticksymbol","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BubbleChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n  if (!this.state.props.dataset) return;\n  const { dataIndex, y, seriesIndex } = event;\n  const selectedItem = this.props.dataset[dataIndex];\n  const selectedChartItem = [\n    { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n    dataIndex,\n  ];\n  this.updateState({\n    selectedItem: { ...selectedItem, index: dataIndex },\n  } as WmBubbleChartState);\n  this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    \n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number; size?: number }) =>\n        [pt.x, pt.y, pt.size ?? 5] as [number, number, number]\n      ),\n    }));\n\n    const showLegend = props.showlegend !== 'hide';\n    const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n      ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n    const minDomain = this.getMinDomain();\n    const xaxisticks = this.getXAxisTickLabelFormatter();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n    }));\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\n        <View>\n          {(props.title || props.iconclass) ? (\n            <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n              {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon} />) : null}\n              {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n            </View>\n          ) : null}\n          {props.subheading ? (\n            <Text style={this.styles.subHeading}>{props.subheading}</Text>\n          ) : null}\n        </View>\n        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <BubbleChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              sizeRange={props.sizerange}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              intervalX={props.intervalx ?? 1} \n              intervalY={props.intervaly}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\n              showLegend={showLegend}\n              symbol={props.ticksymbol}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={props.showhighlighter}\n              onSelect={this.onSelect}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,6 +6,7 @@ export default class WmBubbleChartProps extends BaseChartComponentProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "sizerange", undefined);
   }
 }
 //# sourceMappingURL=bubble-chart.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmBubbleChartProps","constructor","args","_defineProperty"],"sources":["bubble-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBubbleChartProps extends BaseChartComponentProps {\n    onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,kBAAkB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAExE","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmBubbleChartProps","constructor","args","_defineProperty","undefined"],"sources":["bubble-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBubbleChartProps extends BaseChartComponentProps {\n    onSelect?: any;\n    sizerange?: [number, number] = undefined;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,kBAAkB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAErCC,SAAS;EAAA;AAC5C","ignoreList":[]}

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

@@ -1,59 +1,94 @@
 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 { Text, View, Platform } from 'react-native';
+import { Text, View } from 'react-native';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
-import { VictoryChart, VictoryLine, VictoryScatter, VictoryGroup } from 'victory-native';
+import { LineChart } from '@wavemaker/react-native-echarts';
 import WmLineChartProps from './line-chart.props';
 import { DEFAULT_CLASS } from './line-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
-import ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
-export class WmLineChartState extends BaseChartComponentState {}
+
+/** Maps Victory interpolation strings to ECharts LineChart curve types. */
+const getLineType = interpolation => {
+  if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {
+    return 'smooth';
+  }
+  if (interpolation && interpolation.startsWith('step')) {
+    return 'step';
+  }
+  return 'default';
+};
+export class WmLineChartState extends BaseChartComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "chartWidth", 0);
+  }
+}
 export default class WmLineChart extends BaseChartComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());
-  }
-  onSelect(event, data) {
-    if (!this.viewRef.current) return;
-    if (!this.state.props.dataset) return;
-    this.viewRef.current.measureInWindow((chartX, chartY) => {
-      let value = data.data[data.index].y;
-      let label = this.state.xaxisDatakeyArr[data.datum.x];
-      let selectedItem = this.props.dataset[data.index];
-      const nativeEvent = event.nativeEvent;
-      let tooltipX = nativeEvent.pageX - chartX;
-      let tooltipY = nativeEvent.pageY - chartY;
-      let selectedChartItem = [{
-        series: 0,
-        x: data.index,
-        y: value,
+    _defineProperty(this, "onViewLayoutChange", e => {
+      const viewWidth = e.nativeEvent.layout.width;
+      this.handleLayout(e);
+      this.updateState({
+        chartWidth: viewWidth
+      });
+    });
+    _defineProperty(this, "onSelect", event => {
+      if (!this.state.props.dataset) return;
+      const {
+        dataIndex,
+        y,
+        seriesIndex
+      } = event;
+      const selectedItem = this.props.dataset[dataIndex];
+      const selectedChartItem = [{
+        series: seriesIndex,
+        x: dataIndex,
+        y,
         _dataObj: selectedItem
-      }, data.index];
+      }, dataIndex];
       this.updateState({
-        tooltipXaxis: label,
-        tooltipYaxis: value,
-        isTooltipOpen: true,
         selectedItem: {
           ...selectedItem,
-          index: data.index
-        },
-        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
-        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+          index: dataIndex
+        }
       });
-      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+      this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
   }
   renderWidget(props) {
-    var _this$state$data;
+    var _this$state$data, _this$state$colors, _props$tooltip;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(View, _extends({
-      style: this.styles.root
-    }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      onLayout: this.onViewLayoutChange
-    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    const chartData = this.state.data.map((series, i) => ({
+      name: this.state.yAxis[i],
+      data: series.map(pt => pt.y)
+    }));
+    const type = getLineType(props.interpolation);
+    // step sub-mode: only relevant when type resolves to 'step'
+    // const step: 'start' | 'middle' | 'end' | false =
+    //   type === 'step' ? (props.stepmode ?? 'start') : false;
+
+    const showLegend = props.showlegend !== 'hide';
+    const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
+    const minDomain = this.getMinDomain();
+    const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
+      color,
+      lineWidth: Number(props.linethickness)
+    }));
+    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);
+    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      style: this.styles.root,
+      onLayout: this.onViewLayoutChange.bind(this),
+      key: `${props.title}_line_chart`
+    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+      testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
@@ -61,59 +96,50 @@ export default class WmLineChart extends BaseChartComponent {
     }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
       styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
+    }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
+    }, props.title) : null) : null, props.subheading ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.subHeading
-    }, props.subheading)), /*#__PURE__*/React.createElement(View, {
+    }, props.subheading) : null), this.state.chartWidth ? /*#__PURE__*/React.createElement(View, {
       ref: this.viewRef
-    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
+    }, /*#__PURE__*/React.createElement(LineChart, {
+      data: chartData,
       width: this.state.chartWidth || this.screenWidth,
-      padding: {
+      height: this.styles.root.height,
+      colors: this.state.colors,
+      theme: this.getChartTheme(false, series),
+      type: type,
+      step: props.stepposition,
+      stackNormalize: props.stacknormalize,
+      symbol: symbol,
+      symbolSize: props.symbolsize,
+      minY: minDomain.y,
+      minX: minDomain.x,
+      grid: {
         top: props.offsettop,
         bottom: props.offsetbottom,
         left: this.isRTL ? props.offsetright : props.offsetleft,
         right: this.isRTL ? props.offsetleft : props.offsetright
-      }
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryGroup, {
-        key: props.name + '_line_group_' + i
-      }, /*#__PURE__*/React.createElement(VictoryLine, {
-        interpolation: props.interpolation,
-        key: props.name + '_line_' + i,
-        name: props.name + '_' + i,
-        standalone: true,
-        style: {
-          data: {
-            stroke: this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor,
-            strokeWidth: props.linethickness
-          }
-        },
-        data: d
-      }), /*#__PURE__*/React.createElement(VictoryScatter, {
-        size: 5,
-        key: props.name + '_scatter' + i,
-        style: {
-          data: props.highlightpoints || this.state.data.length === 1 ? {
-            fill: this.state.colors[i],
-            opacity: 0.8
-          } : {
-            opacity: 0
-          }
-        },
-        data: d,
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      }));
-    }))));
+      },
+      showXAxis: props.showxaxis,
+      showXAxisTicks: props.showxaxisticks,
+      showYAxis: props.showyaxis,
+      showYAxisTicks: props.showyaxisticks,
+      showXAxisSplitLines: !props.hidegridxaxis,
+      showYAxisSplitLines: !props.hidegridyaxis,
+      xAxisLabel: this.state.xLabel || '',
+      yAxisLabel: this.state.yLabel || '',
+      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
+      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      showLegend: showLegend,
+      legendPosition: legendPosition,
+      tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',
+      renderTooltip: this.getRenderTooltip(),
+      showHighlighter: this.props.showhighlighter,
+      onSelect: this.onSelect,
+      intervalX: props.intervalx,
+      intervalY: props.intervaly
+    })) : null);
   }
 }
 //# sourceMappingURL=line-chart.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","style","styles","root","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryScatter,\n  VictoryGroup,\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    if (!this.state.props.dataset) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmLineChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n      <View style={this.styles.root} {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}>\n        <View>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        <View ref={this.viewRef}>\n          {this.getTooltip()}\n          <VictoryChart\n            theme={this.state.theme}\n            height={(this.styles.root.height) as number}\n            width={this.state.chartWidth || this.screenWidth}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n          >\n            {this.getLegendView()}\n            {this.getXaxis()}\n            {this.getYAxis()}\n            {this.state.data.map((d: any, i: number) => {\n              return <VictoryGroup key={props.name + '_line_group_' + i}>\n                <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n                             name={props.name + '_' + i}\n                             standalone={true}\n                             style={{\n                               data: {\n                                 stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                                 strokeWidth: props.linethickness,\n                               }\n                             }}\n                             data={d}\n                />\n\n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {fill: this.state.colors[i], opacity: 0.8} : {opacity:0}\n                  }}\n                  data={d}\n                  events={[{\n                    target: 'data',\n                    eventHandlers: Platform.OS == \"web\" ? {\n                      onClick: this.onSelect.bind(this)\n                    }:{\n                      onPress: this.onSelect.bind(this)\n                    }\n                  }]}\n              />\n            </VictoryGroup>\n        })}\n      </VictoryChart>\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","getLineType","interpolation","includes","startsWith","WmLineChartState","constructor","args","_defineProperty","WmLineChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","minDomain","getMinDomain","colors","color","lineWidth","Number","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","height","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","minY","minX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { LineChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\n/** Maps Victory interpolation strings to ECharts LineChart curve types. */\nconst getLineType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n  if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {\n    return 'smooth';\n  }\n  if (interpolation && interpolation.startsWith('step')) {\n    return 'step';\n  }\n  return 'default';\n};\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {\n  chartWidth = 0;\n}\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  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    const viewWidth = e.nativeEvent.layout.width;\n    this.handleLayout(e);\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmLineChartState);\n  }\n\n  onSelect = (event: CartesianChartSelectEvent): void => {\n    if (!this.state.props.dataset) return;\n    const { dataIndex, y, seriesIndex } = event;\n    const selectedItem = this.props.dataset[dataIndex];\n    const selectedChartItem = [\n      { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n      dataIndex,\n    ];\n    this.updateState({\n      selectedItem: { ...selectedItem, index: dataIndex },\n    } as WmLineChartState);\n    this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n  }\n\n  renderWidget(props: WmLineChartProps) {\n\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n\n    const chartData = this.state.data.map((series: any[], i: number) => ({\n      name: this.state.yAxis[i],\n      data: series.map((pt: { x: number; y: number }) => pt.y),\n    }));\n\n    const type = getLineType(props.interpolation);\n    // step sub-mode: only relevant when type resolves to 'step'\n    // const step: 'start' | 'middle' | 'end' | false =\n    //   type === 'step' ? (props.stepmode ?? 'start') : false;\n\n    const showLegend = props.showlegend !== 'hide';\n    const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n      ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n    const minDomain = this.getMinDomain();\n    const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n      color,\n      lineWidth: Number(props.linethickness),\n    }));\n    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_line_chart`}\n      >\n        <View>\n          {(props.title || props.iconclass) ? (\n            <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n              {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon} />) : null}\n              {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n            </View>\n          ) : null}\n          {props.subheading ? (\n            <Text style={this.styles.subHeading}>{props.subheading}</Text>\n          ) : null}\n        </View>\n        {this.state.chartWidth ? (\n          <View ref={this.viewRef}>\n            <LineChart\n              data={chartData}\n              width={this.state.chartWidth || this.screenWidth}\n              height={this.styles.root.height as number}\n              colors={this.state.colors}\n              theme={this.getChartTheme(false, series)}\n              type={type}\n              step={props.stepposition}\n              stackNormalize={props.stacknormalize}\n              symbol={symbol}\n              symbolSize={props.symbolsize}\n              minY={minDomain.y}\n              minX={minDomain.x}\n              grid={{\n                top: props.offsettop,\n                bottom: props.offsetbottom,\n                left: this.isRTL ? props.offsetright : props.offsetleft,\n                right: this.isRTL ? props.offsetleft : props.offsetright,\n              }}\n              showXAxis={props.showxaxis}\n              showXAxisTicks={props.showxaxisticks}\n              showYAxis={props.showyaxis}\n              showYAxisTicks={props.showyaxisticks}\n              showXAxisSplitLines={!props.hidegridxaxis}\n              showYAxisSplitLines={!props.hidegridyaxis}\n              xAxisLabel={this.state.xLabel || ''}\n              yAxisLabel={this.state.yLabel || ''}\n              xAxisTickLabelFormatter={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\n              showLegend={showLegend}\n              legendPosition={legendPosition}\n              tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n              renderTooltip={this.getRenderTooltip()}\n              showHighlighter={this.props.showhighlighter}\n              onSelect={this.onSelect}\n              intervalX={props.intervalx}\n              intervalY={props.intervaly}\n            />\n          </View>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}