@wavemaker/app-rn-runtime 11.7.0-next.42251 → 11.7.0-patch.1

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

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

{app-rn-runtime → package}/components/chart/stack-chart/stack-chart.component.js

@@ -51,7 +51,6 @@ export default class WmStackChart extends BaseChartComponent {
       return this.state.colors[0];
     } else {
       let colorCodes = cloneDeep(this.state.colors);
-      ;
       if (this.state.data.length > 0) {
         const orderedData = this.getData();
         this.state.data[0].map((d, i) => {
@@ -67,20 +66,28 @@ export default class WmStackChart extends BaseChartComponent {
       const negativeValues = cloneDeep(this.getNegativeValuesArray());
       const data = this.getData();
       let currentValue = 0;
+      let cornerRadius;
       return data.map((d, i) => {
         let d1 = [];
         d.x = 0;
         d.y = d.y - currentValue;
         d1.push(d);
         currentValue = d.y < 0 && i === negativeValues.length - 1 ? 0 : d.y + currentValue;
+        if (i === 0) {
+          cornerRadius = {
+            top: 0,
+            bottom: -5
+          };
+        }
+        if (i === data.length - 1) {
+          cornerRadius = {
+            top: -5,
+            bottom: -5
+          };
+        }
         return /*#__PURE__*/React.createElement(VictoryBar, {
           key: props.name + '_' + i,
-          cornerRadius: {
-            bottomLeft: 1,
-            bottomRight: 1,
-            topLeft: 1,
-            topRight: 1
-          },
+          cornerRadius: cornerRadius,
           data: d1
         });
       });
@@ -157,8 +164,8 @@ export default class WmStackChart extends BaseChartComponent {
     let ticks = [];
     if (this.state.data[0].length) {
       let data = cloneDeep(this.state.data[0]);
-      const maxValue = Math.max(...data.map(o => o.y));
-      const minValue = Math.min(...data.map(o => o.y));
+      const maxValue = Math.max(...data.map(o => o.y ? o.y : 0));
+      const minValue = Math.min(...data.map(o => o.y ? o.y : 0));
       const scale = Scale.getBaseScale({}, 'x');
       scale.domain([minValue > 0 ? 0 : minValue, maxValue]);
       ticks = Axis.getTicks({}, scale);
@@ -203,7 +210,7 @@ export default class WmStackChart extends BaseChartComponent {
       theme: this.state.theme,
       minDomain: mindomain,
       height: this.styles.root.height,
-      width: this.styles.root.width || this.state.chartWidth,
+      width: this.styles.root.width || this.state.chartWidth || 200,
       padding: {
         top: props.offsettop,
         bottom: props.offsetbottom,

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

@@ -0,0 +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","arguments","_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","getBarChart","currentValue","cornerRadius","d1","x","push","top","bottom","createElement","key","name","getColorCodes","reverse","getArcChart","colorScaleArray","maxValue","Math","max","o","radius","min","chartHeight","colorScale","startAngle","endAngle","standalone","origin","innerRadius","thickness","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","minValue","scale","getBaseScale","domain","getTicks","unshift","minvalue","onSelect","event","value","label","xaxisDatakeyArr","datum","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","_extends","LINECHART","styles","root","onLayout","onViewLayoutChange","viewtype","theme","minDomain","height","padding","offsettop","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal","strokeWidth","events","target","eventHandlers","OS","onClick","bind","onPress"],"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  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      let cornerRadius: any;\n\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\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        if (i === 0) {\n          cornerRadius = {top: 0, bottom: -5};\n        }\n        if (i === data.length - 1) {\n          cornerRadius = {top: -5, bottom: -5};\n        }\n        return <VictoryBar key={props.name + '_' + i}\n                           cornerRadius={cornerRadius}\n                           data={d1}/>\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 value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\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        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            containerComponent={\n              this.getTooltip(props)\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.updateColors())}\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                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t) => 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              style={{\n                data: { strokeWidth: this.state.props.thickness }\n              }}\n              events={[{\n                target: 'data',\n                eventHandlers: Platform.OS == \"web\" ? {\n                  onClick: this.onSelect.bind(this)\n                }:{\n                  onPress: this.onSelect.bind(this)\n                }\n              }]}\n            >\n              {\n                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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"}

{app-rn-runtime → package}/components/container/accordion/accordion.component.js

@@ -75,7 +75,7 @@ export default class WmAccordion extends BaseComponent {
     let accordionpanes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
     const isExpanded = this.state.isExpanded[index];
-    return /*#__PURE__*/React.createElement(View, {
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
       style: this.styles.pane,
       key: item.props.title
     }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
@@ -97,7 +97,7 @@ export default class WmAccordion extends BaseComponent {
       style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
     }, this.getTestPropsForAction(`header${index}_title`)), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.subheading
-    }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item);
+    }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
   }
   toggle(index) {
     let expand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

package/components/container/accordion/accordion.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","arguments","_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","length","undefined","showIcon","useChevron","widgetProps","badge","badgevalue","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","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","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                {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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"}

{app-rn-runtime → package}/components/container/container.component.js

@@ -13,27 +13,18 @@ export class WmContainerState extends PartialHostState {
   constructor() {
     super(...arguments);
     _defineProperty(this, "isPartialLoaded", false);
-    _defineProperty(this, "showContent", false);
   }
 }
 export default class WmContainer extends PartialHost {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());
-    this.updateState({
-      showContent: !this.state.props.deferload
-    });
   }
   renderWidget(props) {
-    if (!this.state.showContent && this.isVisible()) {
-      this.updateState({
-        showContent: true
-      });
-    }
     const dimensions = {
       width: this.styles.root.width ? '100%' : undefined,
       height: this.styles.root.height ? '100%' : undefined
     };
-    return this.state.showContent && /*#__PURE__*/React.createElement(Animatedview, {
+    return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root
     }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {

package/components/container/container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","constructor","arguments","_defineProperty","WmContainer","props","renderWidget","dimensions","width","styles","root","undefined","height","createElement","entryanimation","animation","style","_background","_extends","getTestPropsForAction","target","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAE9C,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAASN,WAAW,CAAwD;EAC1GG,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIM,gBAAgB,CAAC,CAAC,CAAC;EAC7E;EAEAM,YAAYA,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACEnB,KAAA,CAAAqB,aAAA,CAAChB,YAAY;MAACiB,cAAc,EAAET,KAAK,CAACU,SAAU;MAACC,KAAK,EAAE,IAAI,CAACP,MAAM,CAACC;IAAK,GACpE,IAAI,CAACO,WAAW,eACjBzB,KAAA,CAAAqB,aAAA,CAACjB,QAAQ,EAAAsB,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE,IAAK;MAACX,MAAM,EAAEF;IAAW,iBACzEf,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACuB,KAAK,EAAE,CAACT,UAAU,EAAgB,IAAI,CAACE,MAAM,CAACY,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACjB,KAAK,CAAQ,CACzF,CACE,CAAC;EAEnB;AACF"}

{app-rn-runtime → package}/components/container/container.props.js

@@ -7,7 +7,6 @@ export default class WmContainerProps extends PartialHostProps {
     super(...arguments);
     _defineProperty(this, "animation", null);
     _defineProperty(this, "onLoad", void 0);
-    _defineProperty(this, "deferload", false);
   }
 }
 //# sourceMappingURL=container.props.js.map

{app-rn-runtime → package}/components/container/container.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","arguments","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  onLoad?: Function;\n  deferload?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEH,KAAK;EAAA;AAC7B"}
+{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","arguments","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  onLoad?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA;EAAA;AAE3B"}

{app-rn-runtime → package}/components/container/panel/panel.component.js

@@ -95,7 +95,7 @@ export default class WmPanel extends BaseComponent {
   }
   renderPane(content) {
     const expanded = this.state.props.expanded;
-    return isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
+    return isWebPreviewMode() || this.styles.header.display == "none" ? /*#__PURE__*/React.createElement(View, {
       style: expanded ? {} : {
         maxHeight: 0,
         overflow: 'hidden'

package/components/container/panel/panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","WmPanelState","constructor","arguments","_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","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      {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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"}

{app-rn-runtime → package}/components/container/tabs/tabheader/tabheader.component.js

@@ -116,7 +116,7 @@ export default class WmTabheader extends BaseComponent {
         }
       }, {
         ...this.styles.root,
-        width: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || "100%",
+        width: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || "80%",
         height: ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_this$styles$activeHe = this.styles.activeHeaderText) === null || _this$styles$activeHe === void 0 ? void 0 : _this$styles$activeHe.fontSize) || 16
       })));
     })), /*#__PURE__*/React.createElement(Animated.View, {

package/components/container/tabs/tabheader/tabheader.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","_ref","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","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';\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                    <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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"}

{app-rn-runtime → package}/components/container/tabs/tabpane/tabpane.component.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { View } from 'react-native';
+import { ScrollView } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmTabpaneProps from './tabpane.props';
 import { DEFAULT_CLASS } from './tabpane.styles';
@@ -10,11 +10,15 @@ export class WmTabpaneState extends BaseComponentState {
   constructor() {
     super(...arguments);
     _defineProperty(this, "isPartialLoaded", false);
+    _defineProperty(this, "isActive", false);
   }
 }
 export default class WmTabpane extends BaseComponent {
   constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabpaneProps());
+    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());
+    this.subscribe('scroll', event => {
+      return this.state.isActive;
+    });
   }
   onPartialLoad() {
     this.invokeEventCallback('onLoad', [null, this]);
@@ -32,23 +36,35 @@ export default class WmTabpane extends BaseComponent {
     }
     return props.children;
   }
+  showView() {
+    return this.isVisible() && this.state.isActive;
+  }
   componentDidMount() {
     const tabs = this.parent;
     tabs.addTabPane(this.proxy);
     super.componentDidMount();
   }
   _onSelect() {
+    this.updateState({
+      isActive: true
+    });
     this.invokeEventCallback('onSelect', [null, this.proxy]);
   }
   _onDeselect() {
+    this.updateState({
+      isActive: false
+    });
     this.invokeEventCallback('onDeselect', [null, this.proxy]);
   }
   select() {
     this.parent.selectTabPane(this);
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: this.styles.root,
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      }
     }, this._background, this.renderContent(props));
   }
 }

package/components/container/tabs/tabpane/tabpane.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmTabpaneProps","DEFAULT_CLASS","WmTabpaneState","constructor","arguments","_defineProperty","WmTabpane","props","subscribe","event","state","isActive","onPartialLoad","invokeEventCallback","renderContent","renderPartial","isPartialLoaded","setTimeout","updateState","bind","children","showView","isVisible","componentDidMount","tabs","parent","addTabPane","proxy","_onSelect","_onDeselect","select","selectTabPane","renderWidget","createElement","style","styles","root","onScroll","notify","_background"],"sources":["tabpane.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ScrollView} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabpaneProps from './tabpane.props';\nimport { DEFAULT_CLASS, WmTabpaneStyles } from './tabpane.styles';\nimport WmTabs from '../tabs.component';\n\nexport class WmTabpaneState extends BaseComponentState<WmTabpaneProps> {\n  isPartialLoaded = false;\n  isActive = false;\n}\n\nexport default class WmTabpane extends BaseComponent<WmTabpaneProps, WmTabpaneState, WmTabpaneStyles> {\n\n  constructor(props: WmTabpaneProps) {\n    super(props, DEFAULT_CLASS, new WmTabpaneProps(), new WmTabpaneState());\n    this.subscribe('scroll', (event: any) => {\n      return this.state.isActive;\n    });\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmTabpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmTabpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  showView(): boolean {\n    return this.isVisible() && this.state.isActive;\n  }\n\n  componentDidMount() {\n    const tabs = (this.parent) as WmTabs;\n    tabs.addTabPane(this.proxy as WmTabpane);\n    super.componentDidMount();\n  }\n\n  _onSelect() {\n    this.updateState({\n      isActive: true\n    } as WmTabpaneState);\n    this.invokeEventCallback('onSelect', [null, this.proxy]);\n  }\n  _onDeselect() {\n    this.updateState({\n      isActive: false\n    } as WmTabpaneState);\n    this.invokeEventCallback('onDeselect', [null, this.proxy]);\n  }\n\n  select() {\n    (this.parent as WmTabs).selectTabPane(this);\n  }\n\n  renderWidget(props: WmTabpaneProps) {\n    return (<ScrollView style={this.styles.root} \n    onScroll={(event) => {this.notify('scroll', [event])}}>\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,UAAU,QAAO,cAAc;AAC9C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACnD,KAAK;IAAAA,eAAA,mBACZ,KAAK;EAAA;AAClB;AAEA,eAAe,MAAMC,SAAS,SAASR,aAAa,CAAkD;EAEpGK,WAAWA,CAACI,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,EAAE,IAAIE,cAAc,CAAC,CAAC,CAAC;IACvE,IAAI,CAACM,SAAS,CAAC,QAAQ,EAAGC,KAAU,IAAK;MACvC,OAAO,IAAI,CAACC,KAAK,CAACC,QAAQ;IAC5B,CAAC,CAAC;EACJ;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACP,KAAqB,EAAE;IACnC,IAAIA,KAAK,CAACQ,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACL,KAAK,CAACM,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAmB,CAAC;QACtB,CAAC,CAAC;MACJ;MACA,OAAOT,KAAK,CAACQ,aAAa,CAACR,KAAK,EAAE,IAAI,CAACK,aAAa,CAACO,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOZ,KAAK,CAACa,QAAQ;EACvB;EAEAC,QAAQA,CAAA,EAAY;IAClB,OAAO,IAAI,CAACC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACZ,KAAK,CAACC,QAAQ;EAChD;EAEAY,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,IAAI,GAAI,IAAI,CAACC,MAAiB;IACpCD,IAAI,CAACE,UAAU,CAAC,IAAI,CAACC,KAAkB,CAAC;IACxC,KAAK,CAACJ,iBAAiB,CAAC,CAAC;EAC3B;EAEAK,SAASA,CAAA,EAAG;IACV,IAAI,CAACV,WAAW,CAAC;MACfP,QAAQ,EAAE;IACZ,CAAmB,CAAC;IACpB,IAAI,CAACE,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACc,KAAK,CAAC,CAAC;EAC1D;EACAE,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACX,WAAW,CAAC;MACfP,QAAQ,EAAE;IACZ,CAAmB,CAAC;IACpB,IAAI,CAACE,mBAAmB,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,CAACc,KAAK,CAAC,CAAC;EAC5D;EAEAG,MAAMA,CAAA,EAAG;IACN,IAAI,CAACL,MAAM,CAAYM,aAAa,CAAC,IAAI,CAAC;EAC7C;EAEAC,YAAYA,CAACzB,KAAqB,EAAE;IAClC,oBAAQX,KAAA,CAAAqC,aAAA,CAACpC,UAAU;MAACqC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MAC5CC,QAAQ,EAAG5B,KAAK,IAAK;QAAC,IAAI,CAAC6B,MAAM,CAAC,QAAQ,EAAE,CAAC7B,KAAK,CAAC,CAAC;MAAA;IAAE,GACjD,IAAI,CAAC8B,WAAW,EAChB,IAAI,CAACzB,aAAa,CAACP,KAAK,CACf,CAAC;EACjB;AACF"}

{app-rn-runtime → package}/components/container/tabs/tabs.component.js

@@ -81,6 +81,9 @@ export default class WmTabs extends BaseComponent {
   selectTabPane(tabPane) {
     this.goToTab(this.tabPanes.indexOf(tabPane));
   }
+  get selectedTabPane() {
+    return this.tabPanes[this.state.selectedTabIndex];
+  }
   goToTab() {
     var _this$tabLayout2, _this$animationView;
     let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.selectedTabIndex;

package/components/container/tabs/tabs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","SwipeAnimation","isWebPreviewMode","WmTabsProps","DEFAULT_CLASS","WmTabheader","WmTabsState","constructor","arguments","_defineProperty","WmTabs","props","bounds","e","_this$tabLayout","activeTabIndex","state","selectedTabIndex","w","tabLayout","width","noOfTabs","tabPanes","length","lower","center","upper","onLower","onChange","onUpper","setTabLayout","event","nativeEvent","layout","forceUpdate","goToTab","setTabPaneHeights","index","_nativeEvent$nativeEv","tabPaneHeights","height","setTabShown","tabIndex","callback","tabsShown","setTimeout","updateState","addTabPane","tabPane","i","findIndex","t","name","newIndex","selectTabPane","indexOf","selectedTabPane","_this$tabLayout2","_this$animationView","undefined","position","animationView","setPosition","then","prev","_this$animationView2","goToLower","next","_this$animationView3","oldIndex","deselectedTab","_onDeselect","selectedTab","_onSelect","invokeEventCallback","proxy","renderSkeleton","Children","toArray","children","filter","item","show","headerData","map","p","title","icon","key","createElement","style","styles","root","borderBottomWidth","onLayout","bind","tabHeader","data","showskeleton","overflow","flexDirection","flexWrap","alignSelf","onPropertyChange","$new","$old","selectedIndex","renderWidget","_background","id","getTestId","onIndexChange","flex","maxHeight","tabContent","enableGestures","enablegestures","alignItems","direction","ref","r","handlers","animationHandlers"],"sources":["tabs.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport * as SwipeAnimation from '@wavemaker/app-rn-runtime/gestures/swipe.animation';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmTabsProps from './tabs.props';\nimport { DEFAULT_CLASS, WmTabsStyles } from './tabs.styles';\nimport WmTabpane from './tabpane/tabpane.component';\nimport WmTabheader from './tabheader/tabheader.component';\n\nexport class WmTabsState extends BaseComponentState<WmTabsProps> {\n  tabsShown: boolean[] = [];\n  selectedTabIndex: number = 0;\n}\n\nexport default class WmTabs extends BaseComponent<WmTabsProps, WmTabsState, WmTabsStyles> {\n  public tabPanes = [] as WmTabpane[];\n  private newIndex = 0;\n  private tabLayout: LayoutRectangle = null as any;\n  private tabPaneHeights: number[] = [];\n  private animationView: SwipeAnimation.View | null = null as any;\n  private animationHandlers = {\n    bounds: (e) => {\n      const activeTabIndex = this.state.selectedTabIndex,\n            w = this.tabLayout?.width || 0,\n            noOfTabs = this.tabPanes.length;\n      return {\n        lower: -1 * (activeTabIndex - (activeTabIndex === 0 ? 0 : 1)) * w,\n        center: -1 * activeTabIndex * w,\n        upper:  -1 * (activeTabIndex + (activeTabIndex === noOfTabs - 1 ? 0 : 1)) * w\n      };\n    },\n    onLower: (e) => {\n      this.onChange(this.state.selectedTabIndex - 1);\n    },\n    onUpper: (e) => {\n      this.onChange(this.state.selectedTabIndex + 1);\n    }\n  } as SwipeAnimation.Handlers;\n\n  constructor(props: WmTabsProps) {\n    super(props, DEFAULT_CLASS, new WmTabsProps(), new WmTabsState());\n  }\n  \n  setTabLayout(event: LayoutChangeEvent) {\n    this.tabLayout = event.nativeEvent.layout;\n    this.forceUpdate(() => {\n      this.goToTab();\n    });\n  }\n\n  setTabPaneHeights(index: number, nativeEvent: LayoutChangeEvent) {\n    this.tabPaneHeights[index] = nativeEvent.nativeEvent.layout?.height;\n    if (index === this.state.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  setTabShown(tabIndex: number, callback: () => any) {\n    if (!this.state.tabsShown[tabIndex]) {\n      const tabsShown = [...this.state.tabsShown];\n      tabsShown[tabIndex] = true;\n      setTimeout(() => {\n        this.updateState({\n          tabsShown: tabsShown\n        } as WmTabsState, callback);\n      }, 300);\n    } else {\n      callback && callback();\n    }\n  }\n\n  addTabPane(tabPane: WmTabpane) {\n    const i = this.tabPanes.findIndex(t => t.props.name === tabPane.props.name);\n    if (i >= 0) {\n      this.tabPanes[i] = tabPane;\n    } else {\n      this.tabPanes[this.newIndex++] = tabPane;\n    }\n  }\n\n  selectTabPane(tabPane: WmTabpane) {\n    this.goToTab(this.tabPanes.indexOf(tabPane));\n  }\n\n  get selectedTabPane() {\n    return this.tabPanes[this.state.selectedTabIndex];\n  }\n\n  goToTab(index = this.state.selectedTabIndex) {\n    const position = -1 * index * (this.tabLayout?.width || 0);\n    this.animationView?.setPosition(position)\n      .then(() => this.onChange(index));\n  }\n\n  prev() {\n    this.animationView?.goToLower();\n  }\n\n  next() {\n    this.animationView?.goToLower();\n  }\n\n  onChange(newIndex: number) {\n    if (newIndex < 0 || newIndex >= this.tabPanes.length) {\n      return;\n    }\n    const oldIndex = this.state.selectedTabIndex;\n    const deselectedTab = this.tabPanes[this.state.selectedTabIndex];\n    this.newIndex = newIndex;\n    deselectedTab?._onDeselect();\n    this.updateState({\n      selectedTabIndex: newIndex\n    } as WmTabsState, () => {\n      this.setTabShown(newIndex, () => {\n        const selectedTab = this.tabPanes[newIndex];\n        selectedTab?._onSelect();\n        this.invokeEventCallback('onChange', [{}, this.proxy, newIndex, oldIndex]);\n      });\n    });\n  }\n\n  public renderSkeleton(props: WmTabsProps){\n    const tabPanes =  React.Children.toArray(this.props.children)\n    .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return(\n      <View style={[this.styles.root, { borderBottomWidth: 0}]}>\n      <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n      <WmTabheader\n        styles={this.styles.tabHeader}\n        data={headerData}\n        showskeleton={this.props.showskeleton}\n        selectedTabIndex={this.state.selectedTabIndex}\n      ></WmTabheader>\n      <View \n        //{...this.panResponder.panHandlers}\n        style={{\n          width: '100%',\n          //height: this.tabPaneHeights[this.state.selectedTabIndex],\n          overflow: 'hidden'\n        }} >\n        <View style={{\n          flexDirection: 'row',\n          flexWrap: 'nowrap'\n        }}>\n          {tabPanes.map((p: any, i) => {\n            return (\n            <View\n              key={`tab-${p.props.title}-${i}`}\n              style={{width: '100%', alignSelf: 'flex-start'}}\n              onLayout={this.setTabPaneHeights.bind(this, i)}>\n              {/* {this.state.tabsShown[i] ? p : null} */}\n              {p}\n            </View>);\n          })}\n        </View>\n      </View>\n    </View>\n\n    )\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"defaultpaneindex\":\n        const selectedIndex = $new || 0;\n        const tabsShown: boolean[] = [];\n        tabsShown[selectedIndex] = true;\n        this.updateState({\n          selectedTabIndex: selectedIndex,\n          tabsShown: tabsShown\n        } as WmTabsState);\n    }\n  }\n  \n  renderWidget(props: WmTabsProps) {\n    const tabPanes =  React.Children.toArray(props.children)\n      .filter((item: any, index: number) => item.props.show != false);\n    const headerData = tabPanes.map((p: any, i: number) => \n      ({title: p.props.title || 'Tab Title', icon: '', key:  `tab-${p.props.title}-${i}`}));\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View onLayout={this.setTabLayout.bind(this)} style={{width: '100%'}}></View>\n        <WmTabheader\n          id={this.getTestId('headers')}\n          styles={this.styles.tabHeader}\n          data={headerData}\n          selectedTabIndex={this.state.selectedTabIndex}\n          onIndexChange={this.goToTab.bind(this)}\n        ></WmTabheader>\n        <View\n          style={[{\n            width: '100%',\n            flex: 1\n          }, this.styles.root.height ? \n          (isWebPreviewMode() ? {'overflow-x': 'hidden','overflow-y': 'auto'} as any : {overflow: 'scroll'}) \n          : {\n            overflow: 'hidden',\n            maxHeight: this.tabPaneHeights[this.state.selectedTabIndex],\n          }, this.styles.tabContent]} >\n          <SwipeAnimation.View \n            enableGestures={props.enablegestures}\n            style={{\n              flexDirection: 'row',\n              flexWrap: 'nowrap',\n              alignItems: 'flex-start'\n            }}\n            direction='horizontal'\n            ref={(r) => {this.animationView = r}}\n            handlers = {this.animationHandlers}\n          >\n            {tabPanes.map((p: any, i) => {\n              return (\n              <View \n                key={`tab-${p.props.title}-${i}`}\n                style={{\n                  width: '100%',\n                  height: this.styles.root.height  ? undefined : 1000000,\n                  alignSelf: 'flex-start'}}>\n                <View\n                  style={{width: '100%', alignSelf: 'flex-start'}}\n                  onLayout={this.setTabPaneHeights.bind(this, i)}>\n                  {/* {this.state.tabsShown[i] ? p : null} */}\n                  {p}\n                </View>\n              </View>);\n            })}\n          </SwipeAnimation.View>\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA6CC,IAAI,QAAQ,cAAc;AACvE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAO,KAAKC,cAAc,MAAM,oDAAoD;AACpF,SAASC,gBAAgB,QAAQ,sCAAsC;AAEvE,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAE3D,OAAOC,WAAW,MAAM,iCAAiC;AAEzD,OAAO,MAAMC,WAAW,SAASN,kBAAkB,CAAc;EAAAO,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACxC,EAAE;IAAAA,eAAA,2BACE,CAAC;EAAA;AAC9B;AAEA,eAAe,MAAMC,MAAM,SAASX,aAAa,CAAyC;EAyBxFQ,WAAWA,CAACI,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIG,WAAW,CAAC,CAAC,CAAC;IAACG,eAAA,mBAzBlD,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA,oBACiB,IAAI;IAAAA,eAAA,yBACN,EAAE;IAAAA,eAAA,wBACe,IAAI;IAAAA,eAAA,4BAC5B;MAC1BG,MAAM,EAAGC,CAAC,IAAK;QAAA,IAAAC,eAAA;QACb,MAAMC,cAAc,GAAG,IAAI,CAACC,KAAK,CAACC,gBAAgB;UAC5CC,CAAC,GAAG,EAAAJ,eAAA,OAAI,CAACK,SAAS,cAAAL,eAAA,uBAAdA,eAAA,CAAgBM,KAAK,KAAI,CAAC;UAC9BC,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAACC,MAAM;QACrC,OAAO;UACLC,KAAK,EAAE,CAAC,CAAC,IAAIT,cAAc,IAAIA,cAAc,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGG,CAAC;UACjEO,MAAM,EAAE,CAAC,CAAC,GAAGV,cAAc,GAAGG,CAAC;UAC/BQ,KAAK,EAAG,CAAC,CAAC,IAAIX,cAAc,IAAIA,cAAc,KAAKM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGH;QAC9E,CAAC;MACH,CAAC;MACDS,OAAO,EAAGd,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD,CAAC;MACDY,OAAO,EAAGhB,CAAC,IAAK;QACd,IAAI,CAACe,QAAQ,CAAC,IAAI,CAACZ,KAAK,CAACC,gBAAgB,GAAG,CAAC,CAAC;MAChD;IACF,CAAC;EAID;EAEAa,YAAYA,CAACC,KAAwB,EAAE;IACrC,IAAI,CAACZ,SAAS,GAAGY,KAAK,CAACC,WAAW,CAACC,MAAM;IACzC,IAAI,CAACC,WAAW,CAAC,MAAM;MACrB,IAAI,CAACC,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAC,iBAAiBA,CAACC,KAAa,EAAEL,WAA8B,EAAE;IAAA,IAAAM,qBAAA;IAC/D,IAAI,CAACC,cAAc,CAACF,KAAK,CAAC,IAAAC,qBAAA,GAAGN,WAAW,CAACA,WAAW,CAACC,MAAM,cAAAK,qBAAA,uBAA9BA,qBAAA,CAAgCE,MAAM;IACnE,IAAIH,KAAK,KAAK,IAAI,CAACrB,KAAK,CAACC,gBAAgB,EAAE;MACzC,IAAI,CAACiB,WAAW,CAAC,CAAC;IACpB;EACF;EAEAO,WAAWA,CAACC,QAAgB,EAAEC,QAAmB,EAAE;IACjD,IAAI,CAAC,IAAI,CAAC3B,KAAK,CAAC4B,SAAS,CAACF,QAAQ,CAAC,EAAE;MACnC,MAAME,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC5B,KAAK,CAAC4B,SAAS,CAAC;MAC3CA,SAAS,CAACF,QAAQ,CAAC,GAAG,IAAI;MAC1BG,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,WAAW,CAAC;UACfF,SAAS,EAAEA;QACb,CAAC,EAAiBD,QAAQ,CAAC;MAC7B,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,MAAM;MACLA,QAAQ,IAAIA,QAAQ,CAAC,CAAC;IACxB;EACF;EAEAI,UAAUA,CAACC,OAAkB,EAAE;IAC7B,MAAMC,CAAC,GAAG,IAAI,CAAC3B,QAAQ,CAAC4B,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACxC,KAAK,CAACyC,IAAI,KAAKJ,OAAO,CAACrC,KAAK,CAACyC,IAAI,CAAC;IAC3E,IAAIH,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAAC3B,QAAQ,CAAC2B,CAAC,CAAC,GAAGD,OAAO;IAC5B,CAAC,MAAM;MACL,IAAI,CAAC1B,QAAQ,CAAC,IAAI,CAAC+B,QAAQ,EAAE,CAAC,GAAGL,OAAO;IAC1C;EACF;EAEAM,aAAaA,CAACN,OAAkB,EAAE;IAChC,IAAI,CAACb,OAAO,CAAC,IAAI,CAACb,QAAQ,CAACiC,OAAO,CAACP,OAAO,CAAC,CAAC;EAC9C;EAEA,IAAIQ,eAAeA,CAAA,EAAG;IACpB,OAAO,IAAI,CAAClC,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;EACnD;EAEAkB,OAAOA,CAAA,EAAsC;IAAA,IAAAsB,gBAAA,EAAAC,mBAAA;IAAA,IAArCrB,KAAK,GAAA7B,SAAA,CAAAe,MAAA,QAAAf,SAAA,QAAAmD,SAAA,GAAAnD,SAAA,MAAG,IAAI,CAACQ,KAAK,CAACC,gBAAgB;IACzC,MAAM2C,QAAQ,GAAG,CAAC,CAAC,GAAGvB,KAAK,IAAI,EAAAoB,gBAAA,OAAI,CAACtC,SAAS,cAAAsC,gBAAA,uBAAdA,gBAAA,CAAgBrC,KAAK,KAAI,CAAC,CAAC;IAC1D,CAAAsC,mBAAA,OAAI,CAACG,aAAa,cAAAH,mBAAA,uBAAlBA,mBAAA,CAAoBI,WAAW,CAACF,QAAQ,CAAC,CACtCG,IAAI,CAAC,MAAM,IAAI,CAACnC,QAAQ,CAACS,KAAK,CAAC,CAAC;EACrC;EAEA2B,IAAIA,CAAA,EAAG;IAAA,IAAAC,oBAAA;IACL,CAAAA,oBAAA,OAAI,CAACJ,aAAa,cAAAI,oBAAA,uBAAlBA,oBAAA,CAAoBC,SAAS,CAAC,CAAC;EACjC;EAEAC,IAAIA,CAAA,EAAG;IAAA,IAAAC,oBAAA;IACL,CAAAA,oBAAA,OAAI,CAACP,aAAa,cAAAO,oBAAA,uBAAlBA,oBAAA,CAAoBF,SAAS,CAAC,CAAC;EACjC;EAEAtC,QAAQA,CAACyB,QAAgB,EAAE;IACzB,IAAIA,QAAQ,GAAG,CAAC,IAAIA,QAAQ,IAAI,IAAI,CAAC/B,QAAQ,CAACC,MAAM,EAAE;MACpD;IACF;IACA,MAAM8C,QAAQ,GAAG,IAAI,CAACrD,KAAK,CAACC,gBAAgB;IAC5C,MAAMqD,aAAa,GAAG,IAAI,CAAChD,QAAQ,CAAC,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;IAChE,IAAI,CAACoC,QAAQ,GAAGA,QAAQ;IACxBiB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,WAAW,CAAC,CAAC;IAC5B,IAAI,CAACzB,WAAW,CAAC;MACf7B,gBAAgB,EAAEoC;IACpB,CAAC,EAAiB,MAAM;MACtB,IAAI,CAACZ,WAAW,CAACY,QAAQ,EAAE,MAAM;QAC/B,MAAMmB,WAAW,GAAG,IAAI,CAAClD,QAAQ,CAAC+B,QAAQ,CAAC;QAC3CmB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEC,SAAS,CAAC,CAAC;QACxB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAACC,KAAK,EAAEtB,QAAQ,EAAEgB,QAAQ,CAAC,CAAC;MAC5E,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEOO,cAAcA,CAACjE,KAAkB,EAAC;IACvC,MAAMW,QAAQ,GAAIzB,KAAK,CAACgF,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACnE,KAAK,CAACoE,QAAQ,CAAC,CAC5DC,MAAM,CAAC,CAACC,IAAS,EAAE5C,KAAa,KAAK4C,IAAI,CAACtE,KAAK,CAACuE,IAAI,IAAI,KAAK,CAAC;IAC/D,MAAMC,UAAU,GAAG7D,QAAQ,CAAC8D,GAAG,CAAC,CAACC,CAAM,EAAEpC,CAAS,MAC/C;MAACqC,KAAK,EAAED,CAAC,CAAC1E,KAAK,CAAC2E,KAAK,IAAI,WAAW;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAI,OAAMH,CAAC,CAAC1E,KAAK,CAAC2E,KAAM,IAAGrC,CAAE;IAAC,CAAC,CAAC,CAAC;IACvF,oBACEpD,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MAAC4F,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEC,iBAAiB,EAAE;MAAC,CAAC;IAAE,gBACzDhG,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MAACgG,QAAQ,EAAE,IAAI,CAAChE,YAAY,CAACiE,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACtE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7EvB,KAAA,CAAA4F,aAAA,CAACpF,WAAW;MACVsF,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBe,YAAY,EAAE,IAAI,CAACvF,KAAK,CAACuF,YAAa;MACtCjF,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC;IAAiB,CAClC,CAAC,eACfpB,KAAA,CAAA4F,aAAA,CAAC3F;IACC;IAAA;MACA4F,KAAK,EAAE;QACLtE,KAAK,EAAE,MAAM;QACb;QACA+E,QAAQ,EAAE;MACZ;IAAE,gBACFtG,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MAAC4F,KAAK,EAAE;QACXU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE;MACZ;IAAE,GACC/E,QAAQ,CAAC8D,GAAG,CAAC,CAACC,CAAM,EAAEpC,CAAC,KAAK;MAC3B,oBACApD,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;QACH0F,GAAG,EAAG,OAAMH,CAAC,CAAC1E,KAAK,CAAC2E,KAAM,IAAGrC,CAAE,EAAE;QACjCyC,KAAK,EAAE;UAACtE,KAAK,EAAE,MAAM;UAAEkF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAAC1D,iBAAiB,CAAC2D,IAAI,CAAC,IAAI,EAAE9C,CAAC;MAAE,GAE9CoC,CACG,CAAC;IACT,CAAC,CACG,CACF,CACF,CAAC;EAGT;EAEOkB,gBAAgBA,CAACnD,IAAY,EAAEoD,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACF,gBAAgB,CAACnD,IAAI,EAAEoD,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOrD,IAAI;MACT,KAAK,kBAAkB;QACrB,MAAMsD,aAAa,GAAGF,IAAI,IAAI,CAAC;QAC/B,MAAM5D,SAAoB,GAAG,EAAE;QAC/BA,SAAS,CAAC8D,aAAa,CAAC,GAAG,IAAI;QAC/B,IAAI,CAAC5D,WAAW,CAAC;UACf7B,gBAAgB,EAAEyF,aAAa;UAC/B9D,SAAS,EAAEA;QACb,CAAgB,CAAC;IACrB;EACF;EAEA+D,YAAYA,CAAChG,KAAkB,EAAE;IAC/B,MAAMW,QAAQ,GAAIzB,KAAK,CAACgF,QAAQ,CAACC,OAAO,CAACnE,KAAK,CAACoE,QAAQ,CAAC,CACrDC,MAAM,CAAC,CAACC,IAAS,EAAE5C,KAAa,KAAK4C,IAAI,CAACtE,KAAK,CAACuE,IAAI,IAAI,KAAK,CAAC;IACjE,MAAMC,UAAU,GAAG7D,QAAQ,CAAC8D,GAAG,CAAC,CAACC,CAAM,EAAEpC,CAAS,MAC/C;MAACqC,KAAK,EAAED,CAAC,CAAC1E,KAAK,CAAC2E,KAAK,IAAI,WAAW;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAI,OAAMH,CAAC,CAAC1E,KAAK,CAAC2E,KAAM,IAAGrC,CAAE;IAAC,CAAC,CAAC,CAAC;IACvF,oBACEpD,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MAAC4F,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACgB,WAAW,eACjB/G,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MAACgG,QAAQ,EAAE,IAAI,CAAChE,YAAY,CAACiE,IAAI,CAAC,IAAI,CAAE;MAACL,KAAK,EAAE;QAACtE,KAAK,EAAE;MAAM;IAAE,CAAO,CAAC,eAC7EvB,KAAA,CAAA4F,aAAA,CAACpF,WAAW;MACVwG,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC9BnB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,SAAU;MAC9BC,IAAI,EAAEd,UAAW;MACjBlE,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC,gBAAiB;MAC9C8F,aAAa,EAAE,IAAI,CAAC5E,OAAO,CAAC4D,IAAI,CAAC,IAAI;IAAE,CAC3B,CAAC,eACflG,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;MACH4F,KAAK,EAAE,CAAC;QACNtE,KAAK,EAAE,MAAM;QACb4F,IAAI,EAAE;MACR,CAAC,EAAE,IAAI,CAACrB,MAAM,CAACC,IAAI,CAACpD,MAAM,GACzBtC,gBAAgB,CAAC,CAAC,GAAG;QAAC,YAAY,EAAE,QAAQ;QAAC,YAAY,EAAE;MAAM,CAAC,GAAU;QAACiG,QAAQ,EAAE;MAAQ,CAAC,GAC/F;QACAA,QAAQ,EAAE,QAAQ;QAClBc,SAAS,EAAE,IAAI,CAAC1E,cAAc,CAAC,IAAI,CAACvB,KAAK,CAACC,gBAAgB;MAC5D,CAAC,EAAE,IAAI,CAAC0E,MAAM,CAACuB,UAAU;IAAE,gBAC3BrH,KAAA,CAAA4F,aAAA,CAACxF,cAAc,CAACH,IAAI;MAClBqH,cAAc,EAAExG,KAAK,CAACyG,cAAe;MACrC1B,KAAK,EAAE;QACLU,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE,QAAQ;QAClBgB,UAAU,EAAE;MACd,CAAE;MACFC,SAAS,EAAC,YAAY;MACtBC,GAAG,EAAGC,CAAC,IAAK;QAAC,IAAI,CAAC3D,aAAa,GAAG2D,CAAC;MAAA,CAAE;MACrCC,QAAQ,EAAI,IAAI,CAACC;IAAkB,GAElCpG,QAAQ,CAAC8D,GAAG,CAAC,CAACC,CAAM,EAAEpC,CAAC,KAAK;MAC3B,oBACApD,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;QACH0F,GAAG,EAAG,OAAMH,CAAC,CAAC1E,KAAK,CAAC2E,KAAM,IAAGrC,CAAE,EAAE;QACjCyC,KAAK,EAAE;UACLtE,KAAK,EAAE,MAAM;UACboB,MAAM,EAAE,IAAI,CAACmD,MAAM,CAACC,IAAI,CAACpD,MAAM,GAAImB,SAAS,GAAG,OAAO;UACtD2C,SAAS,EAAE;QAAY;MAAE,gBAC3BzG,KAAA,CAAA4F,aAAA,CAAC3F,IAAI;QACH4F,KAAK,EAAE;UAACtE,KAAK,EAAE,MAAM;UAAEkF,SAAS,EAAE;QAAY,CAAE;QAChDR,QAAQ,EAAE,IAAI,CAAC1D,iBAAiB,CAAC2D,IAAI,CAAC,IAAI,EAAE9C,CAAC;MAAE,GAE9CoC,CACG,CACF,CAAC;IACT,CAAC,CACkB,CACjB,CACF,CAAC;EAEX;AACF"}

{app-rn-runtime → package}/components/container/wizard/wizard.component.js

@@ -185,7 +185,7 @@ export default class WmWizard extends BaseComponent {
         }
       }),
       iconclass: item.state.props.iconclass || 'wm-sl-l sl-check'
-    })), (isNumberTextLayout && isActiveStep || !isNumberTextLayout) && /*#__PURE__*/React.createElement(Text, {
+    })), isActiveStep && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.stepTitle
     }, item.state.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.numberTextStepConnector, {