@wavemaker-ai/app-rn-runtime 1.0.0-rc.328 → 1.0.0-rc.332

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

@@ -10,6 +10,7 @@ import WmLineChartProps from './line-chart.props';
 import { DEFAULT_CLASS } from './line-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker-ai/app-rn-runtime/components/chart/basechart.component";
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { parseDimension } from '@wavemaker-ai/app-rn-runtime/core/utils';
 
 /** Maps Victory interpolation strings to ECharts LineChart curve types. */
 const getLineType = interpolation => {
@@ -80,21 +81,26 @@ export default class WmLineChart extends BaseChartComponent {
     const minDomain = this.getMinDomain();
     const series = ((_this$state$colors = this.state.colors) !== null && _this$state$colors !== void 0 && _this$state$colors.length ? this.state.colors : ['#000']).map(color => ({
       color,
-      lineWidth: Number(props.linethickness)
+      lineWidth: parseDimension(props.linethickness)
     }));
     const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);
+    const {
+      height: rootHeight,
+      ...wrapperStyle
+    } = this.styles.root;
     return /*#__PURE__*/React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.LINECHART, props), {
-      style: this.styles.root,
+      style: wrapperStyle,
       onLayout: this.onViewLayoutChange.bind(this),
       key: `${props.title}_line_chart`
-    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+    }), /*#__PURE__*/React.createElement(View, null, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
       }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       styles: this.styles.icon
     }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
@@ -129,8 +135,8 @@ export default class WmLineChart extends BaseChartComponent {
       showYAxisSplitLines: !props.hidegridyaxis,
       xAxisLabel: this.state.xLabel || '',
       yAxisLabel: this.state.yLabel || '',
-      xAxisTickLabelFormatter: this.getXAxisTickLabelFormatter(),
-      yAxisTickLabelFormatter: this.getYAxisTickLabelFormatter(),
+      xAxisTickLabelFormatter: props.showxaxis !== false ? this.getXAxisTickLabelFormatter() : undefined,
+      yAxisTickLabelFormatter: props.showyaxis !== false ? this.getYAxisTickLabelFormatter() : undefined,
       showLegend: showLegend,
       legendPosition: legendPosition,
       tooltip: props.tooltips ? this.hasCustomTooltip ? 'none' : (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : 'card' : 'none',

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","AccessibilityWidgetType","getAccessibilityProps","LineChart","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmIcon","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","Number","linethickness","symbol","getSeriesSymbol","highlightpoints","ticksymbol","createElement","_extends","LINECHART","style","styles","root","onLayout","onViewLayoutChange","bind","key","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","viewRef","screenWidth","height","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","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';\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: Number(props.linethickness),\n    }));\n    const symbol = this.getSeriesSymbol(props.highlightpoints, props.ticksymbol);\n\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n        key={`${props.title}_line_chart`}\n      >\n        <View>\n          {(props.title || props.iconclass) ? (\n            <View testID=\"title-icon-container\" style={{ flexDirection: 'row', alignItems: 'center' }}>\n              {props.iconclass ? (<WmIcon iconclass={props.iconclass} 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={this.getXAxisTickLabelFormatter()}\n              yAxisTickLabelFormatter={this.getYAxisTickLabelFormatter()}\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":[]}
+{"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":[]}

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

@@ -11,6 +11,7 @@ import { DEFAULT_CLASS } from './pie-chart.styles';
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
 import { BaseChartComponent, BaseChartComponentState } from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.component';
 import WmDonutChartProps from '@wavemaker-ai/app-rn-runtime/components/chart/donut-chart/donut-chart.props';
+import { formatCompactNumber } from '@wavemaker-ai/app-rn-runtime/core/utils';
 export class WmPieChartState extends BaseChartComponentState {
   constructor(...args) {
     super(...args);
@@ -63,6 +64,24 @@ export default class WmPieChart extends BaseChartComponent {
       });
       this.invokeEventCallback('onSelect', [null, this.proxy, selectedItem, selectedChartItem]);
     });
+    _defineProperty(this, "getLabel", params => {
+      const {
+        name,
+        value
+      } = params;
+      switch (this.state.props.labeltype) {
+        case 'percent':
+          return Math.round(value * 100 / this.state.total) + '%';
+        case 'key':
+          return name;
+        case 'value':
+          return formatCompactNumber(value);
+        case 'key-value':
+          return `${name} ${value}`;
+        default:
+          return name;
+      }
+    });
   }
   componentDidMount() {
     super.componentDidMount();
@@ -89,7 +108,6 @@ export default class WmPieChart extends BaseChartComponent {
     const radius = props.donutratio > 0 ? [`${Math.round(props.donutratio * 75)}%`, '75%'] : '75%';
     const showLabel = props.showlabels !== 'hide';
     const labelPosition = props.showlabels === 'inside' ? 'inside' : 'outside';
-    const labelFormat = props.labeltype === 'percent' ? 'percentage' : props.labeltype;
     const showLegend = props.showlegend !== 'hide';
     const legendPosition = ['top', 'bottom', 'left', 'right'].includes(props.showlegend) ? props.showlegend : 'bottom';
     const chartWidth = this.state.chartWidth;
@@ -103,14 +121,15 @@ export default class WmPieChart extends BaseChartComponent {
       key: `${props.title}_pie_chart`
     }), /*#__PURE__*/React.createElement(View, {
       onLayout: this.onInfoViewLayoutChange
-    }, props.title || props.iconclass ? /*#__PURE__*/React.createElement(View, {
+    }, props.title || props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(View, {
       testID: "title-icon-container",
       style: {
         flexDirection: 'row',
         alignItems: 'center'
       }
-    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: props.iconclass,
+      iconurl: props.iconurl,
       styles: this.styles.icon
     }) : null, props.title ? /*#__PURE__*/React.createElement(Text, {
       style: this.styles.title
@@ -129,7 +148,8 @@ export default class WmPieChart extends BaseChartComponent {
       theme: this.getChartTheme(),
       showLabel: showLabel,
       labelPosition: labelPosition,
-      showLabelLine: props.showLabelLine,
+      showLabelLine: props.showlabelline,
+      labelFormatter: this.getLabel,
       showLegend: showLegend,
       legendPosition: legendPosition,
       renderTooltip: this.getRenderTooltip(),

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","AccessibilityWidgetType","getAccessibilityProps","PieChart","WmPieChartProps","DEFAULT_CLASS","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","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","componentDidMount","renderWidget","_props$tooltip","length","pieData","chartData","map","d","xaxisDatakeyArr","itemStyle","color","colors","orderedData","isRTL","reverse","radius","donutratio","Math","round","showLabel","showlabels","labelPosition","labelFormat","labeltype","showLegend","showlegend","legendPosition","includes","chartHeight","styles","root","createElement","_extends","style","LINECHART","onLayout","onViewLayoutChange","key","title","onInfoViewLayoutChange","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","position","ref","viewRef","theme","getChartTheme","showLabelLine","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';\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  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 labelFormat = props.labeltype === 'percent' ? 'percentage' : props.labeltype;\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) ? (\n            <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n              {props.iconclass ? (<WmIcon iconclass={props.iconclass} 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              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":[]}
+{"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":[]}

package/components/chart/pie-chart/pie-chart.props.js

@@ -9,7 +9,7 @@ export default class WmPieChartProps extends BaseChartComponentProps {
     _defineProperty(this, "labelplacement", 'vertical');
     _defineProperty(this, "centerlabel", '');
     _defineProperty(this, "onSelect", void 0);
-    _defineProperty(this, "showLabelLine", true);
+    _defineProperty(this, "showlabelline", true);
   }
 }
 //# sourceMappingURL=pie-chart.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","args","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: string = 'vertical';\n  centerlabel = '';\n  onSelect?: any;\n  showLabelLine: boolean = true;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBACG,UAAU;IAAAA,eAAA,sBACrB,EAAE;IAAAA,eAAA;IAAAA,eAAA,wBAES,IAAI;EAAA;AAC/B","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","args","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker-ai/app-rn-runtime/components/chart/basechart.props';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: string = 'vertical';\n  centerlabel = '';\n  onSelect?: any;\n  showlabelline: boolean = true;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,+DAA+D;AAEnG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBACG,UAAU;IAAAA,eAAA,sBACrB,EAAE;IAAAA,eAAA;IAAAA,eAAA,wBAES,IAAI;EAAA;AAC/B","ignoreList":[]}

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

@@ -58,6 +58,9 @@ export default class WmAccordion extends BaseComponent {
     const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');
     return isExpanded ? expandedIconClass : collapsedIconClass;
   }
+  getExpandCollapseIconUrl(isExpanded, expandedIconUrl, collapsedIconUrl) {
+    return isExpanded ? expandedIconUrl : collapsedIconUrl;
+  }
   expandCollapseIcon(item, index, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {
     const widgetProps = item.props;
     //@ts-ignore
@@ -67,6 +70,9 @@ export default class WmAccordion extends BaseComponent {
     const expandedIconOverride = this.state.props.expandediconclass;
     const collapsedIconOverride = this.state.props.collapsediconclass;
     const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);
+    const expandedIconUrlOverride = this.state.props.expandediconurl;
+    const collapsedIconUrlOverride = this.state.props.collapsediconurl;
+    const iconurl = this.getExpandCollapseIconUrl(isExpanded, expandedIconUrlOverride, collapsedIconUrlOverride);
     return /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'row'
@@ -75,7 +81,8 @@ export default class WmAccordion extends BaseComponent {
       id: this.getTestId('icon' + index),
       styles: this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null),
       name: 'expand_collapse_icon',
-      iconclass: iconclass
+      iconclass: iconclass,
+      iconurl: iconurl
     }) : null);
   }
   renderAccordionpane(item, index, accordionpanes = []) {
@@ -100,11 +107,12 @@ export default class WmAccordion extends BaseComponent {
       onPress: this.toggle.bind(this, index + 1, !isExpanded)
     }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.titleWrapper, dynamicTitleWrapperStyles]
-    }, item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+    }, item.props.iconclass || item.props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
       styles: titleIconStyles,
       name: item.props.name + '_icon',
-      iconclass: item.props.iconclass
+      iconclass: item.props.iconclass,
+      iconurl: item.props.iconurl
     }) : null, /*#__PURE__*/React.createElement(View, {
       style: {
         flexDirection: 'column',

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","getExpandCollapseIconClass","isExpanded","useChevron","expandedIcon","collapsedIcon","expandedIconClass","collapsedIconClass","expandCollapseIcon","item","showBadge","showIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","_item$props$subheadin","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","activeTitleIcon","conditionalClass","classname","conditionalStyles","getStyle","dynamicTextStyles","text","dynamicActiveHeaderStyles","activeHeaderTitle","dynamicTitleWrapperStyles","titleWrapper","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","caption","heading","accessibilityRole","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1);\n      this.newIndex--;\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, useChevron: boolean, expandedIcon?: string, collapsedIcon?: string): string {\n    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');\n    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');\n    return isExpanded ? expandedIconClass : collapsedIconClass;\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge : null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n\n    const expandedIconOverride = this.state.props.expandediconclass;\n    const collapsedIconOverride = this.state.props.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);\n\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon, isExpanded ? this.styles.activeTitleIcon : null);\n    const conditionalClass = item.props.classname;\n    const conditionalStyles = conditionalClass ? this.theme.getStyle(conditionalClass) : {};\n    const dynamicTextStyles = conditionalStyles.text || {};\n    const dynamicActiveHeaderStyles = conditionalStyles.activeHeaderTitle || {};\n    const dynamicTitleWrapperStyles = conditionalStyles.titleWrapper || {};\n\n    const subheading = item.props.subheading ?? item.props.description;\n    return item.props.show != false ? (\n      <View\n        style={this.styles.pane || null}\n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          <View style={[this.styles.titleWrapper, dynamicTitleWrapperStyles]}>\n            {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n            <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ?\n             <WmLabel\n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.header\n                ]\n              }}\n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :\n             <Text\n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {},\n                  dynamicTextStyles,\n                  isExpanded ? dynamicActiveHeaderStyles : {}\n                ]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            }\n            {subheading ?\n              (this._showSkeleton ?\n              <WmLabel\n                styles={{root: this.styles.subheading}}\n                showskeleton={true}\n                caption={subheading} /> :\n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {subheading}\n               </Text>) : null }\n            </View>\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","getExpandCollapseIconClass","isExpanded","useChevron","expandedIcon","collapsedIcon","expandedIconClass","collapsedIconClass","getExpandCollapseIconUrl","expandedIconUrl","collapsedIconUrl","expandCollapseIcon","item","showBadge","showIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","expandedIconUrlOverride","expandediconurl","collapsedIconUrlOverride","collapsediconurl","iconurl","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","_item$props$subheadin","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","activeTitleIcon","conditionalClass","classname","conditionalStyles","getStyle","dynamicTextStyles","text","dynamicActiveHeaderStyles","activeHeaderTitle","dynamicTitleWrapperStyles","titleWrapper","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","caption","heading","accessibilityRole","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1);\n      this.newIndex--;\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, useChevron: boolean, expandedIcon?: string, collapsedIcon?: string): string {\n    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');\n    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');\n    return isExpanded ? expandedIconClass : collapsedIconClass;\n  }\n\n  private getExpandCollapseIconUrl(isExpanded: boolean, expandedIconUrl?: string, collapsedIconUrl?: string): string | undefined {\n    return isExpanded ? expandedIconUrl : collapsedIconUrl;\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge : null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n\n    const expandedIconOverride = this.state.props.expandediconclass;\n    const collapsedIconOverride = this.state.props.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);\n\n    const expandedIconUrlOverride = this.state.props.expandediconurl;\n    const collapsedIconUrlOverride = this.state.props.collapsediconurl;\n    const iconurl = this.getExpandCollapseIconUrl(isExpanded, expandedIconUrlOverride, collapsedIconUrlOverride);\n\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}\n              iconurl={iconurl}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon, isExpanded ? this.styles.activeTitleIcon : null);\n    const conditionalClass = item.props.classname;\n    const conditionalStyles = conditionalClass ? this.theme.getStyle(conditionalClass) : {};\n    const dynamicTextStyles = conditionalStyles.text || {};\n    const dynamicActiveHeaderStyles = conditionalStyles.activeHeaderTitle || {};\n    const dynamicTitleWrapperStyles = conditionalStyles.titleWrapper || {};\n\n    const subheading = item.props.subheading ?? item.props.description;\n    return item.props.show != false ? (\n      <View\n        style={this.styles.pane || null}\n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          <View style={[this.styles.titleWrapper, dynamicTitleWrapperStyles]}>\n            {(item.props.iconclass || item.props.iconurl) ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass} iconurl={item.props.iconurl}></WmIcon>: null}\n            <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ?\n             <WmLabel\n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.header\n                ]\n              }}\n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :\n             <Text\n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {},\n                  dynamicTextStyles,\n                  isExpanded ? dynamicActiveHeaderStyles : {}\n                ]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            }\n            {subheading ?\n              (this._showSkeleton ?\n              <WmLabel\n                styles={{root: this.styles.subheading}}\n                showskeleton={true}\n                caption={subheading} /> :\n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {subheading}\n               </Text>) : null }\n            </View>\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/accordion/accordion.props.js

@@ -11,6 +11,8 @@ export default class WmAccordionProps extends BaseProps {
     _defineProperty(this, "closeothers", true);
     _defineProperty(this, "expandediconclass", void 0);
     _defineProperty(this, "collapsediconclass", void 0);
+    _defineProperty(this, "expandediconurl", void 0);
+    _defineProperty(this, "collapsediconurl", void 0);
   }
 }
 //# sourceMappingURL=accordion.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAccordionProps","constructor","args","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n  animation: string = 'fadeInDown';\n  children: any;\n  defaultpaneindex: number = 0;\n  closeothers = true;\n  expandediconclass?: string;\n  collapsediconclass?: string;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAGpB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmAccordionProps","constructor","args","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n  animation: string = 'fadeInDown';\n  children: any;\n  defaultpaneindex: number = 0;\n  closeothers = true;\n  expandediconclass?: string;\n  collapsediconclass?: string;\n  expandediconurl?: string;\n  collapsediconurl?: string;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAKpB","ignoreList":[]}

package/components/container/accordion/accordionpane/accordionpane.props.js

@@ -7,6 +7,7 @@ class WmAccordionpaneProps extends BaseProps {
     super(...args);
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "iconurl", null);
     _defineProperty(this, "title", 'Title');
     _defineProperty(this, "renderPartial", void 0);
     _defineProperty(this, "subheading", null);

package/components/container/accordion/accordionpane/accordionpane.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","args","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmAccordionpaneProps extends AutoLayoutProps {}\n\nclass WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n\nexport default WmAccordionpaneProps;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAK5E,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEvB,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B;AAEA,eAAeH,oBAAoB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","args","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AutoLayoutProps } from '@wavemaker-ai/app-rn-runtime/core/auto-layout.utils';\n\ninterface WmAccordionpaneProps extends AutoLayoutProps {}\n\nclass WmAccordionpaneProps extends BaseProps {\n  children: any;\n  iconclass: string = null as any;\n  iconurl?: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = null as any;\n}\n\nexport default WmAccordionpaneProps;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAK5E,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEvB,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,gBACP,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B;AAEA,eAAeH,oBAAoB","ignoreList":[]}

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

@@ -65,11 +65,13 @@ export default class WmPanel extends BaseComponent {
     const expandedIconOverride = widgetProps.expandediconclass;
     const collapsedIconOverride = widgetProps.collapsediconclass;
     const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);
+    const iconurl = isExpanded ? widgetProps.expandediconurl : widgetProps.collapsediconurl;
     const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('collapseicon'),
       name: 'expand_collapse_icon',
       styles: this.styles.toggleIcon,
-      iconclass: iconclass
+      iconclass: iconclass,
+      iconurl: iconurl
     }) : null;
     return /*#__PURE__*/React.createElement(View, {
       style: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","createSkeleton","WmLabel","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","getExpandCollapseIconClass","isExpanded","expandedIconClass","collapsedIconClass","expandedIcon","collapsedIcon","expandCollapseIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","title","_showSkeleton","showskeleton","root","text","heading","caption","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","children","renderWidget","testID","onLayout","event","handleLayout"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, expandedIconClass?: string, collapsedIconClass?: string): string {\n    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';\n    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';\n    return isExpanded ? expandedIcon : collapsedIcon;\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]} {...this.getTestProps('badge')}>{widgetProps.badgevalue}</Badge>): null;\n\n    const expandedIconOverride = widgetProps.expandediconclass;\n    const collapsedIconOverride = widgetProps.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);\n\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon id={this.getTestId('collapseicon')} name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ?\n        <WmIcon styles={this.styles.icon}\n        id={this.getTestId('icon')}\n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          {props.title?\n            (this._showSkeleton ?\n            <WmLabel\n            showskeleton={true}\n            styles={{root: [\n              this.styles.text,\n              this.styles.heading]}} caption={isUndefined(props.title) ? 'Title' : props.title}/> :\n            <Text style={[\n              this.styles.text,\n              this.styles.heading]}\n              {...this.getTestPropsForAction(`header_title`)}>\n                {isUndefined(props.title) ? 'Title' : props.title}\n            </Text> ) : null }\n          {props.subheading ?\n            (this._showSkeleton ?\n            <WmLabel\n              showskeleton={true}\n              styles={{root: this.styles.subheading}}\n              caption={props.subheading} /> :\n             <Text\n               style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>\n                {props.subheading}\n              </Text> ) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ?\n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmPanelProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                {this.renderHeader()}\n                {this.renderPane((\n                  <>\n                  {this.renderContent(props)}\n                  <View>{props.children}</View>\n                  </>\n                ))}\n        </View>))\n      }\n      return null;\n    }\n\n  renderWidget(props: WmPanelProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n    <View\n      style={styles}\n      testID={this.getTestId()}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n      {this.getBackground()}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","createSkeleton","WmLabel","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","getExpandCollapseIconClass","isExpanded","expandedIconClass","collapsedIconClass","expandedIcon","collapsedIcon","expandCollapseIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","iconurl","expandediconurl","collapsediconurl","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","title","_showSkeleton","showskeleton","root","text","heading","caption","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","children","renderWidget","testID","onLayout","event","handleLayout"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, expandedIconClass?: string, collapsedIconClass?: string): string {\n    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';\n    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';\n    return isExpanded ? expandedIcon : collapsedIcon;\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]} {...this.getTestProps('badge')}>{widgetProps.badgevalue}</Badge>): null;\n\n    const expandedIconOverride = widgetProps.expandediconclass;\n    const collapsedIconOverride = widgetProps.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);\n    const iconurl = isExpanded ? widgetProps.expandediconurl : widgetProps.collapsediconurl;\n\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon id={this.getTestId('collapseicon')} name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass} iconurl={iconurl}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ?\n        <WmIcon styles={this.styles.icon}\n        id={this.getTestId('icon')}\n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          {props.title?\n            (this._showSkeleton ?\n            <WmLabel\n            showskeleton={true}\n            styles={{root: [\n              this.styles.text,\n              this.styles.heading]}} caption={isUndefined(props.title) ? 'Title' : props.title}/> :\n            <Text style={[\n              this.styles.text,\n              this.styles.heading]}\n              {...this.getTestPropsForAction(`header_title`)}>\n                {isUndefined(props.title) ? 'Title' : props.title}\n            </Text> ) : null }\n          {props.subheading ?\n            (this._showSkeleton ?\n            <WmLabel\n              showskeleton={true}\n              styles={{root: this.styles.subheading}}\n              caption={props.subheading} /> :\n             <Text\n               style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>\n                {props.subheading}\n              </Text> ) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ?\n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmPanelProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                {this.renderHeader()}\n                {this.renderPane((\n                  <>\n                  {this.renderContent(props)}\n                  <View>{props.children}</View>\n                  </>\n                ))}\n        </View>))\n      }\n      return null;\n    }\n\n  renderWidget(props: WmPanelProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n    <View\n      style={styles}\n      testID={this.getTestId()}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n      {this.getBackground()}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/panel/panel.props.js

@@ -21,6 +21,8 @@ export default class WmPanelProps extends BaseProps {
     _defineProperty(this, "iconmargin", null);
     _defineProperty(this, "expandediconclass", null);
     _defineProperty(this, "collapsediconclass", null);
+    _defineProperty(this, "expandediconurl", null);
+    _defineProperty(this, "collapsediconurl", null);
   }
 }
 //# sourceMappingURL=panel.props.js.map