@wavemaker/app-rn-runtime 11.4.0-next.28152 → 11.4.0-patch.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["WmBarChart","WmBarChartState","WmColumnChartState","WmColumnChart","constructor","props"],"sources":["column-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmColumnChartProps from './column-chart.props';\nimport WmBarChart, {WmBarChartState} from \"@wavemaker/app-rn-runtime/components/chart/bar-chart/bar-chart.component\";\n\nexport class WmColumnChartState extends WmBarChartState {}\n\nexport default class WmColumnChart extends WmBarChart {\n\n  constructor(props: WmColumnChartProps) {\n    super(props)\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,IAAGC,eAAe,QAAO,0EAA0E;AAEpH,OAAO,MAAMC,kBAAkB,SAASD,eAAe,CAAC;AAExD,eAAe,MAAME,aAAa,SAASH,UAAU,CAAC;EAEpDI,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}

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

@@ -0,0 +1 @@
+{"version":3,"names":["WmPieChart","WmDonutChart","constructor","props"],"sources":["donut-chart.component.tsx"],"sourcesContent":["import React from 'react';\n\nimport WmDonutChartProps from './donut-chart.props';\nimport WmPieChart from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.component\";\n\n\nexport default class WmDonutChart extends WmPieChart {\n\n  constructor(props: WmDonutChartProps) {\n    super(props);\n  }\n}\n"],"mappings":"AAGA,OAAOA,UAAU,MAAM,0EAA0E;AAGjG,eAAe,MAAMC,YAAY,SAASD,UAAU,CAAC;EAEnDE,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,CAAC;EACd;AACF"}

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

@@ -0,0 +1,11 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import WmPieChartProps from "@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.props";
+export default class WmDonutChartProps extends WmPieChartProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "donutratio", 0.5);
+  }
+}
+//# sourceMappingURL=donut-chart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["WmPieChartProps","WmDonutChartProps","constructor","arguments","_defineProperty"],"sources":["donut-chart.props.ts"],"sourcesContent":["import WmPieChartProps from \"@wavemaker/app-rn-runtime/components/chart/pie-chart/pie-chart.props\";\n\nexport default class WmDonutChartProps extends WmPieChartProps {\n  donutratio: number = 0.5;\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,sEAAsE;AAElG,eAAe,MAAMC,iBAAiB,SAASD,eAAe,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBACxC,GAAG;EAAA;AAC1B"}

package/components/chart/legend/legend.component.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { View, Text } from "react-native";
+export const Legend = function (props) {
+  var _props$data;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [props.orientation === 'vertical' ? {
+      flexDirection: 'column',
+      justifyContent: 'center'
+    } : {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      flexWrap: 'wrap'
+    }]
+  }, (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.map(d => {
+    return /*#__PURE__*/React.createElement(View, {
+      key: d.name,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 4
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: 12,
+        height: 12
+      }, props.dotStyle, {
+        backgroundColor: d.color
+      }]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        paddingLeft: 4
+      }, props.testStyle]
+    }, d.name));
+  }));
+};
+//# sourceMappingURL=legend.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Legend","props","_props$data","createElement","style","orientation","flexDirection","justifyContent","flexWrap","data","map","d","key","name","alignItems","padding","width","height","dotStyle","backgroundColor","color","paddingLeft","testStyle"],"sources":["legend.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextStyle, View, Text, ViewStyle } from \"react-native\";\n\nexport interface LegendProps {\n    data : [{\n        name: string,\n        color: string\n    }];\n    dotStyle?: ViewStyle;\n    testStyle?: TextStyle;\n    orientation?: 'vertical' | 'horizontal';\n}\n\nexport const Legend = function(props: LegendProps) {\n    return (\n        <View style={[\n        props.orientation === 'vertical' ?  {\n            flexDirection: 'column',\n            justifyContent: 'center'\n        } : {\n            flexDirection: 'row',\n            justifyContent: 'center',\n            flexWrap: 'wrap'\n        }]}>\n            {props.data?.map(d => {\n                return (\n                <View key={d.name} style={{\n                    flexDirection: 'row',\n                    alignItems: 'center',\n                    padding: 4}}>\n                    <View style={[{\n                        width: 12,\n                        height: 12\n                    }, props.dotStyle, {\n                        backgroundColor: d.color\n                    }]}></View>\n                    <Text style={[{ \n                        paddingLeft: 4\n                    }, props.testStyle]}>{d.name}</Text>\n                </View>);\n            })}\n        </View>\n    );\n};"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAoBC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAY/D,OAAO,MAAMC,MAAM,GAAG,SAAAA,CAASC,KAAkB,EAAE;EAAA,IAAAC,WAAA;EAC/C,oBACIL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACM,KAAK,EAAE,CACbH,KAAK,CAACI,WAAW,KAAK,UAAU,GAAI;MAChCC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE;IACpB,CAAC,GAAG;MACAD,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACd,CAAC;EAAE,IAAAN,WAAA,GACED,KAAK,CAACQ,IAAI,cAAAP,WAAA,uBAAVA,WAAA,CAAYQ,GAAG,CAACC,CAAC,IAAI;IAClB,oBACAd,KAAA,CAAAM,aAAA,CAACL,IAAI;MAACc,GAAG,EAAED,CAAC,CAACE,IAAK;MAACT,KAAK,EAAE;QACtBE,aAAa,EAAE,KAAK;QACpBQ,UAAU,EAAE,QAAQ;QACpBC,OAAO,EAAE;MAAC;IAAE,gBACZlB,KAAA,CAAAM,aAAA,CAACL,IAAI;MAACM,KAAK,EAAE,CAAC;QACVY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACZ,CAAC,EAAEhB,KAAK,CAACiB,QAAQ,EAAE;QACfC,eAAe,EAAER,CAAC,CAACS;MACvB,CAAC;IAAE,CAAO,CAAC,eACXvB,KAAA,CAAAM,aAAA,CAACJ,IAAI;MAACK,KAAK,EAAE,CAAC;QACViB,WAAW,EAAE;MACjB,CAAC,EAAEpB,KAAK,CAACqB,SAAS;IAAE,GAAEX,CAAC,CAACE,IAAW,CACjC,CAAC;EACX,CAAC,CACC,CAAC;AAEf,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Svg","VictoryChart","VictoryLine","VictoryLegend","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmLineChartState","WmLineChart","constructor","props","renderWidget","_this$state$data","state","data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","name","containerComponent","title","subheading","orientation","gutter","y","getLegendView","getXaxis","getYAxis","map","d","i","key","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","highlightpoints","size","fill","opacity"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryLegend,\n  VictoryScatter,\n  VictoryGroup\n} from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\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  renderWidget(props: WmLineChartProps) {\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <VictoryChart\n      theme={this.state.theme}\n      height={this.styles.root.height as number}\n      width={this.styles.root.width as number || this.screenWidth}\n      padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n    >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n          y={0}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n      {\n        this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n                              name={props.name + '_line_' + i}\n                              standalone={true}\n                              style={{\n                                data: {\n                                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                                  strokeWidth: props.linethickness}\n                              }}\n            data={d}\n          />\n          {(props.highlightpoints || this.state.data.length === 1) ?\n            <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                            style={{\n                              data: { fill: this.state.colors[i], opacity: 0.8}\n                            }}\n                            data={d}\n            />: null}</VictoryGroup>\n        })\n      }\n    </VictoryChart>\n    </View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","arguments","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBAC5C,CAAC;EAAA;AAC3B"}

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

@@ -0,0 +1,191 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { View, Text } from 'react-native';
+import { Svg } from 'react-native-svg';
+import { VictoryLabel, VictoryPie } from 'victory-native';
+import WmPieChartProps from './pie-chart.props';
+import { DEFAULT_CLASS } from './pie-chart.styles';
+import { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { BaseChartComponent, BaseChartComponentState } from '@wavemaker/app-rn-runtime/components/chart/basechart.component';
+import WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';
+import { Legend } from '../legend/legend.component';
+export class WmPieChartState extends BaseChartComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "chartWidth", 0);
+    _defineProperty(this, "totalHeight", 0);
+    _defineProperty(this, "infoHeight", 10);
+    _defineProperty(this, "legendWidth", 0);
+    _defineProperty(this, "legendHeight", 0);
+    _defineProperty(this, "opacity", 0);
+  }
+}
+export default class WmPieChart extends BaseChartComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());
+    _defineProperty(this, "onViewLayoutChange", e => {
+      var _e$nativeEvent;
+      let viewWidth = e.nativeEvent.layout.width;
+      this.updateState({
+        chartWidth: viewWidth,
+        totalHeight: (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.layout.height
+      });
+    });
+    _defineProperty(this, "onInfoViewLayoutChange", e => {
+      var _e$nativeEvent2;
+      this.updateState({
+        infoHeight: (_e$nativeEvent2 = e.nativeEvent) === null || _e$nativeEvent2 === void 0 ? void 0 : _e$nativeEvent2.layout.height,
+        opacity: 1
+      });
+    });
+    _defineProperty(this, "onLegendViewLayoutChange", e => {
+      var _e$nativeEvent3, _e$nativeEvent4;
+      this.updateState({
+        legendWidth: (_e$nativeEvent3 = e.nativeEvent) === null || _e$nativeEvent3 === void 0 ? void 0 : _e$nativeEvent3.layout.width,
+        legendHeight: (_e$nativeEvent4 = e.nativeEvent) === null || _e$nativeEvent4 === void 0 ? void 0 : _e$nativeEvent4.layout.height
+      });
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  getLabel(d, props) {
+    switch (props.labeltype) {
+      case 'percent':
+        {
+          return Math.round(d.y * 100 / this.state.total) + '%';
+        }
+      case 'key':
+        {
+          return this.state.xaxisDatakeyArr[d.x];
+        }
+      case 'value':
+        {
+          return formatCompactNumber(d.y);
+        }
+      case 'key-value':
+        {
+          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;
+        }
+    }
+  }
+  renderWidget(props) {
+    if (!this.state.data.length) {
+      return null;
+    }
+    const pieData = this.state.data[0];
+    const chartWidth = this.state.chartWidth - (props.showlegend === 'right' ? this.state.legendWidth : 0);
+    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) - this.state.infoHeight - (props.showlegend === 'right' ? 0 : this.state.legendHeight);
+    let radius = (Math.min(chartWidth, chartHeight) - 40) / 2;
+    let innerRadius = props.donutratio * radius;
+    let styleProp = {};
+    let labelRadius;
+    if (props.showlabels === 'hide') {
+      styleProp = {
+        labels: {
+          display: "none"
+        }
+      };
+    } else if (props.showlabels === 'inside') {
+      labelRadius = radius / 2;
+    } else {
+      labelRadius = radius + 8;
+    }
+    const origin = {
+      x: chartWidth / 2,
+      y: chartHeight / 2
+    };
+    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';
+    let legendData = pieData.map((d, index) => {
+      return {
+        name: this.state.xaxisDatakeyArr[d.x],
+        color: this.state.colors[index % this.state.colors.length]
+      };
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        opacity: this.state.opacity
+      }, this.styles.root],
+      onLayout: this.onViewLayoutChange
+    }, /*#__PURE__*/React.createElement(View, {
+      onLayout: this.onInfoViewLayoutChange
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: props.iconclass,
+      styles: this.styles.icon
+    }) : null, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.title
+    }, props.title)), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.subHeading
+    }, props.subheading)), props.showlegend === 'top' ? /*#__PURE__*/React.createElement(View, {
+      onLayout: this.onLegendViewLayoutChange
+    }, /*#__PURE__*/React.createElement(Legend, {
+      data: legendData,
+      testStyle: this.styles.legendText,
+      dotStyle: this.styles.legenedDot
+    })) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, chartWidth ? /*#__PURE__*/React.createElement(Svg, {
+      width: chartWidth,
+      height: chartHeight
+    }, /*#__PURE__*/React.createElement(VictoryPie, {
+      style: styleProp,
+      standalone: false,
+      colorScale: this.state.colors,
+      labels: _ref => {
+        let {
+          datum
+        } = _ref;
+        return this.getLabel(datum, props);
+      },
+      endAngle: this.state.endAngle || 0,
+      radius: radius,
+      innerRadius: innerRadius,
+      theme: this.state.theme,
+      key: props.name,
+      name: props.name,
+      data: pieData,
+      origin: origin,
+      labelPlacement: props.labelplacement,
+      labelRadius: labelRadius
+    }), /*#__PURE__*/React.createElement(VictoryLabel, {
+      textAnchor: "middle",
+      style: this.styles.title,
+      x: origin.x,
+      y: origin.y,
+      text: props.centerlabel
+    })) : null), props.showlegend === 'right' ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        maxWidth: '50%'
+      },
+      onLayout: this.onLegendViewLayoutChange
+    }, /*#__PURE__*/React.createElement(Legend, {
+      data: legendData,
+      testStyle: this.styles.legendText,
+      dotStyle: this.styles.legenedDot,
+      orientation: "vertical"
+    })) : null), props.showlegend === 'bottom' ? /*#__PURE__*/React.createElement(View, {
+      onLayout: this.onLegendViewLayoutChange
+    }, /*#__PURE__*/React.createElement(Legend, {
+      data: legendData,
+      testStyle: this.styles.legendText,
+      dotStyle: this.styles.legenedDot
+    })) : null);
+  }
+}
+//# sourceMappingURL=pie-chart.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Svg","VictoryLabel","VictoryPie","WmPieChartProps","DEFAULT_CLASS","formatCompactNumber","WmIcon","BaseChartComponent","BaseChartComponentState","WmDonutChartProps","Legend","WmPieChartState","constructor","arguments","_defineProperty","WmPieChart","props","type","e","_e$nativeEvent","viewWidth","nativeEvent","layout","width","updateState","chartWidth","totalHeight","height","_e$nativeEvent2","infoHeight","opacity","_e$nativeEvent3","_e$nativeEvent4","legendWidth","legendHeight","componentDidMount","getLabel","d","labeltype","Math","round","y","state","total","xaxisDatakeyArr","x","renderWidget","data","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","index","name","color","colors","createElement","style","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","datum","endAngle","theme","key","labelPlacement","labelplacement","textAnchor","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  renderWidget(props: WmPieChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    const pieData = this.state.data[0];\n    const chartWidth = this.state.chartWidth \n      - (props.showlegend === 'right' ? this.state.legendWidth : 0);\n    const chartHeight = (this.styles.root.height ? this.state.totalHeight : chartWidth) \n      - this.state.infoHeight \n      - (props.showlegend === 'right' ? 0 : this.state.legendHeight);\n    let radius = (Math.min(chartWidth, chartHeight) - 40)/ 2;\n    let innerRadius = props.donutratio * radius;\n    let styleProp = {};\n    let labelRadius;\n    if (props.showlabels === 'hide') {\n      styleProp={labels: { display: \"none\" }};\n    } else if (props.showlabels === 'inside') {\n      labelRadius = radius/2;\n    } else {\n      labelRadius = radius + 8;\n    }\n    const origin = {x: (chartWidth/2), y: (chartHeight/2)};\n    const orientation = props.showlegend === 'right' ? 'vertical' : 'horizontal';\n    let legendData = pieData.map((d: {x: any, y: any}, index: number) => {\n      return {\n        name: this.state.xaxisDatakeyArr[d.x],\n        color: this.state.colors[index % (this.state.colors.length)]\n      };\n    });\n    return (\n      <View style={[{opacity: this.state.opacity}, this.styles.root]}\n        onLayout={this.onViewLayoutChange}>\n        <View onLayout={this.onInfoViewLayoutChange}>\n          <View style={{flexDirection: 'row', alignItems: 'center'}}>\n            {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n            <Text style={this.styles.title}>{props.title}</Text>\n          </View>\n          <Text style={this.styles.subHeading}>{props.subheading}</Text>\n        </View>\n        {props.showlegend === 'top' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n        <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>\n          <View style={{flex: 1}}>\n            {chartWidth ? (\n            <Svg\n              width={chartWidth}\n              height={chartHeight}\n            >\n              <VictoryPie\n                style={styleProp}\n                standalone={false}\n                colorScale={this.state.colors}\n                labels={({datum}) => this.getLabel(datum, props)}\n                endAngle={this.state.endAngle || 0}\n                radius={radius}\n                innerRadius={innerRadius}\n                theme={this.state.theme}\n                key={props.name}\n                name={props.name}\n                data={pieData}\n                origin={origin}\n                labelPlacement={props.labelplacement}\n                labelRadius={labelRadius}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.title as any}\n                x={origin.x} y={origin.y}\n                text={props.centerlabel}\n              />\n            </Svg>) : null}\n          </View>\n          {props.showlegend === 'right' ? \n            (<View style={{maxWidth: '50%'}} onLayout={this.onLegendViewLayoutChange}>\n              <Legend data={legendData}\n                testStyle={this.styles.legendText}\n                dotStyle={this.styles.legenedDot}\n                orientation='vertical'></Legend>\n            </View>) : null }\n        </View>\n        {props.showlegend === 'bottom' ? \n          (<View onLayout={this.onLegendViewLayoutChange}>\n            <Legend data={legendData}\n              testStyle={this.styles.legendText}\n              dotStyle={this.styles.legenedDot}></Legend>\n          </View>) : null }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';
+export default class WmPieChartProps extends BaseChartComponentProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "donutratio", 0);
+    _defineProperty(this, "labelplacement", 'vertical');
+    _defineProperty(this, "centerlabel", '');
+  }
+}
+//# sourceMappingURL=pie-chart.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseChartComponentProps","WmPieChartProps","constructor","arguments","_defineProperty"],"sources":["pie-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from '@wavemaker/app-rn-runtime/components/chart/basechart.props';\nimport { VictorySliceLabelPlacementType } from 'victory-pie';\n\nexport default class WmPieChartProps extends BaseChartComponentProps {\n  donutratio: number = 0;\n  labelplacement: VictorySliceLabelPlacementType = 'vertical';\n  centerlabel = '';\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAGhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,qBAC9C,CAAC;IAAAA,eAAA,yBAC2B,UAAU;IAAAA,eAAA,sBAC7C,EAAE;EAAA;AAClB"}

package/components/chart/theme/chart.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assign","ThemeVariables","themes","colors","tooltip","ThemeFactory","getColorsObj","themeName","getTheme","name","styles","customColors","colorsToUse","c1","c2","c3","c4","c5","c6","c7","c8","c9","c10","length","gridColor","textColorFromProps","text","color","sansSerif","letterSpacing","fontSize","padding","baseProps","width","height","baseLabelStyles","fontFamily","fill","INSTANCE","defaultTextColor","stroke","strokeWidth","centeredLabelStyles","textAnchor","strokeDasharray","strokeLinecap","strokeLinejoin","baseChartTheme","area","style","data","fillOpacity","labels","axis","chartAxisColor","axisLabel","grid","pointerEvents","ticks","size","chartAxisPointColor","tickLabels","polarDependentAxis","bar","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","histogram","legend","gutter","orientation","titleOrientation","type","border","title","heading4FontSize","line","pie","scatter","stack","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout"],"sources":["chart.theme.ts"],"sourcesContent":["import { assign } from \"lodash\";\nimport { VictoryThemeDefinition } from \"victory-core\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nconst themes: {[key:string]: any} = {\n  'Terrestrial': {\n    colors: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#de7d28',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Annabelle': {\n    colors: ['#393b79', '#5254a3', '#6b6ecf', '#9c9ede', '#637939', '#8ca252', '#b5cf6b', '#cedb9c', '#8c6d31', '#bd9e39', '#e7ba52', '#e7cb94', '#843c39', '#ad494a', '#d6616b', '#e7969c', '#7b4173', '#a55194', '#ce6dbd', '#de9ed6', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#2e306f',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Azure': {\n    colors: ['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#e6550d', '#fd8d3c', '#fdae6b', '#fdd0a2', '#31a354', '#74c476', '#a1d99b', '#c7e9c0', '#756bb1', '#9e9ac8', '#bcbddc', '#dadaeb', '#636363', '#969696', '#bdbdbd', '#d9d9d9', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#3182bd',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Retro': {\n    colors: ['#0ca7a1', '#ffa615', '#334957', '#acc5c2', '#988f90', '#8accc9', '#515151', '#f27861', '#36c9fd', '#794668', '#0f709d', '#0d2738', '#44be78', '#4a1839', '#6a393f', '#557d8b', '#6c331c', '#1c1c1c', '#861500', '#09562a', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#80513a',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Mellow': {\n    colors: ['#f0dcbf', '#88c877', '#aeb918', '#2e2c23', '#ddddd2', '#dfe956', '#4c963b', '#5d3801', '#e1eec3', '#cd8472', '#fcfab3', '#9a4635', '#9295ad', '#2e3f12', '#565677', '#557d8b', '#4f4d02', '#0c0c1b', '#833324', '#24120e', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#7c9e73',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Orient': {\n    colors: ['#a80000', '#cc6c3c', '#f0e400', '#000084', '#fccc6c', '#009c6c', '#cc309c', '#78cc00', '#fc84e4', '#48e4fc', '#4878d8', '#186c0c', '#606060', '#a8a8a8', '#000000', '#d7d7d7', '#75a06e', '#190d0b', '#888888', '#694b84', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#c14242',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'GrayScale': {\n    colors: ['#141414', '#353535', '#5b5b5b', '#848484', '#a8a8a8', '#c3c3c3', '#e0e0e0', '#c8c8c8', '#a5a5a5', '#878787', '#656565', '#4e4e4e', '#303030', '#1c1c1c', '#4f4f4f', '#3b3b3b', '#757575', '#606060', '#868686', '#c1c1c1', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#575757',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Flyer': {\n    colors: ['#3f454c', '#5a646e', '#848778', '#cededf', '#74c4dd', '#0946ed', '#380bb1', '#000ff0', '#f54a23', '#1db262', '#bca3aa', '#ffa500', '#a86b32', '#63a18c', '#56795e', '#934343', '#b75f5f', '#752d2d', '#4e1111', '#920606', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Luminosity': {\n    colors: ['#FFFFFF', '#e4e4e4', '#00bcd4', '#f0dd2f', '#00aabf', '#018376', '#e91e63', '#39e5d4', '#ff6d6d', '#00ff76', '#ff9800', '#969696', '#ff4200', '#e00000', '#95cbe5', '#5331ff', '#fff4a7', '#e7a800', '#0061e4', '#d5e7ff', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  }\n}\n\nclass ThemeFactory {\n  getColorsObj(themeName: string) {\n    return themes[themeName].colors;\n  }\n\n  getTheme(name: string, styles?: any, customColors?: Array<string>) {\n    const colorsToUse = this.getColorsObj(name);\n    const [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10] = colorsToUse;\n    let colors = [\n      c1,\n      c2,\n      c3,\n      c4,\n      c5,\n      c6,\n    ];\n    if (customColors && customColors.length) {\n      colors = customColors;\n    }\n    const gridColor = colorsToUse[colorsToUse.length - 1];\n    let textColorFromProps;\n    if (styles) {\n      textColorFromProps = styles.text.color;\n    }\n\n    // Typography\n    const sansSerif = \"'Helvetica Neue', 'Helvetica', sans-serif\";\n    const letterSpacing = \"normal\";\n    const fontSize = 12;\n\n    // Layout\n    const padding = 8;\n    const baseProps = {\n      width: 250,\n      height: 250,\n      padding: 50,\n    };\n\n    // Labels\n    const baseLabelStyles = {\n      fontFamily: sansSerif,\n      fontSize,\n      letterSpacing,\n      padding,\n      fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n      stroke: \"transparent\",\n      strokeWidth: 0,\n    };\n\n    const centeredLabelStyles = assign({ textAnchor: \"middle\" }, baseLabelStyles);\n\n    // Strokes\n    const strokeDasharray = \"10, 5\";\n    const strokeLinecap = \"round\";\n    const strokeLinejoin = \"round\";\n\n    const baseChartTheme: VictoryThemeDefinition = {\n      area: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              fillOpacity: 0.9\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      axis: assign(\n        {\n          style: {\n            axis: {\n              fill: \"transparent\",\n              stroke: textColorFromProps || ThemeVariables.INSTANCE.chartAxisColor,\n              strokeWidth: 2,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            axisLabel: assign({}, centeredLabelStyles, {\n              padding: 30,\n              stroke: \"transparent\",\n              fontSize: 15\n            }),\n            grid: {\n              fill: \"none\",\n              stroke: gridColor,\n              strokeDasharray,\n              strokeLinecap,\n              strokeLinejoin,\n              pointerEvents: \"painted\",\n            },\n            ticks: {\n              fill: \"transparent\",\n              size: 5,\n              stroke: ThemeVariables.INSTANCE.chartAxisPointColor,\n              strokeWidth: 1,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            tickLabels: assign({}, baseLabelStyles, {\n              fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n            }),\n          },\n        },\n        baseProps,\n      ),\n      polarDependentAxis: assign({\n        style: {\n          ticks: {\n            fill: \"transparent\",\n            size: 1,\n            stroke: \"transparent\",\n          },\n        },\n      }),\n      bar: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              padding,\n              strokeWidth: 0,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      boxplot: assign(\n        {\n          style: {\n            max: { padding, stroke: c9, strokeWidth: 1 },\n            maxLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            median: { padding, stroke: c9, strokeWidth: 1 },\n            medianLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            min: { padding, stroke: c9, strokeWidth: 1 },\n            minLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            q1: { padding, fill: c9 },\n            q1Labels: assign({}, baseLabelStyles, { padding: 3 }),\n            q3: { padding, fill: c9 },\n            q3Labels: assign({}, baseLabelStyles, { padding: 3 }),\n          },\n          boxWidth: 20,\n        },\n        baseProps,\n      ),\n      candlestick: assign(\n        {\n          style: {\n            data: {\n              stroke: c9,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 5 }),\n          },\n          candleColors: {\n            positive: \"#ffffff\",\n            negative: c9,\n          },\n        },\n        baseProps,\n      ),\n      chart: baseProps,\n      errorbar: assign(\n        {\n          borderWidth: 8,\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c9,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      group: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      histogram: assign(\n        {\n          style: {\n            data: {\n              fill: c9,\n              stroke: c10,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      legend: {\n        colorScale: colors,\n        gutter: 10,\n        orientation: \"vertical\",\n        titleOrientation: \"top\",\n        style: {\n          data: {\n            type: \"circle\",\n          },\n          border: { stroke: 'none' }, // ThemeVariables.INSTANCE.chartLegendBorder\n          labels: baseLabelStyles,\n          title: assign({}, baseLabelStyles, { padding: 5, fontSize: ThemeVariables.INSTANCE.heading4FontSize }),\n        },\n      },\n      line: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c1,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      pie: assign(\n        {\n          colorScale: colors,\n          style: {\n            data: {\n              padding,\n              stroke: '#ffffff',\n              strokeWidth: 1,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 20 }),\n          },\n        },\n        baseProps,\n      ),\n      scatter: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              opacity: 1,\n              stroke: \"transparent\",\n              strokeWidth: 1,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      stack: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      tooltip: {\n        style: assign({}, baseLabelStyles, { padding: 0, pointerEvents: \"none\" }),\n        flyoutStyle: {\n          stroke: c10,\n          strokeWidth: 1,\n          fill: \"#f0f0f0\",\n          pointerEvents: \"none\",\n        },\n        flyoutPadding: 5,\n        cornerRadius: 5,\n        pointerLength: 10,\n      },\n      voronoi: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              stroke: \"transparent\",\n              strokeWidth: 0,\n            },\n            labels: assign({}, baseLabelStyles, {\n              padding: 5,\n              pointerEvents: \"none\",\n            }),\n            flyout: {\n              stroke: c10,\n              strokeWidth: 1,\n              fill: \"#f0f0f0\",\n              pointerEvents: \"none\",\n            },\n          },\n        },\n        baseProps,\n      ),\n    };\n    return baseChartTheme;\n  }\n}\n\nexport default new ThemeFactory();\n"],"mappings":"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"}

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

@@ -0,0 +1,138 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { isArray } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAccordionProps from './accordion.props';
+import { DEFAULT_CLASS } from './accordion.styles';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmAccordionState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "lastExpandedIndex", -1);
+    _defineProperty(this, "isExpanded", []);
+  }
+}
+export default class WmAccordion extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());
+    _defineProperty(this, "accordionPanes", []);
+    _defineProperty(this, "newIndex", 0);
+  }
+  addAccordionPane(accordionPane) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionPane.props.name);
+    if (i >= 0) {
+      this.accordionPanes[i] = accordionPane;
+    } else {
+      this.accordionPanes[this.newIndex++] = accordionPane;
+    }
+  }
+  expand(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, true);
+  }
+  collapse(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, false);
+  }
+  expandCollapseIcon(item) {
+    let showBadge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let showIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    let useChevron = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    let isExpanded = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+    const widgetProps = item.props;
+    //@ts-ignore
+    const badge = showBadge && widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
+      style: [this.styles.badge, isExpanded ? this.styles.activeBadge : null, this.styles[widgetProps.badgetype || 'default']]
+    }, widgetProps.badgevalue) : null;
+    let iconclass = null;
+    if (useChevron) {
+      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';
+    } else {
+      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, badge, showIcon ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null),
+      name: 'expand_collapse_icon',
+      iconclass: iconclass
+    }) : null);
+  }
+  renderAccordionpane(item, index) {
+    let accordionpanes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
+    const isExpanded = this.state.isExpanded[index];
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.pane,
+      key: item.props.name
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: 'accordionpane_' + (index + 1),
+      style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
+      onPress: this.toggle.bind(this, index + 1, !isExpanded)
+    }, this.expandCollapseIcon(item, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.icon,
+      name: item.props.name + '_icon',
+      iconclass: item.props.iconclass
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column',
+        flex: 1,
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
+    }, isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.subheading
+    }, item.props.description) : null), this.expandCollapseIcon(item, true, !showIconOnLeft, true, isExpanded)), item);
+  }
+  toggle(index) {
+    let expand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let expandedId = expand ? index : -1;
+    let collapseId = expand ? -1 : index;
+    if (expand && this.state.isExpanded[expandedId - 1] || !expand && this.state.isExpanded[collapseId - 1] === false) {
+      return;
+    }
+    if (collapseId < 0 && this.state.props.closeothers) {
+      collapseId = this.state.lastExpandedIndex;
+    }
+    const collapsedPane = this.accordionPanes[collapseId - 1];
+    collapsedPane === null || collapsedPane === void 0 ? void 0 : collapsedPane.hide();
+    Promise.resolve().then(() => {
+      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1] : null;
+      expandedPane === null || expandedPane === void 0 ? void 0 : expandedPane.show();
+      this.setState(state => {
+        if (collapseId > 0 && collapsedPane) {
+          state.isExpanded[collapseId - 1] = false;
+        }
+        if (expandedId > 0 && expandedPane) {
+          state.isExpanded[expandedId - 1] = true;
+        }
+        return {
+          lastExpandedIndex: expandedId,
+          isExpanded: [...state.isExpanded]
+        };
+      }, () => {
+        this.invokeEventCallback('onChange', [{}, this.proxy, expandedId - 1, collapseId ? collapseId - 1 : null, expandedPane && expandedPane.props.name, collapsedPane && collapsedPane.props.name]);
+      });
+    }, () => {});
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.toggle(this.state.props.defaultpaneindex + 1);
+  }
+  renderWidget(props) {
+    const accordionpanes = props.children;
+    const expandedId = this.state.lastExpandedIndex || 0;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null);
+  }
+}
+//# sourceMappingURL=accordion.component.js.map

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

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

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

@@ -0,0 +1,14 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmAccordionProps extends BaseProps {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "animation", 'fadeInDown');
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "defaultpaneindex", 0);
+    _defineProperty(this, "closeothers", true);
+  }
+}
+//# sourceMappingURL=accordion.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmAccordionProps","constructor","arguments","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;EAAA;AACpB"}