@wavemaker/app-rn-runtime 12.0.0-next.45001 → 12.0.0-next.45005

app-rn-runtime/components/basic/video/video.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {},\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmVideoStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {},\n        text: {}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EACFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/area-chart/area-chart.component.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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';
@@ -14,8 +14,8 @@ import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.compone
 import { isNumber } from 'lodash-es';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 export class WmAreaChartState extends BaseChartComponentState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "chartWidth", 0);
   }
 }
@@ -33,16 +33,27 @@ export default class WmAreaChart extends BaseChartComponent {
     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;
+    this.setTooltipPosition(nativeEvent);
     let selectedChartItem = [{
       series: 0,
       x: data.index,
       y: value,
       _dataObj: selectedItem
     }, data.index];
+    this.updateState({
+      tooltipXaxis: label,
+      tooltipYaxis: value,
+      isTooltipOpen: true,
+      selectedItem: {
+        ...selectedItem,
+        index: data.index
+      }
+    });
     this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
   }
   renderWidget(props) {
-    var _this$state$data;
+    var _this$state$data, _this$props$name;
     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;
@@ -51,7 +62,7 @@ export default class WmAreaChart extends BaseChartComponent {
       x: props.xdomain === 'Min' ? this.state.chartMinX : undefined,
       y: props.ydomain === 'Min' ? this.state.chartMinY : undefined
     };
-    const chartName = this.props.name ?? 'nonameAreachart';
+    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 + '%';
@@ -59,7 +70,7 @@ export default class WmAreaChart extends BaseChartComponent {
     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, {
+    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row',
         alignItems: 'center'
@@ -81,8 +92,7 @@ export default class WmAreaChart extends BaseChartComponent {
         left: props.offsetleft,
         right: props.offsetright
       },
-      minDomain: mindomain,
-      containerComponent: this.getTooltip(props)
+      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

app-rn-runtime/components/chart/area-chart/area-chart.component.js.map

@@ -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","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","_this$state$data","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","containerComponent","getTooltip","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","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/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: 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      >\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        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n            minDomain={mindomain}\n            containerComponent={\n              this.getTooltip(props)\n            }\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={this.isRTL?d.toReversed():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={this.isRTL?d.toReversed():d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"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","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","setTooltipPosition","selectedChartItem","series","_dataObj","tooltipXaxis","tooltipYaxis","isTooltipOpen","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","getTooltip","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","isRTL","toReversed","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/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\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    } as WmAreaChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, 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    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      >\n        {this.getTooltip()}\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        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: 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={this.isRTL?d.toReversed():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={this.isRTL?d.toReversed():d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/chart/area-chart/area-chart.props.js

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
 export default class WmAreaChartProps extends BaseChartComponentProps {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "linethickness", 2);
     _defineProperty(this, "onSelect", void 0);
   }

app-rn-runtime/components/chart/area-chart/area-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","arguments","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/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,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBAC1C,CAAC;IAAAA,eAAA;EAAA;AAE7B"}
+{"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/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,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1C,CAAC;IAAAA,eAAA;EAAA;AAE7B","ignoreList":[]}

app-rn-runtime/components/chart/area-chart/area-chart.styles.js.map

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

app-rn-runtime/components/chart/bar-chart/bar-chart.component.js

@@ -26,11 +26,11 @@ export default class WmBarChart extends BaseChartComponent {
         alignment: "start",
         style: props.customcolors ? {
           data: {
-            fill: _ref => {
-              let {
-                datum
-              } = _ref;
-              return this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length];
+            fill: ({
+              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];
             }
           }
         } : {},
@@ -55,12 +55,23 @@ export default class WmBarChart extends BaseChartComponent {
     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;
+    this.setTooltipPosition(nativeEvent);
     let selectedChartItem = [{
       series: 0,
       x: data.index,
       y: value,
       _dataObj: selectedItem
     }, data.index];
+    this.updateState({
+      tooltipXaxis: label,
+      tooltipYaxis: value,
+      isTooltipOpen: true,
+      selectedItem: {
+        ...selectedItem,
+        index: data.index
+      }
+    });
     this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
   }
   renderWidget(props) {
@@ -73,8 +84,9 @@ export default class WmBarChart extends BaseChartComponent {
       y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
     };
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root
-    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: this.onViewLayoutChange.bind(this)
+    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row',
         alignItems: 'center'
@@ -89,15 +101,14 @@ export default class WmBarChart extends BaseChartComponent {
     }, props.subheading)), /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
       height: this.styles.root.height,
-      width: this.styles.root.width || this.screenWidth,
+      width: this.state.chartWidth || this.screenWidth,
       minDomain: mindomain,
       padding: {
         top: props.offsettop,
         bottom: props.offsetbottom,
         left: props.offsetleft,
         right: props.offsetright
-      },
-      containerComponent: this.getTooltip(props)
+      }
     }, this.getLegendView(), this.getXaxis(), this.getYAxis(), props.viewtype === 'Stacked' ? /*#__PURE__*/React.createElement(VictoryStack, {
       colorScale: this.state.colors
     }, this.getBarChart(props)) : /*#__PURE__*/React.createElement(VictoryGroup, {

app-rn-runtime/components/chart/bar-chart/bar-chart.component.js.map

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

app-rn-runtime/components/chart/bar-chart/bar-chart.props.js

@@ -1,10 +1,10 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
 export default class WmBarChartProps extends BaseChartComponentProps {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "horizontal", true);
     _defineProperty(this, "viewtype", 'Grouped');
     _defineProperty(this, "onSelect", void 0);

app-rn-runtime/components/chart/bar-chart/bar-chart.props.js.map

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

app-rn-runtime/components/chart/bar-chart/bar-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["bar-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS} from '../basechart.styles';\n\nexport type WmBarChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bar-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAO,qBAAqB;AAIvG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["bar-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS} from '../basechart.styles';\n\nexport type WmBarChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bar-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAO,qBAAqB;AAIvG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/basechart.component.js

@@ -1,19 +1,20 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { Dimensions } from 'react-native';
+import { Dimensions, View, Text } from 'react-native';
 import moment from "moment";
 import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim, orderBy } from "lodash-es";
-import { VictoryAxis, VictoryLegend, VictoryLabel, VictoryVoronoiContainer, VictoryTooltip } from "victory-native";
+import { VictoryAxis, VictoryLegend, VictoryLabel } from "victory-native";
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
 import ThemeFactory from "@wavemaker/app-rn-runtime/components/chart/theme/chart.theme";
 import { DEFAULT_CLASS } from "./basechart.styles";
 import { constructSampleData, getChartType } from "./staticdata";
+import { isWebPreviewMode } from "@wavemaker/app-rn-runtime/core/utils";
 export class BaseChartComponentState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "data", []);
     _defineProperty(this, "content", null);
     _defineProperty(this, "yAxis", []);
@@ -28,10 +29,20 @@ export class BaseChartComponentState extends BaseComponentState {
     _defineProperty(this, "loading", true);
     _defineProperty(this, "chartHeight", 0);
     _defineProperty(this, "chartWidth", 0);
+    _defineProperty(this, "totalHeight", 0);
     _defineProperty(this, "chartMinY", undefined);
     _defineProperty(this, "chartMinX", undefined);
     _defineProperty(this, "chartMaxY", undefined);
     _defineProperty(this, "chartMaxX", undefined);
+    _defineProperty(this, "tooltipXPosition", 0);
+    _defineProperty(this, "tooltipYPosition", 0);
+    _defineProperty(this, "tooltipXaxis", 0);
+    _defineProperty(this, "tooltipYaxis", 0);
+    _defineProperty(this, "tooltipoffsetx", 50);
+    _defineProperty(this, "tooltipoffsety", 60);
+    _defineProperty(this, "isTooltipOpen", false);
+    _defineProperty(this, "selectedItem", {});
+    _defineProperty(this, "template", "");
   }
 }
 const screenWidth = Dimensions.get("window").width;
@@ -48,20 +59,32 @@ const shapes = {
 };
 const SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];
 export class BaseChartComponent extends BaseComponent {
-  constructor(props) {
-    let defaultClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_CLASS;
-    let defaultProps = arguments.length > 2 ? arguments[2] : undefined;
-    let defaultState = arguments.length > 3 ? arguments[3] : undefined;
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
     super(props, defaultClass, defaultProps, defaultState);
     this.defaultClass = defaultClass;
     _defineProperty(this, "screenWidth", screenWidth);
     if (!props.theme) {
       this.applyTheme(props);
     }
+    this.subscribe('globaltouch', event => {
+      this.updateState({
+        isTooltipOpen: false
+      });
+    });
   }
   componentDidMount() {
     super.componentDidMount();
   }
+  onViewLayoutChange(e) {
+    let viewWidth = e.nativeEvent.layout.width;
+    let viewHeight = e.nativeEvent.layout.height;
+    if (viewWidth !== this.state.chartWidth) {
+      this.updateState({
+        chartWidth: Number(viewWidth),
+        totalHeight: Number(viewHeight)
+      });
+    }
+  }
   abbreviateNumber(number) {
     if (typeof number !== 'number') {
       return number;
@@ -90,7 +113,6 @@ export class BaseChartComponent extends BaseComponent {
     if (top) {
       top = top - 50; // remove legendHeight
     }
-
     const orientation = props.showlegend === 'right' || props.showlegend === 'left' ? 'vertical' : 'horizontal';
     return /*#__PURE__*/React.createElement(VictoryLegend, {
       colorScale: colorScale,
@@ -201,52 +223,61 @@ export class BaseChartComponent extends BaseComponent {
       dependentAxis: true
     });
   }
-  getTooltip(props) {
-    const tooltipContainer = this.styles.tooltipContainer;
-    const xaxis = props.xaxisdatakey;
-    return /*#__PURE__*/React.createElement(VictoryVoronoiContainer, {
-      voronoiDimension: "x",
-      labels: _ref => {
-        let {
-          datum
-        } = _ref;
-        return `${props.dataset[datum.x][xaxis]} \n Value ${datum.y} `;
-      },
-      voronoiBlacklist: this.state.data.map((item, i) => props.name + '_' + i),
-      labelComponent: /*#__PURE__*/React.createElement(VictoryTooltip, {
-        style: [{
-          fill: this.styles.tooltipXText.color,
-          ...this.styles.tooltipXText
-        }, {
-          fill: this.styles.tooltipYText.color,
-          ...this.styles.tooltipYText
+  setTooltipTemplate(partialName) {
+    this.updateState({
+      template: partialName
+    });
+  }
+  setTooltipPosition(nativeEvent) {
+    let xCoordinate = isWebPreviewMode() ? nativeEvent.offsetX : nativeEvent.locationX;
+    let yCoordinate = isWebPreviewMode() ? nativeEvent.offsetY : nativeEvent.locationY;
+    this.updateState({
+      tooltipXPosition: xCoordinate - this.state.tooltipoffsetx,
+      tooltipYPosition: yCoordinate - this.state.tooltipoffsety
+    });
+  }
+  setTooltipPartialLayout(event) {
+    let tooltipLayout = event.nativeEvent.layout;
+    this.updateState({
+      tooltipoffsetx: tooltipLayout.width / 2,
+      tooltipoffsety: tooltipLayout.height
+    });
+  }
+  renderPointer() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        transform: [{
+          rotate: '180deg'
         }],
-        orientation: props.tooltiporientation,
-        pointerLength: props.tooltippointerlength,
-        pointerWidth: props.tooltippointerwidth,
-        flyoutHeight: props.tooltipheight,
-        flyoutWidth: props.tooltipwidth,
-        flyoutStyle: {
-          fill: tooltipContainer.backgroundColor,
-          stroke: tooltipContainer.borderColor,
-          strokeWidth: tooltipContainer.borderWidth,
-          ...this.styles.tooltipContainer
-        },
-        flyoutPadding: {
-          top: tooltipContainer.paddingTop,
-          bottom: tooltipContainer.paddingBottom,
-          left: tooltipContainer.paddingLeft,
-          right: tooltipContainer.paddingRight
-        },
-        cornerRadius: tooltipContainer.borderRadius,
-        centerOffset: {
-          x: props.tooltipcenteroffsetx,
-          y: props.tooltipcenteroffsety
-        },
-        constrainToVisibleArea: true
-      })
+        bottom: -10,
+        left: this.state.tooltipoffsetx - this.styles.tooltipPointer.borderBottomWidth / 2
+      }, this.styles.tooltipPointer]
     });
   }
+  getTooltip() {
+    return this.state.isTooltipOpen ? !isEmpty(this.state.template) && this.props.renderitempartial ? /*#__PURE__*/React.createElement(View, {
+      onLayout: this.setTooltipPartialLayout.bind(this),
+      style: {
+        position: "absolute",
+        top: this.state.tooltipYPosition,
+        left: this.state.tooltipXPosition,
+        zIndex: 99
+      }
+    }, this.props.renderitempartial(this.state.selectedItem, this.state.selectedItem.index, this.state.template), this.renderPointer()) : /*#__PURE__*/React.createElement(View, {
+      style: [{
+        position: "absolute",
+        top: this.state.tooltipYPosition,
+        left: this.state.tooltipXPosition
+      }, this.styles.tooltipContainer]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        fontSize: 16,
+        fontWeight: 'bold'
+      }, this.styles.tooltipXText]
+    }, this.state.tooltipXaxis), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.tooltipXText
+    }, this.state.tooltipYaxis), this.renderPointer()) : null;
+  }
 
   // X/Y Domain properties are supported only for Column and Area charts
   isAxisDomainSupported(type) {
@@ -462,7 +493,11 @@ export class BaseChartComponent extends BaseComponent {
   getxAxisVal(dataObj, xKey, index, xaxisDatakeyArr) {
     const value = get(dataObj, xKey);
     if (moment(value).isValid() || isNaN(value) || typeof value === 'string' || typeof value === 'number') {
-      xaxisDatakeyArr.push(value);
+      if (typeof value === "string") {
+        xaxisDatakeyArr.push(value.replace("\\n", "\n"));
+      } else {
+        xaxisDatakeyArr.push(value);
+      }
       return index;
     }
     return value;