@wavemaker-ai/app-rn-runtime 12.0.1-rc.338 → 12.0.1-rc.647767
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/advanced/carousel/carousel.component.js +1 -1
- package/components/advanced/carousel/carousel.component.js.map +1 -1
- package/components/basic/label/label.component.js +11 -1
- package/components/basic/label/label.component.js.map +1 -1
- package/components/basic/label/label.props.js +1 -0
- package/components/basic/label/label.props.js.map +1 -1
- package/components/chart/area-chart/area-chart.component.js +1 -1
- package/components/chart/area-chart/area-chart.component.js.map +1 -1
- package/components/chart/bar-chart/bar-chart.component.js +1 -1
- package/components/chart/bar-chart/bar-chart.component.js.map +1 -1
- package/components/chart/bubble-chart/bubble-chart.component.js +1 -1
- package/components/chart/bubble-chart/bubble-chart.component.js.map +1 -1
- package/components/chart/line-chart/line-chart.component.js +1 -1
- package/components/chart/line-chart/line-chart.component.js.map +1 -1
- package/components/chart/pie-chart/pie-chart.component.js +1 -1
- package/components/chart/pie-chart/pie-chart.component.js.map +1 -1
- package/components/chart/stack-chart/stack-chart.component.js +1 -1
- package/components/chart/stack-chart/stack-chart.component.js.map +1 -1
- package/components/container/accordion/accordionpane/accordionpane.component.js +2 -2
- package/components/container/accordion/accordionpane/accordionpane.component.js.map +1 -1
- package/components/container/container.component.js +1 -1
- package/components/container/container.component.js.map +1 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js +7 -3
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map +1 -1
- package/components/container/panel/panel.component.js +1 -1
- package/components/container/panel/panel.component.js.map +1 -1
- package/components/container/tabs/tabpane/tabpane.component.js +1 -1
- package/components/container/tabs/tabpane/tabpane.component.js.map +1 -1
- package/components/container/wizard/wizardstep/wizardstep.component.js +1 -1
- package/components/container/wizard/wizardstep/wizardstep.component.js.map +1 -1
- package/components/data/form/form-field/form-field.component.js +20 -3
- package/components/data/form/form-field/form-field.component.js.map +1 -1
- package/components/data/form/form-field/form-field.props.js +2 -1
- package/components/data/form/form-field/form-field.props.js.map +1 -1
- package/components/data/form/form.component.js +7 -2
- package/components/data/form/form.component.js.map +1 -1
- package/components/data/form/form.props.js +1 -0
- package/components/data/form/form.props.js.map +1 -1
- package/components/data/list/list.component.js +1 -1
- package/components/data/list/list.component.js.map +1 -1
- package/components/input/baseinput/baseinput.component.js +2 -0
- package/components/input/baseinput/baseinput.component.js.map +1 -1
- package/components/input/basenumber/basenumber.props.js +1 -0
- package/components/input/basenumber/basenumber.props.js.map +1 -1
- package/components/input/calendar/calendar.component.js +1 -1
- package/components/input/calendar/calendar.component.js.map +1 -1
- package/components/input/checkboxset/checkboxset.component.js +1 -1
- package/components/input/checkboxset/checkboxset.component.js.map +1 -1
- package/components/input/chips/chips.component.js +1 -1
- package/components/input/chips/chips.component.js.map +1 -1
- package/components/input/chips/chips.props.js +1 -0
- package/components/input/chips/chips.props.js.map +1 -1
- package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js +6 -1
- package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js.map +1 -1
- package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js +6 -1
- package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js.map +1 -1
- package/components/input/radioset/radioset.component.js +2 -2
- package/components/input/radioset/radioset.component.js.map +1 -1
- package/components/input/text/text.component.js +1 -0
- package/components/input/text/text.component.js.map +1 -1
- package/components/page/left-panel/left-panel.component.js +1 -1
- package/components/page/left-panel/left-panel.component.js.map +1 -1
- package/core/AppConfig.js.map +1 -1
- package/core/base.component.js +23 -0
- package/core/base.component.js.map +1 -1
- package/core/components/textinput.component.js +2 -1
- package/core/components/textinput.component.js.map +1 -1
- package/core/environment.js +25 -0
- package/core/environment.js.map +1 -0
- package/npm-shrinkwrap.json +79 -80
- package/package-lock.json +79 -80
- package/package.json +2 -2
- package/runtime/App.js +1 -0
- package/runtime/App.js.map +1 -1
- package/runtime/base-fragment.component.js +28 -5
- package/runtime/base-fragment.component.js.map +1 -1
- package/runtime/base-page.component.js +2 -1
- package/runtime/base-page.component.js.map +1 -1
- package/styles/theme.js +41 -12
- package/styles/theme.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","ColumnChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","_defineProperty","event","viewRef","current","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","labelFn","data","abbreviateNumber","datum","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","length","chartData","map","i","name","yAxis","pt","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","isHorizontal","horizontal","colors","color","showXAxis","showyaxis","showxaxis","showYAxis","xAxisTickLabelFormatter","undefined","getYAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","height","rootHeight","wrapperStyle","styles","root","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","width","screenWidth","theme","getChartTheme","stack","viewtype","stackNormalize","stacknormalize","cornerRadius","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","barOutsideLabelFormatter","showvalues","value","String","minY","maxY","chartMaxY","minX","maxX","chartMaxX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxisTicks","showyaxisticks","showxaxisticks","showYAxisTicks","showXAxisSplitLines","hidegridyaxis","hidegridxaxis","showYAxisSplitLines","xAxisLabel","yLabel","xLabel","yAxisLabel","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervaly","intervalx","intervalY"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { ColumnChart, CartesianChartSelectEvent, AreaChartAxisTooltipParams } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n constructor(props: WmBarChartProps) {\n super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n }\n\n labelFn(data: any): string | number | string[] | number[] | null {\n return this.abbreviateNumber(data.datum.y);\n }\n\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.viewRef.current) return;\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmBarChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n\n renderWidget(props: WmBarChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n\n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number }) => pt.y),\n }));\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n\n // ColumnChart swaps category/value axes when horizontal=true. WaveMaker x-axis props\n // refer to categories (xaxisdatakey) and y-axis props refer to values (yaxisdatakey).\n const isHorizontal = !!props.horizontal;\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n }));\n const showXAxis = isHorizontal ? props.showyaxis : props.showxaxis;\n const showYAxis = isHorizontal ? props.showxaxis : props.showyaxis;\n const xAxisTickLabelFormatter = showXAxis === false\n ? undefined\n : (isHorizontal ? this.getYAxisTickLabelFormatter() : this.getXAxisTickLabelFormatter());\n const yAxisTickLabelFormatter = showYAxis === false\n ? undefined\n : (isHorizontal ? this.getXAxisTickLabelFormatter() : this.getYAxisTickLabelFormatter());\n\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n >\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <ColumnChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(isHorizontal, series)}\n horizontal={props.horizontal}\n stack={props.viewtype === 'Stacked' ? 'total' : false}\n stackNormalize={props.stacknormalize}\n cornerRadius={[\n this.styles.bar.borderTopLeftRadius,\n this.styles.bar.borderTopRightRadius,\n this.styles.bar.borderBottomRightRadius,\n this.styles.bar.borderBottomLeftRadius,\n ]}\n barOutsideLabelFormatter={props.showvalues\n ? (value: number) => String(this.abbreviateNumber(value))\n : undefined}\n minY={minDomain.y}\n maxY={this.state.chartMaxY}\n minX={minDomain.x}\n maxX={this.state.chartMaxX}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={showXAxis}\n showXAxisTicks={isHorizontal ? props.showyaxisticks : props.showxaxisticks}\n showYAxis={showYAxis}\n showYAxisTicks={isHorizontal ? props.showxaxisticks : props.showyaxisticks}\n showXAxisSplitLines={isHorizontal ? !props.hidegridyaxis : !props.hidegridxaxis}\n showYAxisSplitLines={isHorizontal ? !props.hidegridxaxis : !props.hidegridyaxis}\n xAxisLabel={isHorizontal ? (this.state.yLabel || '') : (this.state.xLabel || '')}\n yAxisLabel={isHorizontal ? (this.state.xLabel || '') : (this.state.yLabel || '')}\n xAxisTickLabelFormatter={xAxisTickLabelFormatter}\n yAxisTickLabelFormatter={yAxisTickLabelFormatter}\n showLegend={showLegend}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n intervalX={isHorizontal ? props.intervaly : props.intervalx}\n intervalY={isHorizontal ? props.intervalx : props.intervaly}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","View","Text","ColumnChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","_defineProperty","event","viewRef","current","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","labelFn","data","abbreviateNumber","datum","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","length","chartData","map","i","name","yAxis","pt","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","isHorizontal","horizontal","colors","color","showXAxis","showyaxis","showxaxis","showYAxis","xAxisTickLabelFormatter","undefined","getYAxisTickLabelFormatter","getXAxisTickLabelFormatter","yAxisTickLabelFormatter","height","rootHeight","wrapperStyle","styles","root","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","showSpinner","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","width","screenWidth","theme","getChartTheme","stack","viewtype","stackNormalize","stacknormalize","cornerRadius","bar","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","barOutsideLabelFormatter","showvalues","value","String","minY","maxY","chartMaxY","minX","maxX","chartMaxX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxisTicks","showyaxisticks","showxaxisticks","showYAxisTicks","showXAxisSplitLines","hidegridyaxis","hidegridxaxis","showYAxisSplitLines","xAxisLabel","yLabel","xLabel","yAxisLabel","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervaly","intervalx","intervalY"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { ColumnChart, CartesianChartSelectEvent, AreaChartAxisTooltipParams } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport isEmpty from 'lodash-es/isEmpty';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n constructor(props: WmBarChartProps) {\n super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n }\n\n labelFn(data: any): string | number | string[] | number[] | null {\n return this.abbreviateNumber(data.datum.y);\n }\n\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.viewRef.current) return;\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmBarChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n\n renderWidget(props: WmBarChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n\n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number }) => pt.y),\n }));\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n\n // ColumnChart swaps category/value axes when horizontal=true. WaveMaker x-axis props\n // refer to categories (xaxisdatakey) and y-axis props refer to values (yaxisdatakey).\n const isHorizontal = !!props.horizontal;\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n }));\n const showXAxis = isHorizontal ? props.showyaxis : props.showxaxis;\n const showYAxis = isHorizontal ? props.showxaxis : props.showyaxis;\n const xAxisTickLabelFormatter = showXAxis === false\n ? undefined\n : (isHorizontal ? this.getYAxisTickLabelFormatter() : this.getXAxisTickLabelFormatter());\n const yAxisTickLabelFormatter = showYAxis === false\n ? undefined\n : (isHorizontal ? this.getXAxisTickLabelFormatter() : this.getYAxisTickLabelFormatter());\n\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n >\n {this.showSpinner()}\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <ColumnChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(isHorizontal, series)}\n horizontal={props.horizontal}\n stack={props.viewtype === 'Stacked' ? 'total' : false}\n stackNormalize={props.stacknormalize}\n cornerRadius={[\n this.styles.bar.borderTopLeftRadius,\n this.styles.bar.borderTopRightRadius,\n this.styles.bar.borderBottomRightRadius,\n this.styles.bar.borderBottomLeftRadius,\n ]}\n barOutsideLabelFormatter={props.showvalues\n ? (value: number) => String(this.abbreviateNumber(value))\n : undefined}\n minY={minDomain.y}\n maxY={this.state.chartMaxY}\n minX={minDomain.x}\n maxX={this.state.chartMaxX}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={showXAxis}\n showXAxisTicks={isHorizontal ? props.showyaxisticks : props.showxaxisticks}\n showYAxis={showYAxis}\n showYAxisTicks={isHorizontal ? props.showxaxisticks : props.showyaxisticks}\n showXAxisSplitLines={isHorizontal ? !props.hidegridyaxis : !props.hidegridxaxis}\n showYAxisSplitLines={isHorizontal ? !props.hidegridxaxis : !props.hidegridyaxis}\n xAxisLabel={isHorizontal ? (this.state.yLabel || '') : (this.state.xLabel || '')}\n yAxisLabel={isHorizontal ? (this.state.xLabel || '') : (this.state.yLabel || '')}\n xAxisTickLabelFormatter={xAxisTickLabelFormatter}\n yAxisTickLabelFormatter={yAxisTickLabelFormatter}\n showLegend={showLegend}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n intervalX={isHorizontal ? props.intervaly : props.intervalx}\n intervalY={isHorizontal ? props.intervalx : props.intervaly}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -78,7 +78,7 @@ export default class WmBubbleChart extends BaseChartComponent {
|
|
|
78
78
|
return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
|
|
79
79
|
style: wrapperStyle,
|
|
80
80
|
onLayout: this.onViewLayoutChange.bind(this)
|
|
81
|
-
}), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
|
|
81
|
+
}), this.showSpinner(), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
|
|
82
82
|
testID: "title-icon-container",
|
|
83
83
|
style: {
|
|
84
84
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","BubbleChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBubbleChartProps","DEFAULT_CLASS","WmIcon","SHAPE_TO_SYMBOL","WmBubbleChartState","WmBubbleChart","constructor","props","_defineProperty","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$intervalx","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","_pt$size","size","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","xaxisticks","getXAxisTickLabelFormatter","colors","color","height","rootHeight","wrapperStyle","styles","root","symbol","shape","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","viewRef","width","screenWidth","theme","getChartTheme","sizeRange","sizerange","minY","minX","intervalX","intervalx","intervalY","intervaly","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BubbleChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport isEmpty from 'lodash-es/isEmpty';\n\n\nconst SHAPE_TO_SYMBOL: {[key: string]: string} = {\n 'circle': 'circle',\n 'rect': 'rect',\n 'square': 'rect',\n 'roundRect': 'roundRect',\n 'triangle': 'triangle',\n 'triangle-up': 'triangle',\n 'triangle-down': 'path://M0,500L500,-500L-500,-500Z',\n 'diamond': 'diamond',\n 'pin': 'pin',\n 'arrow': 'arrow',\n 'cross': 'path://M-70,-500L70,-500L70,-220L350,-220L350,-80L70,-80L70,500L-70,500L-70,-80L-350,-80L-350,-220L-70,-220Z M500,0L500,0Z M-500,0L-500,0Z',\n};\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n constructor(props: WmBubbleChartProps) {\n super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n }\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmBubbleChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n renderWidget(props: WmBubbleChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n \n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number; size?: number }) =>\n [pt.x, pt.y, pt.size ?? 5] as [number, number, number]\n ),\n }));\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n const xaxisticks = this.getXAxisTickLabelFormatter();\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n }));\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n const symbol = SHAPE_TO_SYMBOL[props.shape] || 'circle';\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n >\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <BubbleChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(false, series)}\n sizeRange={props.sizerange}\n minY={minDomain.y}\n minX={minDomain.x}\n intervalX={props.intervalx ?? 1} \n intervalY={props.intervaly}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={props.showxaxis}\n showXAxisTicks={props.showxaxisticks}\n showYAxis={props.showyaxis}\n showYAxisTicks={props.showyaxisticks}\n showXAxisSplitLines={!props.hidegridxaxis}\n showYAxisSplitLines={!props.hidegridyaxis}\n xAxisLabel={this.state.xLabel || ''}\n yAxisLabel={this.state.yLabel || ''}\n xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n showLegend={showLegend}\n symbol={symbol}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Text","View","BubbleChart","AccessibilityWidgetType","getAccessibilityProps","BaseChartComponent","BaseChartComponentState","WmBubbleChartProps","DEFAULT_CLASS","WmIcon","SHAPE_TO_SYMBOL","WmBubbleChartState","WmBubbleChart","constructor","props","_defineProperty","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","updateState","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$intervalx","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","_pt$size","size","showLegend","showlegend","legendPosition","includes","minDomain","getMinDomain","xaxisticks","getXAxisTickLabelFormatter","colors","color","height","rootHeight","wrapperStyle","styles","root","symbol","shape","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","showSpinner","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","chartWidth","ref","viewRef","width","screenWidth","theme","getChartTheme","sizeRange","sizerange","minY","minX","intervalX","intervalx","intervalY","intervaly","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect"],"sources":["bubble-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BubbleChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBubbleChartProps from './bubble-chart.props';\nimport { DEFAULT_CLASS, WmBubbleChartStyles } from './bubble-chart.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport isEmpty from 'lodash-es/isEmpty';\n\n\nconst SHAPE_TO_SYMBOL: {[key: string]: string} = {\n 'circle': 'circle',\n 'rect': 'rect',\n 'square': 'rect',\n 'roundRect': 'roundRect',\n 'triangle': 'triangle',\n 'triangle-up': 'triangle',\n 'triangle-down': 'path://M0,500L500,-500L-500,-500Z',\n 'diamond': 'diamond',\n 'pin': 'pin',\n 'arrow': 'arrow',\n 'cross': 'path://M-70,-500L70,-500L70,-220L350,-220L350,-80L70,-80L70,500L-70,500L-70,-80L-350,-80L-350,-220L-70,-220Z M500,0L500,0Z M-500,0L-500,0Z',\n};\n\nexport class WmBubbleChartState extends BaseChartComponentState<WmBubbleChartProps> {}\n\nexport default class WmBubbleChart extends BaseChartComponent<WmBubbleChartProps, WmBubbleChartState, WmBubbleChartStyles> {\n\n constructor(props: WmBubbleChartProps) {\n super(props, DEFAULT_CLASS, new WmBubbleChartProps(), new WmBubbleChartState());\n }\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmBubbleChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n}\n renderWidget(props: WmBubbleChartProps) {\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n \n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number; size?: number }) =>\n [pt.x, pt.y, pt.size ?? 5] as [number, number, number]\n ),\n }));\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n const xaxisticks = this.getXAxisTickLabelFormatter();\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n }));\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n const symbol = SHAPE_TO_SYMBOL[props.shape] || 'circle';\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n >\n {this.showSpinner()}\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <BubbleChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(false, series)}\n sizeRange={props.sizerange}\n minY={minDomain.y}\n minX={minDomain.x}\n intervalX={props.intervalx ?? 1} \n intervalY={props.intervaly}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={props.showxaxis}\n showXAxisTicks={props.showxaxisticks}\n showYAxis={props.showyaxis}\n showYAxisTicks={props.showyaxisticks}\n showXAxisSplitLines={!props.hidegridxaxis}\n showYAxisSplitLines={!props.hidegridyaxis}\n xAxisLabel={this.state.xLabel || ''}\n yAxisLabel={this.state.yLabel || ''}\n xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n showLegend={showLegend}\n symbol={symbol}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -92,7 +92,7 @@ export default class WmLineChart extends BaseChartComponent {
|
|
|
92
92
|
style: wrapperStyle,
|
|
93
93
|
onLayout: this.onViewLayoutChange.bind(this),
|
|
94
94
|
key: `${props.title}_line_chart`
|
|
95
|
-
}), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
|
|
95
|
+
}), this.showSpinner(), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
|
|
96
96
|
testID: "title-icon-container",
|
|
97
97
|
style: {
|
|
98
98
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","parseDimension","getLineType","interpolation","includes","startsWith","WmLineChartState","constructor","args","_defineProperty","WmLineChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","minDomain","getMinDomain","colors","color","lineWidth","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","height","rootHeight","wrapperStyle","styles","root","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","key","title","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","minY","minX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { LineChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { parseDimension } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\n/** Maps Victory interpolation strings to ECharts LineChart curve types. */\nconst getLineType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {\n return 'smooth';\n }\n if (interpolation && interpolation.startsWith('step')) {\n return 'step';\n }\n return 'default';\n};\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {\n chartWidth = 0;\n}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n constructor(props: WmLineChartProps) {\n super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n const viewWidth = e.nativeEvent.layout.width;\n this.handleLayout(e);\n this.updateState({\n chartWidth: viewWidth\n } as WmLineChartState);\n }\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmLineChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n }\n\n renderWidget(props: WmLineChartProps) {\n\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n\n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number }) => pt.y),\n }));\n\n const type = getLineType(props.interpolation);\n // step sub-mode: only relevant when type resolves to 'step'\n // const step: 'start' | 'middle' | 'end' | false =\n // type === 'step' ? (props.stepmode ?? 'start') : false;\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n lineWidth: parseDimension(props.linethickness),\n }));\n const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n key={`${props.title}_line_chart`}\n >\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <LineChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(false, series)}\n type={type}\n step={props.stepposition}\n stackNormalize={props.stacknormalize}\n symbol={symbol}\n symbolSize={props.symbolsize}\n minY={minDomain.y}\n minX={minDomain.x}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={props.showxaxis}\n showXAxisTicks={props.showxaxisticks}\n showYAxis={props.showyaxis}\n showYAxisTicks={props.showyaxisticks}\n showXAxisSplitLines={!props.hidegridxaxis}\n showYAxisSplitLines={!props.hidegridyaxis}\n xAxisLabel={this.state.xLabel || ''}\n yAxisLabel={this.state.yLabel || ''}\n xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n showLegend={showLegend}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={this.props.showhighlighter}\n onSelect={this.onSelect}\n intervalX={props.intervalx}\n intervalY={props.intervaly}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","parseDimension","getLineType","interpolation","includes","startsWith","WmLineChartState","constructor","args","_defineProperty","WmLineChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","event","state","dataset","dataIndex","y","seriesIndex","selectedItem","selectedChartItem","series","x","_dataObj","index","invokeEventCallback","proxy","renderWidget","_this$state$data","_this$state$colors","_props$tooltip","data","length","chartData","map","i","name","yAxis","pt","type","showLegend","showlegend","legendPosition","minDomain","getMinDomain","colors","color","lineWidth","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","height","rootHeight","wrapperStyle","styles","root","createElement","_extends","LINECHART","style","onLayout","onViewLayoutChange","bind","key","title","showSpinner","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","theme","getChartTheme","step","stepposition","stackNormalize","stacknormalize","symbolSize","symbolsize","minY","minX","grid","top","offsettop","bottom","offsetbottom","left","isRTL","offsetright","offsetleft","right","showXAxis","showxaxis","showXAxisTicks","showxaxisticks","showYAxis","showyaxis","showYAxisTicks","showyaxisticks","showXAxisSplitLines","hidegridxaxis","showYAxisSplitLines","hidegridyaxis","xAxisLabel","xLabel","yAxisLabel","yLabel","xAxisTickLabelFormatter","getXAxisTickLabelFormatter","undefined","yAxisTickLabelFormatter","getYAxisTickLabelFormatter","tooltip","tooltips","hasCustomTooltip","renderTooltip","getRenderTooltip","showHighlighter","showhighlighter","onSelect","intervalX","intervalx","intervalY","intervaly"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { LineChart, CartesianChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { parseDimension } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\n/** Maps Victory interpolation strings to ECharts LineChart curve types. */\nconst getLineType = (interpolation: string): 'default' | 'smooth' | 'step' => {\n if (['natural', 'cardinal', 'catmullRom', 'basis', 'monotoneX', 'monotoneY'].includes(interpolation)) {\n return 'smooth';\n }\n if (interpolation && interpolation.startsWith('step')) {\n return 'step';\n }\n return 'default';\n};\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {\n chartWidth = 0;\n}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n constructor(props: WmLineChartProps) {\n super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n const viewWidth = e.nativeEvent.layout.width;\n this.handleLayout(e);\n this.updateState({\n chartWidth: viewWidth\n } as WmLineChartState);\n }\n\n onSelect = (event: CartesianChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, y, seriesIndex } = event;\n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = [\n { series: seriesIndex, x: dataIndex, y, _dataObj: selectedItem },\n dataIndex,\n ];\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as WmLineChartState);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n }\n\n renderWidget(props: WmLineChartProps) {\n\n this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n if (!this.state.data?.length) {\n return null;\n }\n\n const chartData = this.state.data.map((series: any[], i: number) => ({\n name: this.state.yAxis[i],\n data: series.map((pt: { x: number; y: number }) => pt.y),\n }));\n\n const type = getLineType(props.interpolation);\n // step sub-mode: only relevant when type resolves to 'step'\n // const step: 'start' | 'middle' | 'end' | false =\n // type === 'step' ? (props.stepmode ?? 'start') : false;\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n const minDomain = this.getMinDomain();\n const series = (this.state.colors?.length ? this.state.colors : ['#000']).map((color: string) => ({\n color,\n lineWidth: parseDimension(props.linethickness),\n }));\n const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n const { height: rootHeight, ...wrapperStyle } = this.styles.root as any;\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={wrapperStyle}\n onLayout={this.onViewLayoutChange.bind(this)}\n key={`${props.title}_line_chart`}\n >\n {this.showSpinner()}\n <View>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n {this.state.chartWidth ? (\n <View ref={this.viewRef}>\n <LineChart\n data={chartData}\n width={this.state.chartWidth || this.screenWidth}\n height={this.styles.root.height as number}\n colors={this.state.colors}\n theme={this.getChartTheme(false, series)}\n type={type}\n step={props.stepposition}\n stackNormalize={props.stacknormalize}\n symbol={symbol}\n symbolSize={props.symbolsize}\n minY={minDomain.y}\n minX={minDomain.x}\n grid={{\n top: props.offsettop,\n bottom: props.offsetbottom,\n left: this.isRTL ? props.offsetright : props.offsetleft,\n right: this.isRTL ? props.offsetleft : props.offsetright,\n }}\n showXAxis={props.showxaxis}\n showXAxisTicks={props.showxaxisticks}\n showYAxis={props.showyaxis}\n showYAxisTicks={props.showyaxisticks}\n showXAxisSplitLines={!props.hidegridxaxis}\n showYAxisSplitLines={!props.hidegridyaxis}\n xAxisLabel={this.state.xLabel || ''}\n yAxisLabel={this.state.yLabel || ''}\n xAxisTickLabelFormatter={props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined}\n yAxisTickLabelFormatter={props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined}\n showLegend={showLegend}\n legendPosition={legendPosition}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n renderTooltip={this.getRenderTooltip()}\n showHighlighter={this.props.showhighlighter}\n onSelect={this.onSelect}\n intervalX={props.intervalx}\n intervalY={props.intervaly}\n />\n </View>\n ) : null}\n </View>\n );\n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAA2B,cAAc;AAC5D,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,SAASC,SAAS,QAAmC,iCAAiC;AAEtF,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,mEAAmE;AAC1E,OAAOC,MAAM,MAAM,mEAAmE;AACtF,SAASC,cAAc,QAAQ,yCAAyC;;AAExE;AACA,MAAMC,WAAW,GAAIC,aAAqB,IAAoC;EAC5E,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACD,aAAa,CAAC,EAAE;IACpG,OAAO,QAAQ;EACjB;EACA,IAAIA,aAAa,IAAIA,aAAa,CAACE,UAAU,CAAC,MAAM,CAAC,EAAE;IACrD,OAAO,MAAM;EACf;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,MAAMC,gBAAgB,SAASP,uBAAuB,CAAmB;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBACjE,CAAC;EAAA;AAChB;AAEA,eAAe,MAAMC,WAAW,SAASZ,kBAAkB,CAAwD;EAEjHS,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEd,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIU,gBAAgB,CAAC,CAAC,CAAC;IAACG,eAAA,6BAGxDG,CAAoB,IAAK;MAC7C,MAAMC,SAAS,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM,CAACC,KAAK;MAC5C,IAAI,CAACC,YAAY,CAACL,CAAC,CAAC;MACpB,IAAI,CAACM,WAAW,CAAC;QACfC,UAAU,EAAEN;MACd,CAAqB,CAAC;IACxB,CAAC;IAAAJ,eAAA,mBAEWW,KAAgC,IAAW;MACrD,IAAI,CAAC,IAAI,CAACC,KAAK,CAACV,KAAK,CAACW,OAAO,EAAE;MAC/B,MAAM;QAAEC,SAAS;QAAEC,CAAC;QAAEC;MAAY,CAAC,GAAGL,KAAK;MAC3C,MAAMM,YAAY,GAAG,IAAI,CAACf,KAAK,CAACW,OAAO,CAACC,SAAS,CAAC;MAClD,MAAMI,iBAAiB,GAAG,CACxB;QAAEC,MAAM,EAAEH,WAAW;QAAEI,CAAC,EAAEN,SAAS;QAAEC,CAAC;QAAEM,QAAQ,EAAEJ;MAAa,CAAC,EAChEH,SAAS,CACV;MACD,IAAI,CAACL,WAAW,CAAC;QACfQ,YAAY,EAAE;UAAE,GAAGA,YAAY;UAAEK,KAAK,EAAER;QAAU;MACpD,CAAqB,CAAC;MACtB,IAAI,CAACS,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEP,YAAY,EAAEC,iBAAiB,CAAC,CAAC;IAC3F,CAAC;EAtBD;EAwBAO,YAAYA,CAACvB,KAAuB,EAAE;IAAA,IAAAwB,gBAAA,EAAAC,kBAAA,EAAAC,cAAA;IAEpC,IAAI,CAACL,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,GAAAE,gBAAA,GAAC,IAAI,CAACd,KAAK,CAACiB,IAAI,cAAAH,gBAAA,eAAfA,gBAAA,CAAiBI,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IAEA,MAAMC,SAAS,GAAG,IAAI,CAACnB,KAAK,CAACiB,IAAI,CAACG,GAAG,CAAC,CAACb,MAAa,EAAEc,CAAS,MAAM;MACnEC,IAAI,EAAE,IAAI,CAACtB,KAAK,CAACuB,KAAK,CAACF,CAAC,CAAC;MACzBJ,IAAI,EAAEV,MAAM,CAACa,GAAG,CAAEI,EAA4B,IAAKA,EAAE,CAACrB,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,MAAMsB,IAAI,GAAG5C,WAAW,CAACS,KAAK,CAACR,aAAa,CAAC;IAC7C;IACA;IACA;;IAEA,MAAM4C,UAAU,GAAGpC,KAAK,CAACqC,UAAU,KAAK,MAAM;IAC9C,MAAMC,cAAc,GAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC7C,QAAQ,CAACO,KAAK,CAACqC,UAAU,CAAC,GACjFrC,KAAK,CAACqC,UAAU,GAAG,QAAgD;IACvE,MAAME,SAAS,GAAG,IAAI,CAACC,YAAY,CAAC,CAAC;IACrC,MAAMvB,MAAM,GAAG,CAAC,CAAAQ,kBAAA,OAAI,CAACf,KAAK,CAAC+B,MAAM,cAAAhB,kBAAA,eAAjBA,kBAAA,CAAmBG,MAAM,GAAG,IAAI,CAAClB,KAAK,CAAC+B,MAAM,GAAG,CAAC,MAAM,CAAC,EAAEX,GAAG,CAAEY,KAAa,KAAM;MAChGA,KAAK;MACLC,SAAS,EAAErD,cAAc,CAACU,KAAK,CAAC4C,aAAa;IAC/C,CAAC,CAAC,CAAC;IACH,MAAMC,MAAM,GAAG,IAAI,CAACC,eAAe,CAAC9C,KAAK,CAAC+C,eAAe,EAAE/C,KAAK,CAACgD,UAAU,CAAC;IAE5E,MAAM;MAAEC,MAAM,EAAEC,UAAU;MAAE,GAAGC;IAAa,CAAC,GAAG,IAAI,CAACC,MAAM,CAACC,IAAW;IACvE,oBACE1E,KAAA,CAAA2E,aAAA,CAACzE,IAAI,EAAA0E,QAAA,KACCxE,qBAAqB,CAACD,uBAAuB,CAAC0E,SAAS,EAAExD,KAAK,CAAC;MACnEyD,KAAK,EAAEN,YAAa;MACpBO,QAAQ,EAAE,IAAI,CAACC,kBAAkB,CAACC,IAAI,CAAC,IAAI,CAAE;MAC7CC,GAAG,EAAE,GAAG7D,KAAK,CAAC8D,KAAK;IAAc,IAEhC,IAAI,CAACC,WAAW,CAAC,CAAC,eACnBpF,KAAA,CAAA2E,aAAA,CAACzE,IAAI,QACDmB,KAAK,CAAC8D,KAAK,IAAI9D,KAAK,CAACgE,SAAS,IAAIhE,KAAK,CAACiE,OAAO,gBAC/CtF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;MAACqF,MAAM,EAAC,sBAAsB;MAACT,KAAK,EAAE;QAAEU,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAS;IAAE,GACtFpE,KAAK,CAACgE,SAAS,IAAIhE,KAAK,CAACiE,OAAO,gBAAKtF,KAAA,CAAA2E,aAAA,CAACjE,MAAM;MAAC2E,SAAS,EAAEhE,KAAK,CAACgE,SAAU;MAACC,OAAO,EAAEjE,KAAK,CAACiE,OAAQ;MAACb,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiB;IAAK,CAAE,CAAC,GAAI,IAAI,EACtIrE,KAAK,CAAC8D,KAAK,gBAAInF,KAAA,CAAA2E,aAAA,CAAC1E,IAAI;MAAC6E,KAAK,EAAE,IAAI,CAACL,MAAM,CAACU;IAAM,GAAE9D,KAAK,CAAC8D,KAAY,CAAC,GAAI,IACpE,CAAC,GACL,IAAI,EACP9D,KAAK,CAACsE,UAAU,gBACf3F,KAAA,CAAA2E,aAAA,CAAC1E,IAAI;MAAC6E,KAAK,EAAE,IAAI,CAACL,MAAM,CAACmB;IAAW,GAAEvE,KAAK,CAACsE,UAAiB,CAAC,GAC5D,IACA,CAAC,EACN,IAAI,CAAC5D,KAAK,CAACF,UAAU,gBACpB7B,KAAA,CAAA2E,aAAA,CAACzE,IAAI;MAAC2F,GAAG,EAAE,IAAI,CAACC;IAAQ,gBACtB9F,KAAA,CAAA2E,aAAA,CAACtE,SAAS;MACR2C,IAAI,EAAEE,SAAU;MAChBxB,KAAK,EAAE,IAAI,CAACK,KAAK,CAACF,UAAU,IAAI,IAAI,CAACkE,WAAY;MACjDzB,MAAM,EAAE,IAAI,CAACG,MAAM,CAACC,IAAI,CAACJ,MAAiB;MAC1CR,MAAM,EAAE,IAAI,CAAC/B,KAAK,CAAC+B,MAAO;MAC1BkC,KAAK,EAAE,IAAI,CAACC,aAAa,CAAC,KAAK,EAAE3D,MAAM,CAAE;MACzCkB,IAAI,EAAEA,IAAK;MACX0C,IAAI,EAAE7E,KAAK,CAAC8E,YAAa;MACzBC,cAAc,EAAE/E,KAAK,CAACgF,cAAe;MACrCnC,MAAM,EAAEA,MAAO;MACfoC,UAAU,EAAEjF,KAAK,CAACkF,UAAW;MAC7BC,IAAI,EAAE5C,SAAS,CAAC1B,CAAE;MAClBuE,IAAI,EAAE7C,SAAS,CAACrB,CAAE;MAClBmE,IAAI,EAAE;QACJC,GAAG,EAAEtF,KAAK,CAACuF,SAAS;QACpBC,MAAM,EAAExF,KAAK,CAACyF,YAAY;QAC1BC,IAAI,EAAE,IAAI,CAACC,KAAK,GAAG3F,KAAK,CAAC4F,WAAW,GAAG5F,KAAK,CAAC6F,UAAU;QACvDC,KAAK,EAAE,IAAI,CAACH,KAAK,GAAG3F,KAAK,CAAC6F,UAAU,GAAG7F,KAAK,CAAC4F;MAC/C,CAAE;MACFG,SAAS,EAAE/F,KAAK,CAACgG,SAAU;MAC3BC,cAAc,EAAEjG,KAAK,CAACkG,cAAe;MACrCC,SAAS,EAAEnG,KAAK,CAACoG,SAAU;MAC3BC,cAAc,EAAErG,KAAK,CAACsG,cAAe;MACrCC,mBAAmB,EAAE,CAACvG,KAAK,CAACwG,aAAc;MAC1CC,mBAAmB,EAAE,CAACzG,KAAK,CAAC0G,aAAc;MAC1CC,UAAU,EAAE,IAAI,CAACjG,KAAK,CAACkG,MAAM,IAAI,EAAG;MACpCC,UAAU,EAAE,IAAI,CAACnG,KAAK,CAACoG,MAAM,IAAI,EAAG;MACpCC,uBAAuB,EAAE/G,KAAK,CAACgG,SAAS,KAAK,KAAK,GAAG,IAAI,CAACgB,0BAA0B,CAAC,CAAC,GAAGC,SAAU;MACnGC,uBAAuB,EAAElH,KAAK,CAACoG,SAAS,KAAK,KAAK,GAAG,IAAI,CAACe,0BAA0B,CAAC,CAAC,GAAGF,SAAU;MACnG7E,UAAU,EAAEA,UAAW;MACvBE,cAAc,EAAEA,cAAe;MAC/B8E,OAAO,EAAEpH,KAAK,CAACqH,QAAQ,GAAI,IAAI,CAACC,gBAAgB,GAAG,MAAM,IAAA5F,cAAA,GAAI1B,KAAK,CAACoH,OAAO,cAAA1F,cAAA,cAAAA,cAAA,GAAI,MAAO,GAAI,MAAO;MAChG6F,aAAa,EAAE,IAAI,CAACC,gBAAgB,CAAC,CAAE;MACvCC,eAAe,EAAE,IAAI,CAACzH,KAAK,CAAC0H,eAAgB;MAC5CC,QAAQ,EAAE,IAAI,CAACA,QAAS;MACxBC,SAAS,EAAE5H,KAAK,CAAC6H,SAAU;MAC3BC,SAAS,EAAE9H,KAAK,CAAC+H;IAAU,CAC5B,CACG,CAAC,GACL,IACA,CAAC;EAEX;AACF","ignoreList":[]}
|
|
@@ -119,7 +119,7 @@ export default class WmPieChart extends BaseChartComponent {
|
|
|
119
119
|
}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
|
|
120
120
|
onLayout: this.onViewLayoutChange,
|
|
121
121
|
key: `${props.title}_pie_chart`
|
|
122
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
122
|
+
}), this.showSpinner(), /*#__PURE__*/React.createElement(View, {
|
|
123
123
|
onLayout: this.onInfoViewLayoutChange
|
|
124
124
|
}, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
|
|
125
125
|
testID: "title-icon-container",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","AccessibilityWidgetType","getAccessibilityProps","PieChart","WmPieChartProps","DEFAULT_CLASS","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","formatCompactNumber","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","event","state","dataset","dataIndex","name","value","seriesIndex","selectedItem","selectedChartItem","data","x","y","_dataObj","index","invokeEventCallback","proxy","params","labeltype","Math","round","total","componentDidMount","renderWidget","_props$tooltip","length","pieData","chartData","map","d","xaxisDatakeyArr","itemStyle","color","colors","orderedData","isRTL","reverse","radius","donutratio","showLabel","showlabels","labelPosition","showLegend","showlegend","legendPosition","includes","chartHeight","styles","root","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","position","ref","viewRef","theme","getChartTheme","showLabelLine","showlabelline","labelFormatter","getLabel","renderTooltip","getRenderTooltip","tooltip","tooltips","hasCustomTooltip","showHighlighter","showhighlighter","onSelect","centerlabel","pointerEvents","top","left","right","bottom","justifyContent","centerLabel"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport { PieChart, PieDataItem, PieChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n chartWidth = 0;\n totalHeight = 0;\n infoHeight = 10;\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\n this.handleLayout(e)\n\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 onSelect = (event: PieChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, name, value, seriesIndex } = event; \n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = {\n data: { x: name, y: value, _dataObj: selectedItem }\n };\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as any);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n }\n\n getLabel = (params: any): string => {\n const { name, value } = params;\n switch (this.state.props.labeltype) {\n case 'percent':\n return Math.round(value * 100 / this.state.total) + '%';\n case 'key':\n return name;\n case 'value':\n return formatCompactNumber(value);\n case 'key-value':\n return `${name} ${value}`;\n default:\n return name;\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\n // Build PieDataItem[] with per-slice colors embedded so RTL reversal keeps color-to-slice binding correct\n const chartData: PieDataItem[] = pieData.map((d: {x: any, y: any}, index: number) => ({\n name: this.state.xaxisDatakeyArr[d.x],\n value: d.y,\n itemStyle: { color: this.state.colors[index % this.state.colors.length] }\n }));\n const orderedData = this.isRTL ? [...chartData].reverse() : chartData;\n\n // Donut: [inner%, outer%] tuple; Pie: single percentage string\n const radius: string | (string | number)[] = props.donutratio > 0\n ? [`${Math.round(props.donutratio * 75)}%`, '75%']\n : '75%';\n\n const showLabel = props.showlabels !== 'hide';\n const labelPosition: 'outside' | 'inside' | 'center' =\n props.showlabels === 'inside' ? 'inside' : 'outside';\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n\n const chartWidth = this.state.chartWidth;\n const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth)\n - this.state.infoHeight;\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 {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n <View style={{position: 'relative'}} ref={this.viewRef}\n >\n {chartWidth ? (\n <PieChart\n data={orderedData}\n width={chartWidth}\n height={chartHeight}\n radius={radius}\n theme={this.getChartTheme()}\n showLabel={showLabel}\n labelPosition={labelPosition}\n showLabelLine={props.showlabelline}\n labelFormatter={this.getLabel}\n showLegend={showLegend}\n legendPosition={legendPosition}\n renderTooltip={this.getRenderTooltip()}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n />\n ) : null}\n {props.centerlabel ? (\n <View\n pointerEvents=\"none\"\n style={{\n position: 'absolute',\n top: 0, left: 0, right: 0, bottom: 0,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Text style={this.styles.centerLabel as any}>\n {props.centerlabel}\n </Text>\n </View>\n ) : null}\n </View>\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","View","Text","AccessibilityWidgetType","getAccessibilityProps","PieChart","WmPieChartProps","DEFAULT_CLASS","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","formatCompactNumber","WmPieChartState","constructor","args","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","handleLayout","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","event","state","dataset","dataIndex","name","value","seriesIndex","selectedItem","selectedChartItem","data","x","y","_dataObj","index","invokeEventCallback","proxy","params","labeltype","Math","round","total","componentDidMount","renderWidget","_props$tooltip","length","pieData","chartData","map","d","xaxisDatakeyArr","itemStyle","color","colors","orderedData","isRTL","reverse","radius","donutratio","showLabel","showlabels","labelPosition","showLegend","showlegend","legendPosition","includes","chartHeight","styles","root","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","key","title","showSpinner","onInfoViewLayoutChange","iconclass","iconurl","testID","flexDirection","alignItems","icon","subheading","subHeading","position","ref","viewRef","theme","getChartTheme","showLabelLine","showlabelline","labelFormatter","getLabel","renderTooltip","getRenderTooltip","tooltip","tooltips","hasCustomTooltip","showHighlighter","showhighlighter","onSelect","centerlabel","pointerEvents","top","left","right","bottom","justifyContent","centerLabel"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport { PieChart, PieDataItem, PieChartSelectEvent } from '@wavemaker/react-native-echarts';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n BaseChartComponent,\n BaseChartComponentState\n} from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n chartWidth = 0;\n totalHeight = 0;\n infoHeight = 10;\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\n this.handleLayout(e)\n\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 onSelect = (event: PieChartSelectEvent): void => {\n if (!this.state.props.dataset) return;\n const { dataIndex, name, value, seriesIndex } = event; \n const selectedItem = this.props.dataset[dataIndex];\n const selectedChartItem = {\n data: { x: name, y: value, _dataObj: selectedItem }\n };\n this.updateState({\n selectedItem: { ...selectedItem, index: dataIndex },\n } as any);\n this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);\n }\n\n getLabel = (params: any): string => {\n const { name, value } = params;\n switch (this.state.props.labeltype) {\n case 'percent':\n return Math.round(value * 100 / this.state.total) + '%';\n case 'key':\n return name;\n case 'value':\n return formatCompactNumber(value);\n case 'key-value':\n return `${name} ${value}`;\n default:\n return name;\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\n // Build PieDataItem[] with per-slice colors embedded so RTL reversal keeps color-to-slice binding correct\n const chartData: PieDataItem[] = pieData.map((d: {x: any, y: any}, index: number) => ({\n name: this.state.xaxisDatakeyArr[d.x],\n value: d.y,\n itemStyle: { color: this.state.colors[index % this.state.colors.length] }\n }));\n const orderedData = this.isRTL ? [...chartData].reverse() : chartData;\n\n // Donut: [inner%, outer%] tuple; Pie: single percentage string\n const radius: string | (string | number)[] = props.donutratio > 0\n ? [`${Math.round(props.donutratio * 75)}%`, '75%']\n : '75%';\n\n const showLabel = props.showlabels !== 'hide';\n const labelPosition: 'outside' | 'inside' | 'center' =\n props.showlabels === 'inside' ? 'inside' : 'outside';\n\n const showLegend = props.showlegend !== 'hide';\n const legendPosition = (['top', 'bottom', 'left', 'right'].includes(props.showlegend)\n ? props.showlegend : 'bottom') as 'top' | 'bottom' | 'left' | 'right';\n\n const chartWidth = this.state.chartWidth;\n const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth)\n - this.state.infoHeight;\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 {this.showSpinner()}\n <View onLayout={this.onInfoViewLayoutChange}>\n {(props.title || props.iconclass || props.iconurl) ? (\n <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n {(props.iconclass || props.iconurl) ? (<WmIcon iconclass={props.iconclass} iconurl={props.iconurl} styles={this.styles.icon} />) : null}\n {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null}\n </View>\n ) : null}\n {props.subheading ? (\n <Text style={this.styles.subHeading}>{props.subheading}</Text>\n ) : null}\n </View>\n <View style={{position: 'relative'}} ref={this.viewRef}\n >\n {chartWidth ? (\n <PieChart\n data={orderedData}\n width={chartWidth}\n height={chartHeight}\n radius={radius}\n theme={this.getChartTheme()}\n showLabel={showLabel}\n labelPosition={labelPosition}\n showLabelLine={props.showlabelline}\n labelFormatter={this.getLabel}\n showLegend={showLegend}\n legendPosition={legendPosition}\n renderTooltip={this.getRenderTooltip()}\n tooltip={props.tooltips ? (this.hasCustomTooltip ? 'none' : (props.tooltip ?? 'card')) : 'none'}\n showHighlighter={props.showhighlighter}\n onSelect={this.onSelect}\n />\n ) : null}\n {props.centerlabel ? (\n <View\n pointerEvents=\"none\"\n style={{\n position: 'absolute',\n top: 0, left: 0, right: 0, bottom: 0,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Text style={this.styles.centerLabel as any}>\n {props.centerlabel}\n </Text>\n </View>\n ) : null}\n </View>\n </View>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -290,7 +290,7 @@ export default class WmStackChart extends BaseChartComponent {
|
|
|
290
290
|
return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
|
|
291
291
|
style: this.styles.root,
|
|
292
292
|
onLayout: this.onViewLayoutChange
|
|
293
|
-
}), this.getTooltip(), props.viewtype === 'Bar' ? /*#__PURE__*/React.createElement(View, {
|
|
293
|
+
}), this.showSpinner(), this.getTooltip(), props.viewtype === 'Bar' ? /*#__PURE__*/React.createElement(View, {
|
|
294
294
|
ref: this.viewRef
|
|
295
295
|
}, /*#__PURE__*/React.createElement(VictoryChart, {
|
|
296
296
|
theme: this.state.theme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","isNaN","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","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","isRTL","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","dataset","measureInWindow","chartX","chartY","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","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","domainPadding","height","padding","offsettop","offsetbottom","left","offsetright","offsetleft","right","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, isNaN} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/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-ai/app-rn-runtime/components/chart/basechart.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/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 = this.isRTL ? -80 : 80\n return data.map((d: any, i: number) => {\n let d1: any = [];\n d1.push(d);\n if (i != 0) {\n startAngle = this.isRTL ? startAngle + angles[i - 1] - (angles[i - 1] / 10) : 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={this.isRTL ? 80 : -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={this.isRTL ? 90 : -90}\n endAngle={this.isRTL ? -90 : 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\n this.handleLayout(e)\n\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 if (!this.state.props.dataset) 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 const data = this.getData();\n const yValues = data.map((d: any) => d.y);\n const minValue = Math.min(...yValues);\n const maxValue = Math.max(...yValues);\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 domain={(this.isRTL && !isNaN(maxValue) && !isNaN(minValue)) ? [maxValue, minValue > 0 ? 0 : minValue] : undefined}\n domainPadding={{ x: 10 }}\n height={this.styles.root.height as number}\n width={this.styles.root.width as number || this.state.chartWidth || 200}\n padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n >\n <VictoryLegend\n name={'legend'}\n containerComponent={<Svg />}\n 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":";;;;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,EAAEC,KAAK,QAAO,QAAQ;AACtE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,mEAAmE;AAG1E,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;MAE1C,IAAI,CAACC,YAAY,CAACL,CAAC,CAAC;MAEpB,IAAI,CAACM,WAAW,CAAC;QACfC,UAAU,EAAEN;MACd,CAAsB,CAAC;IACzB,CAAC;EA3LD;EAEAO,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACC,qBAAqB,CAAC,CAAC;EAC9B;EAEAC,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAG3B,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFL,mBAAmB,GAAG5B,OAAO,CAAC4B,mBAAmB,EAAE,GAAG,EAAE,MAAM,CAAC;IAC/D,OAAOA,mBAAmB;EAC5B;EAEAM,sBAAsBA,CAAA,EAAG;IACvB,IAAIC,mBAAmB,GAAGlC,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,CAAEC,CAAM,IAAKA,CAAC,CAACC,CAAC,GAAG,CAAC,CAAC;IACnFE,mBAAmB,GAAGnC,OAAO,CAACmC,mBAAmB,EAAE,GAAG,EAAE,KAAK,CAAC;IAC9D,OAAOA,mBAAmB;EAC5B;EAEAC,OAAOA,CAAA,EAAG;IACR,MAAMC,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,sBAAsB,CAAC,CAAC,CAAC;IAC/D,OAAOU,cAAc,CAACC,MAAM,CAACrC,SAAS,CAAC,IAAI,CAACiC,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,GAAGzC,SAAS,CAAC,IAAI,CAAC4B,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,GAAG5C,SAAS,CAACyC,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,GAAGzC,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACW,MAAM,CAAC;MAC7C,IAAK,IAAI,CAACX,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;QAChC,MAAME,WAAW,GAAG3C,OAAO,CAAC,IAAI,CAAC6B,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,GAAG5C,SAAS,CAACyC,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,CAAChC,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACa,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,MAAMJ,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,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,oBAAO7D,KAAA,CAAA0E,aAAA,CAACrE,UAAU;UAACsE,GAAG,EAAE/C,KAAK,CAACgD,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC3BW,YAAY,EAAEA,YAAa;UAC3BS,QAAQ,EAAE,IAAI,CAACpC,KAAK,CAACb,KAAK,CAACkD,SAAU;UACrCpC,IAAI,EAAE6B,EAAG;UACTQ,MAAM,EAAE,CACN;YACEC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE/E,QAAQ,CAACgF,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,GAAGvC,SAAS,CAAC,IAAI,CAACsC,YAAY,CAAC,CAAC,CAAC;IAC7C,OAAOpC,QAAQ,CAACqC,MAAM,CAAC,GAAG,CAACA,MAAM,CAAC,GAAGA,MAAM,CAACoC,OAAO,CAAC,CAAC;EACzD;EAEAC,WAAWA,CAAC7D,KAAwB,EAAE;IACpC,IAAK,IAAI,CAACa,KAAK,CAACC,IAAI,CAACW,MAAM,GAAG,CAAC,EAAG;MAChC,IAAIX,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;MACzB,IAAIC,cAAc,GAAGpC,SAAS,CAAC,IAAI,CAAC0B,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,IAAI,CAACC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE;MACtC,OAAO9D,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,GAAG,IAAI,CAACC,KAAK,GAAGD,UAAU,GAAGN,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAIwC,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,GAAG8C,UAAU,GAAGN,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAIwC,MAAM,CAACxC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG;QACjI;QACA,oBAAOzD,KAAA,CAAA0E,aAAA,CAACnE,UAAU;UAACoE,GAAG,EAAE/C,KAAK,CAACgD,IAAI,GAAG,GAAG,GAAGnB,CAAE;UAC1BsC,MAAM,EAAEA,MAAO;UACfU,UAAU,EAAE,CAAC,IAAI,CAAChE,KAAK,CAACW,MAAM,CAACR,CAAC,CAACc,KAAK,CAAC,EAAE,OAAO,CAAE;UAClD6C,UAAU,EAAEN,MAAM,GAAGM,UAAU,GAAG,CAAC,EAAG;UACtCG,QAAQ,EAAE,IAAI,CAACF,KAAK,GAAG,EAAE,GAAG,CAAC,EAAG;UAChCpC,YAAY,EAAE,GAAI;UAClBuC,UAAU,EAAE,KAAM;UAClBC,MAAM,EAAE;YAACpC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAE;YAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;UAAG,CAAE;UACzEa,WAAW,EAAEd,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACb,KAAK,CAACkD,SAAU;UACjDgC,MAAM,EAAE,EAAG;UACX/B,MAAM,EAAE,CAAC;YACRC,MAAM,EAAE,MAAM;YACdC,aAAa,EAAE/E,QAAQ,CAACgF,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;EAEAwC,UAAUA,CAAA,EAAG;IACX,MAAMC,KAAK,GAAG,IAAI,CAACC,aAAa,CAAC,CAAC;IAClC,MAAMlB,MAAM,GAAG/B,IAAI,CAACC,GAAG,CAAC,IAAI,CAACxB,KAAK,CAACL,UAAU,GAAC,CAAC,EAAE,IAAI,CAACK,KAAK,CAACuD,WAAW,GAAC,EAAE,CAAC;IAC3E,MAAMkB,QAAa,GAAG,EAAE;IACxBF,KAAK,CAACG,OAAO,CAAC,CAACvE,CAAM,EAAEa,CAAM,KAAK;MAChCyD,QAAQ,CAACzC,IAAI,CAAC;QAACD,CAAC,EAAG,GAAG,IAAI,CAAC/B,KAAK,CAACb,KAAK,CAACwF,MAAM,GAAGxE,CAAC,EAAE;QAAEC,CAAC,EAAE;MAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;IACF,oBAAO7C,KAAA,CAAA0E,aAAA,CAACnE,UAAU;MACjB8G,KAAK,EAAE;QACLP,MAAM,EAAE;UACNQ,QAAQ,EAAE,EAAE;UAAEC,WAAW,EAAE,EAAE;UAAEC,YAAY,EAAE;QAC/C;MAAC,CACF;MACAjB,UAAU,EAAE,IAAI,CAACC,KAAK,GAAG,EAAE,GAAG,CAAC,EAAG;MAClCE,QAAQ,EAAE,IAAI,CAACF,KAAK,GAAG,CAAC,EAAE,GAAG,EAAG;MAChCG,UAAU,EAAE,KAAM;MAClBF,UAAU,EAAE,CAAC,OAAO,CAAE;MACtBG,MAAM,EAAE;QAACpC,CAAC,EAAG,IAAI,CAAC/B,KAAK,CAACL,UAAU,GAAC,CAAC,GAAG,CAAE;QAAES,CAAC,EAAG,IAAI,CAACJ,KAAK,CAACuD,WAAW,GAAG;MAAG,CAAE;MAC7EyB,WAAW,EAAE1B,MAAM,GAAG,IAAI,CAACtD,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAG,EAAG;MACtDpC,IAAI,EAAEwE;IAAS,CAChB,CAAC;EACJ;EAYAD,aAAaA,CAAA,EAAG;IACd,IAAID,KAAU,GAAG,EAAE;IACnB,IAAI,IAAI,CAACvE,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAACW,MAAM,EAAE;MAC7B,IAAIX,IAAI,GAAG7B,SAAS,CAAC,IAAI,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;MACxC,MAAMwB,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGzB,IAAI,CAACc,GAAG,CAAEkE,CAAM,IAAKA,CAAC,CAAC7E,CAAC,GAAG6E,CAAC,CAAC7E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGvB,IAAI,CAACc,GAAG,CAAEkE,CAAM,IAAKA,CAAC,CAAC7E,CAAC,GAAG6E,CAAC,CAAC7E,CAAC,GAAG,CAAC,CAAC,CAAC;MACjE,MAAM8E,KAAK,GAAGhH,KAAK,CAACiH,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;MACzCD,KAAK,CAACE,MAAM,CAAC,CAAC9D,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,EAAEG,QAAQ,CAAC,CAAC;MACrD8C,KAAK,GAAGtG,IAAI,CAACoH,QAAQ,CAAC,CAAC,CAAC,EAAEH,KAAK,CAAC;MAChCX,KAAK,CAACA,KAAK,CAAC3D,MAAM,GAAE,CAAC,CAAC,GAAGa,QAAQ;MACjC,IAAKH,QAAQ,GAAG,CAAC,EAAG;QAClB,IAAIiD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;UAClBA,KAAK,CAACe,OAAO,CAAChE,QAAQ,CAAC;QACzB,CAAC,MAAM;UACLiD,KAAK,CAAC,CAAC,CAAC,GAAGjD,QAAQ;QACrB;MACF,CAAC,MAAM;QACLiD,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAACvE,KAAK,CAACb,KAAK,CAACoG,QAAQ;MACtC;IACF;IACA,OAAOhB,KAAK;EACd;EAEA5B,QAAQA,CAAC6C,KAAU,EAAEvF,IAAS,EAAC;IAC7B,IAAI,CAAC,IAAI,CAACwF,OAAO,CAACC,OAAO,EAAE;IAC3B,IAAI,CAAC,IAAI,CAAC1F,KAAK,CAACb,KAAK,CAACwG,OAAO,EAAE;IAC/B,IAAI,CAACF,OAAO,CAACC,OAAO,CAACE,eAAe,CAAC,CAACC,MAAc,EAAEC,MAAc,KAAK;MACzE,IAAI3G,KAAK,GAAG,IAAI,CAACa,KAAK,CAACb,KAAK;MAC5B,IAAI8B,KAAK,GAAGhB,IAAI,CAAC8F,KAAK,CAAC9E,KAAK;MAC5B,IAAI+E,QAAQ,GAAG7G,KAAK,CAAC8G,YAAY;MACjC,IAAIC,KAAK,GAAG,IAAI,CAAClG,KAAK,CAACmG,eAAe,CAAClF,KAAK,CAAC;MAC7C,IAAImF,KAAK,GAAGjH,KAAK,CAACwG,OAAO,CAAC1E,KAAK,CAAC,CAAC+E,QAAQ,CAAC;MAC1C,IAAIK,YAAY,GAAGlH,KAAK,CAACwG,OAAO,CAAC1E,KAAK,CAAC;MACvC,IAAIqF,iBAAiB,GAAG,CAAC;QAACC,MAAM,EAAE,CAAC;QAAExE,CAAC,EAAEd,KAAK;QAAEb,CAAC,EAAEgG,KAAK;QAACI,QAAQ,EAAEH;MAAY,CAAC,EAAEpF,KAAK,CAAC;MACvF,MAAM3B,WAAW,GAAGkG,KAAK,CAAClG,WAAW;MACrC,IAAImH,QAAQ,GAAGnH,WAAW,CAACoH,KAAK,GAAGb,MAAM;MACzC,IAAIc,QAAQ,GAAGrH,WAAW,CAACsH,KAAK,GAAGd,MAAM;MACzC,IAAI,CAACpG,WAAW,CAAC;QACfmH,YAAY,EAAEX,KAAK;QACnBY,YAAY,EAAEV,KAAK;QACnBW,aAAa,EAAE,IAAI;QACnBV,YAAY,EAAE;UAAC,GAAGA,YAAY;UAAEpF,KAAK,EAAEA;QAAK,CAAC;QAC7C+F,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAACzG,KAAK,CAACiH,cAAc;QACtDC,gBAAgB,EAAEP,QAAQ,GAAG,IAAI,CAAC3G,KAAK,CAACmH;MAC1C,CAAsB,CAAC;MACvB,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC5B,KAAK,CAAClG,WAAW,EAAE,IAAI,CAAC+H,KAAK,EAAEhB,YAAY,EAAEC,iBAAiB,CAAE,CAAC;IACzG,CAAC,CAAC;EACF;EAEAgB,YAAYA,CAACnI,KAAwB,EAAE;IACrC,IAAI,CAACiI,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,CAACrH,KAAK,CAACC,IAAI,CAACW,MAAM,EAAE;MAC3B,OAAO,IAAI;IACb;IACA,IAAI2G,SAAS,GAAC;MAACxF,CAAC,EAAE,IAAI,CAAC5C,KAAK,CAACqI,OAAO,KAAK,KAAK,GAAG,IAAI,CAACxH,KAAK,CAACyH,SAAS,GAAEC,SAAS;MAAEtH,CAAC,EAAE,IAAI,CAACjB,KAAK,CAACwI,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC3H,KAAK,CAAC4H,SAAS,GAAEF;IAAS,CAAC;IACpJ,MAAMzH,IAAI,GAAG,IAAI,CAACM,OAAO,CAAC,CAAC;IAC3B,MAAMc,OAAO,GAAGpB,IAAI,CAACc,GAAG,CAAEZ,CAAM,IAAKA,CAAC,CAACC,CAAC,CAAC;IACzC,MAAMkB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGH,OAAO,CAAC;IACrC,MAAMI,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGL,OAAO,CAAC;IACrC,oBACE9D,KAAA,CAAA0E,aAAA,CAACzE,IAAI,EAAAqK,QAAA,KACCpJ,qBAAqB,CAACD,uBAAuB,CAACsJ,SAAS,EAAE3I,KAAK,CAAC;MACnEyF,KAAK,EAAE,IAAI,CAACmD,MAAM,CAACC,IAAK;MAACC,QAAQ,EAAE,IAAI,CAACC;IAAmB,IAE1D,IAAI,CAACC,UAAU,CAAC,CAAC,EAClBhJ,KAAK,CAACiJ,QAAQ,KAAK,KAAK,gBACxB7K,KAAA,CAAA0E,aAAA,CAACzE,IAAI;MAAC6K,GAAG,EAAE,IAAI,CAAC5C;IAAQ,gBACtBlI,KAAA,CAAA0E,aAAA,CAACpE,YAAY;MACXyK,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI,KAAM;MACxBC,SAAS,EAAEhB,SAAU;MACrBnC,MAAM,EAAG,IAAI,CAACrB,KAAK,IAAI,CAACxF,KAAK,CAACkD,QAAQ,CAAC,IAAI,CAAClD,KAAK,CAAC+C,QAAQ,CAAC,GAAI,CAACG,QAAQ,EAAEH,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ,CAAC,GAAGoG,SAAU;MACnHc,aAAa,EAAE;QAAEzG,CAAC,EAAE;MAAG,CAAE;MACzB0G,MAAM,EAAE,IAAI,CAACV,MAAM,CAACC,IAAI,CAACS,MAAiB;MAC1CjJ,KAAK,EAAE,IAAI,CAACuI,MAAM,CAACC,IAAI,CAACxI,KAAK,IAAc,IAAI,CAACQ,KAAK,CAACL,UAAU,IAAI,GAAI;MACxE+I,OAAO,EAAE;QAAE7G,GAAG,EAAE1C,KAAK,CAACwJ,SAAS;QAAE/G,MAAM,EAAEzC,KAAK,CAACyJ,YAAY;QAAEC,IAAI,EAAE,IAAI,CAAC9E,KAAK,GAAG5E,KAAK,CAAC2J,WAAW,GAAG3J,KAAK,CAAC4J,UAAU;QAAEC,KAAK,EAAE,IAAI,CAACjF,KAAK,GAAG5E,KAAK,CAAC4J,UAAU,GAAG5J,KAAK,CAAC2J;MAAY;IAAE,gBAEjLvL,KAAA,CAAA0E,aAAA,CAAClE,aAAa;MACZoE,IAAI,EAAE,QAAS;MACf8G,kBAAkB,eAAE1L,KAAA,CAAA0E,aAAA,CAACvE,GAAG,MAAE,CAAE;MAC5BkH,KAAK,EAAE;QAACsE,KAAK,EAAE;UACbC,UAAU,EAAE,2CAA2C;UACvDtE,QAAQ,EAAE;QACZ;MACA,CAAE;MACFqE,KAAK,EAAE,CAAC/J,KAAK,CAAC+J,KAAK,EAAE/J,KAAK,CAACiK,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXrJ,IAAI,EAAE,EAAG;MACTqI,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI;IAAM,CACzB,CAAC,EACD,IAAI,CAACiB,aAAa,CAAC,IAAI,CAACrI,eAAe,CAAC,CAAC,CAAC,eAC3C3D,KAAA,CAAA0E,aAAA,CAACjE,WAAW;MAACwL,SAAS;MACT5E,KAAK,EAAE;QACL6E,UAAU,EAAE;UAAEC,IAAI,EAAE,IAAI,CAAC1J,KAAK,CAACb,KAAK,CAACwK,SAAS,KAAK,KAAK,GAAG,aAAa,GAAG,SAAS;UAAG9E,QAAQ,EAAE,EAAE;UAAE6D,OAAO,EAAE,IAAI,CAAC1I,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAC,CAAC,GAAG;QAAC,CAAC;QAC/IuH,SAAS,EAAE;UAAElB,OAAO,EAAG,EAAE,GAAG,IAAI,CAAC1I,KAAK,CAACb,KAAK,CAACkD,SAAS,GAAC;QAAG,CAAC;QAC3DwH,IAAI,EAAE;UAACC,MAAM,EAAE;QAAM,CAAC;QACtBC,IAAI,EAAE;UAACD,MAAM,EAAE;QAAM,CAAC;QACtBvF,KAAK,EAAE;UAACuF,MAAM,EAAE;QAAM;MACxB,CAAE;MACFxB,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI,KAAM;MACxB0B,UAAU,EAAE,IAAI,CAACxF,aAAa,CAAC,CAAE;MACjCyF,UAAU,EAAGC,CAAM,IAAK,IAAI,CAAClK,KAAK,CAACb,KAAK,CAACwF,MAAM,GAAG,GAAG,IAAI,CAACwF,gBAAgB,CAACD,CAAC,CAAC,GAAG,IAAI,CAAClK,KAAK,CAACb,KAAK,CAACwF,MAAM,EAAE,GAAG,GAAG,IAAI,CAACwF,gBAAgB,CAACD,CAAC,CAAC,EAAG;MAACE,aAAa;IAAA,CAAE,CAAC,eACxK7M,KAAA,CAAA0E,aAAA,CAACtE,YAAY;MACXqG,UAAU,EAAE,IAAI,CAACtD,YAAY,CAAC,CAAE;MAChC2J,UAAU,EAAE;IAAK,GAGf,IAAI,CAAClJ,WAAW,CAAChC,KAAK,CAEZ,CACF,CACR,CAAC,gBACP5B,KAAA,CAAA0E,aAAA,CAACzE,IAAI;MAAC6K,GAAG,EAAE,IAAI,CAAC5C;IAAQ,gBACxBlI,KAAA,CAAA0E,aAAA,CAACvE,GAAG;MAAC8B,KAAK,EAAE,IAAI,CAACQ,KAAK,CAACL,UAAW;MAAC8I,MAAM,EAAE,IAAI,CAACzI,KAAK,CAACuD;IAAY,gBAChEhG,KAAA,CAAA0E,aAAA,CAAClE,aAAa;MACZoE,IAAI,EAAE,QAAS;MACf8G,kBAAkB,eAAE1L,KAAA,CAAA0E,aAAA,CAACvE,GAAG,MAAE,CAAE;MAC5BwL,KAAK,EAAE,CAAC/J,KAAK,CAAC+J,KAAK,EAAE/J,KAAK,CAACiK,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACXrJ,IAAI,EAAE,EAAG;MACTqI,KAAK,EAAE,IAAI,CAACtI,KAAK,CAACsI;IAAM,CACzB,CAAC,EACD,IAAI,CAACtF,WAAW,CAAC7D,KAAK,CAAC,EACvB,IAAI,CAACmF,UAAU,CAAC,CACd,CACC,CAEJ,CAAC;EAEX;AACF","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","View","Platform","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","findIndex","isString","isNaN","AccessibilityWidgetType","getAccessibilityProps","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","args","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","handleLayout","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","isRTL","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","dataset","measureInWindow","chartX","chartY","datum","yaxisKey","yaxisdatakey","label","xaxisDatakeyArr","value","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","showSpinner","getTooltip","viewtype","ref","theme","minDomain","domainPadding","height","padding","offsettop","offsetbottom","left","offsetright","offsetleft","right","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, isNaN} from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/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-ai/app-rn-runtime/components/chart/basechart.component';\nimport { isWebPreviewMode } from '@wavemaker-ai/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 = this.isRTL ? -80 : 80\n return data.map((d: any, i: number) => {\n let d1: any = [];\n d1.push(d);\n if (i != 0) {\n startAngle = this.isRTL ? startAngle + angles[i - 1] - (angles[i - 1] / 10) : 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={this.isRTL ? 80 : -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={this.isRTL ? 90 : -90}\n endAngle={this.isRTL ? -90 : 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\n this.handleLayout(e)\n\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 if (!this.state.props.dataset) 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 const data = this.getData();\n const yValues = data.map((d: any) => d.y);\n const minValue = Math.min(...yValues);\n const maxValue = Math.max(...yValues);\n return (\n <View\n {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n style={this.styles.root} onLayout={this.onViewLayoutChange}\n >\n {this.showSpinner()}\n {this.getTooltip()}{\n props.viewtype === 'Bar' ?\n <View ref={this.viewRef}>\n <VictoryChart\n theme={this.state.theme}\n minDomain={mindomain}\n domain={(this.isRTL && !isNaN(maxValue) && !isNaN(minValue)) ? [maxValue, minValue > 0 ? 0 : minValue] : undefined}\n domainPadding={{ x: 10 }}\n height={this.styles.root.height as number}\n width={this.styles.root.width as number || this.state.chartWidth || 200}\n padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}\n >\n <VictoryLegend\n name={'legend'}\n containerComponent={<Svg />}\n 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":[]}
|
|
@@ -103,7 +103,7 @@ export default class WmAccordionpane extends BaseComponent {
|
|
|
103
103
|
...autoLayoutInnerDimensionStyle,
|
|
104
104
|
minWidth: 0
|
|
105
105
|
} : undefined
|
|
106
|
-
}, this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(View, {
|
|
106
|
+
}, this.showSpinner(), this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(View, {
|
|
107
107
|
style: [this.styles.root, hasAutoLayout ? {
|
|
108
108
|
...autoLayoutDirectionStyle,
|
|
109
109
|
...autoLayoutOuterDimensionStyle
|
|
@@ -119,7 +119,7 @@ export default class WmAccordionpane extends BaseComponent {
|
|
|
119
119
|
...autoLayoutContentStyle,
|
|
120
120
|
minWidth: 0
|
|
121
121
|
} : undefined
|
|
122
|
-
}, this._background, this.renderContent(props))));
|
|
122
|
+
}, this.showSpinner(), this._background, this.renderContent(props))));
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
//# sourceMappingURL=accordionpane.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","hasOwnFillHugResolution","_this$parent","parent","show","updateState","invokeEventCallback","proxy","hide","expand","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","_this$parent2","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","maxHeight","padding","contentStyle","minWidth","undefined","_background","style","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n isPartialLoaded = false;\n collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n public paneId: string = \"\";\n constructor(props: WmAccordionpaneProps) {\n super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n }\n\n isCollapsed() {\n return this.state.collapsed;\n }\n\n protected hasOwnFillHugResolution(): boolean {\n return isAutoLayout(extractAutoLayoutProps(this.state.props, this.parent?.state?.props));\n }\n\n show() {\n this.updateState({\n collapsed: false\n } as WmAccordionpaneState);\n this.invokeEventCallback('onExpand', [null, this.proxy]);\n }\n\n hide() {\n this.updateState({\n collapsed: true\n } as WmAccordionpaneState);\n this.invokeEventCallback('onCollapse', [null, this.proxy]);\n }\n\n expand() {\n (this.parent as WmAccordion).expand(this.props.name || '');\n }\n\n collapse() {\n (this.parent as WmAccordion).expand(this.props.name || '');\n }\n\n componentDidMount() {\n const accordion = (this.parent) as WmAccordion;\n // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n if(accordion.addAccordionPane) {\n accordion.addAccordionPane(this);\n }\n super.componentDidMount();\n }\n\n componentWillUnmount() {\n const accordion = (this.parent) as WmAccordion;\n if(accordion.removeAccordionPane) {\n accordion.removeAccordionPane(this);\n }\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: WmAccordionpaneProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmAccordionpaneState);\n });\n }\n return props.renderPartial(props, this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n renderWidget(props: WmAccordionpaneProps) {\n const autoLayoutProps = extractAutoLayoutProps(\n props,\n this.parent?.state?.props\n );\n const hasAutoLayout = isAutoLayout(autoLayoutProps);\n const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n return isWebPreviewMode() ?\n (<AutoLayoutHost\n autoLayoutProps={autoLayoutProps}\n shouldScroll={shouldScroll}\n containerStyle={[\n this.styles.root,\n hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n this.state.collapsed ? { maxHeight: 0, overflow: 'hidden', padding: 0 } : {},\n ]}\n contentStyle={hasAutoLayout ? {\n ...autoLayoutDirectionStyle,\n ...autoLayoutContentStyle,\n ...autoLayoutInnerDimensionStyle,\n minWidth: 0,\n } : undefined}\n >\n {this._background}\n {this.renderContent(props)}\n </AutoLayoutHost>) :\n (<View style={[this.styles.root, hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {}]}>\n <CollapsiblePane close={this.state.collapsed}>\n <AutoLayoutHost\n autoLayoutProps={autoLayoutProps}\n shouldScroll={shouldScroll}\n containerStyle={hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined}\n contentStyle={hasAutoLayout ? {\n ...autoLayoutDirectionStyle,\n ...autoLayoutContentStyle,\n minWidth: 0,\n } : undefined}\n >\n {this._background}\n {this.renderContent(props)}\n </AutoLayoutHost>\n </CollapsiblePane>\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","BaseComponent","BaseComponentState","extractAutoLayoutProps","getContentContainerStyle","getDirectionStyle","getDimensionStyle","isAutoLayout","AutoLayoutHost","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","hasOwnFillHugResolution","_this$parent","parent","show","updateState","invokeEventCallback","proxy","hide","expand","name","collapse","componentDidMount","accordion","addAccordionPane","componentWillUnmount","removeAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","_this$parent2","autoLayoutProps","hasAutoLayout","shouldScroll","overflow","autoLayoutDirectionStyle","autoLayoutContentStyle","autoLayoutOuterDimensionStyle","styles","root","autoLayoutInnerDimensionStyle","createElement","containerStyle","maxHeight","padding","contentStyle","minWidth","undefined","showSpinner","_background","style","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {extractAutoLayoutProps, getContentContainerStyle, getDirectionStyle, getDimensionStyle, isAutoLayout} from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\nimport { AutoLayoutHost } from '@wavemaker-ai/app-rn-runtime/core/auto-layout-host.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n isPartialLoaded = false;\n collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n public paneId: string = \"\";\n constructor(props: WmAccordionpaneProps) {\n super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n }\n\n isCollapsed() {\n return this.state.collapsed;\n }\n\n protected hasOwnFillHugResolution(): boolean {\n return isAutoLayout(extractAutoLayoutProps(this.state.props, this.parent?.state?.props));\n }\n\n show() {\n this.updateState({\n collapsed: false\n } as WmAccordionpaneState);\n this.invokeEventCallback('onExpand', [null, this.proxy]);\n }\n\n hide() {\n this.updateState({\n collapsed: true\n } as WmAccordionpaneState);\n this.invokeEventCallback('onCollapse', [null, this.proxy]);\n }\n\n expand() {\n (this.parent as WmAccordion).expand(this.props.name || '');\n }\n\n collapse() {\n (this.parent as WmAccordion).expand(this.props.name || '');\n }\n\n componentDidMount() {\n const accordion = (this.parent) as WmAccordion;\n // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n if(accordion.addAccordionPane) {\n accordion.addAccordionPane(this);\n }\n super.componentDidMount();\n }\n\n componentWillUnmount() {\n const accordion = (this.parent) as WmAccordion;\n if(accordion.removeAccordionPane) {\n accordion.removeAccordionPane(this);\n }\n }\n\n onPartialLoad() {\n this.invokeEventCallback('onLoad', [this]);\n }\n\n renderContent(props: WmAccordionpaneProps) {\n if (props.renderPartial) {\n if (!this.state.isPartialLoaded) {\n setTimeout(() => {\n this.updateState({\n isPartialLoaded: true\n } as WmAccordionpaneState);\n });\n }\n return props.renderPartial(props, this.onPartialLoad.bind(this));\n }\n return props.children;\n }\n renderWidget(props: WmAccordionpaneProps) {\n const autoLayoutProps = extractAutoLayoutProps(\n props,\n this.parent?.state?.props\n );\n const hasAutoLayout = isAutoLayout(autoLayoutProps);\n const shouldScroll = !hasAutoLayout || autoLayoutProps.overflow === 'scroll';\n const autoLayoutDirectionStyle = hasAutoLayout ? getDirectionStyle(autoLayoutProps) : {};\n const autoLayoutContentStyle = hasAutoLayout ? getContentContainerStyle(autoLayoutProps) : {};\n const autoLayoutOuterDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root) : {};\n const autoLayoutInnerDimensionStyle = hasAutoLayout ? getDimensionStyle(autoLayoutProps, this.styles.root, true) : {};\n\n return isWebPreviewMode() ?\n (<AutoLayoutHost\n autoLayoutProps={autoLayoutProps}\n shouldScroll={shouldScroll}\n containerStyle={[\n this.styles.root,\n hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {},\n this.state.collapsed ? { maxHeight: 0, overflow: 'hidden', padding: 0 } : {},\n ]}\n contentStyle={hasAutoLayout ? {\n ...autoLayoutDirectionStyle,\n ...autoLayoutContentStyle,\n ...autoLayoutInnerDimensionStyle,\n minWidth: 0,\n } : undefined}\n >\n {this.showSpinner()}\n {this._background}\n {this.renderContent(props)}\n </AutoLayoutHost>) :\n (<View style={[this.styles.root, hasAutoLayout ? { ...autoLayoutDirectionStyle, ...autoLayoutOuterDimensionStyle } : {}]}>\n <CollapsiblePane close={this.state.collapsed}>\n <AutoLayoutHost\n autoLayoutProps={autoLayoutProps}\n shouldScroll={shouldScroll}\n containerStyle={hasAutoLayout ? autoLayoutInnerDimensionStyle : undefined}\n contentStyle={hasAutoLayout ? {\n ...autoLayoutDirectionStyle,\n ...autoLayoutContentStyle,\n minWidth: 0,\n } : undefined}\n >\n {this.showSpinner()}\n {this._background}\n {this.renderContent(props)}\n </AutoLayoutHost>\n </CollapsiblePane>\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|