@wavemaker/app-rn-runtime 12.0.0-next.45031 → 12.0.0-next.45501

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getData","negativeValues","concat","updateColors","colors","length","colorCodes","orderedData","map","i","index","getLegendColors","getBarChart","currentValue","yValues","minValue","Math","min","maxValue","max","cornerRadius","bottom","top","d1","x","push","createElement","key","name","barWidth","thickness","events","target","eventHandlers","OS","onClick","onSelect","bind","onPress","getColorCodes","reverse","getArcChart","colorScaleArray","o","radius","chartHeight","colorScale","startAngle","endAngle","standalone","origin","innerRadius","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","scale","getBaseScale","domain","getTicks","unshift","minvalue","event","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","dataset","selectedItem","selectedChartItem","series","_dataObj","setTooltipPosition","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","_extends","LINECHART","styles","root","onLayout","onViewLayoutChange","getTooltip","viewtype","theme","minDomain","height","padding","offsettop","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","axis","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep, findIndex, isString} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getData() {\n    const negativeValues = cloneDeep(this.getNegativeValuesArray());\n    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n  }\n\n  updateColors() {\n   if (this.state.colors.length === 1 ) {\n       return this.state.colors[0];\n   } else {\n       let colorCodes = cloneDeep(this.state.colors);\n       if ( this.state.data.length > 0 ) {\n         const orderedData = this.getData();\n         this.state.data[0].map((d: any, i: number) => {\n           let index = findIndex(orderedData, d);\n           colorCodes[index] = this.state.colors[i];\n         })\n         return colorCodes;\n       }\n    }\n  }\n\n  getLegendColors(){\n    if (this.state.colors.length === 1 ) {\n      return this.state.colors[0];\n  } else {\n      let colorCodes = cloneDeep(this.state.colors);\n      if ( this.state.data.length > 0 ) {\n        const orderedData = orderBy(this.state.data[0], 'y', 'asc');;\n        this.state.data[0].map((d: any, i: number) => {\n          let index = findIndex(orderedData, d);\n          colorCodes[index] = this.state.colors[i];\n        })\n        return colorCodes;\n      }\n   }\n }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = this.getData();\n      let currentValue = 0;\n      const yValues = data.map((d: any) => d.y);\n      const minValue = Math.min(...yValues);\n      const maxValue = Math.max(...yValues);\n\n      return data.map((d: any, i: number) => {\n        let cornerRadius: any;\n        if (d.y === minValue) {\n          cornerRadius = d.y > 0 ? { bottom: 10 } : { top: 10 };\n        } else if (d.y === maxValue) {\n          cornerRadius = d.y > 0 ? { top: 10 } : { bottom: 10 };\n        } else {\n          cornerRadius = 0;\n        }        \n        let d1: any = [];\n        d.index = d.x;\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                          cornerRadius={cornerRadius}\n                          barWidth={this.state.props.thickness}\n                          data={d1}\n                          events={[\n                            {\n                              target: 'data',\n                              eventHandlers: Platform.OS === 'web'\n                                ? { onClick: this.onSelect.bind(this) }\n                                : { onPress: this.onSelect.bind(this) }\n                            }\n                          ]}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.updateColors());\n      return isString(colors) ? [colors] : colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = cloneDeep(this.state.data[0]);\n      const colorScaleArray = this.getColorCodes();\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      data = orderBy(data, 'y', 'desc');\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        d1.push({x: d.x, y: maxValue - d.y})\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[colorScaleArray[i], '#fff0']}\n                           startAngle={-80}\n                           endAngle={80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\n                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y ? o.y : 0));\n      const minValue = Math.min(...data.map((o: any) => o.y ? o.y : 0));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      } else {\n        ticks[0] = this.state.props.minvalue;\n      }\n    }\n    return ticks;\n  }\n\n  onSelect(event: any, data: any){\n    let props = this.state.props\n    let index = data.datum.index\n    let yaxisKey = props.yaxisdatakey;\n    let label = this.state.xaxisDatakeyArr[index];\n    let value = props.dataset[index][yaxisKey];\n    let selectedItem = props.dataset[index];\n    let selectedChartItem = [{series: 0, x: index, y: value,_dataObj: selectedItem}, index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: index},\n    } as WmStackChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmStackChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >\n        {this.getTooltip()}{\n        props.viewtype === 'Bar' ?\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.state.chartWidth || 200}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}\n            >\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(this.getLegendColors())}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'},\n                           axis: {stroke: 'none'},\n                           ticks: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t: any) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={this.updateColors()}\n              horizontal={true}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart> :\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\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.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getData","negativeValues","concat","updateColors","colors","length","colorCodes","orderedData","map","i","index","getLegendColors","getBarChart","currentValue","yValues","minValue","Math","min","maxValue","max","cornerRadius","bottom","top","d1","x","push","createElement","key","name","barWidth","thickness","events","target","eventHandlers","OS","onClick","onSelect","bind","onPress","getColorCodes","reverse","getArcChart","prevValue","abs","portionToReverse","slice","reversedPortion","radius","chartHeight","angles","total","reduce","sum","item","round","startAngle","colorScale","endAngle","standalone","origin","innerRadius","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","o","scale","getBaseScale","domain","getTicks","unshift","minvalue","event","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","dataset","selectedItem","selectedChartItem","series","_dataObj","setTooltipPosition","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","_extends","LINECHART","styles","root","onLayout","onViewLayoutChange","getTooltip","viewtype","theme","minDomain","height","padding","offsettop","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","axis","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep, findIndex, isString} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getData() {\n    const negativeValues = cloneDeep(this.getNegativeValuesArray());\n    return negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n  }\n\n  updateColors() {\n   if (this.state.colors.length === 1 ) {\n       return this.state.colors[0];\n   } else {\n       let colorCodes = cloneDeep(this.state.colors);\n       if ( this.state.data.length > 0 ) {\n         const orderedData = this.getData();\n         this.state.data[0].map((d: any, i: number) => {\n           let index = findIndex(orderedData, d);\n           colorCodes[index] = this.state.colors[i];\n         })\n         return colorCodes;\n       }\n    }\n  }\n\n  getLegendColors(){\n    if (this.state.colors.length === 1 ) {\n      return this.state.colors[0];\n  } else {\n      let colorCodes = cloneDeep(this.state.colors);\n      if ( this.state.data.length > 0 ) {\n        const orderedData = orderBy(this.state.data[0], 'y', 'asc');;\n        this.state.data[0].map((d: any, i: number) => {\n          let index = findIndex(orderedData, d);\n          colorCodes[index] = this.state.colors[i];\n        })\n        return colorCodes;\n      }\n   }\n }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = this.getData();\n      let currentValue = 0;\n      const yValues = data.map((d: any) => d.y);\n      const minValue = Math.min(...yValues);\n      const maxValue = Math.max(...yValues);\n\n      return data.map((d: any, i: number) => {\n        let cornerRadius: any;\n        if (d.y === minValue) {\n          cornerRadius = d.y > 0 ? { bottom: 10 } : { top: 10 };\n        } else if (d.y === maxValue) {\n          cornerRadius = d.y > 0 ? { top: 10 } : { bottom: 10 };\n        } else {\n          cornerRadius = 0;\n        }        \n        let d1: any = [];\n        d.index = d.x;\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                          cornerRadius={cornerRadius}\n                          barWidth={this.state.props.thickness}\n                          data={d1}\n                          events={[\n                            {\n                              target: 'data',\n                              eventHandlers: Platform.OS === 'web'\n                                ? { onClick: this.onSelect.bind(this) }\n                                : { onPress: this.onSelect.bind(this) }\n                            }\n                          ]}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.updateColors());\n      return isString(colors) ? [colors] : colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = this.getData()\n      let negativeValues = cloneDeep(this.getNegativeValuesArray());\n      let currentValue = 0;\n      let prevValue = 0\n      data = data.map((d: any, i: number) => {\n        d.y = d.y - currentValue\n        prevValue = d.y\n        d.y = Math.abs(d.y)\n        d.index = d.x\n        currentValue = prevValue < 0 && i === negativeValues.length -1 ? 0 : prevValue + currentValue;\n        return d\n      })\n      data.reverse()\n      if(negativeValues.length > 1){\n        const portionToReverse = data.slice(-(negativeValues.length));\n        const reversedPortion = portionToReverse.reverse();\n        data = [...data.slice(0, -(negativeValues.length)), ...reversedPortion];\n      }\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      const angles = data.map((d: any, i: number) => {\n        let total = data.reduce((sum: number, item: any) => sum + item.y, 0);\n        return Math.round((d.y / total) * 160);\n      });\n      let startAngle = 80\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        if (i != 0) {\n          startAngle = startAngle - angles[i - 1] + (angles[i - 1] / 10)\n        }\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[this.state.colors[d.index], '#fff0']}\n                           startAngle={angles ? startAngle : -80}\n                           endAngle={-80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\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                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y ? o.y : 0));\n      const minValue = Math.min(...data.map((o: any) => o.y ? o.y : 0));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      } else {\n        ticks[0] = this.state.props.minvalue;\n      }\n    }\n    return ticks;\n  }\n\n  onSelect(event: any, data: any){\n    let props = this.state.props\n    let index = data.datum.index\n    let yaxisKey = props.yaxisdatakey;\n    let label = this.state.xaxisDatakeyArr[index];\n    let value = props.dataset[index][yaxisKey];\n    let selectedItem = props.dataset[index];\n    let selectedChartItem = [{series: 0, x: index, y: value,_dataObj: selectedItem}, index];\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: index},\n    } as WmStackChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmStackChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >\n        {this.getTooltip()}{\n        props.viewtype === 'Bar' ?\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.state.chartWidth || 200}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}\n            >\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(this.getLegendColors())}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'},\n                           axis: {stroke: 'none'},\n                           ticks: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t: any) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={this.updateColors()}\n              horizontal={true}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart> :\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\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.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAChE,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,YAAY,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,aAAa,EAAEC,WAAW,QAAQ,gBAAgB;AAC/G,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAC1C,SAASC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAC/D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAC7G,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AAEvE,OAAO,MAAMC,iBAAiB,SAASD,uBAAuB,CAAoB;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBACnE,CAAC;EAAA;AAChB;AAEA,eAAe,MAAMC,YAAY,SAASN,kBAAkB,CAA2D;EACrHG,WAAWA,CAACI,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,EAAE,IAAII,iBAAiB,CAAC,CAAC,CAAC;IAACG,eAAA,6BAoL1DG,CAAoB,IAAK;MAC7C,IAAIC,SAAS,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM,CAACC,KAAK;MAC1C,IAAI,CAACC,WAAW,CAAC;QACfC,UAAU,EAAEL;MACd,CAAsB,CAAC;IACzB,CAAC;EAxLD;EAEAM,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACC,qBAAqB,CAAC,CAAC;EAC9B;EAEAC,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAGzB,SAAS,CAAC,IAAI,CAAC0B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFL,mBAAmB,GAAG1B,OAAO,CAAC0B,mBAAmB,EAAE,GAAG,EAAE,MAAM,CAAC;IAC/D,OAAOA,mBAAmB;EAC5B;EAEAM,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAGhC,SAAS,CAAC,IAAI,CAAC0B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFE,mBAAmB,GAAGjC,OAAO,CAACiC,mBAAmB,EAAE,GAAG,EAAE,KAAK,CAAC;IAC9D,OAAOA,mBAAmB;EAC5B;EAEAC,OAAOA,CAAA,EAAG;IACR,MAAMC,cAAc,GAAGlC,SAAS,CAAC,IAAI,CAACwB,sBAAsB,CAAC,CAAC,CAAC;IAC/D,OAAOU,cAAc,CAACC,MAAM,CAACnC,SAAS,CAAC,IAAI,CAAC+B,sBAAsB,CAAC,CAAC,CAAC,CAAC;EACxE;EAEAK,YAAYA,CAAA,EAAG;IACd,IAAI,IAAI,CAACV,KAAK,CAACW,MAAM,CAACC,MAAM,KAAK,CAAC,EAAG;MACjC,OAAO,IAAI,CAACZ,KAAK,CAACW,MAAM,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACH,IAAIE,UAAU,GAAGvC,SAAS,CAAC,IAAI,CAAC0B,KAAK,CAACW,MAAM,CAAC;MAC7C,IAAK,IAAI,CAACX,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;QAChC,MAAME,WAAW,GAAG,IAAI,CAACP,OAAO,CAAC,CAAC;QAClC,IAAI,CAACP,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;UAC5C,IAAIC,KAAK,GAAG1C,SAAS,CAACuC,WAAW,EAAEX,CAAC,CAAC;UACrCU,UAAU,CAACI,KAAK,CAAC,GAAG,IAAI,CAACjB,KAAK,CAACW,MAAM,CAACK,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,OAAOH,UAAU;MACnB;IACH;EACF;EAEAK,eAAeA,CAAA,EAAE;IACf,IAAI,IAAI,CAAClB,KAAK,CAACW,MAAM,CAACC,MAAM,KAAK,CAAC,EAAG;MACnC,OAAO,IAAI,CAACZ,KAAK,CAACW,MAAM,CAAC,CAAC,CAAC;IAC/B,CAAC,MAAM;MACH,IAAIE,UAAU,GAAGvC,SAAS,CAAC,IAAI,CAAC0B,KAAK,CAACW,MAAM,CAAC;MAC7C,IAAK,IAAI,CAACX,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;QAChC,MAAME,WAAW,GAAGzC,OAAO,CAAC,IAAI,CAAC2B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC;QAAC;QAC5D,IAAI,CAACD,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;UAC5C,IAAIC,KAAK,GAAG1C,SAAS,CAACuC,WAAW,EAAEX,CAAC,CAAC;UACrCU,UAAU,CAACI,KAAK,CAAC,GAAG,IAAI,CAACjB,KAAK,CAACW,MAAM,CAACK,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,OAAOH,UAAU;MACnB;IACH;EACF;EAECM,WAAWA,CAAC/B,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACY,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,MAAMJ,cAAc,GAAGlC,SAAS,CAAC,IAAI,CAACwB,sBAAsB,CAAC,CAAC,CAAC;MAC/D,MAAMG,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;MAC3B,IAAIa,YAAY,GAAG,CAAC;MACpB,MAAMC,OAAO,GAAGpB,IAAI,CAACc,GAAG,CAAEZ,CAAM,IAAKA,CAAC,CAACC,CAAC,CAAC;MACzC,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGH,OAAO,CAAC;MACrC,MAAMI,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGL,OAAO,CAAC;MAErC,OAAOpB,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrC,IAAIW,YAAiB;QACrB,IAAIxB,CAAC,CAACC,CAAC,KAAKkB,QAAQ,EAAE;UACpBK,YAAY,GAAGxB,CAAC,CAACC,CAAC,GAAG,CAAC,GAAG;YAAEwB,MAAM,EAAE;UAAG,CAAC,GAAG;YAAEC,GAAG,EAAE;UAAG,CAAC;QACvD,CAAC,MAAM,IAAI1B,CAAC,CAACC,CAAC,KAAKqB,QAAQ,EAAE;UAC3BE,YAAY,GAAGxB,CAAC,CAACC,CAAC,GAAG,CAAC,GAAG;YAAEyB,GAAG,EAAE;UAAG,CAAC,GAAG;YAAED,MAAM,EAAE;UAAG,CAAC;QACvD,CAAC,MAAM;UACLD,YAAY,GAAG,CAAC;QAClB;QACA,IAAIG,EAAO,GAAG,EAAE;QAChB3B,CAAC,CAACc,KAAK,GAAGd,CAAC,CAAC4B,CAAC;QACb5B,CAAC,CAAC4B,CAAC,GAAG,CAAC;QACP5B,CAAC,CAACC,CAAC,GAAGD,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACxBU,EAAE,CAACE,IAAI,CAAC7B,CAAC,CAAC;QACViB,YAAY,GAAGjB,CAAC,CAACC,CAAC,GAAG,CAAC,IAAIY,CAAC,KAAKR,cAAc,CAACI,MAAM,GAAE,CAAC,GAAG,CAAC,GAAGT,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACjF,oBAAO3D,KAAA,CAAAwE,aAAA,CAACnE,UAAU;UAACoE,GAAG,EAAE9C,KAAK,CAAC+C,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC3BW,YAAY,EAAEA,YAAa;UAC3BS,QAAQ,EAAE,IAAI,CAACpC,KAAK,CAACZ,KAAK,CAACiD,SAAU;UACrCpC,IAAI,EAAE6B,EAAG;UACTQ,MAAM,EAAE,CACN;YACEC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE7E,QAAQ,CAAC8E,EAAE,KAAK,KAAK,GAChC;cAAEC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI;YAAE,CAAC,GACrC;cAAEC,OAAO,EAAE,IAAI,CAACF,QAAQ,CAACC,IAAI,CAAC,IAAI;YAAE;UAC1C,CAAC;QACD,CAAC,CAAC;MACxB,CAAC,CAAC;IACJ;EACF;EAEQE,aAAaA,CAAA,EAAG;IACpB,MAAMnC,MAAM,GAAGrC,SAAS,CAAC,IAAI,CAACoC,YAAY,CAAC,CAAC,CAAC;IAC7C,OAAOlC,QAAQ,CAACmC,MAAM,CAAC,GAAG,CAACA,MAAM,CAAC,GAAGA,MAAM,CAACoC,OAAO,CAAC,CAAC;EACzD;EAEAC,WAAWA,CAAC5D,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACY,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,IAAIX,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;MACzB,IAAIC,cAAc,GAAGlC,SAAS,CAAC,IAAI,CAACwB,sBAAsB,CAAC,CAAC,CAAC;MAC7D,IAAIsB,YAAY,GAAG,CAAC;MACpB,IAAI6B,SAAS,GAAG,CAAC;MACjBhD,IAAI,GAAGA,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrCb,CAAC,CAACC,CAAC,GAAGD,CAAC,CAACC,CAAC,GAAGgB,YAAY;QACxB6B,SAAS,GAAG9C,CAAC,CAACC,CAAC;QACfD,CAAC,CAACC,CAAC,GAAGmB,IAAI,CAAC2B,GAAG,CAAC/C,CAAC,CAACC,CAAC,CAAC;QACnBD,CAAC,CAACc,KAAK,GAAGd,CAAC,CAAC4B,CAAC;QACbX,YAAY,GAAG6B,SAAS,GAAG,CAAC,IAAIjC,CAAC,KAAKR,cAAc,CAACI,MAAM,GAAE,CAAC,GAAG,CAAC,GAAGqC,SAAS,GAAG7B,YAAY;QAC7F,OAAOjB,CAAC;MACV,CAAC,CAAC;MACFF,IAAI,CAAC8C,OAAO,CAAC,CAAC;MACd,IAAGvC,cAAc,CAACI,MAAM,GAAG,CAAC,EAAC;QAC3B,MAAMuC,gBAAgB,GAAGlD,IAAI,CAACmD,KAAK,CAAC,CAAE5C,cAAc,CAACI,MAAO,CAAC;QAC7D,MAAMyC,eAAe,GAAGF,gBAAgB,CAACJ,OAAO,CAAC,CAAC;QAClD9C,IAAI,GAAG,CAAC,GAAGA,IAAI,CAACmD,KAAK,CAAC,CAAC,EAAE,CAAE5C,cAAc,CAACI,MAAO,CAAC,EAAE,GAAGyC,eAAe,CAAC;MACzE;MACA,MAAMC,MAAM,GAAG/B,IAAI,CAACC,GAAG,CAAC,IAAI,CAACxB,KAAK,CAACL,UAAU,GAAC,CAAC,EAAE,IAAI,CAACK,KAAK,CAACuD,WAAW,GAAG,EAAE,CAAC;MAC7E,MAAMC,MAAM,GAAGvD,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QAC7C,IAAIyC,KAAK,GAAGxD,IAAI,CAACyD,MAAM,CAAC,CAACC,GAAW,EAAEC,IAAS,KAAKD,GAAG,GAAGC,IAAI,CAACxD,CAAC,EAAE,CAAC,CAAC;QACpE,OAAOmB,IAAI,CAACsC,KAAK,CAAE1D,CAAC,CAACC,CAAC,GAAGqD,KAAK,GAAI,GAAG,CAAC;MACxC,CAAC,CAAC;MACF,IAAIK,UAAU,GAAG,EAAE;MACnB,OAAO7D,IAAI,CAACc,GAAG,CAAC,CAACZ,CAAM,EAAEa,CAAS,KAAK;QACrC,IAAIc,EAAO,GAAG,EAAE;QAChBA,EAAE,CAACE,IAAI,CAAC7B,CAAC,CAAC;QACV,IAAIa,CAAC,IAAI,CAAC,EAAE;UACV8C,UAAU,GAAGA,UAAU,GAAGN,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAIwC,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG;QAChE;QACA,oBAAOvD,KAAA,CAAAwE,aAAA,CAACjE,UAAU;UAACkE,GAAG,EAAE9C,KAAK,CAAC+C,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC1BsC,MAAM,EAAEA,MAAO;UACfS,UAAU,EAAE,CAAC,IAAI,CAAC/D,KAAK,CAACW,MAAM,CAACR,CAAC,CAACc,KAAK,CAAC,EAAE,OAAO,CAAE;UAClD6C,UAAU,EAAEN,MAAM,GAAGM,UAAU,GAAG,CAAC,EAAG;UACtCE,QAAQ,EAAE,CAAC,EAAG;UACdrC,YAAY,EAAE,GAAI;UAClBsC,UAAU,EAAE,KAAM;UAClBC,MAAM,EAAE;YAACnC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAE;YAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;UAAG,CAAE;UACzEY,WAAW,EAAEb,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACZ,KAAK,CAACiD,SAAU;UACjD+B,MAAM,EAAE,EAAG;UACX9B,MAAM,EAAE,CAAC;YACRC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE7E,QAAQ,CAAC8E,EAAE,IAAI,KAAK,GAAG;cACpCC,OAAO,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI;YAClC,CAAC,GAAC;cACAC,OAAO,EAAE,IAAI,CAACF,QAAQ,CAACC,IAAI,CAAC,IAAI;YAClC;UACF,CAAC,CAAE;UACF3C,IAAI,EAAE6B;QAAG,CAAC,CAAC;MAChC,CAAC,CAAC;IACJ;EACF;EAEAuC,UAAUA,CAAA,EAAG;IACX,MAAMC,KAAK,GAAG,IAAI,CAACC,aAAa,CAAC,CAAC;IAClC,MAAMjB,MAAM,GAAG/B,IAAI,CAACC,GAAG,CAAC,IAAI,CAACxB,KAAK,CAACL,UAAU,GAAC,CAAC,EAAE,IAAI,CAACK,KAAK,CAACuD,WAAW,GAAC,EAAE,CAAC;IAC3E,MAAMiB,QAAa,GAAG,EAAE;IACxBF,KAAK,CAACG,OAAO,CAAC,CAACtE,CAAM,EAAEa,CAAM,KAAK;MAChCwD,QAAQ,CAACxC,IAAI,CAAC;QAACD,CAAC,EAAG,GAAG,IAAI,CAAC/B,KAAK,CAACZ,KAAK,CAACsF,MAAM,GAAGvE,CAAC,EAAE;QAAEC,CAAC,EAAE;MAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;IACF,oBAAO3C,KAAA,CAAAwE,aAAA,CAACjE,UAAU;MACjB2G,KAAK,EAAE;QACLP,MAAM,EAAE;UACNQ,QAAQ,EAAE,EAAE;UAAEC,WAAW,EAAE,EAAE;UAAEC,YAAY,EAAE;QAC/C;MAAC,CACF;MACAhB,UAAU,EAAE,CAAC,EAAG;MAChBE,QAAQ,EAAE,EAAG;MACbC,UAAU,EAAE,KAAM;MAClBF,UAAU,EAAE,CAAC,OAAO,CAAE;MACtBG,MAAM,EAAE;QAACnC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAC,GAAG,CAAE;QAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;MAAG,CAAE;MAC7EwB,WAAW,EAAEzB,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACZ,KAAK,CAACiD,SAAS,GAAG,EAAG;MACtDpC,IAAI,EAAEuE;IAAS,CAChB,CAAC;EACJ;EASAD,aAAaA,CAAA,EAAG;IACd,IAAID,KAAU,GAAG,EAAE;IACnB,IAAI,IAAI,CAACtE,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACW,MAAM,EAAE;MAC7B,IAAIX,IAAI,GAAG3B,SAAS,CAAC,IAAI,CAAC0B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;MACxC,MAAMwB,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGzB,IAAI,CAACc,GAAG,CAAEiE,CAAM,IAAKA,CAAC,CAAC5E,CAAC,GAAG4E,CAAC,CAAC5E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGvB,IAAI,CAACc,GAAG,CAAEiE,CAAM,IAAKA,CAAC,CAAC5E,CAAC,GAAG4E,CAAC,CAAC5E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAM6E,KAAK,GAAG7G,KAAK,CAAC8G,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;MACzCD,KAAK,CAACE,MAAM,CAAC,CAAC7D,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,EAAEG,QAAQ,CAAC,CAAC;MACrD6C,KAAK,GAAGnG,IAAI,CAACiH,QAAQ,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;MAChCX,KAAK,CAACA,KAAK,CAAC1D,MAAM,GAAE,CAAC,CAAC,GAAGa,QAAQ;MACjC,IAAKH,QAAQ,GAAG,CAAC,EAAG;QAClB,IAAIgD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;UAClBA,KAAK,CAACe,OAAO,CAAC/D,QAAQ,CAAC;QACzB,CAAC,MAAM;UACLgD,KAAK,CAAC,CAAC,CAAC,GAAGhD,QAAQ;QACrB;MACF,CAAC,MAAM;QACLgD,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAACtE,KAAK,CAACZ,KAAK,CAACkG,QAAQ;MACtC;IACF;IACA,OAAOhB,KAAK;EACd;EAEA3B,QAAQA,CAAC4C,KAAU,EAAEtF,IAAS,EAAC;IAC7B,IAAIb,KAAK,GAAG,IAAI,CAACY,KAAK,CAACZ,KAAK;IAC5B,IAAI6B,KAAK,GAAGhB,IAAI,CAACuF,KAAK,CAACvE,KAAK;IAC5B,IAAIwE,QAAQ,GAAGrG,KAAK,CAACsG,YAAY;IACjC,IAAIC,KAAK,GAAG,IAAI,CAAC3F,KAAK,CAAC4F,eAAe,CAAC3E,KAAK,CAAC;IAC7C,IAAI4E,KAAK,GAAGzG,KAAK,CAAC0G,OAAO,CAAC7E,KAAK,CAAC,CAACwE,QAAQ,CAAC;IAC1C,IAAIM,YAAY,GAAG3G,KAAK,CAAC0G,OAAO,CAAC7E,KAAK,CAAC;IACvC,IAAI+E,iBAAiB,GAAG,CAAC;MAACC,MAAM,EAAE,CAAC;MAAElE,CAAC,EAAEd,KAAK;MAAEb,CAAC,EAAEyF,KAAK;MAACK,QAAQ,EAAEH;IAAY,CAAC,EAAE9E,KAAK,CAAC;IACvF,MAAM1B,WAAW,GAAGgG,KAAK,CAAChG,WAAW;IACrC,IAAI,CAAC4G,kBAAkB,CAAC5G,WAAW,CAAC;IACpC,IAAI,CAACG,WAAW,CAAC;MACf0G,YAAY,EAAET,KAAK;MACnBU,YAAY,EAAER,KAAK;MACnBS,aAAa,EAAE,IAAI;MACnBP,YAAY,EAAE;QAAC,GAAGA,YAAY;QAAE9E,KAAK,EAAEA;MAAK;IAC9C,CAAsB,CAAC;IACvB,IAAI,CAACsF,mBAAmB,CAAC,UAAU,EAAE,CAAChB,KAAK,CAAChG,WAAW,EAAE,IAAI,CAACiH,KAAK,EAAET,YAAY,EAAEC,iBAAiB,CAAE,CAAC;EACzG;EAEAS,YAAYA,CAACrH,KAAwB,EAAE;IACrC,IAAI,CAACmH,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACxG,KAAK,CAACC,IAAI,CAACW,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAI8F,SAAS,GAAC;MAAC3E,CAAC,EAAE,IAAI,CAAC3C,KAAK,CAACuH,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC3G,KAAK,CAAC4G,SAAS,GAAEC,SAAS;MAAEzG,CAAC,EAAE,IAAI,CAAChB,KAAK,CAAC0H,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC9G,KAAK,CAAC+G,SAAS,GAAEF;IAAS,CAAC;IACpJ,oBACEpJ,KAAA,CAAAwE,aAAA,CAACvE,IAAI,EAAAsJ,QAAA,KACCtI,qBAAqB,CAACD,uBAAuB,CAACwI,SAAS,EAAE7H,KAAK,CAAC;MACnEuF,KAAK,EAAE,IAAI,CAACuC,MAAM,CAACC,IAAK;MAACC,QAAQ,EAAE,IAAI,CAACC;IAAmB,IAE1D,IAAI,CAACC,UAAU,CAAC,CAAC,EAClBlI,KAAK,CAACmI,QAAQ,KAAK,KAAK,gBACtB9J,KAAA,CAAAwE,aAAA,CAAClE,YAAY;MACXyJ,KAAK,EAAE,IAAI,CAACxH,KAAK,CAACwH,KAAM;MACxBC,SAAS,EAAEf,SAAU;MACrBgB,MAAM,EAAE,IAAI,CAACR,MAAM,CAACC,IAAI,CAACO,MAAiB;MAC1CjI,KAAK,EAAE,IAAI,CAACyH,MAAM,CAACC,IAAI,CAAC1H,KAAK,IAAc,IAAI,CAACO,KAAK,CAACL,UAAU,IAAI,GAAI;MACxEgI,OAAO,EAAE;QACP9F,GAAG,EAAEzC,KAAK,CAACwI,SAAS;QACpBhG,MAAM,EAAExC,KAAK,CAACyI,YAAY;QAC1BC,IAAI,EAAE1I,KAAK,CAAC2I,UAAU;QACtBC,KAAK,EAAE5I,KAAK,CAAC6I;MACf;IAAE,gBAEFxK,KAAA,CAAAwE,aAAA,CAAChE,aAAa;MACZkE,IAAI,EAAE,QAAS;MACf+F,kBAAkB,eAAEzK,KAAA,CAAAwE,aAAA,CAACrE,GAAG,MAAE,CAAE;MAC5B+G,KAAK,EAAE;QAACwD,KAAK,EAAE;UACbC,UAAU,EAAE,2CAA2C;UACvDxD,QAAQ,EAAE;QACZ;MACA,CAAE;MACFuD,KAAK,EAAE,CAAC/I,KAAK,CAAC+I,KAAK,EAAE/I,KAAK,CAACiJ,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXtI,IAAI,EAAE,EAAG;MACTuH,KAAK,EAAE,IAAI,CAACxH,KAAK,CAACwH;IAAM,CACzB,CAAC,EACD,IAAI,CAACgB,aAAa,CAAC,IAAI,CAACtH,eAAe,CAAC,CAAC,CAAC,eAC3CzD,KAAA,CAAAwE,aAAA,CAAC/D,WAAW;MAACuK,SAAS;MACT9D,KAAK,EAAE;QACL+D,UAAU,EAAE;UAAEC,IAAI,EAAE,IAAI,CAAC3I,KAAK,CAACZ,KAAK,CAACwJ,SAAS,KAAK,KAAK,GAAG,aAAa,GAAG,SAAS;UAAGhE,QAAQ,EAAE,EAAE;UAAE+C,OAAO,EAAE,IAAI,CAAC3H,KAAK,CAACZ,KAAK,CAACiD,SAAS,GAAC,CAAC,GAAG;QAAC,CAAC;QAC/IwG,SAAS,EAAE;UAAElB,OAAO,EAAG,EAAE,GAAG,IAAI,CAAC3H,KAAK,CAACZ,KAAK,CAACiD,SAAS,GAAC;QAAG,CAAC;QAC3DyG,IAAI,EAAE;UAACC,MAAM,EAAE;QAAM,CAAC;QACtBC,IAAI,EAAE;UAACD,MAAM,EAAE;QAAM,CAAC;QACtBzE,KAAK,EAAE;UAACyE,MAAM,EAAE;QAAM;MACxB,CAAE;MACFvB,KAAK,EAAE,IAAI,CAACxH,KAAK,CAACwH,KAAM;MACxByB,UAAU,EAAE,IAAI,CAAC1E,aAAa,CAAC,CAAE;MACjC2E,UAAU,EAAGC,CAAM,IAAK,IAAI,CAACnJ,KAAK,CAACZ,KAAK,CAACsF,MAAM,GAAG,GAAG,IAAI,CAAC0E,gBAAgB,CAACD,CAAC,CAAC,GAAG,IAAI,CAACnJ,KAAK,CAACZ,KAAK,CAACsF,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC0E,gBAAgB,CAACD,CAAC,CAAC,EAAG;MAACE,aAAa;IAAA,CAAE,CAAC,eACxK5L,KAAA,CAAAwE,aAAA,CAACpE,YAAY;MACXkG,UAAU,EAAE,IAAI,CAACrD,YAAY,CAAC,CAAE;MAChC4I,UAAU,EAAE;IAAK,GAGf,IAAI,CAACnI,WAAW,CAAC/B,KAAK,CAEZ,CACF,CAAC,gBACf3B,KAAA,CAAAwE,aAAA,CAACrE,GAAG;MAAC6B,KAAK,EAAE,IAAI,CAACO,KAAK,CAACL,UAAW;MAAC+H,MAAM,EAAE,IAAI,CAAC1H,KAAK,CAACuD;IAAY,gBAChE9F,KAAA,CAAAwE,aAAA,CAAChE,aAAa;MACZkE,IAAI,EAAE,QAAS;MACf+F,kBAAkB,eAAEzK,KAAA,CAAAwE,aAAA,CAACrE,GAAG,MAAE,CAAE;MAC5BuK,KAAK,EAAE,CAAC/I,KAAK,CAAC+I,KAAK,EAAE/I,KAAK,CAACiJ,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXtI,IAAI,EAAE,EAAG;MACTuH,KAAK,EAAE,IAAI,CAACxH,KAAK,CAACwH;IAAM,CACzB,CAAC,EACD,IAAI,CAACxE,WAAW,CAAC5D,KAAK,CAAC,EACvB,IAAI,CAACiF,UAAU,CAAC,CACd,CAEH,CAAC;EAEX;AACF","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordion.component.js

@@ -70,6 +70,7 @@ export default class WmAccordion extends BaseComponent {
   renderAccordionpane(item, index, accordionpanes = []) {
     const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
     const isExpanded = this.state.isExpanded[index];
+    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon);
     return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
       style: this.styles.pane,
       key: item.props.title
@@ -79,7 +80,8 @@ export default class WmAccordion extends BaseComponent {
       style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
       onPress: this.toggle.bind(this, index + 1, !isExpanded)
     }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.icon,
+      id: this.getTestId('icon'),
+      styles: titleIconStyles,
       name: item.props.name + '_icon',
       iconclass: item.props.iconclass
     }) : null, /*#__PURE__*/React.createElement(View, {

app-rn-runtime/components/container/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","showIcon","useChevron","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","show","pane","key","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","setState","invokeEventCallback","proxy","componentDidMount","renderWidget","children","_background","map"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    return item.props.show != false ? (\n      <View style={this.styles.pane} key={item.props.title}>\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            <Text style={[\n              this.styles.text,\n              this.styles.heading,\n              isExpanded ? this.styles.activeHeaderTitle : {}]}\n              {...this.getTestPropsForAction(`header${index}_title`)}\n              accessibilityRole='header'>\n                {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            {item.props.description ? \n              (<Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>{item.props.description}</Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","showIcon","useChevron","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","show","pane","key","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","setState","invokeEventCallback","proxy","componentDidMount","renderWidget","children","_background","map"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon)\n    return item.props.show != false ? (\n      <View style={this.styles.pane} key={item.props.title}>\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            <Text style={[\n              this.styles.text,\n              this.styles.heading,\n              isExpanded ? this.styles.activeHeaderTitle : {}]}\n              {...this.getTestPropsForAction(`header${index}_title`)}\n              accessibilityRole='header'>\n                {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            {item.props.description ? \n              (<Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>{item.props.description}</Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordion.styles.js

@@ -90,6 +90,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderColor: themeVariables.accordionIconColor,
       backgroundColor: themeVariables.transparent
     },
+    titleIcon: {},
     default: {},
     success: {
       backgroundColor: themeVariables.labelSuccessColor

app-rn-runtime/components/container/accordion/accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","marginBottom"],"sources":["accordion.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","marginBottom"],"sources":["accordion.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 { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle,\n  titleIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      titleIcon: {} as WmIconStyles,\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/layoutgrid/gridcolumn/gridcolumn.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","createElement","style","width","_background","children"],"sources":["gridcolumn.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    return (\n      <View style={[{width: \"100%\"}, styles.root, this.styles.root]}>{this._background}{props.children}</View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAE,UAASR,KAAK,CAACS,aAAc,YAAWT,KAAK,CAACU,WAAY,EAAC,CAAC;IAChG,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,CAACW,WAAW,EAAEd,KAAK,CAACe,QAAe,CAAC;EAE5G;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","createElement","style","width","_background","children"],"sources":["gridcolumn.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    return (\n      <View style={[{width: \"100%\"}, styles.root, this.styles.root]}>{this._background}{props.children}</View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAC,UAAUR,KAAK,CAACS,aAAa,YAAYT,KAAK,CAACU,WAAW,EAAE,CAAC;IAChG,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI;IAAE,GAAE,IAAI,CAACW,WAAW,EAAEd,KAAK,CAACe,QAAe,CAAC;EAE5G;AACF","ignoreList":[]}

app-rn-runtime/components/container/panel/panel.component.js

@@ -52,11 +52,12 @@ export default class WmPanel extends BaseComponent {
   expandCollapseIcon(isExpanded) {
     const widgetProps = this.state.props;
     //@ts-ignore
-    const badge = widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
+    const badge = widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
       style: [this.styles.badge, this.styles[widgetProps.badgetype || 'default']]
-    }, widgetProps.badgevalue) : null;
+    }, this.getTestProps('badge')), widgetProps.badgevalue) : null;
     const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';
     const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('collapseicon'),
       name: 'expand_collapse_icon',
       styles: this.styles.toggleIcon,
       iconclass: iconclass
@@ -76,6 +77,7 @@ export default class WmPanel extends BaseComponent {
       accessibilityRole: "header"
     }), props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.styles.icon,
+      id: this.getTestId('icon'),
       name: props.name + '_icon',
       iconclass: props.iconclass,
       iconheight: props.iconheight,

app-rn-runtime/components/container/panel/panel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","style","styles","badgetype","iconclass","name","toggleIcon","flexDirection","alignItems","renderHeader","_extends","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","text","heading","title","subheading","renderPane","content","display","maxHeight","overflow","close","renderWidget","root","_background","Fragment","children"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]}>{widgetProps.badgevalue}</Badge>): null;\n    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ? \n        <WmIcon styles={this.styles.icon} \n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          <Text style={[\n            this.styles.text,\n            this.styles.heading]}\n            {...this.getTestPropsForAction(`header_title`)}>\n              {isUndefined(props.title) ? 'Title' : props.title}\n          </Text>\n          {props.subheading ? \n            (<Text style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>{props.subheading}</Text>) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ? \n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  renderWidget(props: WmPanelProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","expandCollapseIcon","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","iconclass","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","text","heading","title","subheading","renderPane","content","display","maxHeight","overflow","close","renderWidget","root","_background","Fragment","children"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]} {...this.getTestProps('badge')}>{widgetProps.badgevalue}</Badge>): null;\n    const iconclass = isExpanded ? 'wi wi-chevron-up' : 'wi wi-chevron-down';\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon id={this.getTestId('collapseicon')} name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ? \n        <WmIcon styles={this.styles.icon}\n        id={this.getTestId('icon')} \n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          <Text style={[\n            this.styles.text,\n            this.styles.heading]}\n            {...this.getTestPropsForAction(`header_title`)}>\n              {isUndefined(props.title) ? 'Title' : props.title}\n          </Text>\n          {props.subheading ? \n            (<Text style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>{props.subheading}</Text>) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ? \n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  renderWidget(props: WmPanelProps) {\n    return (<View style={this.styles.root}>\n      {this._background}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,eAAe,QAAQ,8BAA8B;AAE9D,OAAO,MAAMC,YAAY,SAASN,kBAAkB,CAAe;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAC/C,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,OAAO,SAASX,aAAa,CAA4C;EAC5FQ,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAU,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;EAC5C;EAEAC,aAAaA,CAACH,KAAmB,EAAE;IACjC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAiB,CAAC;QACpB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;EACF;EAEAC,YAAYA,CAAA,EAAG;IACb,IAAI,CAAC,IAAI,CAACL,KAAK,CAACL,KAAK,CAACW,WAAW,EAAE;MACjC;IACF;IACA,MAAMC,SAAS,GAAG,IAAI,CAACP,KAAK,CAACL,KAAK,CAACa,QAAQ,GAAG,YAAY,GAAG,UAAU;IACvE,IAAI,CAACL,WAAW,CAAC;MACfR,KAAK,EAAE;QACLa,QAAQ,EAAE,CAAC,IAAI,CAACR,KAAK,CAACL,KAAK,CAACa;MAC9B;IACF,CAAiB,CAAC;IAElB,IAAI,CAACX,mBAAmB,CAACU,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EACzD;EAEAC,kBAAkBA,CAACC,UAAmB,EAAE;IACtC,MAAMC,WAAW,GAAG,IAAI,CAACZ,KAAK,CAACL,KAAK;IACpC;IACA,MAAMkB,KAAK,GAAGD,WAAW,CAACE,UAAU,IAAIC,SAAS,gBAAItC,KAAA,CAAAuC,aAAA,CAAClC,KAAK,EAAAmC,QAAA;MAACC,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACN,KAAK,EAAE,IAAI,CAACM,MAAM,CAACP,WAAW,CAACQ,SAAS,IAAI,SAAS,CAAC;IAAE,GAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC,GAAGT,WAAW,CAACE,UAAkB,CAAC,GAAG,IAAI;IAChN,MAAMQ,SAAS,GAAGX,UAAU,GAAG,kBAAkB,GAAG,oBAAoB;IACxE,MAAMD,kBAAkB,GAAGE,WAAW,CAACN,WAAW,gBAAI7B,KAAA,CAAAuC,aAAA,CAAC/B,MAAM;MAACsC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,cAAc,CAAE;MAACC,IAAI,EAAE,sBAAuB;MAACN,MAAM,EAAE,IAAI,CAACA,MAAM,CAACO,UAAW;MAACJ,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAI,IAAI;IACvM,oBAAQ7C,KAAA,CAAAuC,aAAA,CAACrC,IAAI;MAACuC,KAAK,EAAE;QAACS,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GAAEf,KAAK,EAAEH,kBAAyB,CAAC;EACvG;EAEAmB,YAAYA,CAAA,EAAG;IACb,MAAMlC,KAAK,GAAG,IAAI,CAACK,KAAK,CAACL,KAAK;IAC9B,oBACElB,KAAA,CAAAuC,aAAA,CAACpC,gBAAgB,EAAAqC,QAAA,KACX,IAAI,CAACa,qBAAqB,CAAC,QAAQ,CAAC;MACxCZ,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACY,MAAM,CAAE;MAC5BC,OAAO,EAAE,IAAI,CAAC3B,YAAY,CAACD,IAAI,CAAC,IAAI,CAAE;MACtC6B,iBAAiB,EAAC;IAAQ,IAC3BtC,KAAK,CAAC2B,SAAS,IAAI3B,KAAK,CAACuC,OAAO,gBAC/BzD,KAAA,CAAAuC,aAAA,CAAC/B,MAAM;MAACkC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACgB,IAAK;MACjCZ,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BC,IAAI,EAAE9B,KAAK,CAAC8B,IAAI,GAAG,OAAQ;MAC3BH,SAAS,EAAE3B,KAAK,CAAC2B,SAAU;MAC3Bc,UAAU,EAAEzC,KAAK,CAACyC,UAAW;MAC7BC,SAAS,EAAE1C,KAAK,CAAC0C,SAAU;MAC3BC,UAAU,EAAE3C,KAAK,CAAC2C,UAAW;MAC7BJ,OAAO,EAAEvC,KAAK,CAACuC;IAAQ,CACtB,CAAC,GAAG,IAAI,eACTzD,KAAA,CAAAuC,aAAA,CAACrC,IAAI;MAACuC,KAAK,EAAE;QAACS,aAAa,EAAE,QAAQ;QAAEY,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE;MAAQ;IAAE,gBACxE/D,KAAA,CAAAuC,aAAA,CAACtC,IAAI,EAAAuC,QAAA;MAACC,KAAK,EAAE,CACX,IAAI,CAACC,MAAM,CAACsB,IAAI,EAChB,IAAI,CAACtB,MAAM,CAACuB,OAAO;IAAE,GACjB,IAAI,CAACZ,qBAAqB,CAAC,cAAc,CAAC,GAC3CjD,WAAW,CAACc,KAAK,CAACgD,KAAK,CAAC,GAAG,OAAO,GAAGhD,KAAK,CAACgD,KAC1C,CAAC,EACNhD,KAAK,CAACiD,UAAU,gBACdnE,KAAA,CAAAuC,aAAA,CAACtC,IAAI,EAAAuC,QAAA;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACyB;IAAW,GAC/B,IAAI,CAACd,qBAAqB,CAAC,WAAW,CAAC,GAAGnC,KAAK,CAACiD,UAAiB,CAAC,GAAI,IAC1E,CAAC,EACN,IAAI,CAAClC,kBAAkB,CAACf,KAAK,CAACa,QAAQ,CACvB,CAAC;EAEvB;EAEAqC,UAAUA,CAACC,OAAwB,EAAE;IACnC,MAAMtC,QAAQ,GAAG,IAAI,CAACR,KAAK,CAACL,KAAK,CAACa,QAAQ;IAC1C,OAAOpB,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAAC+B,MAAM,CAACY,MAAM,CAACgB,OAAO,IAAI,MAAM,gBAC9DtE,KAAA,CAAAuC,aAAA,CAACrC,IAAI;MAACuC,KAAK,EAAEV,QAAQ,GAAG,CAAC,CAAC,GAAG;QAACwC,SAAS,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAQ;IAAE,GAC9DH,OACG,CAAC,gBACNrE,KAAA,CAAAuC,aAAA,CAAC3B,eAAe;MAAC6D,KAAK,EAAE,CAAC1C;IAAS,GAChCsC,OACc,CAAE;EACvB;EAEAK,YAAYA,CAACxD,KAAmB,EAAE;IAChC,oBAAQlB,KAAA,CAAAuC,aAAA,CAACrC,IAAI;MAACuC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACiC;IAAK,GACnC,IAAI,CAACC,WAAW,EAChB,IAAI,CAACxB,YAAY,CAAC,CAAC,EACnB,IAAI,CAACgB,UAAU,eACdpE,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAA6E,QAAA,QACC,IAAI,CAACxD,aAAa,CAACH,KAAK,CAAC,eAC1BlB,KAAA,CAAAuC,aAAA,CAACrC,IAAI,QAAEgB,KAAK,CAAC4D,QAAe,CAC1B,CACH,CACG,CAAC;EACT;AACF","ignoreList":[]}

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js

@@ -154,14 +154,13 @@ export default class WmTabheader extends BaseComponent {
           flexGrow: this.styles.header.flexGrow
         } : null
       }), /*#__PURE__*/React.createElement(View, {
-        onLayout: this.setHeaderPositon.bind(this, i),
-        accessible: true,
-        accessibilityRole: "header"
+        onLayout: this.setHeaderPositon.bind(this, i)
       }, /*#__PURE__*/React.createElement(View, {
         style: [this.styles.header, {
           flexGrow: undefined
         }, isSelected ? this.styles.activeHeader : null]
       }, /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId(i + 'icon'),
         styles: this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null),
         iconclass: header.icon
       }), /*#__PURE__*/React.createElement(Text, _extends({

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","overflow","zIndex","_background","_extends","getTestPropsForAction","flexGrow","accessible","accessibilityRole","undefined","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex;\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth ? 100 / toIndicatorWidth : 0,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header,\n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"80%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View style={{overflow: 'hidden', zIndex: 16}}>\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} accessible={true} accessibilityRole='header'>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <WmIcon\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}></WmIcon>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText,\n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {arrowIndicator.backgroundImage ? (<BackgroundComponent\n            image={arrowIndicator.backgroundImage}\n            position={arrowIndicator.backgroundPosition}\n            size={arrowIndicator.backgroundSize}\n            repeat={arrowIndicator.backgroundRepeat}\n            resizeMode={arrowIndicator.backgroundResizeMode}\n            style={{borderRadius: this.styles.root.borderRadius}}\n          ></BackgroundComponent>) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n      </Animated.View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmIcon","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","overflow","zIndex","_background","_extends","getTestPropsForAction","flexGrow","undefined","id","getTestId","mergeStyle","headerIcon","activeHeaderIcon","iconclass","icon","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmIcon from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.component\";\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex;\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth ? 100 / toIndicatorWidth : 0,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header,\n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"80%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View style={{overflow: 'hidden', zIndex: 16}}>\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key}\n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <WmIcon\n                      id={this.getTestId(i + 'icon')}\n                      styles={this.theme.mergeStyle({}, this.styles.headerIcon, isSelected ? this.styles.activeHeaderIcon : null)}\n                      iconclass={header.icon}></WmIcon>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText,\n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {arrowIndicator.backgroundImage ? (<BackgroundComponent\n            image={arrowIndicator.backgroundImage}\n            position={arrowIndicator.backgroundPosition}\n            size={arrowIndicator.backgroundSize}\n            repeat={arrowIndicator.backgroundRepeat}\n            resizeMode={arrowIndicator.backgroundResizeMode}\n            style={{borderRadius: this.styles.root.borderRadius}}\n          ></BackgroundComponent>) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n      </Animated.View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}