@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

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

@@ -1,148 +0,0 @@
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import Color from "color";
-import { View, Text, Platform } from 'react-native';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-import { VictoryArea, VictoryChart, VictoryStack, VictoryScatter, VictoryGroup } from "victory-native";
-import WmAreaChartProps from './area-chart.props';
-import { DEFAULT_CLASS } from './area-chart.styles';
-import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-import { isNumber } from 'lodash-es';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-export class WmAreaChartState extends BaseChartComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "chartWidth", 0);
-  }
-}
-export default class WmAreaChart extends BaseChartComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());
-    _defineProperty(this, "onViewLayoutChange", e => {
-      let viewWidth = e.nativeEvent.layout.width;
-      this.updateState({
-        chartWidth: viewWidth
-      });
-    });
-  }
-  onSelect(event, data) {
-    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, _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;
-    }
-    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 + '%';
-    }
-    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
-      onLayout: this.onViewLayoutChange.bind(this),
-      key: `${props.title}_area_chart`
-    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-      iconclass: props.iconclass,
-      styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.subHeading
-    }, props.subheading)), this.state.chartWidth ? /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
-      width: this.state.chartWidth || 120,
-      padding: {
-        top: props.offsettop,
-        bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
-      },
-      minDomain: mindomain
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), /*#__PURE__*/React.createElement(VictoryStack, null, this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryGroup, {
-        key: props.name + '_area_group_' + i
-      }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
-        id: `${chartName}Gradient${i}`,
-        x1: "0%",
-        y1: "0%",
-        x2: "0%",
-        y2: "100%"
-      }, /*#__PURE__*/React.createElement(Stop, {
-        offset: "0%",
-        stopColor: Color(this.state.colors[i]).lighten(0.2).rgb().toString()
-      }), /*#__PURE__*/React.createElement(Stop, {
-        offset: gradientStop,
-        stopColor: Color(this.state.colors[i]).lighten(0.6).rgb().toString()
-      }))), /*#__PURE__*/React.createElement(VictoryArea, {
-        interpolation: props.interpolation,
-        key: props.name + '_' + i,
-        name: props.name + '_' + i,
-        style: {
-          data: {
-            fill: `url(#${chartName}Gradient${i})`,
-            stroke: this.state.colors[i],
-            strokeWidth: props.linethickness
-          }
-        },
-        data: this.isRTL ? d.toReversed() : d
-      }), /*#__PURE__*/React.createElement(VictoryScatter, {
-        size: 5,
-        key: props.name + '_scatter' + i,
-        style: {
-          data: props.highlightpoints ? {
-            fill: this.state.colors[i],
-            opacity: 0.8
-          } : {
-            opacity: 0
-          }
-        },
-        data: this.isRTL ? d.toReversed() : d,
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      }));
-    }))) : null);
-  }
-}
-//# sourceMappingURL=area-chart.component.js.map

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

@@ -1,12 +0,0 @@
-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(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(...args) {
-    super(...args);
-    _defineProperty(this, "linethickness", 2);
-    _defineProperty(this, "onSelect", void 0);
-  }
-}
-//# sourceMappingURL=area-chart.props.js.map

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

@@ -1,120 +0,0 @@
-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); }
-import React from 'react';
-import { View, Text, Platform } from 'react-native';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-import { VictoryChart, VictoryBar, VictoryStack, VictoryGroup } from "victory-native";
-import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
-import WmBarChartProps from './bar-chart.props';
-import { DEFAULT_CLASS } from './bar-chart.styles';
-import WmIcon from "@wavemaker/app-rn-runtime/components/basic/icon/icon.component";
-export class WmBarChartState extends BaseChartComponentState {}
-export default class WmBarChart extends BaseChartComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());
-  }
-  labelFn(data) {
-    return this.abbreviateNumber(data.datum.y);
-  }
-  getBarChart(props) {
-    return this.state.data.map((d, i) => {
-      return /*#__PURE__*/React.createElement(VictoryBar, {
-        key: props.name + '_' + i,
-        horizontal: props.horizontal,
-        labels: props.showvalues ? this.labelFn.bind(this) : undefined,
-        data: this.isRTL ? d.toReversed() : d,
-        height: 100,
-        alignment: "start",
-        style: props.customcolors ? {
-          data: {
-            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];
-            }
-          }
-        } : {},
-        cornerRadius: {
-          topLeft: this.styles.bar.borderTopLeftRadius,
-          topRight: this.styles.bar.borderTopRightRadius,
-          bottomLeft: this.styles.bar.borderBottomLeftRadius,
-          bottomRight: this.styles.bar.borderBottomRightRadius
-        },
-        events: [{
-          target: 'data',
-          eventHandlers: Platform.OS == "web" ? {
-            onClick: this.onSelect.bind(this)
-          } : {
-            onPress: this.onSelect.bind(this)
-          }
-        }]
-      });
-    });
-  }
-  onSelect(event, data) {
-    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) {
-    this.invokeEventCallback('onBeforerender', [this.proxy, null]);
-    if (!this.state.data.length) {
-      return null;
-    }
-    let mindomain = {
-      x: this.props.xdomain === 'Min' ? this.state.chartMinX : undefined,
-      y: this.props.ydomain === 'Min' ? this.state.chartMinY : undefined
-    };
-    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      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'
-      }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-      iconclass: props.iconclass,
-      styles: this.styles.icon
-    }) : null, /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.title
-    }, props.title)), /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.subHeading
-    }, props.subheading)), /*#__PURE__*/React.createElement(VictoryChart, {
-      theme: this.state.theme,
-      height: this.styles.root.height,
-      width: this.state.chartWidth || this.screenWidth,
-      minDomain: mindomain,
-      padding: {
-        top: props.offsettop,
-        bottom: props.offsetbottom,
-        left: props.offsetleft,
-        right: props.offsetright
-      }
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), props.viewtype === 'Stacked' ? /*#__PURE__*/React.createElement(VictoryStack, {
-      colorScale: this.state.colors
-    }, this.getBarChart(props)) : /*#__PURE__*/React.createElement(VictoryGroup, {
-      colorScale: this.state.colors,
-      offset: 10
-    }, this.getBarChart(props))));
-  }
-}
-//# sourceMappingURL=bar-chart.component.js.map

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

@@ -1,13 +0,0 @@
-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(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(...args) {
-    super(...args);
-    _defineProperty(this, "horizontal", true);
-    _defineProperty(this, "viewtype", 'Grouped');
-    _defineProperty(this, "onSelect", void 0);
-  }
-}
-//# sourceMappingURL=bar-chart.props.js.map