@wavemaker/app-rn-runtime 11.10.3-next.27794 → 11.10.3-next.27799

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","Svg","AccessibilityWidgetType","getAccessibilityProps","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","viewRef","current","measureInWindow","chartX","chartY","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","tooltipX","pageX","tooltipY","pageY","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","ref","standalone","colorScale","endAngle","theme","isRTL","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","centerLabel","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport { VictoryLabel, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    if (!this.viewRef.current) return;\n    this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    const nativeEvent = event.nativeEvent;\n    let tooltipX = nativeEvent.pageX - chartX;\n    let tooltipY = nativeEvent.pageY - chartY;\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index },\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx, \n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as any);\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n    });\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }   \n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n        {this.getTooltip()}\n          <View style={{flex: 1}} ref={this.viewRef}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\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              <VictoryLabel\n                textAnchor=\"middle\"\n                style={{ ...this.styles.centerLabel, fill: this.styles.centerLabel.color }}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","Svg","AccessibilityWidgetType","getAccessibilityProps","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","onSelect","event","data","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","setTooltipPosition","tooltipXaxis","tooltipYaxis","isTooltipOpen","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","_extends","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","getTooltip","flex","standalone","colorScale","endAngle","theme","isRTL","toReversed","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","centerLabel","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    const nativeEvent = event.nativeEvent;\n    this.setTooltipPosition(nativeEvent);\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n    } as WmPieChartState)\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }   \n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        onLayout={this.onViewLayoutChange}\n        key={`${props.title}_pie_chart`}\n        >\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n        {this.getTooltip()}\n          <View style={{flex: 1}}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={this.isRTL?pieData.toReversed():pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\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              <VictoryLabel\n                textAnchor=\"middle\"\n                style={{ ...this.styles.centerLabel, fill: this.styles.centerLabel.color }}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACtE,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,SAASC,YAAY,EAAiBC,UAAU,QAAQ,gBAAgB;AAExE,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,iBAAiB,MAAM,0EAA0E;AACxG,SAASC,MAAM,QAAQ,4BAA4B;AAGnD,OAAO,MAAMC,eAAe,SAASH,uBAAuB,CAAkB;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC/D,CAAC;IAAAA,eAAA,sBACA,CAAC;IAAAA,eAAA,qBACF,EAAE;IAAAA,eAAA,sBACD,CAAC;IAAAA,eAAA,uBACA,CAAC;IAAAA,eAAA,kBACN,CAAC;EAAA;AACb;AAEA,eAAe,MAAMC,UAAU,SAASR,kBAAkB,CAAqD;EAE7GK,WAAWA,CAACI,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAEY,KAAK,CAACC,IAAI,KAAK,OAAO,GAAG,IAAIR,iBAAiB,CAAC,CAAC,GAAG,IAAIN,eAAe,CAAC,CAAC,EAAE,IAAIQ,eAAe,CAAC,CAAC,CAAC;IAACG,eAAA,6BAOzGI,CAAoB,IAAK;MAAA,IAAAC,cAAA;MAC7C,IAAIC,SAAS,GAAGF,CAAC,CAACG,WAAW,CAACC,MAAM,CAACC,KAAK;MAC1C,IAAI,CAACC,WAAW,CAAC;QACfC,UAAU,EAAEL,SAAS;QACrBM,WAAW,GAAAP,cAAA,GAAED,CAAC,CAACG,WAAW,cAAAF,cAAA,uBAAbA,cAAA,CAAeG,MAAM,CAACK;MACrC,CAAoB,CAAC;IACvB,CAAC;IAAAb,eAAA,iCAEyBI,CAAoB,IAAK;MAAA,IAAAU,eAAA;MACjD,IAAI,CAACJ,WAAW,CAAC;QACfK,UAAU,GAAAD,eAAA,GAAEV,CAAC,CAACG,WAAW,cAAAO,eAAA,uBAAbA,eAAA,CAAeN,MAAM,CAACK,MAAM;QACxCG,OAAO,EAAE;MACX,CAAoB,CAAC;IACvB,CAAC;IAAAhB,eAAA,mCAE2BI,CAAoB,IAAK;MAAA,IAAAa,eAAA,EAAAC,eAAA;MACnD,IAAI,CAACR,WAAW,CAAC;QACfS,WAAW,GAAAF,eAAA,GAAEb,CAAC,CAACG,WAAW,cAAAU,eAAA,uBAAbA,eAAA,CAAeT,MAAM,CAACC,KAAK;QACxCW,YAAY,GAAAF,eAAA,GAAEd,CAAC,CAACG,WAAW,cAAAW,eAAA,uBAAbA,eAAA,CAAeV,MAAM,CAACK;MACtC,CAAoB,CAAC;IACvB,CAAC;EA1BD;EAEAQ,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;EAC3B;EAwBAC,QAAQA,CAACC,CAAmB,EAAErB,KAAsB,EAAU;IAC1D,QAAOA,KAAK,CAACsB,SAAS;MACpB,KAAK,SAAS;QAAE;UACd,OAAOC,IAAI,CAACC,KAAK,CAACH,CAAC,CAACI,CAAC,GAAG,GAAG,GAAE,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,GAAG,GAAG;QACtD;MACA,KAAK,KAAK;QAAE;UACV,OAAO,IAAI,CAACD,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC;QACxC;MACA,KAAK,OAAO;QAAE;UACZ,OAAOxC,mBAAmB,CAACgC,CAAC,CAACI,CAAC,CAAC;QACjC;MACA,KAAK,WAAW;QAAE;UAChB,OAAO,IAAI,CAACC,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC,GAAG,GAAG,GAAGR,CAAC,CAACI,CAAC;QACpD;IACF;EACJ;EAEAK,QAAQA,CAACC,KAAU,EAAEC,IAAS,EAAC;IAC7B,IAAIC,KAAK,GAAGD,IAAI,CAACE,KAAK,CAACD,KAAK;IAC5B,IAAIE,KAAK,GAAG,IAAI,CAACT,KAAK,CAACE,eAAe,CAACI,IAAI,CAACI,KAAK,CAACP,CAAC,CAAC;IACpD,IAAIQ,YAAY,GAAG,IAAI,CAACrC,KAAK,CAACsC,OAAO,CAACN,IAAI,CAACO,KAAK,CAAC;IACjD,IAAIC,iBAAiB,GAAGR,IAAI,CAACE,KAAK;IAClCM,iBAAiB,CAAC,MAAM,CAAC,GAAG;MAACX,CAAC,EAAEM,KAAK;MAAEV,CAAC,EAAEQ,KAAK;MAAEQ,KAAK,EAAET,IAAI,CAACU,KAAK,CAACC,IAAI;MAAEC,QAAQ,EAAEP;IAAY,CAAC;IAChG,MAAMhC,WAAW,GAAG0B,KAAK,CAAC1B,WAAW;IACrC,IAAI,CAACwC,kBAAkB,CAACxC,WAAW,CAAC;IACpC,IAAI,CAACG,WAAW,CAAC;MACfsC,YAAY,EAAEX,KAAK;MACnBY,YAAY,EAAEd,KAAK;MACnBe,aAAa,EAAE,IAAI;MACnBX,YAAY,EAAE;QAAC,GAAGA,YAAY;QAAEE,KAAK,EAAEP,IAAI,CAACO;MAAK;IACnD,CAAoB,CAAC;IACrB,IAAI,CAACU,mBAAmB,CAAC,UAAU,EAAE,CAAClB,KAAK,CAAC1B,WAAW,EAAE,IAAI,CAAC6C,KAAK,EAAEb,YAAY,EAAEG,iBAAiB,CAAE,CAAC;EACzG;EAEAW,YAAYA,CAACnD,KAAsB,EAAE;IACnC,IAAI,CAACiD,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACxB,KAAK,CAACM,IAAI,CAACoB,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,MAAMC,OAAO,GAAG,IAAI,CAAC3B,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;IAClC,MAAMvB,UAAU,GAAG,IAAI,CAACiB,KAAK,CAACjB,UAAU,IACnCT,KAAK,CAACsD,UAAU,KAAK,OAAO,GAAG,IAAI,CAAC5B,KAAK,CAACT,WAAW,GAAG,CAAC,CAAC;IAC/D,MAAMsC,WAAW,GAAG,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC9C,MAAM,GAAG,IAAI,CAACe,KAAK,CAAChB,WAAW,GAAGD,UAAU,IAC9E,IAAI,CAACiB,KAAK,CAACb,UAAU,IACpBb,KAAK,CAACsD,UAAU,KAAK,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC5B,KAAK,CAACR,YAAY,CAAC;IAChE,IAAIwC,MAAM,GAAG,CAACnC,IAAI,CAACoC,GAAG,CAAClD,UAAU,EAAE8C,WAAW,CAAC,GAAG,EAAE,IAAG,CAAC;IACxD,IAAIK,WAAW,GAAG5D,KAAK,CAAC6D,UAAU,GAAGH,MAAM;IAC3C,IAAII,SAAS,GAAG,CAAC,CAAC;IAClB,IAAIC,WAAW;IACf,IAAI/D,KAAK,CAACgE,UAAU,KAAK,MAAM,EAAE;MAC/BF,SAAS,GAAC;QAACG,MAAM,EAAE;UAAEC,OAAO,EAAE;QAAO;MAAC,CAAC;IACzC,CAAC,MAAM,IAAIlE,KAAK,CAACgE,UAAU,KAAK,QAAQ,EAAE;MACxCD,WAAW,GAAGL,MAAM,GAAC,CAAC;IACxB,CAAC,MAAM;MACLK,WAAW,GAAGL,MAAM,GAAG,CAAC;IAC1B;IACA,MAAMS,MAAM,GAAG;MAACtC,CAAC,EAAGpB,UAAU,GAAC,CAAE;MAAEgB,CAAC,EAAG8B,WAAW,GAAC;IAAE,CAAC;IACtD,MAAMa,WAAW,GAAGpE,KAAK,CAACsD,UAAU,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;IAC5E,IAAIe,UAAU,GAAGhB,OAAO,CAACiB,GAAG,CAAC,CAACjD,CAAmB,EAAEkB,KAAa,KAAK;MACnE,OAAO;QACLgC,IAAI,EAAE,IAAI,CAAC7C,KAAK,CAACE,eAAe,CAACP,CAAC,CAACQ,CAAC,CAAC;QACrCY,KAAK,EAAE,IAAI,CAACf,KAAK,CAAC8C,MAAM,CAACjC,KAAK,GAAI,IAAI,CAACb,KAAK,CAAC8C,MAAM,CAACpB,MAAO;MAC7D,CAAC;IACH,CAAC,CAAC;IACF,oBACE1E,KAAA,CAAA+F,aAAA,CAAC9F,IAAI,EAAA+F,QAAA;MAAChC,KAAK,EAAE,CAAC;QAAC5B,OAAO,EAAE,IAAI,CAACY,KAAK,CAACZ;MAAO,CAAC,EAAE,IAAI,CAAC0C,MAAM,CAACC,IAAI;IAAE,GACzDzE,qBAAqB,CAACD,uBAAuB,CAAC4F,SAAS,EAAE3E,KAAK,CAAC;MACnE4E,QAAQ,EAAE,IAAI,CAACC,kBAAmB;MAClCC,GAAG,EAAE,GAAG9E,KAAK,CAAC+E,KAAK;IAAa,iBAEhCrG,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAACiG,QAAQ,EAAE,IAAI,CAACI;IAAuB,gBAC1CtG,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAAC+D,KAAK,EAAE;QAACuC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ;IAAE,GACvDlF,KAAK,CAACmF,SAAS,gBAAIzG,KAAA,CAAA+F,aAAA,CAACnF,MAAM;MAAC6F,SAAS,EAAEnF,KAAK,CAACmF,SAAU;MAAC3B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC4B;IAAK,CAAS,CAAC,GAAI,IAAI,eACnG1G,KAAA,CAAA+F,aAAA,CAAC7F,IAAI;MAAC8D,KAAK,EAAE,IAAI,CAACc,MAAM,CAACuB;IAAM,GAAE/E,KAAK,CAAC+E,KAAY,CAC/C,CAAC,eACPrG,KAAA,CAAA+F,aAAA,CAAC7F,IAAI;MAAC8D,KAAK,EAAE,IAAI,CAACc,MAAM,CAAC6B;IAAW,GAAErF,KAAK,CAACsF,UAAiB,CACzD,CAAC,EACNtF,KAAK,CAACsD,UAAU,KAAK,KAAK,gBACxB5E,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAACiG,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBAC7C7G,KAAA,CAAA+F,aAAA,CAAC/E,MAAM;MAACsC,IAAI,EAAEqC,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC;IAAW,CAAS,CACxC,CAAC,GAAI,IAAI,eACjBjH,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAAC+D,KAAK,EAAE;QAACuC,aAAa,EAAE,KAAK;QAAEW,cAAc,EAAE,QAAQ;QAAEV,UAAU,EAAE;MAAQ;IAAE,GACnF,IAAI,CAACW,UAAU,CAAC,CAAC,eAChBnH,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAAC+D,KAAK,EAAE;QAACoD,IAAI,EAAE;MAAC;IAAE,GACpBrF,UAAU,gBACX/B,KAAA,CAAA+F,aAAA,CAAC3F,GAAG;MACFyB,KAAK,EAAEE,UAAW;MAClBE,MAAM,EAAE4C;IAAY,gBAEpB7E,KAAA,CAAA+F,aAAA,CAACvF,UAAU;MACTwD,KAAK,EAAEoB,SAAU;MACjBiC,UAAU,EAAE,KAAM;MAClBC,UAAU,EAAE,IAAI,CAACtE,KAAK,CAAC8C,MAAO;MAC9BP,MAAM,EAAEA,CAAC;QAAC7B;MAAK,CAAC,KAAK,IAAI,CAAChB,QAAQ,CAACgB,KAAK,EAAEpC,KAAK,CAAE;MACjDiG,QAAQ,EAAE,IAAI,CAACvE,KAAK,CAACuE,QAAQ,IAAI,CAAE;MACnCvC,MAAM,EAAEA,MAAO;MACfE,WAAW,EAAEA,WAAY;MACzBsC,KAAK,EAAE,IAAI,CAACxE,KAAK,CAACwE,KAAM;MACxBpB,GAAG,EAAE9E,KAAK,CAACuE,IAAK;MAChBA,IAAI,EAAEvE,KAAK,CAACuE,IAAK;MACjBvC,IAAI,EAAE,IAAI,CAACmE,KAAK,GAAC9C,OAAO,CAAC+C,UAAU,CAAC,CAAC,GAAC/C,OAAQ;MAC9Cc,MAAM,EAAEA,MAAO;MACfkC,cAAc,EAAErG,KAAK,CAACsG,cAAe;MACrCvC,WAAW,EAAEA,WAAY;MACzBwC,MAAM,EAAE,CAAC;QACPC,MAAM,EAAE,MAAM;QACdC,aAAa,EAAE5H,QAAQ,CAAC6H,EAAE,IAAI,KAAK,GAAG;UACpCC,OAAO,EAAE,IAAI,CAAC7E,QAAQ,CAAC8E,IAAI,CAAC,IAAI;QAClC,CAAC,GAAC;UACAC,OAAO,EAAE,IAAI,CAAC/E,QAAQ,CAAC8E,IAAI,CAAC,IAAI;QAClC;MACF,CAAC;IAAE,CACJ,CAAC,eACFlI,KAAA,CAAA+F,aAAA,CAACxF,YAAY;MACX6H,UAAU,EAAC,QAAQ;MACnBpE,KAAK,EAAE;QAAE,GAAG,IAAI,CAACc,MAAM,CAACuD,WAAW;QAAEpE,IAAI,EAAE,IAAI,CAACa,MAAM,CAACuD,WAAW,CAACtE;MAAM,CAAE;MAC3EZ,CAAC,EAAEsC,MAAM,CAACtC,CAAE;MAACJ,CAAC,EAAE0C,MAAM,CAAC1C,CAAE;MACzBuF,IAAI,EAAEhH,KAAK,CAACiH;IAAY,CACzB,CACE,CAAC,GAAI,IACN,CAAC,EACNjH,KAAK,CAACsD,UAAU,KAAK,OAAO,gBAC1B5E,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAAC+D,KAAK,EAAE;QAACwE,QAAQ,EAAE;MAAK,CAAE;MAACtC,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBACvE7G,KAAA,CAAA+F,aAAA,CAAC/E,MAAM;MAACsC,IAAI,EAAEqC,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC,UAAW;MACjCvB,WAAW,EAAC;IAAU,CAAS,CAC7B,CAAC,GAAI,IACT,CAAC,EACNpE,KAAK,CAACsD,UAAU,KAAK,QAAQ,gBAC3B5E,KAAA,CAAA+F,aAAA,CAAC9F,IAAI;MAACiG,QAAQ,EAAE,IAAI,CAACW;IAAyB,gBAC7C7G,KAAA,CAAA+F,aAAA,CAAC/E,MAAM;MAACsC,IAAI,EAAEqC,UAAW;MACvBmB,SAAS,EAAE,IAAI,CAAChC,MAAM,CAACiC,UAAW;MAClCC,QAAQ,EAAE,IAAI,CAAClC,MAAM,CAACmC;IAAW,CAAS,CACxC,CAAC,GAAI,IACT,CAAC;EAEX;AACF","ignoreList":[]}

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

@@ -241,36 +241,30 @@ export default class WmStackChart extends BaseChartComponent {
     return ticks;
   }
   onSelect(event, data) {
-    if (!this.viewRef.current) return;
-    this.viewRef.current.measureInWindow((chartX, chartY) => {
-      let props = this.state.props;
-      let index = data.datum.index;
-      let yaxisKey = props.yaxisdatakey;
-      let label = this.state.xaxisDatakeyArr[index];
-      let value = props.dataset[index][yaxisKey];
-      let selectedItem = props.dataset[index];
-      let selectedChartItem = [{
-        series: 0,
-        x: index,
-        y: value,
-        _dataObj: selectedItem
-      }, index];
-      const nativeEvent = event.nativeEvent;
-      let tooltipX = nativeEvent.pageX - chartX;
-      let tooltipY = nativeEvent.pageY - chartY;
-      this.updateState({
-        tooltipXaxis: label,
-        tooltipYaxis: value,
-        isTooltipOpen: true,
-        selectedItem: {
-          ...selectedItem,
-          index: index
-        },
-        tooltipXPosition: tooltipX - this.state.tooltipoffsetx,
-        tooltipYPosition: tooltipY - this.state.tooltipoffsety
-      });
-      this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
+    let props = this.state.props;
+    let index = data.datum.index;
+    let yaxisKey = props.yaxisdatakey;
+    let label = this.state.xaxisDatakeyArr[index];
+    let value = props.dataset[index][yaxisKey];
+    let selectedItem = props.dataset[index];
+    let selectedChartItem = [{
+      series: 0,
+      x: index,
+      y: value,
+      _dataObj: selectedItem
+    }, index];
+    const nativeEvent = event.nativeEvent;
+    this.setTooltipPosition(nativeEvent);
+    this.updateState({
+      tooltipXaxis: label,
+      tooltipYaxis: value,
+      isTooltipOpen: true,
+      selectedItem: {
+        ...selectedItem,
+        index: index
+      }
     });
+    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem]);
   }
   renderWidget(props) {
     this.invokeEventCallback('onBeforerender', [this.proxy, null]);
@@ -284,9 +278,7 @@ export default class WmStackChart extends BaseChartComponent {
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
       style: this.styles.root,
       onLayout: this.onViewLayoutChange
-    }), this.getTooltip(), props.viewtype === 'Bar' ? /*#__PURE__*/React.createElement(View, {
-      ref: this.viewRef
-    }, /*#__PURE__*/React.createElement(VictoryChart, {
+    }), this.getTooltip(), props.viewtype === 'Bar' ? /*#__PURE__*/React.createElement(VictoryChart, {
       theme: this.state.theme,
       minDomain: mindomain,
       height: this.styles.root.height,
@@ -339,9 +331,7 @@ export default class WmStackChart extends BaseChartComponent {
     }), /*#__PURE__*/React.createElement(VictoryStack, {
       colorScale: this.updateColors(),
       horizontal: true
-    }, this.getBarChart(props)))) : /*#__PURE__*/React.createElement(View, {
-      ref: this.viewRef
-    }, /*#__PURE__*/React.createElement(Svg, {
+    }, this.getBarChart(props))) : /*#__PURE__*/React.createElement(Svg, {
       width: this.state.chartWidth,
       height: this.state.chartHeight
     }, /*#__PURE__*/React.createElement(VictoryLegend, {
@@ -352,7 +342,7 @@ export default class WmStackChart extends BaseChartComponent {
       gutter: 20,
       data: [],
       theme: this.state.theme
-    }), this.getArcChart(props), this.getArcAxis())));
+    }), this.getArcChart(props), this.getArcAxis()));
   }
 }
 //# sourceMappingURL=stack-chart.component.js.map

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

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

package/components/page/page-content/page-content.component.js

@@ -11,7 +11,6 @@ import { DEFAULT_CLASS } from './page-content.styles';
 import { ScrollView } from 'react-native-gesture-handler';
 import WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
-import { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
 export class WmPageContentState extends BaseComponentState {}
 export default class WmPageContent extends BaseComponent {
   constructor(props) {
@@ -79,7 +78,7 @@ export default class WmPageContent extends BaseComponent {
         style: {
           flex: 1
         }
-      }, /*#__PURE__*/React.createElement(FixedViewContainer, null, /*#__PURE__*/React.createElement(ScrollView, {
+      }, /*#__PURE__*/React.createElement(ScrollView, {
         ref: this.scrollRef,
         contentContainerStyle: [this.styles.root, {
           backgroundColor: 'transparent'
@@ -89,7 +88,7 @@ export default class WmPageContent extends BaseComponent {
           this.notify('scroll', [event]);
         },
         scrollEventThrottle: 48
-      }, props.children)));
+      }, props.children));
     })) : /*#__PURE__*/React.createElement(View, {
       style: [this.styles.root, {
         backgroundColor: this._showSkeleton ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor
@@ -108,7 +107,7 @@ export default class WmPageContent extends BaseComponent {
         style: {
           flex: 1
         }
-      }, /*#__PURE__*/React.createElement(FixedViewContainer, null, this._background, props.children));
+      }, this._background, props.children);
     }));
   }
 }

package/components/page/page-content/page-content.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","ScrollView","WmLottie","SafeAreaInsetsContext","FixedViewContainer","WmPageContentState","WmPageContent","constructor","props","_defineProperty","hideMode","DONOT_ADD_TO_DOM","scrollRef","subscribe","args","scrollTo","_this$scrollRef","current","scrollToEnd","position","_this$scrollRef2","x","y","Animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","scrollable","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","keyboardOffset","verticalOffset","OS","behavior","undefined","keyboardVerticalOffset","flex","ref","contentContainerStyle","showsVerticalScrollIndicator","onScroll","event","notify","scrollEventThrottle","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n\n}\n\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args)\n    })\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current.scrollToEnd();\n    })\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current.scrollTo({\n      x: position.x,\n      y: position.y,\n      Animated: true\n    });\n  }\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    } \n    return null;\n  }  \n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    //     return ((props.scrollable || isWebPreviewMode()) && !this._showSkeleton) ? (\n      return (props.scrollable || isWebPreviewMode()) ? (\n        <View style={{height: '100%', width: '100%', backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor}}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          const keyboardOffset = insets?.bottom || 0;\n          const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + 100 : keyboardOffset;\n          return (\n            <KeyboardAvoidingView\n              behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n              keyboardVerticalOffset={verticalOffset}\n              style={{ flex: 1 }}>\n              <FixedViewContainer>\n                <ScrollView \n                  ref={this.scrollRef}\n                  contentContainerStyle={[this.styles.root, {backgroundColor: 'transparent'}]}\n                  showsVerticalScrollIndicator={showScrollbar}\n                  onScroll={(event) => {this.notify('scroll', [event])}}\n                  scrollEventThrottle={48}>\n                    {props.children}\n                </ScrollView>\n              </FixedViewContainer>\n            </KeyboardAvoidingView>\n          )}}\n      </SafeAreaInsetsContext.Consumer>\n      </View>      \n      ) : (\n        <View style={[this.styles.root,\n            {backgroundColor: this._showSkeleton ?\n              this.styles.skeleton.root.backgroundColor : \n              this.styles.root.backgroundColor}]}>\n          <SafeAreaInsetsContext.Consumer>\n            {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n              const keyboardOffset = insets?.bottom || 0;\n              const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + 100 : keyboardOffset;\n              return (\n                <KeyboardAvoidingView\n                  behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                  keyboardVerticalOffset={verticalOffset}\n                  style={{ flex: 1 }}>\n                  <FixedViewContainer>\n                    {this._background}\n                    {props.children}\n                  </FixedViewContainer>\n                </KeyboardAvoidingView>\n              )}}\n          </SafeAreaInsetsContext.Consumer>\n        </View>\n      );\n    }\n  }\n      "],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAmB,OAAO;AACnD,SAASC,oBAAoB,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AACnE,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAC1E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,SAASC,kBAAkB,QAAQ,qDAAqD;AAExF,OAAO,MAAMC,kBAAkB,SAASP,kBAAkB,CAAqB;AAI/E,eAAe,MAAMQ,aAAa,SAAST,aAAa,CAA8D;EAGpHU,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;IAACU,eAAA;IACtD,IAAI,CAACC,QAAQ,GAAGd,QAAQ,CAACe,gBAAgB;IACzC,IAAI,CAACC,SAAS,gBAAGrB,SAAS,CAAC,CAAC;IAC5B,IAAI,CAACsB,SAAS,CAAC,kBAAkB,EAAGC,IAAS,IAAK;MAChD,IAAI,CAACC,QAAQ,CAACD,IAAI,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,CAACD,SAAS,CAAC,aAAa,EAAE,MAAM;MAAA,IAAAG,eAAA;MAClC,CAAAA,eAAA,OAAI,CAACJ,SAAS,cAAAI,eAAA,eAAdA,eAAA,CAAgBC,OAAO,CAACC,WAAW,CAAC,CAAC;IACvC,CAAC,CAAC;EACJ;EAEOH,QAAQA,CAACI,QAAgC,EAAC;IAAA,IAAAC,gBAAA;IAC/C,CAAAA,gBAAA,OAAI,CAACR,SAAS,cAAAQ,gBAAA,eAAdA,gBAAA,CAAgBH,OAAO,CAACF,QAAQ,CAAC;MAC/BM,CAAC,EAAEF,QAAQ,CAACE,CAAC;MACbC,CAAC,EAAEH,QAAQ,CAACG,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;EAEOC,cAAcA,CAAChB,KAAyB,EAAmB;IAChE,IAAG,IAAI,CAACA,KAAK,CAACiB,yBAAyB,EAAE;MACvC,oBAAOnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;QAACiC,KAAK,EAAE,CAAC;UAACC,KAAK,EAAE;QAAM,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI;MAAE,gBACvDxC,KAAA,CAAAoC,aAAA,CAACxB,QAAQ;QAAC2B,MAAM,EAAE;UAAEE,OAAO,EAAE;YAAC,GAAG,IAAI,CAACF,MAAM,CAACC,IAAI;YAAE,GAAG,IAAI,CAACD,MAAM,CAACG,QAAQ,CAACF;UAAI;QAAE,CAAE;QAACG,MAAM,EAAE,IAAI,CAACzB,KAAK,CAACiB,yBAA0B;QAACS,IAAI,EAAE,IAAK;QAACC,QAAQ,EAAE,IAAK;QAACC,KAAK,EAAE,IAAI,CAAC5B,KAAK,CAAC6B;MAAuB,CAAC,CACnM,CAAC;IACT;IACA,OAAO,IAAI;EACb;EAEAC,YAAYA,CAAC9B,KAAyB,EAAE;IACtC,MAAM+B,aAAa,GAAI,IAAI,CAACV,MAAM,CAACC,IAAI,CAASU,cAAc,IAAI,aAAa;IAC/E;IACE,OAAQhC,KAAK,CAACiC,UAAU,IAAI9C,gBAAgB,CAAC,CAAC,gBAC5CL,KAAA,CAAAoC,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAE;QAACe,MAAM,EAAE,MAAM;QAAEd,KAAK,EAAE,MAAM;QAAEe,eAAe,EAAE,IAAI,CAACC,aAAa,IAAI,IAAI,CAACf,MAAM,CAACG,QAAQ,CAACF,IAAI,CAACa,eAAe,GAAG,IAAI,CAACd,MAAM,CAACG,QAAQ,CAACF,IAAI,CAACa,eAAe,GAAG,IAAI,CAACd,MAAM,CAACC,IAAI,CAACa;MAAe;IAAE,GAC7M,IAAI,CAACE,WAAW,eACjBvD,KAAA,CAAAoC,aAAA,CAACvB,qBAAqB,CAAC2C,QAAQ,QAC9B,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MACtD,MAAMC,cAAc,GAAG,CAAAL,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,MAAM,KAAI,CAAC;MAC1C,MAAMI,cAAc,GAAG5D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,GAAGF,cAAc,GAAG,GAAG,GAAGA,cAAc;MACpF,oBACE9D,KAAA,CAAAoC,aAAA,CAAClC,oBAAoB;QACnB+D,QAAQ,EAAE9D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGE,SAAU;QACxDC,sBAAsB,EAAEJ,cAAe;QACvC1B,KAAK,EAAE;UAAE+B,IAAI,EAAE;QAAE;MAAE,gBACnBpE,KAAA,CAAAoC,aAAA,CAACtB,kBAAkB,qBACjBd,KAAA,CAAAoC,aAAA,CAACzB,UAAU;QACT0D,GAAG,EAAE,IAAI,CAAC/C,SAAU;QACpBgD,qBAAqB,EAAE,CAAC,IAAI,CAAC/B,MAAM,CAACC,IAAI,EAAE;UAACa,eAAe,EAAE;QAAa,CAAC,CAAE;QAC5EkB,4BAA4B,EAAEtB,aAAc;QAC5CuB,QAAQ,EAAGC,KAAK,IAAK;UAAC,IAAI,CAACC,MAAM,CAAC,QAAQ,EAAE,CAACD,KAAK,CAAC,CAAC;QAAA,CAAE;QACtDE,mBAAmB,EAAE;MAAG,GACrBzD,KAAK,CAAC0D,QACC,CACM,CACA,CAAC;IACxB,CAC2B,CAC1B,CAAC,gBAEL5E,KAAA,CAAAoC,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAE,CAAC,IAAI,CAACE,MAAM,CAACC,IAAI,EAC1B;QAACa,eAAe,EAAE,IAAI,CAACC,aAAa,GAClC,IAAI,CAACf,MAAM,CAACG,QAAQ,CAACF,IAAI,CAACa,eAAe,GACzC,IAAI,CAACd,MAAM,CAACC,IAAI,CAACa;MAAe,CAAC;IAAE,gBACvCrD,KAAA,CAAAoC,aAAA,CAACvB,qBAAqB,CAAC2C,QAAQ,QAC5B,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAK;MACtD,MAAMC,cAAc,GAAG,CAAAL,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,MAAM,KAAI,CAAC;MAC1C,MAAMI,cAAc,GAAG5D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,GAAGF,cAAc,GAAG,GAAG,GAAGA,cAAc;MACpF,oBACE9D,KAAA,CAAAoC,aAAA,CAAClC,oBAAoB;QACnB+D,QAAQ,EAAE9D,QAAQ,CAAC6D,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGE,SAAU;QACxDC,sBAAsB,EAAEJ,cAAe;QACvC1B,KAAK,EAAE;UAAE+B,IAAI,EAAE;QAAE;MAAE,gBACnBpE,KAAA,CAAAoC,aAAA,CAACtB,kBAAkB,QAChB,IAAI,CAACyC,WAAW,EAChBrC,KAAK,CAAC0D,QACW,CACA,CAAC;IACxB,CAC2B,CAC5B,CACP;EACH;AACF","ignoreList":[]}
+{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","ScrollView","WmLottie","SafeAreaInsetsContext","WmPageContentState","WmPageContent","constructor","props","_defineProperty","hideMode","DONOT_ADD_TO_DOM","scrollRef","subscribe","args","scrollTo","_this$scrollRef","current","scrollToEnd","position","_this$scrollRef2","x","y","Animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","scrollable","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","keyboardOffset","verticalOffset","OS","behavior","undefined","keyboardVerticalOffset","flex","ref","contentContainerStyle","showsVerticalScrollIndicator","onScroll","event","notify","scrollEventThrottle","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {\n\n}\n\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args)\n    })\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current.scrollToEnd();\n    })\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current.scrollTo({\n      x: position.x,\n      y: position.y,\n      Animated: true\n    });\n  }\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    } \n    return null;\n  }  \n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    //     return ((props.scrollable || isWebPreviewMode()) && !this._showSkeleton) ? (\n      return (props.scrollable || isWebPreviewMode()) ? (\n        <View style={{height: '100%', width: '100%', backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor}}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          const keyboardOffset = insets?.bottom || 0;\n          const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + 100 : keyboardOffset;\n          return (\n            <KeyboardAvoidingView\n              behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n              keyboardVerticalOffset={verticalOffset}\n              style={{ flex: 1 }}>\n              <ScrollView \n                ref={this.scrollRef}\n                contentContainerStyle={[this.styles.root, {backgroundColor: 'transparent'}]}\n                showsVerticalScrollIndicator={showScrollbar}\n                onScroll={(event) => {this.notify('scroll', [event])}}\n                scrollEventThrottle={48}>\n                {props.children}\n              </ScrollView>\n            </KeyboardAvoidingView>\n          )}}\n      </SafeAreaInsetsContext.Consumer>\n      </View>      \n      ) : (\n        <View style={[this.styles.root,\n            {backgroundColor: this._showSkeleton ?\n              this.styles.skeleton.root.backgroundColor : \n              this.styles.root.backgroundColor}]}>\n          <SafeAreaInsetsContext.Consumer>\n            {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n              const keyboardOffset = insets?.bottom || 0;\n              const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + 100 : keyboardOffset;\n              return (\n                <KeyboardAvoidingView\n                  behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                  keyboardVerticalOffset={verticalOffset}\n                  style={{ flex: 1 }}>\n                  {this._background}\n                  {props.children}\n                </KeyboardAvoidingView>\n              )}}\n          </SafeAreaInsetsContext.Consumer>\n        </View>\n      );\n    }\n  }\n      "],"mappings":"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","ignoreList":[]}

package/core/AppConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    leftNavWidth: any;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    preferences:any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n    revertLayoutToExpo50: boolean,\n    diagnostics: {\n        appStartTime: number,\n        appReadyTime: number,\n        pageStartTime: number,\n        pageReadyTime: number\n    }\n}"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    leftNavWidth: any;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n    revertLayoutToExpo50: boolean,\n    diagnostics: {\n        appStartTime: number,\n        appReadyTime: number,\n        pageStartTime: number,\n        pageReadyTime: number\n    }\n}"],"mappings":"","ignoreList":[]}

package/core/base.component.js

@@ -315,12 +315,9 @@ export class BaseComponent extends React.Component {
     }
   }
   handleLayout(event) {
-    const key = this.props.name;
+    const key = this.state.props.name;
     const newLayoutPosition = {
-      [key]: {
-        y: event.nativeEvent.layout.y,
-        x: event.nativeEvent.layout.x
-      }
+      [key]: event.nativeEvent.layout.y
     };
     setPosition(newLayoutPosition);
   }
@@ -456,8 +453,7 @@ export class BaseComponent extends React.Component {
     this.notify('scrollToEnd', []);
   }
   scrollToPosition(widgetName) {
-    var _this$getLayoutOfWidg;
-    const positionY = (_this$getLayoutOfWidg = this.getLayoutOfWidget(widgetName)) === null || _this$getLayoutOfWidg === void 0 ? void 0 : _this$getLayoutOfWidg.y;
+    const positionY = this.getLayoutOfWidget(widgetName);
     this.notify('scrollToPosition', [{
       x: 0,
       y: positionY