@wavemaker/app-rn-runtime 12.0.0-next.45102 → 12.0.0-next.45128

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

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","View","Text","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","orderBy","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","constructSampleData","getChartType","isWebPreviewMode","BaseChartComponentState","constructor","args","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","defaultProps","defaultState","theme","applyTheme","subscribe","event","updateState","isTooltipOpen","componentDidMount","onViewLayoutChange","e","viewWidth","nativeEvent","layout","viewHeight","height","state","chartWidth","Number","totalHeight","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","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","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","yTickLabels","x","offsetxaxis","dependentAxis","setTooltipTemplate","partialName","template","setTooltipPosition","xCoordinate","offsetX","locationX","yCoordinate","offsetY","locationY","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","setTooltipPartialLayout","tooltipLayout","renderPointer","transform","rotate","bottom","tooltipPointer","borderBottomWidth","getTooltip","renderitempartial","onLayout","bind","position","zIndex","selectedItem","index","tooltipContainer","fontSize","fontWeight","tooltipXText","tooltipXaxis","tooltipYaxis","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","split","map","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","yVal","parseFloat","bubblesize","invokeEventCallback","proxy","setTimeout","endAngle","updateData","renderLoadingIcon","loadingIcon","iconclass","loadingicon","caption","loadingdatamsg","labeltype","setTotal","ydomain","xdomain","loading","total","onPropertyChange","$new","$old","units","xLabel","yLabel","getDataType","widgetContext","Error"],"sources":["basechart.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dimensions, View, Text, LayoutChangeEvent, LayoutRectangle} 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\";\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 = 60;\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  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    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    if (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  // 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: 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    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: this.theme.mergeStyle(this.styles.tickLabels, this.styles.yTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel x={xaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel x={props.offsetxaxis ? 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                          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  setTooltipPosition(nativeEvent: any){\n    let xCoordinate = isWebPreviewMode() ? nativeEvent.offsetX : nativeEvent.locationX;\n    let yCoordinate = isWebPreviewMode() ? nativeEvent.offsetY : nativeEvent.locationY;\n    this.updateState({\n      tooltipXPosition: xCoordinate - this.state.tooltipoffsetx,\n      tooltipYPosition:  yCoordinate - this.state.tooltipoffsety,\n    } 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    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, 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}>{this.state.tooltipYaxis}</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    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 = props.customcolors as string[];\n      }\n      if(props.customcolors===undefined) {\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 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        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(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}\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":[]}
+{"version":3,"names":["React","Dimensions","View","Text","moment","forEach","get","isArray","isEmpty","isObject","maxBy","minBy","set","trim","orderBy","VictoryAxis","VictoryLegend","VictoryLabel","BaseComponent","BaseComponentState","WmIcon","ThemeFactory","DEFAULT_CLASS","constructSampleData","getChartType","isWebPreviewMode","WmLottie","BaseChartComponentState","constructor","args","_defineProperty","undefined","screenWidth","width","shapes","SI_SYMBOL","BaseChartComponent","props","defaultClass","defaultProps","defaultState","theme","applyTheme","subscribe","event","updateState","isTooltipOpen","componentDidMount","onViewLayoutChange","e","viewWidth","nativeEvent","layout","viewHeight","height","state","chartWidth","Number","totalHeight","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","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","yTickLabels","x","offsetxaxis","dependentAxis","setTooltipTemplate","partialName","template","setTooltipPosition","xCoordinate","offsetX","locationX","yCoordinate","offsetY","locationY","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","setTooltipPartialLayout","tooltipLayout","renderPointer","transform","rotate","bottom","tooltipPointer","borderBottomWidth","getTooltip","yAxisData","tooltipYaxis","renderitempartial","onLayout","bind","position","zIndex","selectedItem","index","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","split","map","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, LayoutRectangle} 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 = 60;\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  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    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    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: 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: this.theme.mergeStyle(this.styles.tickLabels, this.styles.yTickLabels)\n                        }}\n                        fixLabelOverlap= {props.autoadjustlabels?true:false}\n                        axisLabelComponent={<VictoryLabel x={xaxislabeldistance}/>}\n                        tickLabelComponent={<VictoryLabel x={props.offsetxaxis ? 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  setTooltipPosition(nativeEvent: any){\n    let xCoordinate = isWebPreviewMode() ? nativeEvent.offsetX : nativeEvent.locationX;\n    let yCoordinate = isWebPreviewMode() ? nativeEvent.offsetY : nativeEvent.locationY;\n    this.updateState({\n      tooltipXPosition: xCoordinate - this.state.tooltipoffsetx,\n      tooltipYPosition:  yCoordinate - this.state.tooltipoffsety,\n    } 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    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, 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    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 = props.customcolors as string[];\n      }\n      if(props.customcolors===undefined) {\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        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(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":[]}

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

@@ -1,8 +1,8 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class BaseChartComponentProps extends BaseProps {
+import { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';
+export default class BaseChartComponentProps extends SkeletonAnimationProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "xaxisdatakey", '');
@@ -55,6 +55,7 @@ export default class BaseChartComponentProps extends BaseProps {
     _defineProperty(this, "hint", undefined);
     _defineProperty(this, "accessibilityrole", void 0);
     _defineProperty(this, "renderitempartial", void 0);
+    _defineProperty(this, "ynumberformat", '');
   }
 }
 //# sourceMappingURL=basechart.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","args","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\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 = 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 = false;\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;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,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,KAAK;IAAAA,eAAA,wBACD,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;EAAA;AAG3B","ignoreList":[]}
+{"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 = false;\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}\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,KAAK;IAAAA,eAAA,wBACD,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;EAAA;AAC7B","ignoreList":[]}

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

@@ -86,6 +86,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderRightColor: themeVariables.transparent,
       borderBottomColor: themeVariables.tooltipBgColor,
       overflow: 'hidden'
+    },
+    centerLabel: {
+      color: themeVariables.chartTitleColor,
+      fontSize: 20
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

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

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","subHeading","chartSubTitleColor","legendText","legenedDot","axis","stroke","chartAxisColor","fade","rgb","toString","xAxis","yAxis","axisLabel","xAxisLabel","yAxisLabel","grid","strokeDasharray","xGrid","yGrid","ticks","xTicks","yTicks","tickLabels","xTickLabels","yTickLabels","barChart","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","backgroundColor","tooltipBgColor","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\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  axis: VictoryStyleObject,\n  xAxis: VictoryStyleObject,\n  yAxis: VictoryStyleObject,\n  axisLabel: VictoryStyleObject,\n  xAxisLabel: VictoryStyleObject,\n  yAxisLabel: VictoryStyleObject,\n  ticks: VictoryStyleObject,\n  xTicks: VictoryStyleObject,\n  yTicks: VictoryStyleObject,\n  tickLabels: VictoryStyleObject,\n  xTickLabels: VictoryStyleObject,\n  yTickLabels: VictoryStyleObject,\n  grid: VictoryStyleObject,\n  xGrid: VictoryStyleObject,\n  yGrid: VictoryStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\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      paddingLeft: 10,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    axis: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.3).rgb().toString()\n    } as any,\n    xAxis: {} as any,\n    yAxis: {} as any,\n    axisLabel: {} as any,\n    xAxisLabel: {} as any,\n    yAxisLabel: {} as any,\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as any,\n    xGrid: {} as any,\n    yGrid: {} as any,\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTicks: {} as any,\n    yTicks: {} as any,\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTickLabels: {} as any,\n    yTickLabels: {} as any,\n    barChart: {},\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute', \n      backgroundColor: themeVariables.tooltipBgColor, \n      flex: 1, \n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9, \n      borderRadius: 12, \n      justifyContent: 'center', \n      alignItems: 'center', \n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","icon","fontSize","line","color","chartLineColor","title","chartTitleColor","lineHeight","paddingLeft","subHeading","chartSubTitleColor","legendText","legenedDot","axis","stroke","chartAxisColor","fade","rgb","toString","xAxis","yAxis","axisLabel","xAxisLabel","yAxisLabel","grid","strokeDasharray","xGrid","yGrid","ticks","xTicks","yTicks","tickLabels","xTickLabels","yTickLabels","barChart","tooltipXText","tooltipYText","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","tooltipContainer","position","backgroundColor","tooltipBgColor","flex","minWidth","minHeight","opacity","borderRadius","justifyContent","alignItems","elevation","zIndex","tooltipPointer","width","height","transparent","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow","centerLabel"],"sources":["basechart.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport Color  from \"color\";\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';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\n\nexport type BaseChartComponentStyles = BaseStyles & {\n  title: TextStyle,\n  icon: WmIconStyles,\n  subHeading: TextStyle,\n  axis: VictoryStyleObject,\n  xAxis: VictoryStyleObject,\n  yAxis: VictoryStyleObject,\n  axisLabel: VictoryStyleObject,\n  xAxisLabel: VictoryStyleObject,\n  yAxisLabel: VictoryStyleObject,\n  ticks: VictoryStyleObject,\n  xTicks: VictoryStyleObject,\n  yTicks: VictoryStyleObject,\n  tickLabels: VictoryStyleObject,\n  xTickLabels: VictoryStyleObject,\n  yTickLabels: VictoryStyleObject,\n  grid: VictoryStyleObject,\n  xGrid: VictoryStyleObject,\n  yGrid: VictoryStyleObject,\n  legendText: TextStyle,\n  legenedDot: ViewStyle,\n  tooltipContainer: any,\n  tooltipPointer: any\n  tooltipXText: any,\n  tooltipYText: any,\n  bar: any;\n  centerLabel: VictoryStyleObject,\n  skeleton?: WmSkeletonStyles\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      paddingLeft: 10,\n    },\n    subHeading: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: themeVariables.chartSubTitleColor\n    },\n    legendText: {},\n    legenedDot: {},\n    axis: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.3).rgb().toString()\n    } as any,\n    xAxis: {} as any,\n    yAxis: {} as any,\n    axisLabel: {} as any,\n    xAxisLabel: {} as any,\n    yAxisLabel: {} as any,\n    grid: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n      strokeDasharray: '16 4'\n    } as any,\n    xGrid: {} as any,\n    yGrid: {} as any,\n    ticks: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTicks: {} as any,\n    yTicks: {} as any,\n    tickLabels: {\n      stroke: Color(themeVariables.chartAxisColor).fade(0.8).rgb().toString(),\n    } as any,\n    xTickLabels: {} as any,\n    yTickLabels: {} as any,\n    barChart: {},\n    tooltipXText:{},\n    tooltipYText:{},\n    bar:{\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0\n    },\n    tooltipContainer: {\n      position: 'absolute', \n      backgroundColor: themeVariables.tooltipBgColor, \n      flex: 1, \n      minWidth: 100,\n      minHeight: 60,\n      opacity: 0.9, \n      borderRadius: 12, \n      justifyContent: 'center', \n      alignItems: 'center', \n      elevation: 2,\n      zIndex: 99\n    } as any,\n    tooltipPointer: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: themeVariables.transparent,\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: themeVariables.transparent,\n      borderRightColor: themeVariables.transparent,\n      borderBottomColor: themeVariables.tooltipBgColor,\n      overflow: 'hidden',\n    } as any,\n    centerLabel: {\n      color: themeVariables.chartTitleColor,\n      fontSize: 20,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,13 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-import { View, Platform } from 'react-native';
+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) {
@@ -44,7 +45,19 @@ export default class WmBubbleChart extends BaseChartComponent {
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange.bind(this)
-    }), this.getTooltip(), /*#__PURE__*/React.createElement(VictoryChart, {
+    }), this.getTooltip(), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: props.iconclass,
+      styles: this.styles.icon
+    }) : null, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.title
+    }, props.title)), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.subHeading
+    }, props.subheading)), /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
       height: this.styles.root.height,
       width: this.state.chartWidth || this.screenWidth,
@@ -57,7 +70,6 @@ export default class WmBubbleChart extends BaseChartComponent {
     }, /*#__PURE__*/React.createElement(VictoryLegend, {
       name: 'legend',
       containerComponent: /*#__PURE__*/React.createElement(Svg, null),
-      title: [props.title, props.subheading],
       orientation: "horizontal",
       gutter: 20,
       data: [],

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","AccessibilityWidgetType","getAccessibilityProps","WmBubbleChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","VictoryChart","VictoryLegend","VictoryScatter","Svg","WmBubbleChartState","WmBubbleChart","constructor","props","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","nativeEvent","setTooltipPosition","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","getTooltip","theme","height","width","chartWidth","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","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\";\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    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n    } as WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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      {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: 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 }: 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>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"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","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","nativeEvent","setTooltipPosition","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","_this$state$data","length","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","getTooltip","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","width","chartWidth","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","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';\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    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n    } as WmBubbleChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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      {this.getTooltip()}\n      <View>\n        <View style={{flexDirection: 'row', alignItems: 'center'}}>\n          { props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          <Text style={this.styles.title}>{props.title}</Text>\n        </View>\n        <Text style={this.styles.subHeading}>{props.subheading}</Text>\n      </View>\n      <VictoryChart\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: props.offsetleft, right: 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>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/chart/bubble-chart/bubble-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-bubble-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=bubble-chart.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["bubble-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmBubbleChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bubble-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS , {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIzG,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAG,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["bubble-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmBubbleChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-bubble-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS , {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKzG,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAG;IAC/CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/column-chart/column-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-column-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=column-chart.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["column-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmColumnChartStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-column-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAASC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAI/E,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["column-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmColumnChartStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-column-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAASC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAK/E,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/donut-chart/donut-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-donut-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=donut-chart.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["donut-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmDonutChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-donut-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIzG,OAAO,MAAMD,aAAa,GAAG,iBAAiB;AAC9CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["donut-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmDonutChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-donut-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKzG,OAAO,MAAMD,aAAa,GAAG,iBAAiB;AAC9CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,8 @@ export default class WmLineChartProps extends BaseChartComponentProps {
     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

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

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","args","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n  onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAChG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;EAAA;AAE3B","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","args","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n  onSelect?: any;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAChG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEC,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}

app-rn-runtime/components/chart/line-chart/line-chart.styles.js

@@ -2,6 +2,12 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-line-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
+    skeleton: {
+      root: {
+        height: 200
+      }
+    }
+  });
 });
 //# sourceMappingURL=line-chart.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["line-chart.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmLineChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-line-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAE3E,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["line-chart.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmLineChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-line-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            } \n        } as WmSkeletonStyles\n    });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAE3E,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -137,7 +137,8 @@ export default class WmPieChart extends BaseChartComponent {
         opacity: this.state.opacity
       }, this.styles.root]
     }, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      onLayout: this.onViewLayoutChange
+      onLayout: this.onViewLayoutChange,
+      key: `${props.title}_pie_chart`
     }), /*#__PURE__*/React.createElement(View, {
       onLayout: this.onInfoViewLayoutChange
     }, /*#__PURE__*/React.createElement(View, {
@@ -198,7 +199,10 @@ export default class WmPieChart extends BaseChartComponent {
       }]
     }), /*#__PURE__*/React.createElement(VictoryLabel, {
       textAnchor: "middle",
-      style: this.styles.title,
+      style: {
+        ...this.styles.centerLabel,
+        fill: this.styles.centerLabel.color
+      },
       x: origin.x,
       y: origin.y,
       text: props.centerlabel