@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47810

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","View","Text","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","orderBy","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","constructSampleData","getChartType","WmLottie","BaseChartComponentState","constructor","args","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","defaultProps","defaultState","e","viewWidth","nativeEvent","layout","viewHeight","height","handleLayout","state","chartWidth","updateState","Number","totalHeight","viewRef","createRef","theme","applyTheme","subscribe","event","isTooltipOpen","componentDidMount","abbreviateNumber","number","tier","Math","log10","abs","suffix","scale","pow","scaled","toFixed","getLegendView","colorScale","showlegend","top","parseInt","styles","root","orientation","createElement","name","gutter","data","legendData","style","border","stroke","borderPadding","left","y","getYScaleMinValue","value","_min","floor","setYAxisFormat","yVal","ynumberformat","matchFixed","match","matchExponential","toExponential","toLocaleString","getXaxis","minIndex","maxIndex","xaxisDatakeyArr","length","getTickValueLabel","xtickexpr","yaxislabeldistance","crossAxis","label","xaxislabel","xaxisdatakey","xunits","axisLabel","mergeStyle","yAxisLabel","grid","hidegridxaxis","xGrid","axis","showxaxis","xAxis","ticks","xTicks","tickLabels","showxaxislabels","fill","xTickLabels","fixLabelOverlap","autoadjustlabels","axisLabelComponent","tickLabelComponent","offsetyaxis","angle","labelangle","tickCount","invertAxis","isRTL","tickFormat","d","i","getYAxis","showyaxis","ytickexpr","xaxislabeldistance","yaxislabel","yaxisdatakey","yunits","hidegridyaxis","yGrid","yAxis","yTicks","showyaxislabels","yTickLabels","x","offsetxaxis","dependentAxis","setTooltipTemplate","partialName","template","setTooltipPartialLayout","tooltipLayout","tooltipoffsetx","tooltipoffsety","renderPointer","transform","rotate","bottom","tooltipPointer","borderBottomWidth","getTooltip","tooltips","yAxisData","tooltipYaxis","renderitempartial","onLayout","bind","position","tooltipYPosition","tooltipXPosition","zIndex","selectedItem","index","right","tooltipContainer","fontSize","fontWeight","tooltipXText","tooltipXaxis","isAxisDomainSupported","type","isAxisDomainValid","areMinMaxValuesValid","values","isFinite","min","max","setDomainValues","xDomainValues","yDomainValues","getXMinMaxValues","getYMinMaxValues","chartMinX","chartMaxX","yMin","chartMinY","chartMaxY","datum","xValues","dataObject","yValues","minValues","maxValues","push","setHeightWidthOnChart","cb","chartHeight","themeName","colorsToUse","customcolors","trim","split","map","color","filter","Array","themeToUse","getColorsObj","getTheme","colors","prepareLegendData","ldata","prepareEvents","_","idx","childName","target","eventKey","String","eventHandlers","onClick","mutation","onMouseOver","onMouseOut","getxAxisVal","dataObj","xKey","isValid","isNaN","replace","prepareDataItems","dataset","xaxis","yaxis","datasets","_yaxis","shape","yPts","o","xindex","xVal","parseFloat","bubblesize","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","id","getTestId","loadingIcon","iconclass","loadingicon","caption","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel","renderSkeleton","skeletonanimationresource","_this$styles","_this$styles2","_this$styles3","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","getDataType","widgetContext","Error"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions, View, Text, LayoutChangeEvent} from 'react-native';\nimport moment from \"moment\";\nimport {forEach, get, isArray, isEmpty, isObject, maxBy, minBy, set, trim, orderBy} from \"lodash-es\";\nimport { ScatterSymbolType } from \"victory-core\";\nimport {VictoryAxis, VictoryLegend, VictoryLabel, VictoryVoronoiContainer, VictoryTooltip} 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\";\nimport _ from \"lodash\";\nimport { constructSampleData, getChartType } from \"./staticdata\";\nimport { isWebPreviewMode } from \"@wavemaker/app-rn-runtime/core/utils\";\nimport WmLottie from \"../basic/lottie/lottie.component\";\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  totalHeight: number = 0;\n  chartMinY: number | undefined = undefined;\n  chartMinX: number | undefined = undefined;\n  chartMaxY: number | undefined = undefined;\n  chartMaxX: number | undefined = undefined;\n  tooltipXPosition = 0;\n  tooltipYPosition = 0;\n  tooltipXaxis = 0;\n  tooltipYaxis = 0;\n  tooltipoffsetx: number = 50;\n  tooltipoffsety: number = 80;\n  isTooltipOpen: boolean = false;\n  selectedItem: any = {}\n  template: string = \"\";\n}\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\nconst shapes: {[key: string]: any} = {\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  protected viewRef: React.RefObject<View>;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    this.viewRef = React.createRef();\n    if (!props.theme) {\n      this.applyTheme(props);\n    }\n    this.subscribe('globaltouch', (event: any) => {\n      this.updateState({\n        isTooltipOpen: false\n      } as any)\n    });\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    let viewHeight = e.nativeEvent.layout.height;\n    \n    this.handleLayout(e)\n    \n    if (this?.state && viewWidth !== this.state.chartWidth) {\n      this.updateState({\n        chartWidth: Number(viewWidth),\n        totalHeight: Number(viewHeight)\n      } as any)\n    }\n  }\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(colorScale?: any) {\n    if (this.state.props.showlegend === 'hide') {\n      return null;\n    }\n    const props = this.state.props;\n    let top = props.showlegend === 'bottom' ? parseInt(this.styles.root.height as string) : 0;\n    if (top) {\n      top = top - (50); // remove legendHeight\n    }\n    const orientation = (props.showlegend === 'right' || props.showlegend === 'left') ? 'vertical' : 'horizontal';\n    return <VictoryLegend\n      colorScale={colorScale}\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  setYAxisFormat(yVal: any, ynumberformat: string){\n    const matchFixed = ynumberformat.match(/\\.([0-9])f/);\n    const matchExponential = ynumberformat.match(/\\.([0-9])g/);\n    if (matchFixed) {\n        return yVal.toFixed(parseInt(matchFixed[1], 10));\n    } else if (matchExponential) {\n        return yVal.toExponential(parseInt(matchExponential[1], 10));\n    }\n    switch (ynumberformat) {\n      case '%':\n          return (yVal * 100).toFixed(0) + '%';\n      case 'Billion':\n          return (yVal / 1e9).toFixed(1) + 'B';\n      case 'Million':\n          return (yVal / 1e6).toFixed(1) + 'M';\n      case 'Thousand':\n          return (yVal / 1e3).toFixed(1) + 'K';\n      case ',r':\n          return yVal.toLocaleString();\n    }\n  }\n\n  // x axis with vertical lines having grid stroke colors\n  getXaxis() {\n    const minIndex = 0;\n    const maxIndex = this.state.xaxisDatakeyArr.length - 1;\n    const props = this.state.props;\n    const getTickValueLabel = props.xtickexpr as any;\n    let height = this.styles.root.height || 250;\n    let yaxislabeldistance = props.yaxislabeldistance ? props.yaxislabeldistance : height as number - 20;\n    if (height && typeof height === 'string') {\n      height = parseInt(height);\n    }\n    return <VictoryAxis crossAxis={false} label={(props.xaxislabel || props.xaxisdatakey || \"name\") + (props.xunits ? `(${props.xunits})` : '')}\n                        style={{\n                          axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),\n                          grid: props.hidegridxaxis ?\n                              { stroke: null } :  this.theme.mergeStyle(this.styles.grid, this.styles.xGrid),\n                          axis: props.showxaxis === false ?\n                              { stroke: 'none' } :  this.theme.mergeStyle(this.styles.axis, this.styles.xAxis),\n                          ticks: this.theme.mergeStyle(this.styles.ticks, this.styles.xTicks),\n                          tickLabels: props.showxaxislabels === false ? {fill: 'none'} : this.theme.mergeStyle(this.styles.tickLabels, this.styles.xTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel y={yaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel y={props.offsetyaxis ? props.offsetyaxis : height as number - 30} angle={props.labelangle || 0}/>} theme={this.state.theme}\n                        tickCount={this.state.xaxisDatakeyArr.length} \n                        invertAxis={this.isRTL}\n                        tickFormat= {(d: number, i: number, ticks: any) => {\n                          if (getTickValueLabel) {\n                              return getTickValueLabel(this.state.xaxisDatakeyArr[d], i, (ticks || []).length);\n                          } else if (this.state.xaxisDatakeyArr) {\n                            return this.state.xaxisDatakeyArr[d];\n                          }\n                          return '';\n                        }}\n                        />;                    \n}            \n\n\n  /* y axis with horizontal lines having grid stroke colors*/\n  getYAxis() {\n    const props = this.state.props;\n    if (props.showyaxis === false) {\n      return null;\n    }\n    const getTickValueLabel = props.ytickexpr as any;\n    const ynumberformat = props.ynumberformat;\n    let xaxislabeldistance = props.xaxislabeldistance ? props.xaxislabeldistance : 20\n    return <VictoryAxis crossAxis={false} label={(props.yaxislabel || props.yaxisdatakey) + (props.yunits ? `(${props.yunits})` : '')}\n                        style={{\n                          axisLabel: this.theme.mergeStyle(this.styles.axisLabel, this.styles.yAxisLabel),\n                          grid: props.hidegridyaxis ? { stroke: null } : this.theme.mergeStyle(this.styles.grid, this.styles.yGrid),\n                          axis: props.showxaxis === false ?\n                          { stroke: 'none' } :  this.theme.mergeStyle(this.styles.axis, this.styles.yAxis),\n                          ticks: this.theme.mergeStyle(this.styles.ticks, this.styles.yTicks),\n                          tickLabels: props.showyaxislabels === false ? {fill: 'none'} : this.theme.mergeStyle(this.styles.tickLabels, this.styles.yTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel x={this.isRTL ? (screenWidth - xaxislabeldistance -\n                          30) : xaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel x={this.isRTL ? (props.offsetxaxis ? screenWidth - \n                         props.offsetxaxis - 30 : screenWidth - 80) : (props.offsetxaxis || 50)} />}\n                        theme={this.state.theme}\n                        tickFormat= {(d: number, i: number, ticks: any) => {\n                          if (getTickValueLabel) {\n                            return getTickValueLabel(d, i, (ticks || []).length);\n                          }\n                          if (ynumberformat) {\n                            return this.setYAxisFormat(d, ynumberformat);\n                          }\n                          return this.abbreviateNumber(d);\n                        }}\n                        orientation={this.isRTL?\"right\":\"left\"}\n                        dependentAxis />;\n  }\n  \n  setTooltipTemplate(partialName: any) {\n    this.updateState({ template: partialName} as any);\n  }\n\n  setTooltipPartialLayout(event: LayoutChangeEvent){\n    let tooltipLayout = event.nativeEvent.layout;\n    this.updateState({\n      tooltipoffsetx: tooltipLayout.width/2,\n      tooltipoffsety: tooltipLayout.height\n    } as any)\n  }\n  \n  renderPointer(){\n    return (\n      <View \n      style={[\n        {\n          transform: [\n            { rotate: '180deg' }\n          ],\n          bottom: -10,\n          left: this.state.tooltipoffsetx - this.styles.tooltipPointer.borderBottomWidth/2\n        },\n        this.styles.tooltipPointer\n      ]}\n    />\n    )\n  }\n\n  getTooltip() {\n    if(!this.state.props.tooltips){\n      return;\n    }\n    const ynumberformat = this.state.props.ynumberformat;\n    let yAxisData = ynumberformat ? this.setYAxisFormat(this.state.tooltipYaxis, ynumberformat) : this.state.tooltipYaxis;\n    return this.state.isTooltipOpen ? (\n      !isEmpty(this.state.template) && this.props.renderitempartial ?\n      <View onLayout={this.setTooltipPartialLayout.bind(this)} style={{ position: \"absolute\", top: this.state.tooltipYPosition as number, left: this.state.tooltipXPosition as number , zIndex: 99}}>\n           {this.props.renderitempartial(this.state.selectedItem, this.state.selectedItem.index, this.state.template)}\n           {this.renderPointer()}\n      </View> : (\n      <View style={[\n        { position: \"absolute\", top: this.state.tooltipYPosition as number},this.isRTL ? {right: this.state.tooltipXPosition as number} : {left: this.state.tooltipXPosition as number},\n        this.styles.tooltipContainer\n      ]}>\n        <Text style={[{ fontSize: 16, fontWeight: 'bold' },this.styles.tooltipXText]}>{this.state.tooltipXaxis}</Text>\n        <Text style={this.styles.tooltipXText}>{yAxisData}</Text>\n        {this.renderPointer()}\n      </View>)\n    ) : null;\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    const props = this.state.props;\n    if (get(props, axis + 'domain') === 'Min' && (this.isAxisDomainSupported(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 valuex\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    \n    if (props.customcolors) {\n      if (typeof props.customcolors === 'string' && props.customcolors.trim() !== '') {\n        colorsToUse = props.customcolors.split(',').map(color => color.trim()).filter(color => color !== '');\n      } else if (Array.isArray(props.customcolors) && props.customcolors.length > 0) {\n        colorsToUse = props.customcolors.filter(color => color && typeof color === 'string');\n      }\n    }\n    \n    let themeToUse;\n    if (typeof themeName === 'string') {\n        if (colorsToUse.length === 0) {\n          colorsToUse = ThemeFactory.getColorsObj(themeName);\n        }\n        themeToUse = ThemeFactory.getTheme(themeName, 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    const props = this.state.props;\n    if (this.state.yAxis) {\n      let ldata: any;\n      if (props.type === 'Stack') {\n        const data = orderBy(this.state.data[0], 'y', 'asc');\n        ldata = data.map((d: any) => {\n          return {\n            name: this.state.xaxisDatakeyArr[d.x]\n          }\n        });\n      } else {\n        ldata = this.state.yAxis.map((d: string) => {\n          return {\n            name: d\n          }\n        });\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).isValid() || isNaN(value) || typeof value === 'string' || typeof value === 'number') {\n      if (typeof value === \"string\"){\n        xaxisDatakeyArr.push(value.replace(\"\\\\n\",\"\\n\"));\n      }\n      else{\n        xaxisDatakeyArr.push(value);\n      }\n      return index;\n    }\n    return value;\n  }\n\n  prepareDataItems(dataset: any) {\n    const props = this.state.props;\n    let xaxis = props.xaxisdatakey;\n    let yaxis = props.yaxisdatakey;\n    let xaxisDatakeyArr: Array<any> = [];\n    let datasets: any = [];\n    if (dataset.length === 0) {\n      dataset = constructSampleData(getChartType(this.props), yaxis?.split(','), this.props.shape);\n      xaxis = \"x\";\n      yaxis = \"y\";\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 (props.bubblesize) {\n              set(dataObj, 'size', get(o, props.bubblesize, 5));\n            }\n            if (props.shape) {\n              set(dataObj, 'symbol', shapes[props.shape]);\n            }\n            return dataObj;\n          }));\n        }\n      });\n      // chartTransform\n      this.invokeEventCallback('onTransform', [undefined, this.proxy]);\n      if (props.type == 'Pie' || 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    const props = this.state.props;\n    return (<WmIcon id={this.getTestId('loadericon')} styles={this.styles.loadingIcon}\n    iconclass={props.loadingicon}\n    caption={props.loadingdatamsg}></WmIcon>);\n  }\n\n  updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>) {\n    const props = this.state.props;\n    this.updateState({\n      data: datasets as any,\n      yAxis: yPts,\n      xaxisDatakeyArr: xaxisDatakeyArr\n    } as S, () => {\n      this.prepareLegendData();\n      if (!props.labeltype || props.labeltype === 'percent') {\n        this.setTotal(this.state.data[0]);\n      }\n      if (this.isAxisDomainSupported(props.type) && (props.ydomain || 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    const props = this.state.props;\n    let units = '';\n    switch(name) {\n      case 'customcolors':\n        this.applyTheme({...props, customcolors: $new});\n        break;\n      case 'theme':\n        this.applyTheme(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 (props.xunits) {\n          units = ' (' + props.xunits + ')';\n        }\n        this.updateState({\n          xLabel: $new + units\n        } as S);\n        break;\n      case 'yaxislabel':\n        if (props.yunits) {\n          units = ' (' + props.yunits + ')';\n        }\n        this.updateState({\n          yLabel: $new + units\n        } as S);\n        break;\n    }\n  }\n\n  public renderSkeleton(props: T): React.ReactNode {\n    if(props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles?.root]}>\n      <WmLottie styles={{ content: {...this.styles?.root, ...this.styles?.skeleton?.root} }} source={props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n    </View>\n    }\n    return null;\n  }\n}\nfunction getDataType(widgetContext: { yaxisdatakey: string | null | undefined; shape: any; }): any {\n  throw new Error(\"Function not implemented.\");\n}\n\n"],"mappings":"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","ignoreList":[]}

package/components/chart/basechart.props.js

@@ -0,0 +1,63 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';
+export default class BaseChartComponentProps extends SkeletonAnimationProps {
+  constructor(...args) {
+    super(...args);
+    _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", undefined);
+    _defineProperty(this, "xaxislabeldistance", undefined);
+    _defineProperty(this, "offsetxaxis", undefined);
+    _defineProperty(this, "offsetyaxis", undefined);
+    _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", true);
+    _defineProperty(this, "interpolation", 'linear');
+    _defineProperty(this, "highlightpoints", false);
+    _defineProperty(this, "showvalues", false);
+    _defineProperty(this, "showyaxis", true);
+    _defineProperty(this, "showxaxis", true);
+    _defineProperty(this, "ydomain", 'Min');
+    _defineProperty(this, "xdomain", 'Min');
+    _defineProperty(this, "labelangle", 0);
+    _defineProperty(this, "xtickexpr", void 0);
+    _defineProperty(this, "ytickexpr", void 0);
+    _defineProperty(this, "hidegridxaxis", false);
+    _defineProperty(this, "hidegridyaxis", false);
+    _defineProperty(this, "autoadjustlabels", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "renderitempartial", void 0);
+    _defineProperty(this, "ynumberformat", '');
+    _defineProperty(this, "showxaxislabels", true);
+    _defineProperty(this, "showyaxislabels", true);
+  }
+}
+//# sourceMappingURL=basechart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SkeletonAnimationProps","BaseChartComponentProps","constructor","args","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class BaseChartComponentProps extends SkeletonAnimationProps {\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 = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\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 = true;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  ynumberformat?: string = '';\n  showxaxislabels: boolean = true;\n  showyaxislabels: boolean = true;\n}\n"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,2DAA2D;AAGlG,eAAe,MAAMC,uBAAuB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBACnD,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,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,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,IAAI;IAAAA,eAAA,wBACA,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,6BACHC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGA,EAAE;IAAAA,eAAA,0BACA,IAAI;IAAAA,eAAA,0BACJ,IAAI;EAAA;AACjC","ignoreList":[]}

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

@@ -0,0 +1,113 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Text, View, Platform } from 'react-native';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmBubbleChartProps from './bubble-chart.props';
+import { DEFAULT_CLASS } from './bubble-chart.styles';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
+import { VictoryChart, VictoryLegend, VictoryScatter } from "victory-native";
+import { Svg } from "react-native-svg";
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+export class WmBubbleChartState extends BaseChartComponentState {}
+export default class WmBubbleChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());
+  }
+  onSelect(event, data) {
+    if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
+    this.viewRef.current.measureInWindow((chartX, chartY) => {
+      let value = data.data[data.index].y;
+      let label = this.state.xaxisDatakeyArr[data.datum.x];
+      let selectedItem = this.props.dataset[data.index];
+      const nativeEvent = event.nativeEvent;
+      let tooltipX = nativeEvent.pageX - chartX;
+      let tooltipY = nativeEvent.pageY - chartY;
+      let selectedChartItem = [{
+        series: 0,
+        x: data.index,
+        y: value,
+        _dataObj: selectedItem
+      }, data.index];
+      this.updateState({
+        tooltipXaxis: label,
+        tooltipYaxis: value,
+        isTooltipOpen: true,
+        selectedItem: {
+          ...selectedItem,
+          index: data.index
+        },
+        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
+        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+      });
+      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    });
+  }
+  renderWidget(props) {
+    var _this$state$data;
+    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;
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      style: this.styles.root,
+      onLayout: this.onViewLayoutChange.bind(this)
+    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      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(View, {
+      ref: this.viewRef
+    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
+      theme: this.state.theme,
+      height: this.styles.root.height,
+      width: this.state.chartWidth || this.screenWidth,
+      padding: {
+        top: props.offsettop,
+        bottom: props.offsetbottom,
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
+      }
+    }, /*#__PURE__*/React.createElement(VictoryLegend, {
+      name: 'legend',
+      containerComponent: /*#__PURE__*/React.createElement(Svg, null),
+      orientation: "horizontal",
+      gutter: 20,
+      data: [],
+      theme: this.state.theme
+    }), this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
+      return /*#__PURE__*/React.createElement(VictoryScatter, {
+        colorScale: this.state.colors,
+        style: {
+          data: {
+            fill: this.state.colors[i],
+            opacity: ({
+              datum
+            }) => datum.opacity
+          }
+        },
+        key: props.name + '_bubble_' + i,
+        name: props.name + '_bubble_' + i,
+        data: d,
+        size: 5,
+        events: [{
+          target: 'data',
+          eventHandlers: Platform.OS == "web" ? {
+            onClick: this.onSelect.bind(this)
+          } : {
+            onPress: this.onSelect.bind(this)
+          }
+        }]
+      });
+    }))));
+  }
+}
+//# sourceMappingURL=bubble-chart.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmIcon","WmBubbleChartState","WmBubbleChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","name","containerComponent","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","colorScale","colors","fill","opacity","key","size","events","target","eventHandlers","OS","onClick","onPress"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View, Platform} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \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\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\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  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 WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n  renderWidget(props: WmBubbleChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <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      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\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 }: any) => datum.opacity }\n          }}\n          key={props.name + '_bubble_' + i}\n          name={props.name + '_bubble_' + i}\n          data={d}\n          size={5}\n          events={[{\n            target: 'data',\n            eventHandlers: Platform.OS == \"web\" ? {\n              onClick: this.onSelect.bind(this)\n            }:{\n              onPress: this.onSelect.bind(this)\n            }\n          }]}\n        />\n      })}\n      </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
+export default class WmBubbleChartProps extends BaseChartComponentProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onSelect", void 0);
+  }
+}
+//# sourceMappingURL=bubble-chart.props.js.map

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

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import WmPieChartProps from "@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.props";
+export default class WmDonutChartProps extends WmPieChartProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "donutratio", 0.5);
+  }
+}
+//# sourceMappingURL=donut-chart.props.js.map

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

@@ -0,0 +1,119 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Text, View, Platform } from 'react-native';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { VictoryChart, VictoryLine, VictoryScatter, VictoryGroup } from 'victory-native';
+import WmLineChartProps from './line-chart.props';
+import { DEFAULT_CLASS } from './line-chart.styles';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
+import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+export class WmLineChartState extends BaseChartComponentState {}
+export default class WmLineChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());
+  }
+  onSelect(event, data) {
+    if (!this.viewRef.current) return;
+    if (!this.state.props.dataset) return;
+    this.viewRef.current.measureInWindow((chartX, chartY) => {
+      let value = data.data[data.index].y;
+      let label = this.state.xaxisDatakeyArr[data.datum.x];
+      let selectedItem = this.props.dataset[data.index];
+      const nativeEvent = event.nativeEvent;
+      let tooltipX = nativeEvent.pageX - chartX;
+      let tooltipY = nativeEvent.pageY - chartY;
+      let selectedChartItem = [{
+        series: 0,
+        x: data.index,
+        y: value,
+        _dataObj: selectedItem
+      }, data.index];
+      this.updateState({
+        tooltipXaxis: label,
+        tooltipYaxis: value,
+        isTooltipOpen: true,
+        selectedItem: {
+          ...selectedItem,
+          index: data.index
+        },
+        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
+        tooltipYPosition: tooltipY - this.state.tooltipoffsety
+      });
+      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    });
+  }
+  renderWidget(props) {
+    var _this$state$data;
+    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;
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.styles.root
+    }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
+      onLayout: this.onViewLayoutChange
+    }), /*#__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(View, {
+      ref: this.viewRef
+    }, this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
+      theme: this.state.theme,
+      height: this.styles.root.height,
+      width: this.state.chartWidth || this.screenWidth,
+      padding: {
+        top: props.offsettop,
+        bottom: props.offsetbottom,
+        left: this.isRTL ? props.offsetright : props.offsetleft,
+        right: this.isRTL ? props.offsetleft : props.offsetright
+      }
+    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
+      return /*#__PURE__*/React.createElement(VictoryGroup, {
+        key: props.name + '_line_group_' + i
+      }, /*#__PURE__*/React.createElement(VictoryLine, {
+        interpolation: props.interpolation,
+        key: props.name + '_line_' + i,
+        name: props.name + '_' + i,
+        standalone: true,
+        style: {
+          data: {
+            stroke: this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor,
+            strokeWidth: props.linethickness
+          }
+        },
+        data: d
+      }), /*#__PURE__*/React.createElement(VictoryScatter, {
+        size: 5,
+        key: props.name + '_scatter' + i,
+        style: {
+          data: props.highlightpoints || this.state.data.length === 1 ? {
+            fill: this.state.colors[i],
+            opacity: 0.8
+          } : {
+            opacity: 0
+          }
+        },
+        data: d,
+        events: [{
+          target: 'data',
+          eventHandlers: Platform.OS == "web" ? {
+            onClick: this.onSelect.bind(this)
+          } : {
+            onPress: this.onSelect.bind(this)
+          }
+        }]
+      }));
+    }))));
+  }
+}
+//# sourceMappingURL=line-chart.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","viewRef","current","state","dataset","measureInWindow","chartX","chartY","value","index","y","label","xaxisDatakeyArr","datum","x","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","style","styles","root","LINECHART","onLayout","onViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","ref","getTooltip","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryScatter,\n  VictoryGroup,\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\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 WmLineChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n  }\n\n\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root} {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)} onLayout={this.onViewLayoutChange}>\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <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      >\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={d}\n            />\n          \n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {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      </VictoryChart>\n      </View>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
+export default class WmLineChartProps extends BaseChartComponentProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "linethickness", 2);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=line-chart.props.js.map