@wavemaker/app-rn-runtime 11.4.0-next.28152 → 11.4.0-patch.1

package/components/chart/basechart.component.js

@@ -0,0 +1,480 @@
+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); }
+import React from "react";
+import { Dimensions } from 'react-native';
+import moment from "moment";
+import { forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim } from "lodash-es";
+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";
+export class BaseChartComponentState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "data", []);
+    _defineProperty(this, "content", null);
+    _defineProperty(this, "yAxis", []);
+    _defineProperty(this, "xaxisDatakeyArr", []);
+    _defineProperty(this, "legendData", []);
+    _defineProperty(this, "theme", void 0);
+    _defineProperty(this, "colors", void 0);
+    _defineProperty(this, "xLabel", '');
+    _defineProperty(this, "yLabel", '');
+    _defineProperty(this, "total", 0);
+    _defineProperty(this, "endAngle", 0);
+    _defineProperty(this, "loading", true);
+    _defineProperty(this, "chartHeight", 0);
+    _defineProperty(this, "chartWidth", 0);
+    _defineProperty(this, "chartMinY", undefined);
+    _defineProperty(this, "chartMinX", undefined);
+    _defineProperty(this, "chartMaxY", undefined);
+    _defineProperty(this, "chartMaxX", undefined);
+  }
+}
+const screenWidth = Dimensions.get("window").width;
+const shapes = {
+  'circle': 'circle',
+  'cross': 'cross',
+  'diamond': 'diamond',
+  'plus': 'plus',
+  'minus': 'minus',
+  'square': 'square',
+  'star': 'star',
+  'triangle-down': 'triangleDown',
+  'triangle-up': 'triangleUp'
+};
+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;
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+    _defineProperty(this, "screenWidth", screenWidth);
+    if (!props.theme) {
+      this.applyTheme(props);
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  abbreviateNumber(number) {
+    if (typeof number !== 'number') {
+      return number;
+    }
+    const tier = Math.log10(Math.abs(number)) / 3 | 0;
+    if (tier == 0) {
+      return number;
+    }
+
+    // get suffix and determine scale
+    const suffix = SI_SYMBOL[tier];
+    const scale = Math.pow(10, tier * 3);
+
+    // scale the number
+    var scaled = number / scale;
+
+    // format number and add suffix
+    return scaled.toFixed(1) + suffix;
+  }
+  getLegendView() {
+    if (this.props.showlegend === 'hide') {
+      return null;
+    }
+    let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height) : 0;
+    if (top) {
+      top = top - 50; // remove legendHeight
+    }
+
+    const orientation = this.props.showlegend === 'right' || this.props.showlegend === 'left' ? 'vertical' : 'horizontal';
+    return /*#__PURE__*/React.createElement(VictoryLegend, {
+      name: 'legendData',
+      orientation: orientation,
+      gutter: 20,
+      data: this.state.legendData,
+      style: {
+        border: {
+          stroke: 'none'
+        }
+      },
+      borderPadding: {
+        top: 30,
+        left: 50
+      },
+      y: top
+    });
+  }
+  getYScaleMinValue(value) {
+    const _min = Math.floor(value);
+    return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;
+  }
+  // x axis with vertical lines having grid stroke colors
+  getXaxis() {
+    if (this.props.showxaxis === false) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(VictoryAxis, {
+      crossAxis: true,
+      label: (this.props.xaxislabel || this.props.xaxisdatakey) + (this.props.xunits ? `(${this.props.xunits})` : ''),
+      style: {
+        grid: this.styles.grid
+      },
+      fixLabelOverlap: true,
+      tickLabelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+        angle: this.props.labelangle || 0
+      }),
+      theme: this.state.theme,
+      tickFormat: d => `${this.state.xaxisDatakeyArr.length ? this.state.xaxisDatakeyArr[d] : d}`
+    });
+  }
+  /* y axis with horizontal lines having grid stroke colors*/
+  getYAxis() {
+    if (this.props.showyaxis === false) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(VictoryAxis, {
+      crossAxis: true,
+      label: (this.props.yaxislabel || this.props.yaxisdatakey) + (this.props.yunits ? `(${this.props.yunits})` : ''),
+      style: {
+        axisLabel: {
+          padding: this.props.yaxislabeldistance
+        },
+        grid: this.styles.grid
+      },
+      theme: this.state.theme,
+      tickFormat: t => `${this.abbreviateNumber(t)}`,
+      dependentAxis: true
+    });
+  }
+
+  // X/Y Domain properties are supported only for Column and Area charts
+  isAxisDomainSupported(type) {
+    return type === 'Column' || type === 'Area';
+  }
+
+  // Check whether X/Y Domain was set to Min and is supported for the present chart
+  isAxisDomainValid(axis) {
+    if (get(this.props, axis + 'domain') === 'Min' && this.isAxisDomainSupported(this.props.type)) {
+      return true;
+    }
+    return false;
+  }
+  // Check whether min and max values are finite or not
+  areMinMaxValuesValid(values) {
+    if (isFinite(values.min) && isFinite(values.max)) {
+      return true;
+    }
+    return false;
+  }
+  setDomainValues() {
+    let xDomainValues, yDomainValues;
+    if (this.state.data.length > 0) {
+      if (this.isAxisDomainValid('x') && typeof this.state.data[0].x === 'number') {
+        xDomainValues = this.getXMinMaxValues(this.state.data[0]);
+      }
+      if (this.isAxisDomainValid('y')) {
+        yDomainValues = this.getYMinMaxValues(this.state.data);
+      }
+      if (xDomainValues) {
+        this.updateState({
+          chartMinX: yDomainValues.min.x,
+          chartMaxX: yDomainValues.max.x
+        });
+      }
+      let yMin;
+      if (yDomainValues) {
+        if (this.areMinMaxValuesValid({
+          max: yDomainValues.max.y,
+          min: yDomainValues.min.y
+        })) {
+          yMin = this.getYScaleMinValue(yDomainValues.min.y);
+        }
+        this.updateState({
+          chartMinY: yMin ? yMin : yDomainValues.min.y,
+          chartMaxY: yDomainValues.max.y
+        });
+      }
+    }
+  }
+
+  // Getting the min and max values among all the x values
+  getXMinMaxValues(datum) {
+    if (!datum) {
+      return;
+    }
+    const xValues = {};
+    /*
+     compute the min x value
+     eg: When data has objects
+        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]
+        min x: 1
+     eg: When data has arrays
+        input: [[10, 20], [20, 30], [30, 40]];
+        min x: 10
+    */
+    xValues.min = minBy(datum, dataObject => dataObject.x) || {
+      x: undefined
+    };
+    /*
+     compute the max x value
+     eg: When data has objects
+        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]
+        max x: 3
+     eg: When data has arrays
+        input: [[10, 20], [20, 30], [30, 40]];
+        max x: 30
+     */
+    xValues.max = maxBy(datum, dataObject => dataObject.x) || {
+      x: undefined
+    };
+    return xValues;
+  }
+
+  // Getting the min and max values among all the y values
+  getYMinMaxValues(datum) {
+    const yValues = {},
+      minValues = [],
+      maxValues = [];
+    if (!datum) {
+      return;
+    }
+
+    /*
+     Getting the min and max y values among all the series of data
+     compute the min y value
+     eg: When data has objects
+        input: [[{x:1, y:2}, {x:2, y:3}, {x:3, y:4}], [{x:2, y:3}, {x:3, y:4}, {x:4, y:5}]]
+        min y values : '2'(among first set) & '3'(among second set)
+        max y values : '4'(among first set) & '5'(among second set)
+      eg: When data has arrays
+        input: [[[10, 20], [20, 30], [30, 40]], [[20, 30], [30, 40], [40, 50]]]
+        min y values : '20'(among first set) & '30'(among second set)
+        max y values : '40'(among first set) & '50'(among second set)
+     */
+
+    forEach(datum, data => {
+      if (data && !isEmpty(data)) {
+        minValues.push(minBy(data, dataObject => {
+          return dataObject.y;
+        }));
+        maxValues.push(maxBy(data, dataObject => {
+          return dataObject.y;
+        }));
+      }
+    });
+    // Gets the least and highest values among all the min and max values of respective series of data
+    yValues.min = minBy(minValues, dataObject => dataObject.y) || {
+      y: undefined
+    };
+    yValues.max = maxBy(maxValues, dataObject => dataObject.y) || {
+      y: undefined
+    };
+    return yValues;
+  }
+  setHeightWidthOnChart(cb) {
+    let height = this.styles.root.height || 250;
+    let width = this.styles.root.width || screenWidth;
+    if (height && typeof height === 'string') {
+      height = parseInt(height);
+    }
+    if (width && typeof width === 'string') {
+      width = parseInt(width);
+    }
+    this.updateState({
+      chartHeight: height,
+      chartWidth: width
+    }, cb);
+  }
+  applyTheme(props) {
+    let themeName = props.theme ? props.theme : props.type === 'Pie' ? 'Azure' : 'Terrestrial';
+    let colorsToUse = [];
+    if (typeof props.customcolors === 'string' && !isEmpty(props.customcolors)) {
+      colorsToUse = props.customcolors.split(',').map(trim);
+    }
+    let themeToUse;
+    if (typeof themeName === 'string') {
+      if (!colorsToUse.length) {
+        colorsToUse = ThemeFactory.getColorsObj(themeName);
+      }
+      themeToUse = ThemeFactory.getTheme(themeName, this.props.styles, colorsToUse);
+    } else if (typeof themeName === 'object') {
+      // if theme is passed as an object then use that custom theme.
+      themeToUse = props.theme;
+    }
+    this.updateState({
+      colors: colorsToUse,
+      theme: themeToUse
+    });
+  }
+  prepareLegendData() {
+    if (this.state.yAxis) {
+      let ldata = this.state.yAxis.map(d => {
+        return {
+          name: d
+        };
+      });
+      this.updateState({
+        legendData: ldata
+      });
+    }
+  }
+  prepareEvents(name) {
+    return this.state.legendData.map((_, idx) => {
+      return {
+        childName: ['legend'],
+        target: 'data',
+        eventKey: String(idx),
+        eventHandlers: {
+          onClick: () => {
+            return [{
+              childName: [name + '_' + idx],
+              target: 'data',
+              eventKey: 'all',
+              mutation: props => {
+                return null;
+              }
+            }];
+          },
+          onMouseOver: () => {},
+          onMouseOut: () => {}
+        }
+      };
+    });
+  }
+
+  // If date string is bound to xaxis then we are pushing the x values as indexes.
+  getxAxisVal(dataObj, xKey, index, xaxisDatakeyArr) {
+    const value = get(dataObj, xKey);
+    if (moment(value, true).isValid() || isNaN(value)) {
+      xaxisDatakeyArr.push(value);
+      return index;
+    }
+    return value;
+  }
+  prepareDataItems(dataset) {
+    let xaxis = this.props.xaxisdatakey;
+    let yaxis = this.props.yaxisdatakey;
+    let xaxisDatakeyArr = [];
+    let datasets = [];
+    if (xaxis && yaxis) {
+      let yPts = yaxis.split(',');
+      yPts.forEach(y => {
+        if (xaxis !== y) {
+          datasets.push(dataset.map((o, xindex) => {
+            const xVal = this.getxAxisVal(o, xaxis, xindex, xaxisDatakeyArr);
+            let yVal = get(o, y);
+            if (typeof yVal === 'string') {
+              yVal = parseFloat(yVal) || yVal;
+            }
+            let dataObj = {
+              x: xVal,
+              y: yVal
+            };
+            if (this.props.bubblesize) {
+              set(dataObj, 'size', get(o, this.props.bubblesize, 5));
+            }
+            if (this.props.shape) {
+              set(dataObj, 'symbol', shapes[this.props.shape]);
+            }
+            return dataObj;
+          }));
+        }
+      });
+      // chartTransform
+      this.invokeEventCallback('onTransform', [undefined, this.proxy]);
+      if (this.props.type == 'Pie' || this.props.type === 'Donut') {
+        // for animation effect
+        setTimeout(() => {
+          this.updateState({
+            endAngle: 360
+          });
+        }, 500);
+      }
+      this.updateData(datasets, yPts, xaxisDatakeyArr);
+    }
+  }
+  renderLoadingIcon() {
+    return /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.loadingIcon,
+      iconclass: this.props.loadingicon,
+      caption: this.props.loadingdatamsg
+    });
+  }
+  updateData(datasets, yPts, xaxisDatakeyArr) {
+    this.updateState({
+      data: datasets,
+      yAxis: yPts,
+      xaxisDatakeyArr: xaxisDatakeyArr
+    }, () => {
+      this.prepareLegendData();
+      if (!this.props.labeltype || this.props.labeltype === 'percent') {
+        this.setTotal(this.state.data[0]);
+      }
+      if (this.isAxisDomainSupported(this.props.type) && (this.props.ydomain || this.props.xdomain)) {
+        this.setDomainValues();
+      }
+      this.updateState({
+        loading: false
+      });
+    });
+  }
+  setTotal(data) {
+    let total = 0;
+    data.forEach(d => {
+      total += d.y;
+    });
+    this.updateState({
+      total: total
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    let units = '';
+    switch (name) {
+      case 'customcolors':
+        if (isEmpty($new)) {
+          return;
+        }
+        if (typeof $new === 'string') {
+          $new = $new.split(',');
+        }
+        this.updateState({
+          colors: $new
+        });
+        break;
+      case 'theme':
+        this.applyTheme(this.props);
+        break;
+      case 'dataset':
+        if (!isArray($new)) {
+          if (isObject($new) && !isEmpty($new)) {
+            $new = [$new];
+          } else {
+            $new = [];
+          }
+        }
+        $new && this.prepareDataItems($new);
+        break;
+      case 'xaxislabel':
+        if (this.props.xunits) {
+          units = ' (' + this.props.xunits + ')';
+        }
+        this.updateState({
+          xLabel: $new + units
+        });
+        break;
+      case 'yaxislabel':
+        if (this.props.yunits) {
+          units = ' (' + this.props.yunits + ')';
+        }
+        this.updateState({
+          yLabel: $new + units
+        });
+        break;
+    }
+  }
+}
+//# sourceMappingURL=basechart.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","BaseChartComponentState","constructor","arguments","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","length","defaultProps","defaultState","theme","applyTheme","componentDidMount","abbreviateNumber","number","tier","Math","log10","abs","suffix","scale","pow","scaled","toFixed","getLegendView","showlegend","top","parseInt","styles","root","height","orientation","createElement","name","gutter","data","state","legendData","style","border","stroke","borderPadding","left","y","getYScaleMinValue","value","_min","floor","getXaxis","showxaxis","crossAxis","label","xaxislabel","xaxisdatakey","xunits","grid","fixLabelOverlap","tickLabelComponent","angle","labelangle","tickFormat","d","xaxisDatakeyArr","getYAxis","showyaxis","yaxislabel","yaxisdatakey","yunits","axisLabel","padding","yaxislabeldistance","t","dependentAxis","isAxisDomainSupported","type","isAxisDomainValid","axis","areMinMaxValuesValid","values","isFinite","min","max","setDomainValues","xDomainValues","yDomainValues","x","getXMinMaxValues","getYMinMaxValues","updateState","chartMinX","chartMaxX","yMin","chartMinY","chartMaxY","datum","xValues","dataObject","yValues","minValues","maxValues","push","setHeightWidthOnChart","cb","chartHeight","chartWidth","themeName","colorsToUse","customcolors","split","map","themeToUse","getColorsObj","getTheme","colors","prepareLegendData","yAxis","ldata","prepareEvents","_","idx","childName","target","eventKey","String","eventHandlers","onClick","mutation","onMouseOver","onMouseOut","getxAxisVal","dataObj","xKey","index","isValid","isNaN","prepareDataItems","dataset","xaxis","yaxis","datasets","yPts","o","xindex","xVal","yVal","parseFloat","bubblesize","shape","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","loadingIcon","iconclass","loadingicon","caption","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions } from 'react-native';\nimport moment from \"moment\";\nimport {forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim} from \"lodash-es\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {VictoryAxis, VictoryLegend, VictoryLabel} from \"victory-native\";\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\nimport ThemeFactory  from \"@wavemaker/app-rn-runtime/components/chart/theme/chart.theme\";\n\nimport BaseChartComponentProps from \"./basechart.props\";\nimport { DEFAULT_CLASS, BaseChartComponentStyles} from \"./basechart.styles\";\n\nexport class BaseChartComponentState <T extends BaseChartComponentProps> extends BaseComponentState<T> {\n  data: any = [];\n  content: any = null;\n  yAxis: Array<string> = [];\n  xaxisDatakeyArr: Array<any> = [];\n  legendData: any = [];\n  theme: any;\n  colors: any;\n  xLabel: string = '';\n  yLabel: string = '';\n  total: number = 0;\n  endAngle: number = 0;\n  loading: boolean = true;\n  chartHeight: number = 0;\n  chartWidth: number = 0;\n  chartMinY: number | undefined = undefined;\n  chartMinX: number | undefined = undefined;\n  chartMaxY: number | undefined = undefined;\n  chartMaxX: number | undefined = undefined;\n}\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nconst shapes: {[key: string]: ScatterSymbolType} = {\n  'circle': 'circle',\n  'cross': 'cross',\n  'diamond': 'diamond',\n  'plus': 'plus',\n  'minus': 'minus',\n  'square': 'square',\n  'star': 'star',\n  'triangle-down': 'triangleDown',\n  'triangle-up': 'triangleUp'\n};\n\nconst SI_SYMBOL = [\"\", \"k\", \"M\", \"G\", \"T\", \"P\", \"E\"];\n\nexport abstract class BaseChartComponent<T extends BaseChartComponentProps, S extends BaseChartComponentState<T>, L extends BaseChartComponentStyles> extends BaseComponent<T, S, L> {\n  protected screenWidth: number = screenWidth;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    if (!props.theme) {\n      this.applyTheme(props);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  abbreviateNumber(number: any) {\n    if (typeof number !== 'number') {\n      return number;\n    }\n    const tier = Math.log10(Math.abs(number)) / 3 | 0;\n\n    if (tier == 0) {\n      return number;\n    }\n\n    // get suffix and determine scale\n    const suffix = SI_SYMBOL[tier];\n    const scale = Math.pow(10, tier * 3);\n\n    // scale the number\n    var scaled = number / scale;\n\n    // format number and add suffix\n    return scaled.toFixed(1) + suffix;\n  }\n\n  getLegendView() {\n    if (this.props.showlegend === 'hide') {\n      return null;\n    }\n    let top = this.props.showlegend === 'bottom' ? parseInt(this.styles.root.height as string) : 0;\n    if (top) {\n      top = top - (50); // remove legendHeight\n    }\n    const orientation = (this.props.showlegend === 'right' || this.props.showlegend === 'left') ? 'vertical' : 'horizontal';\n    return <VictoryLegend\n      name={'legendData'}\n      orientation={orientation}\n      gutter={20}\n      data={this.state.legendData}\n      style={{ border: { stroke: 'none' } }}\n      borderPadding={{top: 30, left: 50}}\n      y={top}\n    />\n  }\n\n  getYScaleMinValue(value: number) {\n    const _min = Math.floor(value);\n    return Math.abs(value) - _min > 0 ? value - .1 : _min - 1;\n  };\n\n  // x axis with vertical lines having grid stroke colors\n  getXaxis() {\n    if (this.props.showxaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.xaxislabel || this.props.xaxisdatakey) + (this.props.xunits ? `(${this.props.xunits})` : '')}\n                        style={{\n                          grid: this.styles.grid\n                        }}\n                        fixLabelOverlap={true}\n                        tickLabelComponent={<VictoryLabel angle={this.props.labelangle || 0} />} theme={this.state.theme}\n                        tickFormat={(d) => `${this.state.xaxisDatakeyArr.length ? this.state.xaxisDatakeyArr[d] : d}`}/>;\n  }\n  /* y axis with horizontal lines having grid stroke colors*/\n  getYAxis() {\n    if (this.props.showyaxis === false) {\n      return null;\n    }\n    return <VictoryAxis crossAxis label={(this.props.yaxislabel || this.props.yaxisdatakey) + (this.props.yunits ? `(${this.props.yunits})` : '')}\n                        style={{\n                          axisLabel: {padding: this.props.yaxislabeldistance},\n                          grid: this.styles.grid\n                        }}\n                        theme={this.state.theme}\n                        tickFormat={(t) => `${this.abbreviateNumber(t)}`} dependentAxis />;\n  }\n\n  // X/Y Domain properties are supported only for Column and Area charts\n  isAxisDomainSupported(type: string) {\n    return type === 'Column'|| type === 'Area';\n  }\n\n  // Check whether X/Y Domain was set to Min and is supported for the present chart\n  isAxisDomainValid(axis: string) {\n    if (get(this.props, axis + 'domain') === 'Min' && (this.isAxisDomainSupported(this.props.type))) {\n      return true;\n    }\n    return false;\n  };\n\n// Check whether min and max values are finite or not\n  areMinMaxValuesValid(values: any) {\n    if (isFinite(values.min) && isFinite(values.max)) {\n      return true;\n    }\n    return false;\n  };\n\n  setDomainValues() {\n    let xDomainValues, yDomainValues;\n    if (this.state.data.length > 0) {\n      if (this.isAxisDomainValid('x') && typeof this.state.data[0].x === 'number') {\n        xDomainValues = this.getXMinMaxValues(this.state.data[0]);\n      }\n      if (this.isAxisDomainValid('y')) {\n        yDomainValues = this.getYMinMaxValues(this.state.data);\n      }\n      if (xDomainValues) {\n        this.updateState({\n          chartMinX: yDomainValues.min.x,\n          chartMaxX: yDomainValues.max.x\n        } as S)\n      }\n      let yMin;\n      if (yDomainValues) {\n        if (this.areMinMaxValuesValid({max: yDomainValues.max.y, min: yDomainValues.min.y})) {\n          yMin = this.getYScaleMinValue(yDomainValues.min.y);\n        }\n        this.updateState({\n          chartMinY: yMin ? yMin : yDomainValues.min.y,\n          chartMaxY: yDomainValues.max.y\n        } as S);\n      }\n    }\n  }\n\n  // Getting the min and max values among all the x values\n  getXMinMaxValues(datum: Array<{x: number, y: any}>) {\n    if (!datum) {\n      return;\n    }\n    const xValues: any = {};\n    /*\n     compute the min x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        min x: 1\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        min x: 10\n    */\n    xValues.min = minBy(datum, (dataObject: {x: any, y: any}) => dataObject.x) || {x: undefined};\n    /*\n     compute the max x value\n     eg: When data has objects\n        input: [{x:1, y:2}, {x:2, y:3}, {x:3, y:4}]\n        max x: 3\n     eg: When data has arrays\n        input: [[10, 20], [20, 30], [30, 40]];\n        max x: 30\n     */\n    xValues.max = maxBy(datum, (dataObject: {x: any, y: any}) => dataObject.x)|| {x: undefined};\n    return xValues;\n  }\n\n  // Getting the min and max values among all the y values\n  getYMinMaxValues(datum: Array<Array<{x: any, y: number}>>) {\n    const yValues: any = {},\n      minValues: any = [],\n      maxValues: any = [];\n    if (!datum) {\n      return;\n    }\n\n    /*\n     Getting the min and max y values among all the series of data\n     compute the min y value\n     eg: When data has objects\n        input: [[{x:1, y:2}, {x:2, y:3}, {x:3, y:4}], [{x:2, y:3}, {x:3, y:4}, {x:4, y:5}]]\n        min y values : '2'(among first set) & '3'(among second set)\n        max y values : '4'(among first set) & '5'(among second set)\n\n     eg: When data has arrays\n        input: [[[10, 20], [20, 30], [30, 40]], [[20, 30], [30, 40], [40, 50]]]\n        min y values : '20'(among first set) & '30'(among second set)\n        max y values : '40'(among first set) & '50'(among second set)\n     */\n\n    forEach(datum, data => {\n      if (data && !isEmpty(data)) {\n        minValues.push(minBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n        maxValues.push(maxBy(data,  (dataObject: {x: any, y: any}) => { return dataObject.y }));\n      }\n    });\n    // Gets the least and highest values among all the min and max values of respective series of data\n    yValues.min = minBy(minValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    yValues.max = maxBy(maxValues, (dataObject: {x: any, y: any}) => dataObject.y) || {y: undefined};\n    return yValues;\n  }\n\n  setHeightWidthOnChart(cb?: () => void) {\n    let height = this.styles.root.height || 250;\n    let width = this.styles.root.width || screenWidth;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    if (width && typeof width === 'string') {\n      width = parseInt(width);\n    }\n    this.updateState({\n      chartHeight: height,\n      chartWidth: width\n    } as S, cb);\n  }\n\n  applyTheme(props: BaseChartComponentProps) {\n    let themeName = props.theme ? props.theme : (props.type === 'Pie' ? 'Azure' : 'Terrestrial');\n    let colorsToUse = [];\n    if (typeof props.customcolors === 'string' && !isEmpty(props.customcolors)) {\n      colorsToUse = props.customcolors.split(',').map(trim);\n    }\n    let themeToUse;\n    if (typeof themeName === 'string') {\n      if (!colorsToUse.length) {\n        colorsToUse = ThemeFactory.getColorsObj(themeName);\n      }\n      themeToUse = ThemeFactory.getTheme(themeName, this.props.styles, colorsToUse);\n    } else if (typeof themeName === 'object') {\n      // if theme is passed as an object then use that custom theme.\n      themeToUse = props.theme;\n    }\n    this.updateState({\n      colors: colorsToUse,\n      theme: themeToUse\n    } as S);\n  }\n\n  prepareLegendData() {\n    if (this.state.yAxis) {\n      let ldata = this.state.yAxis.map((d: string) => {\n        return {\n          name: d\n        }\n      });\n      this.updateState({\n        legendData: ldata\n      } as S);\n    }\n  }\n\n  prepareEvents(name: string) {\n    return this.state.legendData.map((_: any, idx: number) => {\n      return {\n        childName: ['legend'],\n        target: 'data',\n        eventKey: String(idx),\n        eventHandlers: {\n          onClick: () => {\n            return [\n              {\n                childName: [name + '_' + idx],\n                target: 'data',\n                eventKey: 'all',\n                mutation: (props: any) => {\n                  return null;\n                }\n              }\n            ];\n          },\n          onMouseOver: () => {\n          },\n          onMouseOut: () => {\n          }\n        }\n      };\n    });\n  }\n\n  // If date string is bound to xaxis then we are pushing the x values as indexes.\n  getxAxisVal(dataObj: {[key: string] : any}, xKey: string, index: number, xaxisDatakeyArr: Array<any>) {\n    const value: any = get(dataObj, xKey);\n    if (moment(value, true).isValid() || isNaN(value)) {\n      xaxisDatakeyArr.push(value);\n      return index;\n    }\n    return value;\n  }\n\n  prepareDataItems(dataset: any) {\n    let xaxis = this.props.xaxisdatakey;\n    let yaxis = this.props.yaxisdatakey;\n    let xaxisDatakeyArr: Array<any> = [];\n    let datasets: any = [];\n\n    if (xaxis && yaxis) {\n      let yPts = yaxis.split(',');\n      yPts.forEach((y: any) => {\n        if (xaxis !== y) {\n          datasets.push(dataset.map((o: {[key: string] : any}, xindex: number) => {\n            const xVal = this.getxAxisVal(o, xaxis, xindex, xaxisDatakeyArr);\n            let yVal: string | number = get(o, y);\n            if (typeof yVal === 'string') {\n              yVal = parseFloat(yVal) || yVal;\n            }\n            let dataObj = {\n              x: xVal,\n              y: yVal,\n            };\n            if (this.props.bubblesize) {\n              set(dataObj, 'size', get(o, this.props.bubblesize, 5));\n            }\n            if (this.props.shape) {\n              set(dataObj, 'symbol', shapes[this.props.shape]);\n            }\n            return dataObj;\n          }));\n        }\n      });\n      // chartTransform\n      this.invokeEventCallback('onTransform', [undefined, this.proxy]);\n      if (this.props.type == 'Pie' || this.props.type === 'Donut') {\n        // for animation effect\n        setTimeout(() => {\n          this.updateState({\n            endAngle: 360,\n          } as S);\n        }, 500);\n      }\n      this.updateData(datasets, yPts, xaxisDatakeyArr);\n    }\n  }\n\n\n  protected renderLoadingIcon() {\n    return (<WmIcon styles={this.styles.loadingIcon}\n    iconclass={this.props.loadingicon}\n    caption={this.props.loadingdatamsg}></WmIcon>);\n  }\n\n  updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>) {\n    this.updateState({\n      data: datasets as any,\n      yAxis: yPts,\n      xaxisDatakeyArr: xaxisDatakeyArr\n    } as S, () => {\n      this.prepareLegendData();\n      if (!this.props.labeltype || this.props.labeltype === 'percent') {\n        this.setTotal(this.state.data[0]);\n      }\n      if (this.isAxisDomainSupported(this.props.type) && (this.props.ydomain || this.props.xdomain)) {\n        this.setDomainValues();\n      }\n      this.updateState({\n        loading: false\n      } as S);\n    });\n  }\n\n  setTotal(data: Array<{x: any, y: number}>) {\n    let total = 0;\n    data.forEach((d: {x: any, y: any}) => {\n      total += d.y as number;\n    });\n    this.updateState({\n      total: total\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    let units = '';\n    switch(name) {\n      case 'customcolors':\n        if (isEmpty($new)) {\n          return;\n        }\n        if (typeof $new === 'string') {\n          $new = $new.split(',');\n        }\n        this.updateState({\n          colors: $new\n        } as S);\n        break;\n      case 'theme':\n        this.applyTheme(this.props);\n        break;\n      case 'dataset':\n        if (!isArray($new)) {\n          if (isObject($new) && !isEmpty($new)) {\n            $new = [$new];\n          } else {\n            $new = [];\n          }\n        }\n        $new && this.prepareDataItems($new);\n        break;\n      case 'xaxislabel':\n        if (this.props.xunits) {\n          units = ' (' + this.props.xunits + ')';\n        }\n        this.updateState({\n          xLabel: $new + units\n        } as S);\n        break;\n      case 'yaxislabel':\n        if (this.props.yunits) {\n          units = ' (' + this.props.yunits + ')';\n        }\n        this.updateState({\n          yLabel: $new + units\n        } as S);\n        break;\n    }\n  }\n}\n"],"mappings":"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"}

package/components/chart/basechart.props.js

@@ -0,0 +1,49 @@
+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); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class BaseChartComponentProps extends BaseProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "xaxisdatakey", '');
+    _defineProperty(this, "yaxisdatakey", '');
+    _defineProperty(this, "iconclass", '');
+    _defineProperty(this, "dataset", void 0);
+    _defineProperty(this, "type", '');
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "subheading", '');
+    _defineProperty(this, "theme", '');
+    _defineProperty(this, "xaxislabel", '');
+    _defineProperty(this, "xunits", '');
+    _defineProperty(this, "staggerlabels", false);
+    _defineProperty(this, "yaxislabel", '');
+    _defineProperty(this, "yunits", '');
+    _defineProperty(this, "yaxislabeldistance", 50);
+    _defineProperty(this, "xaxislabeldistance", 30);
+    _defineProperty(this, "customcolors", '');
+    _defineProperty(this, "legendheight", 0);
+    _defineProperty(this, "labellegendheight", 0);
+    _defineProperty(this, "labeltype", 'percent');
+    _defineProperty(this, "bubblesize", '');
+    _defineProperty(this, "shape", '');
+    _defineProperty(this, "loadingicon", 'fa fa-circle-o-notch fa-pulse');
+    _defineProperty(this, "loadingdatamsg", 'Loading...');
+    _defineProperty(this, "nodatamessage", 'No data found');
+    _defineProperty(this, "offsetbottom", 50);
+    _defineProperty(this, "offsettop", 70);
+    _defineProperty(this, "offsetleft", 65);
+    _defineProperty(this, "offsetright", 25);
+    _defineProperty(this, "showlegend", 'top');
+    _defineProperty(this, "showlabels", 'outside');
+    _defineProperty(this, "tooltips", false);
+    _defineProperty(this, "interpolation", 'linear');
+    _defineProperty(this, "highlightpoints", false);
+    _defineProperty(this, "showvalues", false);
+    _defineProperty(this, "showyaxis", true);
+    _defineProperty(this, "showxaxis", true);
+    _defineProperty(this, "ydomain", '');
+    _defineProperty(this, "xdomain", '');
+    _defineProperty(this, "labelangle", 0);
+  }
+}
+//# sourceMappingURL=basechart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","arguments","_defineProperty"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance: number = 50;\n  xaxislabeldistance: number = 30;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = '';\n  xdomain: string = '';\n  labelangle: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,uBACtC,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEC,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACU,EAAE;IAAAA,eAAA,6BACF,EAAE;IAAAA,eAAA,uBACQ,EAAE;IAAAA,eAAA,uBAClB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,KAAK;IAAAA,eAAA,wBACD,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,EAAE;IAAAA,eAAA,kBACF,EAAE;IAAAA,eAAA,qBACC,CAAC;EAAA;AACxB"}

package/components/chart/basechart.styles.js

@@ -0,0 +1,33 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-chart';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    icon: {
+      icon: {
+        fontSize: 20
+      }
+    },
+    line: {
+      color: themeVariables.chartLineColor
+    },
+    title: {
+      color: themeVariables.chartTitleColor,
+      fontSize: 20,
+      lineHeight: 24
+    },
+    subHeading: {
+      fontSize: 12,
+      lineHeight: 16,
+      color: themeVariables.chartSubTitleColor
+    },
+    legendText: {},
+    legenedDot: {},
+    grid: {},
+    barChart: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=basechart.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","subHeading","chartSubTitleColor","legendText","legenedDot","grid","barChart"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { VictoryStyleObject } from \"victory-core\";\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  grid: VictoryStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle \n};\n\nexport const DEFAULT_CLASS = 'app-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: BaseChartComponentStyles = defineStyles({\n    root: {},\n    text: {},\n    icon: {\n      icon: {\n        fontSize: 20\n      }\n    } as WmIconStyles,\n    line: {\n      color: themeVariables.chartLineColor\n    },\n    title: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n      lineHeight: 24,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    grid: {},\n    barChart: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAcxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IAC3DM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJA,IAAI,EAAE;QACJC,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBC,IAAI,EAAE;MACJC,KAAK,EAAER,cAAc,CAACS;IACxB,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAER,cAAc,CAACW,eAAe;MACrCL,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACVP,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdJ,KAAK,EAAER,cAAc,CAACc;IACxB,CAAC;IACDC,UAAU,EAAE,CAAC,CAAC;IACdC,UAAU,EAAE,CAAC,CAAC;IACdC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE,CAAC;EACb,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmBubbleChartState","WmBubbleChart","constructor","props","renderWidget","_this$state$data","state","data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","name","containerComponent","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","_ref","datum","key","size"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport {VictoryAxis, VictoryChart, VictoryLegend, VictoryLine, VictoryScatter} from \"victory-native\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {Svg} from \"react-native-svg\";\nimport {get} from \"lodash-es\";\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n  constructor(props: WmBubbleChartProps) {\n    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n        return <VictoryScatter\n          colorScale={this.state.colors}\n          style={{\n            data: { fill: this.state.colors[i], opacity: ({ datum }) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\n        />\n      })}\n      </VictoryChart></View>);\n  }\n}\n"],"mappings":"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"}