@wavemaker/app-rn-runtime 11.14.1-22.647577 → 11.14.1-24.647644

package/components/basic/progress-circle/progress-circle.component.js

@@ -26,11 +26,11 @@ export default class WmProgressCircle extends BaseComponent {
     const height = e.nativeEvent.layout.height;
     let radius = this.state.radius;
     if (!width) {
-      radius = height;
+      radius = Math.floor(height);
     } else if (!height) {
-      radius = width;
+      radius = Math.floor(width);
     } else {
-      radius = Math.min(width, height);
+      radius = Math.floor(Math.min(width, height));
     }
     this.handleLayout(e);
     this.updateState({

package/components/basic/progress-circle/progress-circle.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = height;\n    } else if (!height) {\n      radius = width;\n    } else {\n      radius = Math.min(width, height);\n    }\n    \n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={styles.root} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}  \n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","floor","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = Math.floor(height);\n    } else if (!height) {\n      radius = Math.floor(width);\n    } else {\n      radius = Math.floor(Math.min(width, height));\n    }\n    \n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={styles.root} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}  \n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -61,22 +61,39 @@ export default class WmAreaChart extends BaseChartComponent {
     });
   }
   renderWidget(props) {
-    var _this$state$data, _this$props$name;
+    var _this$state$data, _this$props$name, _props$chartheight, _this$styles$root, _this$styles$root2, _this$styles$root3, _this$styles$root4, _this$styles$root5, _this$styles$root6;
     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 + '%';
     }
+    let offsetTop = props.offsettop;
+    let offsetHeight = 0;
+    let victoryChartHeight = (_props$chartheight = props.chartheight) !== null && _props$chartheight !== void 0 ? _props$chartheight : this.styles.root.height;
+    if ((_this$styles$root = this.styles.root) !== null && _this$styles$root !== void 0 && _this$styles$root.height && typeof ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) === 'number') {
+      offsetTop = this.styles.root.height / 250 * props.offsettop;
+      offsetHeight = this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0 ? 0 : offsetTop + props.offsetbottom;
+    }
+    if (typeof victoryChartHeight === 'number') {
+      victoryChartHeight = victoryChartHeight + offsetHeight;
+    }
+    let containerStyle = {
+      ...this.styles.root
+    };
+    if (containerStyle !== null && containerStyle !== void 0 && containerStyle.height) {
+      containerStyle['minHeight'] = containerStyle['height'];
+      delete containerStyle['height'];
+    }
+    let mindomain = {
+      x: props.xdomain === 'Min' ? this.state.chartMinX : undefined,
+      y: props.ydomain === 'Min' ? this.state.chartMinY : undefined
+    };
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
+      style: containerStyle,
       onLayout: this.onViewLayoutChange.bind(this),
       key: `${props.title}_area_chart`
     }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
@@ -96,16 +113,16 @@ export default class WmAreaChart extends BaseChartComponent {
       ref: this.viewRef
     }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
-      height: this.styles.root.height,
+      height: victoryChartHeight,
       width: this.state.chartWidth || this.screenWidth,
       padding: {
-        top: props.offsettop,
+        top: 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) => {
+    }, this.getLegendView(undefined, (_this$styles$root3 = this.styles.root) !== null && _this$styles$root3 !== void 0 && _this$styles$root3.height && typeof ((_this$styles$root4 = this.styles.root) === null || _this$styles$root4 === void 0 ? void 0 : _this$styles$root4.height) === 'string' || (_this$styles$root5 = this.styles.root) !== null && _this$styles$root5 !== void 0 && _this$styles$root5.height && typeof ((_this$styles$root6 = this.styles.root) === null || _this$styles$root6 === void 0 ? void 0 : _this$styles$root6.height) === 'number' && this.styles.root.height >= 250 ? 0 : offsetHeight), this.getXaxis(offsetHeight), 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, {

package/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","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/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'; \nimport { isWebPreviewMode } from '@wavemaker/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":[]}
+{"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","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","length","chartName","name","gradientStop","chartMaxY","chartMinY","offsetTop","offsettop","offsetHeight","victoryChartHeight","chartheight","styles","root","height","offsetbottom","containerStyle","mindomain","xdomain","chartMinX","undefined","ydomain","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","screenWidth","padding","top","bottom","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/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'; \nimport { isWebPreviewMode } from '@wavemaker/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    \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\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\n\n    let mindomain={\n      x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={containerStyle}\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={victoryChartHeight as number}\n            width={this.state.chartWidth || this.screenWidth}\n            padding={{ top: 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              undefined, \n              (\n                (\n                  (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n                  (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n                  0 : offsetHeight\n              )\n            )}\n            {this.getXaxis(offsetHeight)}\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":[]}

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

@@ -16,6 +16,9 @@ export default class WmBarChart extends BaseChartComponent {
     return this.abbreviateNumber(data.datum.y);
   }
   getBarChart(props) {
+    if (props.chartheight !== undefined && props.chartheight === 0) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
     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({
@@ -32,9 +35,20 @@ export default class WmBarChart extends BaseChartComponent {
             }) => {
               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,
@@ -85,16 +99,34 @@ export default class WmBarChart extends BaseChartComponent {
     });
   }
   renderWidget(props) {
+    var _props$chartheight, _this$styles$root, _this$styles$root2, _this$styles$root3, _this$styles$root4, _this$styles$root5, _this$styles$root6;
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
     if (!this.state.data.length) {
       return null;
     }
+    let offsetTop = props.offsettop;
+    let offsetHeight = 0;
+    let victoryChartHeight = (_props$chartheight = props.chartheight) !== null && _props$chartheight !== void 0 ? _props$chartheight : this.styles.root.height;
+    if ((_this$styles$root = this.styles.root) !== null && _this$styles$root !== void 0 && _this$styles$root.height && typeof ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) === 'number') {
+      offsetTop = this.styles.root.height / 250 * props.offsettop;
+      offsetHeight = this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0 ? 0 : offsetTop + props.offsetbottom;
+    }
+    if (typeof victoryChartHeight === 'number') {
+      victoryChartHeight = victoryChartHeight + offsetHeight;
+    }
+    let containerStyle = {
+      ...this.styles.root
+    };
+    if (containerStyle !== null && containerStyle !== void 0 && containerStyle.height) {
+      containerStyle['minHeight'] = containerStyle['height'];
+      delete containerStyle['height'];
+    }
     let mindomain = {
       x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
       y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
     };
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
+      style: containerStyle,
       onLayout: this.onViewLayoutChange.bind(this)
     }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
@@ -113,16 +145,16 @@ export default class WmBarChart extends BaseChartComponent {
       ref: this.viewRef
     }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
-      height: this.styles.root.height,
+      height: victoryChartHeight,
       width: this.state.chartWidth || this.screenWidth,
       minDomain: mindomain,
       padding: {
-        top: props.offsettop,
+        top: 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, {
+    }, this.getLegendView(undefined, (_this$styles$root3 = this.styles.root) !== null && _this$styles$root3 !== void 0 && _this$styles$root3.height && typeof ((_this$styles$root4 = this.styles.root) === null || _this$styles$root4 === void 0 ? void 0 : _this$styles$root4.height) === 'string' || (_this$styles$root5 = this.styles.root) !== null && _this$styles$root5 !== void 0 && _this$styles$root5.height && typeof ((_this$styles$root6 = this.styles.root) === null || _this$styles$root6 === void 0 ? void 0 : _this$styles$root6.height) === 'number' && this.styles.root.height >= 250 ? 0 : offsetHeight), this.getXaxis(offsetHeight), 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,

package/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","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","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/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';\nimport { isWebPreviewMode } from '@wavemaker/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          }\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":[]}
+{"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","chartheight","undefined","createElement","Fragment","isNested","Array","isArray","state","length","map","d","i","_extends","key","name","horizontal","labels","showvalues","bind","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","_props$chartheight","_this$styles$root","_this$styles$root2","_this$styles$root3","_this$styles$root4","_this$styles$root5","_this$styles$root6","offsetTop","offsettop","offsetHeight","victoryChartHeight","root","offsetbottom","containerStyle","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","bottom","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/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';\nimport { isWebPreviewMode } from '@wavemaker/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    if(props.chartheight !== undefined && props.chartheight === 0){\n      return <></>\n    }\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\n    let offsetTop = props.offsettop;\n    let offsetHeight = 0;\n    let victoryChartHeight = props.chartheight ?? this.styles.root.height;\n\n    if(this.styles.root?.height && typeof this.styles.root?.height === 'number') {\n      offsetTop = (this.styles.root.height / 250) * props.offsettop;\n      offsetHeight = (this.styles.root.height >= 250 && !props.chartheight && props.chartheight !== 0) ? 0 : offsetTop + props.offsetbottom;\n    }\n\n    if(typeof victoryChartHeight === 'number') {\n      victoryChartHeight = victoryChartHeight + offsetHeight;\n    }\n\n    let containerStyle = {...this.styles.root}\n    if(containerStyle?.height) {\n      containerStyle['minHeight'] = containerStyle['height'];\n      delete containerStyle['height'];\n    }\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={containerStyle}\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={victoryChartHeight as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: offsetTop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView(\n        undefined, \n        (\n          (\n            (this.styles.root?.height && typeof this.styles.root?.height === 'string') || \n            (this.styles.root?.height && typeof this.styles.root?.height === 'number' && this.styles.root.height >= 250)) ? \n            0 : offsetHeight\n        )\n      )}\n      {this.getXaxis(offsetHeight)}\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":[]}

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

@@ -9,6 +9,7 @@ export default class WmBarChartProps extends BaseChartComponentProps {
     _defineProperty(this, "viewtype", 'Grouped');
     _defineProperty(this, "onSelect", void 0);
     _defineProperty(this, "barwidth", void 0);
+    _defineProperty(this, "showzerothvalue", false);
   }
 }
 //# sourceMappingURL=bar-chart.props.js.map

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

@@ -1 +1 @@
-{"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  barwidth?: number;\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;IAAAA,eAAA;EAAA;AAG9B","ignoreList":[]}
+{"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  barwidth?: number;\n  showzerothvalue: boolean = false;\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;IAAAA,eAAA;IAAAA,eAAA,0BAGD,KAAK;EAAA;AAClC","ignoreList":[]}

package/components/chart/basechart.component.js

@@ -107,14 +107,14 @@ export class BaseChartComponent extends BaseComponent {
     // format number and add suffix
     return scaled.toFixed(1) + suffix;
   }
-  getLegendView(colorScale) {
+  getLegendView(colorScale, offset = 0) {
     if (this.state.props.showlegend === 'hide') {
       return null;
     }
     const props = this.state.props;
     let top = props.showlegend === 'bottom' ? parseInt(this.styles.root.height) : 0;
     if (top) {
-      top = top - 50; // remove legendHeight
+      top = offset !== 0 ? top - 50 : top - offset; // remove legendHeight
     }
     const orientation = props.showlegend === 'right' || props.showlegend === 'left' ? 'vertical' : 'horizontal';
     return /*#__PURE__*/React.createElement(VictoryLegend, {
@@ -129,7 +129,7 @@ export class BaseChartComponent extends BaseComponent {
         }
       },
       borderPadding: {
-        top: 30,
+        top: offset !== 0 ? 0 : 30,
         left: 50
       },
       y: top
@@ -162,16 +162,17 @@ export class BaseChartComponent extends BaseComponent {
   }
 
   // x axis with vertical lines having grid stroke colors
-  getXaxis() {
+  getXaxis(offset = 0) {
+    var _props$chartheight;
     const minIndex = 0;
     const maxIndex = this.state.xaxisDatakeyArr.length - 1;
     const props = this.state.props;
     const getTickValueLabel = props.xtickexpr;
-    let height = this.styles.root.height || 250;
-    let yaxislabeldistance = props.yaxislabeldistance ? props.yaxislabeldistance : height - 20;
+    let height = (_props$chartheight = props.chartheight) !== null && _props$chartheight !== void 0 ? _props$chartheight : this.styles.root.height || 250;
     if (height && typeof height === 'string') {
       height = parseInt(height);
     }
+    let yaxislabeldistance = props.yaxislabeldistance ? props.yaxislabeldistance : height + offset - 20;
     return /*#__PURE__*/React.createElement(VictoryAxis, {
       crossAxis: false,
       label: (props.xaxislabel || props.xaxisdatakey || "name") + (props.xunits ? `(${props.xunits})` : ''),
@@ -193,7 +194,7 @@ export class BaseChartComponent extends BaseComponent {
         y: yaxislabeldistance
       }),
       tickLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
-        y: props.offsetyaxis ? props.offsetyaxis : height - 30,
+        y: props.offsetyaxis ? props.offsetyaxis : height + offset - 30,
         angle: props.labelangle || 0
       }),
       theme: this.state.theme,
@@ -574,14 +575,6 @@ export class BaseChartComponent extends BaseComponent {
       });
       // chartTransform
       this.invokeEventCallback('onTransform', [undefined, this.proxy]);
-      if (props.type == 'Pie' || props.type === 'Donut') {
-        // for animation effect
-        setTimeout(() => {
-          this.updateState({
-            endAngle: 360
-          });
-        }, 500);
-      }
       this.updateData(datasets, yPts, xaxisDatakeyArr);
     }
   }