npm - @wavemaker-ai/app-rn-runtime - Versions diffs - 1.0.0-rc.324 → 1.0.0-rc.328 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/components/chart/area-chart/area-chart.component.js CHANGED Viewed

@@ -3,15 +3,12 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 Color from "color";
-import { View, Text, Platform } from 'react-native';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-import { VictoryArea, VictoryChart, VictoryStack, VictoryScatter, VictoryGroup } from "victory-native";
+import { View, Text } from 'react-native';
+import { AreaChart } from '@wavemaker/react-native-echarts';
 import WmAreaChartProps from './area-chart.props';
 import { DEFAULT_CLASS } from './area-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
 import WmIcon from "@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component";
-import { isNumber } from 'lodash-es';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
 export class WmAreaChartState extends BaseChartComponentState {
   constructor(...args) {
@@ -19,6 +16,15 @@ export class WmAreaChartState extends BaseChartComponentState {
     _defineProperty(this, "chartWidth", 0);
   }
 }
+/** Maps Victory interpolation strings to ECharts AreaChart curve types. */
+const getAreaType = interpolation => {
+  if (interpolation === 'cardinal') return 'smooth';
+  if (interpolation === 'step') return 'step';
+  return 'default'; // 'linear' and anything else
+};
+// Migrated from victory-native <VictoryChart> + <VictoryArea> → <AreaChart>
 export default class WmAreaChart extends BaseChartComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());
@@ -29,52 +35,56 @@ export default class WmAreaChart extends BaseChartComponent {
         chartWidth: viewWidth
       });
     });
-  }
-  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, _this$props$name;
+    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;
     }
-    let mindomain = {
-      x: props.xdomain === 'Min' ? this.state.chartMinX : undefined,
-      y: props.ydomain === 'Min' ? this.state.chartMinY : undefined
-    };
-    const chartName = (_this$props$name = this.props.name) !== null && _this$props$name !== void 0 ? _this$props$name : 'nonameAreachart';
-    let gradientStop = '100%';
-    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {
-      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';
-    }
+    const chartData = this.state.data.map((series, i) => ({
+      name: this.state.yAxis[i],
+      data: series.map(pt => pt.y)
+    }));
+    const type = getAreaType(props.interpolation);
+    // step sub-mode: only relevant when curve type resolves to 'step'
+    // const step: 'start' | 'middle' | 'end' | false =
+    //   type === 'step'
+    //     ? props.step === false
+    //       ? false
+    //       : (props.step ?? '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: 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),
@@ -94,66 +104,49 @@ export default class WmAreaChart extends BaseChartComponent {
       style: this.styles.subHeading
     }, 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(AreaChart, {
+      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,
+      areaFill: props.areafill,
+      areaOpacity: props.areaopacity,
+      minY: minDomain.y
+      // maxY={this.state.chartMaxY}
+      ,
+      minX: minDomain.x,
+      maxX: this.state.chartMaxX,
+      grid: {
         top: props.offsettop,
         bottom: props.offsetbottom,
         left: this.isRTL ? props.offsetright : props.offsetleft,
         right: this.isRTL ? props.offsetleft : props.offsetright
       },
-      minDomain: mindomain
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), /*#__PURE__*/React.createElement(VictoryStack, null, this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryGroup, {
-        key: props.name + '_area_group_' + i
-      }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
-        id: `${chartName}Gradient${i}`,
-        x1: "0%",
-        y1: "0%",
-        x2: "0%",
-        y2: "100%"
-      }, /*#__PURE__*/React.createElement(Stop, {
-        offset: "0%",
-        stopColor: Color(this.state.colors[i]).lighten(0.2).rgb().toString()
-      }), /*#__PURE__*/React.createElement(Stop, {
-        offset: gradientStop,
-        stopColor: Color(this.state.colors[i]).lighten(0.6).rgb().toString()
-      }))), /*#__PURE__*/React.createElement(VictoryArea, {
-        interpolation: props.interpolation,
-        key: props.name + '_' + i,
-        name: props.name + '_' + i,
-        style: {
-          data: {
-            fill: `url(#${chartName}Gradient${i})`,
-            stroke: this.state.colors[i],
-            strokeWidth: props.linethickness
-          }
-        },
-        data: d
-      }), /*#__PURE__*/React.createElement(VictoryScatter, {
-        size: 5,
-        key: props.name + '_scatter' + i,
-        style: {
-          data: props.highlightpoints ? {
-            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)
-          }
-        }]
-      }));
-    })))) : null);
+      showXAxis: props.showxaxis !== false,
+      showXAxisTicks: props.showxaxisticks,
+      showYAxis: props.showyaxis !== false,
+      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=area-chart.component.js.map

package/components/chart/area-chart/area-chart.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Color","View","Text","Platform","Defs","LinearGradient","Stop","VictoryArea","VictoryChart","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","isNumber","AccessibilityWidgetType","getAccessibilityProps","WmAreaChartState","constructor","args","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$props$name","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","height","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","size","highlightpoints","opacity","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-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\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n constructor(props: WmAreaChartProps) {\n super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\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 WmAreaChartState)\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 WmAreaChartState)\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n });\n }\n\n renderWidget(props: WmAreaChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n let mindomain={\n x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n };\n const chartName = this.props.name ?? 'nonameAreachart';\n let gradientStop = '100%';\n if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\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}_area_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}></WmIcon>) : null }\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n </View>\n ) : null }\n { props.subheading? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n </View>\n {this.state.chartWidth ?\n (\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 minDomain={mindomain}\n >\n {this.getLegendView()}\n {this.getXaxis()}\n {this.getYAxis()}\n <VictoryStack>\n {\n this.state.data.map((d: any, i: number) => {\n return <VictoryGroup key={props.name + '_area_group_' + i}>\n <Defs>\n <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n </LinearGradient>\n </Defs>\n <VictoryArea\n interpolation={props.interpolation as InterpolationPropType}\n key={props.name + '_' + i}\n name={props.name + '_' + i}\n style={{\n data: {\n fill: `url(#${chartName}Gradient${i})`,\n stroke: this.state.colors[i],\n strokeWidth: props.linethickness,\n }\n }}\n data={d}\n />\n <VictoryScatter\n size={5}\n key={props.name + '_scatter' + i}\n style={{\n data: props.highlightpoints ? {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 }\n </VictoryStack>\n </VictoryChart>\n </View>\n )\n : null}\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","View","Text","AreaChart","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmAreaChartState","constructor","args","_defineProperty","getAreaType","interpolation","WmAreaChart","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","includes","minDomain","getMinDomain","colors","color","lineWidth","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","areaFill","areafill","areaOpacity","areaopacity","minY","minX","maxX","chartMaxX","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":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { AreaChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-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\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n chartWidth = 0;\n}\n\n/** Maps Victory interpolation strings to ECharts AreaChart curve types. */\nconst getAreaType = (interpolation: string): 'default' \| 'smooth' \| 'step' => {\n if (interpolation === 'cardinal') return 'smooth';\n if (interpolation === 'step') return 'step';\n return 'default'; // 'linear' and anything else\n};\n\n\n// Migrated from victory-native <VictoryChart> + <VictoryArea> → <AreaChart>\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n constructor(props: WmAreaChartProps) {\n super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\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 WmAreaChartState);\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 WmAreaChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n\n renderWidget(props: WmAreaChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\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 = getAreaType(props.interpolation);\n // step sub-mode: only relevant when curve type resolves to 'step'\n // const step: 'start' \| 'middle' \| 'end' \| false =\n // type === 'step'\n // ? props.step === false\n // ? false\n // : (props.step ?? 'start')\n // : 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: 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}_area_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}></WmIcon>) : null }\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n </View>\n ) : null }\n { props.subheading? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n </View>\n {this.state.chartWidth ?\n (\n <View ref={this.viewRef}>\n <AreaChart\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 areaFill={props.areafill}\n areaOpacity={props.areaopacity}\n minY={minDomain.y}\n // maxY={this.state.chartMaxY}\n minX={minDomain.x}\n maxX={this.state.chartMaxX}\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 !== false}\n showXAxisTicks={props.showxaxisticks}\n showYAxis={props.showyaxis !== false}\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":[]}

package/components/chart/area-chart/area-chart.props.js CHANGED Viewed

@@ -7,6 +7,8 @@ export default class WmAreaChartProps extends BaseChartComponentProps {
     super(...args);
     _defineProperty(this, "linethickness", 2);
     _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "areafill", 'gradient');
+    _defineProperty(this, "areaopacity", 0.6);
   }
 }
 //# sourceMappingURL=area-chart.props.js.map

package/components/chart/area-chart/area-chart.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmAreaChartProps extends BaseChartComponentProps {\n linethickness: number = 2;\n onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,~~wBAC1C~~,CAAC;IAAAA,eAAA;EAAA;~~AAE7B~~","ignoreList":[]}
1	+ {"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmAreaChartProps extends BaseChartComponentProps {\n linethickness: number = 2;\n onSelect?: any;\n areafill?: 'gradient' \| 'transparent' \| 'solid' = 'gradient';\n areaopacity?: number = 0.6;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;IAAAA,eAAA,mBAEyB,UAAU;IAAAA,eAAA,sBACrC,GAAG;EAAA;AAC5B","ignoreList":[]}

package/components/chart/bar-chart/bar-chart.component.js CHANGED Viewed

@@ -1,8 +1,11 @@
 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, Text, Platform } from 'react-native';
+import { View, Text } from 'react-native';
+import { ColumnChart } from '@wavemaker/react-native-echarts';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
-import { VictoryChart, VictoryBar, VictoryStack, VictoryGroup } from "victory-native";
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
 import WmBarChartProps from './bar-chart.props';
 import { DEFAULT_CLASS } from './bar-chart.styles';
@@ -11,99 +14,55 @@ export class WmBarChartState extends BaseChartComponentState {}
 export default class WmBarChart extends BaseChartComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());
-  }
-  labelFn(data) {
-    return this.abbreviateNumber(data.datum.y);
-  }
-  getBarChart(props) {
-    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;
-    return this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryBar, _extends({
-        key: props.name + '_' + i,
-        horizontal: props.horizontal,
-        labels: props.showvalues ? this.labelFn.bind(this) : undefined,
-        data: this.isRTL ? d.toReversed() : d,
-        height: 100,
-        alignment: this.isRTL ? 'end' : 'start',
-        style: props.customcolors ? {
-          data: {
-            fill: isNested ? this.state.colors[i % this.state.colors.length] : ({
-              datum
-            }) => {
-              var _this$state$colors$da;
-              return (_this$state$colors$da = this.state.colors[datum.x]) !== null && _this$state$colors$da !== void 0 ? _this$state$colors$da : this.state.colors[datum.x % this.state.colors.length];
-            },
-            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({
-              datum
-            }) => {
-              var _this$state$colors$da2;
-              return (_this$state$colors$da2 = this.state.colors[datum.x]) !== null && _this$state$colors$da2 !== void 0 ? _this$state$colors$da2 : this.state.colors[datum.x % this.state.colors.length];
-            },
-            strokeWidth: props.showzerothvalue ? 3 : 0
-          }
-        } : {
-          data: {
-            strokeWidth: props.showzerothvalue ? 3 : 0
-          }
-        },
-        cornerRadius: {
-          topLeft: this.styles.bar.borderTopLeftRadius,
-          topRight: this.styles.bar.borderTopRightRadius,
-          bottomLeft: this.styles.bar.borderBottomLeftRadius,
-          bottomRight: this.styles.bar.borderBottomRightRadius
-        },
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      }, props.barwidth ? {
-        barWidth: props.barwidth
-      } : {}));
-    });
-  }
-  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.viewRef.current) return;
+      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]);
     });
   }
+  labelFn(data) {
+    return this.abbreviateNumber(data.datum.y);
+  }
   renderWidget(props) {
+    var _this$state$data, _this$state$colors, _props$tooltip;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
-    if (!this.state.data.length) {
+    if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _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 chartData = this.state.data.map((series, i) => ({
+      name: this.state.yAxis[i],
+      data: series.map(pt => pt.y)
+    }));
+    const showLegend = props.showlegend !== 'hide';
+    const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
+    const minDomain = this.getMinDomain();
+    // ColumnChart swaps category/value axes when horizontal=true. WaveMaker x-axis props
+    // refer to categories (xaxisdatakey) and y-axis props refer to values (yaxisdatakey).
+    const isHorizontal = !!props.horizontal;
+    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
+    }));
+    const xAxisTickLabelFormatter = isHorizontal ? this.getYAxisTickLabelFormatter() : this.getXAxisTickLabelFormatter();
+    const yAxisTickLabelFormatter = isHorizontal ? this.getXAxisTickLabelFormatter() : this.getYAxisTickLabelFormatter();
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange.bind(this)
@@ -120,25 +79,48 @@ export default class WmBarChart extends BaseChartComponent {
       style: this.styles.title
     }, props.title) : null) : null, props.subheading ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.subHeading
-    }, props.subheading) : null), /*#__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(ColumnChart, {
+      data: chartData,
       width: this.state.chartWidth || this.screenWidth,
-      minDomain: mindomain,
-      padding: {
+      height: this.styles.root.height,
+      colors: this.state.colors,
+      theme: this.getChartTheme(isHorizontal, series),
+      horizontal: props.horizontal,
+      stack: props.viewtype === 'Stacked' ? 'total' : false,
+      stackNormalize: props.stacknormalize,
+      cornerRadius: [this.styles.bar.borderTopLeftRadius, this.styles.bar.borderTopRightRadius, this.styles.bar.borderBottomRightRadius, this.styles.bar.borderBottomLeftRadius],
+      barOutsideLabelFormatter: props.showvalues ? value => String(this.abbreviateNumber(value)) : undefined,
+      minY: minDomain.y,
+      maxY: this.state.chartMaxY,
+      minX: minDomain.x,
+      maxX: this.state.chartMaxX,
+      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(), props.viewtype === 'Stacked' ? /*#__PURE__*/React.createElement(VictoryStack, {
-      colorScale: !this.theme ? this.state.colors : undefined
-    }, this.getBarChart(props)) : /*#__PURE__*/React.createElement(VictoryGroup, {
-      colorScale: !this.theme ? this.state.colors : undefined,
-      offset: 10
-    }, this.getBarChart(props)))));
+      },
+      showXAxis: isHorizontal ? props.showyaxis : props.showxaxis,
+      showXAxisTicks: isHorizontal ? props.showyaxisticks : props.showxaxisticks,
+      showYAxis: isHorizontal ? props.showxaxis : props.showyaxis,
+      showYAxisTicks: isHorizontal ? props.showxaxisticks : props.showyaxisticks,
+      showXAxisSplitLines: isHorizontal ? !props.hidegridyaxis : !props.hidegridxaxis,
+      showYAxisSplitLines: isHorizontal ? !props.hidegridxaxis : !props.hidegridyaxis,
+      xAxisLabel: isHorizontal ? this.state.yLabel || '' : this.state.xLabel || '',
+      yAxisLabel: isHorizontal ? this.state.xLabel || '' : this.state.yLabel || '',
+      xAxisTickLabelFormatter: xAxisTickLabelFormatter,
+      yAxisTickLabelFormatter: yAxisTickLabelFormatter,
+      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: props.showhighlighter,
+      onSelect: this.onSelect,
+      intervalX: isHorizontal ? props.intervaly : props.intervalx,
+      intervalY: isHorizontal ? props.intervalx : props.intervaly
+    })) : null);
   }
 }
 //# sourceMappingURL=bar-chart.component.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n VictoryChart,\n VictoryBar,\n VictoryLegend,\n VictoryStack,\n VictoryGroup\n} from \"victory-native\";\n\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n constructor(props: WmBarChartProps) {\n super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n }\n\n labelFn(data: any): string \| number \| string[] \| number[] \| null {\n return this.abbreviateNumber(data.datum.y);\n }\n\n getBarChart(props: WmBarChartProps) {\n const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n return this.state.data.map((d: any, i: number) => {\n return <VictoryBar key={props.name + '_' + i}\n horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n data={this.isRTL?d.toReversed():d}\n height={100}\n alignment={this.isRTL ? 'end' : 'start'}\n style={props.customcolors?{\n data: {\n fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n strokeWidth: props.showzerothvalue ? 3 : 0\n }\n }:{\n data: {\n strokeWidth: props.showzerothvalue ? 3 : 0\n }\n }}\n cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n events={[{\n target: 'data',\n eventHandlers: Platform.OS == \"web\" ? {\n onClick: this.onSelect.bind(this)\n }:{\n onPress: this.onSelect.bind(this)\n }\n }]}\n {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n });\n }\n\nonSelect(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 WmBarChartState)\n this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n });\n}\n\n renderWidget(props: WmBarChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data.length) {\n return null;\n }\n let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n return (<View\n {...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}></WmIcon>) : null }\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n </View>\n ) : null }\n { props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n </View>\n <View ref={this.viewRef}>\n {this.getTooltip()}\n <VictoryChart theme={this.state.theme}\n height={(this.styles.root.height) as number}\n width={this.state.chartWidth \|\| this.screenWidth}\n minDomain={mindomain}\n padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n {this.getLegendView()}\n {this.getXaxis()}\n {this.getYAxis()}\n {\n props.viewtype === 'Stacked' ? <VictoryStack\n colorScale={!this.theme ? this.state.colors : undefined}>\n {\n this.getBarChart(props)\n }\n </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined} offset={10} >\n {\n this.getBarChart(props)\n }\n </VictoryGroup>\n }\n </VictoryChart></View></View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","View","Text","ColumnChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","_defineProperty","event","viewRef","current","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","labelFn","data","abbreviateNumber","datum","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","length","chartData","map","i","name","yAxis","pt","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","isHorizontal","horizontal","colors","color","xAxisTickLabelFormatter","getYAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","width","screenWidth","height","theme","getChartTheme","stack","viewtype","stackNormalize","stacknormalize","cornerRadius","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","barOutsideLabelFormatter","showvalues","value","String","undefined","minY","maxY","chartMaxY","minX","maxX","chartMaxX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showyaxis","showxaxis","showXAxisTicks","showyaxisticks","showxaxisticks","showYAxis","showYAxisTicks","showXAxisSplitLines","hidegridyaxis","hidegridxaxis","showYAxisSplitLines","xAxisLabel","yLabel","xLabel","yAxisLabel","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervaly","intervalx","intervalY"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { ColumnChart, CartesianChartSelectEvent, AreaChartAxisTooltipParams } 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 WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n constructor(props: WmBarChartProps) {\n super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n }\n\n labelFn(data: any): string \| number \| string[] \| number[] \| null {\n return this.abbreviateNumber(data.datum.y);\n }\n\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.viewRef.current) return;\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 WmBarChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n\n renderWidget(props: WmBarChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n\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 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\n // ColumnChart swaps category/value axes when horizontal=true. WaveMaker x-axis props\n // refer to categories (xaxisdatakey) and y-axis props refer to values (yaxisdatakey).\n const isHorizontal = !!props.horizontal;\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n }));\n const xAxisTickLabelFormatter = isHorizontal\n ? this.getYAxisTickLabelFormatter()\n : this.getXAxisTickLabelFormatter();\n const yAxisTickLabelFormatter = isHorizontal\n ? this.getXAxisTickLabelFormatter()\n : this.getYAxisTickLabelFormatter();\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 <ColumnChart\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(isHorizontal, series)}\n horizontal={props.horizontal}\n stack={props.viewtype === 'Stacked' ? 'total' : false}\n stackNormalize={props.stacknormalize}\n cornerRadius={[\n this.styles.bar.borderTopLeftRadius,\n this.styles.bar.borderTopRightRadius,\n this.styles.bar.borderBottomRightRadius,\n this.styles.bar.borderBottomLeftRadius,\n ]}\n barOutsideLabelFormatter={props.showvalues\n ? (value: number) => String(this.abbreviateNumber(value))\n : undefined}\n minY={minDomain.y}\n maxY={this.state.chartMaxY}\n minX={minDomain.x}\n maxX={this.state.chartMaxX}\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={isHorizontal ? props.showyaxis : props.showxaxis}\n showXAxisTicks={isHorizontal ? props.showyaxisticks : props.showxaxisticks}\n showYAxis={isHorizontal ? props.showxaxis : props.showyaxis}\n showYAxisTicks={isHorizontal ? props.showxaxisticks : props.showyaxisticks}\n showXAxisSplitLines={isHorizontal ? !props.hidegridyaxis : !props.hidegridxaxis}\n showYAxisSplitLines={isHorizontal ? !props.hidegridxaxis : !props.hidegridyaxis}\n xAxisLabel={isHorizontal ? (this.state.yLabel \|\| '') : (this.state.xLabel \|\| '')}\n yAxisLabel={isHorizontal ? (this.state.xLabel \|\| '') : (this.state.yLabel \|\| '')}\n xAxisTickLabelFormatter={xAxisTickLabelFormatter}\n yAxisTickLabelFormatter={yAxisTickLabelFormatter}\n showLegend={showLegend}\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 intervalX={isHorizontal ? props.intervaly : props.intervalx}\n intervalY={isHorizontal ? props.intervalx : props.intervaly}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}