@wavemaker/app-rn-runtime 11.5.1-next.40402 → 11.5.1-rc.5399

app-rn-runtime/components/chart/line-chart/line-chart.component.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Text, View } from 'react-native';
-import { VictoryChart, VictoryLine, VictoryScatter, VictoryGroup } from 'victory-native';
+import { View } from 'react-native';
+import { Svg } from 'react-native-svg';
+import { VictoryChart, VictoryLine, VictoryLegend, VictoryScatter, VictoryGroup, VictoryArea, VictoryVoronoiContainer } from 'victory-native';
 import WmLineChartProps from './line-chart.props';
 import { DEFAULT_CLASS } from './line-chart.styles';
 import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
 import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 export class WmLineChartState extends BaseChartComponentState {}
 export default class WmLineChart extends BaseChartComponent {
   constructor(props) {
@@ -14,23 +14,19 @@ export default class WmLineChart extends BaseChartComponent {
   renderWidget(props) {
     var _this$state$data;
     if (!((_this$state$data = this.state.data) !== null && _this$state$data !== void 0 && _this$state$data.length)) {
-      /*#__PURE__*/React.createElement(VictoryLine, null);
+      return null;
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(View, null, /*#__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)), /*#__PURE__*/React.createElement(VictoryChart, {
+    }, /*#__PURE__*/React.createElement(VictoryChart, {
+      containerComponent: /*#__PURE__*/React.createElement(VictoryVoronoiContainer, {
+        labels: _ref => {
+          let {
+            datum
+          } = _ref;
+          return `${datum.x}, ${datum.y}`;
+        }
+      }),
       theme: this.state.theme,
       height: this.styles.root.height,
       width: this.styles.root.width || this.screenWidth,
@@ -40,21 +36,44 @@ export default class WmLineChart extends BaseChartComponent {
         left: props.offsetleft,
         right: props.offsetright
       }
-    }, this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
+    }, /*#__PURE__*/React.createElement(VictoryLegend, {
+      name: 'legend',
+      containerComponent: /*#__PURE__*/React.createElement(Svg, null),
+      title: [props.title, props.subheading],
+      orientation: "horizontal",
+      gutter: 20,
+      data: [],
+      theme: this.state.theme,
+      y: 0
+    }), this.getLegendView(), this.getXaxis(), this.getYAxis(), this.state.data.map((d, i) => {
       return /*#__PURE__*/React.createElement(VictoryGroup, {
         key: props.name + '_line_group_' + i
-      }, /*#__PURE__*/React.createElement(VictoryLine, {
+      }, /*#__PURE__*/React.createElement(VictoryArea, {
+        interpolation: props.interpolation,
+        key: props.name + '_area_' + i,
+        name: props.name + '_area_' + i,
+        standalone: true,
+        style: {
+          data: {
+            fill: '#90EE90',
+            // Set the fill color to green
+            fillOpacity: 0.8 // Adjust the opacity as needed
+          }
+        },
+
+        data: this.isRTL ? d.toReversed() : d
+      }), /*#__PURE__*/React.createElement(VictoryLine, {
         interpolation: props.interpolation,
         key: props.name + '_line_' + i,
         name: props.name + '_line_' + i,
         standalone: true,
         style: {
           data: {
-            stroke: this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor,
+            stroke: "green" || ThemeVariables.INSTANCE.chartLineColor,
             strokeWidth: props.linethickness
           }
         },
-        data: d
+        data: this.isRTL ? d.toReversed() : d
       }), props.highlightpoints || this.state.data.length === 1 ? /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
@@ -63,8 +82,11 @@ export default class WmLineChart extends BaseChartComponent {
             fill: this.state.colors[i],
             opacity: 0.8
           }
-        },
-        data: d
+        }
+
+        // data={this.isRTL?d.toReversed():d}
+        ,
+        data: this.isRTL ? d.toReversed() : [d[d.length - 1]]
       }) : null);
     })));
   }

app-rn-runtime/components/chart/line-chart/line-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","VictoryChart","VictoryLine","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmIcon","WmLineChartState","WmLineChart","constructor","props","renderWidget","_this$state$data","state","data","length","createElement","style","styles","root","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","getLegendView","getXaxis","getYAxis","map","d","i","key","name","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","highlightpoints","size","fill","opacity"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryLegend,\n  VictoryScatter,\n  VictoryGroup,\n  VictoryLabel\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\";\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\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      <VictoryLine/>\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <View>\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      <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        {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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"}
+{"version":3,"names":["React","View","Svg","VictoryChart","VictoryLine","VictoryLegend","VictoryScatter","VictoryGroup","VictoryArea","VictoryVoronoiContainer","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmLineChartState","WmLineChart","constructor","props","renderWidget","_this$state$data","state","data","length","createElement","style","styles","root","containerComponent","labels","_ref","datum","x","y","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","name","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","interpolation","standalone","fill","fillOpacity","isRTL","toReversed","stroke","INSTANCE","chartLineColor","strokeWidth","linethickness","highlightpoints","size","colors","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  VictoryLabel,\n  VictoryArea,\n  VictoryAxis,\n  VictoryTooltip,\n  VictoryVoronoiContainer\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  renderWidget(props: WmLineChartProps) {\n  \n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (<View\n      style={this.styles.root}\n    >\n      <VictoryChart\n      containerComponent={<VictoryVoronoiContainer labels={({ datum }) => `${(datum.x)}, ${(datum.y)}`}/>}\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            <VictoryArea\n                interpolation={props.interpolation as InterpolationPropType}\n                key={props.name + '_area_' + i}\n                name={props.name + '_area_' + i}\n                standalone={true}\n                style={{\n                data: {\n                  fill: '#90EE90',  // Set the fill color to green\n                  fillOpacity: 0.8,  // Adjust the opacity as needed\n                  },\n                }}\n                data={this.isRTL ? d.toReversed() : d}\n             />\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: (\"green\" || ThemeVariables.INSTANCE.chartLineColor),\n                                  strokeWidth: props.linethickness,\n                                }\n                              }}       \n            data={this.isRTL?d.toReversed():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                           \n                            // data={this.isRTL?d.toReversed():d}\n                            data={this.isRTL?d.toReversed(): [d[d.length-1]]}\n                          \n            />: null}\n            </VictoryGroup>\n        })\n      }\n    </VictoryChart>\n    </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/chart/line-chart/line-chart.props.js

@@ -6,6 +6,7 @@ export default class WmLineChartProps extends BaseChartComponentProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "linethickness", 2);
+    _defineProperty(this, "getdatapointstodisplay", label => null);
   }
 }
 //# sourceMappingURL=line-chart.props.js.map

app-rn-runtime/components/chart/line-chart/line-chart.props.js.map

@@ -1 +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"}
+{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","arguments","_defineProperty","label"],"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  getdatapointstodisplay = (label: string) => null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA,iCACCC,KAAa,IAAK,IAAW;EAAA;AACzD"}

app-rn-runtime/components/chart/pie-chart/pie-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","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","onSelect","event","data","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","endAngle","theme","key","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport { VictoryLabel, VictoryLegend, VictoryPie } from 'victory-native';\n\nimport WmPieChartProps from './pie-chart.props';\nimport { DEFAULT_CLASS, WmPieChartStyles } from './pie-chart.styles';\n\nimport { formatCompactNumber } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\nimport WmDonutChartProps from '@wavemaker/app-rn-runtime/components/chart/donut-chart/donut-chart.props';\nimport { Legend } from '../legend/legend.component';\n\n\nexport class WmPieChartState extends BaseChartComponentState<WmPieChartProps> {\n  chartWidth = 0;\n  totalHeight = 0;\n  infoHeight = 10;\n  legendWidth = 0;\n  legendHeight = 0;\n  opacity = 0;\n}\n\nexport default class WmPieChart extends BaseChartComponent<WmPieChartProps, WmPieChartState, WmPieChartStyles> {\n\n  constructor(props: WmPieChartProps) {\n    super(props, DEFAULT_CLASS, props.type === 'Donut' ? new WmDonutChartProps() : new WmPieChartProps(), new WmPieChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth,\n      totalHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState)\n  }\n\n  onInfoViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      infoHeight: e.nativeEvent?.layout.height,\n      opacity: 1\n    } as WmPieChartState);\n  }\n\n  onLegendViewLayoutChange = (e: LayoutChangeEvent) => {\n    this.updateState({\n      legendWidth: e.nativeEvent?.layout.width,\n      legendHeight: e.nativeEvent?.layout.height\n    } as WmPieChartState);\n  }\n\n  getLabel(d: {x: any, y: any}, props: WmPieChartProps): string {\n      switch(props.labeltype) {\n        case 'percent': {\n          return Math.round(d.y * 100 /this.state.total) + '%';\n        }\n        case 'key': {\n          return this.state.xaxisDatakeyArr[d.x];\n        }\n        case 'value': {\n          return formatCompactNumber(d.y);\n        }\n        case 'key-value': {\n          return this.state.xaxisDatakeyArr[d.x] + ' ' + d.y;\n        }\n      }\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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                events={[{\n                  target: 'data',\n                  eventHandlers: Platform.OS == \"web\" ? {\n                    onClick: this.onSelect.bind(this)\n                  }:{\n                    onPress: this.onSelect.bind(this)\n                  }\n                }]}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.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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"}
+{"version":3,"names":["React","View","Text","Platform","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","onSelect","event","data","value","slice","label","datum","selectedItem","dataset","index","selectedChartItem","color","style","fill","_dataObj","invokeEventCallback","proxy","renderWidget","length","pieData","showlegend","chartHeight","styles","root","radius","min","innerRadius","donutratio","styleProp","labelRadius","showlabels","labels","display","origin","orientation","legendData","map","name","colors","createElement","onLayout","onViewLayoutChange","onInfoViewLayoutChange","flexDirection","alignItems","iconclass","icon","title","subHeading","subheading","onLegendViewLayoutChange","testStyle","legendText","dotStyle","legenedDot","justifyContent","flex","standalone","colorScale","_ref","endAngle","theme","key","labelPlacement","labelplacement","events","target","eventHandlers","OS","onClick","bind","onPress","textAnchor","text","centerlabel","maxWidth"],"sources":["pie-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\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  onSelect(event: any, data: any){\n    let value = data.slice.value;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = data.slice;\n    selectedChartItem[\"data\"] = {x: label, y: value, color: data.style.fill, _dataObj: selectedItem}\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\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                events={[{\n                  target: 'data',\n                  eventHandlers: Platform.OS == \"web\" ? {\n                    onClick: this.onSelect.bind(this)\n                  }:{\n                    onPress: this.onSelect.bind(this)\n                  }\n                }]}\n              />\n              <VictoryLabel\n                textAnchor=\"middle\"\n                style={this.styles.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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"}

app-rn-runtime/components/container/wizard/wizard.component.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { Text, View, TouchableOpacity, Platform } from 'react-native';
+import { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback } from 'react-native';
 import { isArray, merge } from 'lodash';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import WmWizardProps from './wizard.props';
@@ -10,6 +10,9 @@ import { DEFAULT_CLASS } from './wizard.styles';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmProgressCircle from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.component';
+import WmPopover from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
 export class WmWizardState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -22,6 +25,14 @@ export default class WmWizard extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmWizardProps());
     _defineProperty(this, "numberOfSteps", null);
     _defineProperty(this, "steps", []);
+    _defineProperty(this, "popOverRef", null);
+    _defineProperty(this, "listener", {
+      onComponentInit: c => {
+        if (c instanceof WmPopover) {
+          this.popOverRef = c;
+        }
+      }
+    });
     const steps = props.children;
     let defaultStepIndex = 0;
     if (isArray(steps) && props.defaultstep) {
@@ -63,12 +74,91 @@ export default class WmWizard extends BaseComponent {
     }
     return style;
   }
+  renderMenuPopover() {
+    const menuDataset = this.props.getmenudataexpression || ((item, index) => '');
+    const Labels = this.steps.map(step => step.state.props.title);
+    return /*#__PURE__*/React.createElement(WmPopover, {
+      id: this.getTestId('menu'),
+      styles: this.styles.popover,
+      contentanimation: 'slideInDown',
+      caption: '',
+      popoverheight: this.styles.popover.popover.height || null,
+      popoverwidth: this.styles.popover.popover.width || null,
+      listener: this.listener,
+      iconclass: this.props.popovericonclass || 'fa fa-caret-down',
+      iconposition: "right",
+      type: "dropdown"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.popover.popover
+    }, Labels.map((item, index) => {
+      const currentMenuItem = index == this.state.currentStep;
+      const caption = menuDataset({
+        "count": this.steps.length
+      }, index);
+      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        key: 'wizard_menu_item_' + index,
+        onPress: () => {
+          this.popOverRef.hide();
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.stepMenu, currentMenuItem ? this.styles.activeStepMenu : {}]
+      }, /*#__PURE__*/React.createElement(WmIcon, {
+        caption: caption,
+        iconclass: currentMenuItem ? "wi wi-radio-button-checked" : 'wi wi-radio-button-unchecked',
+        styles: currentMenuItem ? this.styles.stepMenuActiveIcon : this.styles.stepMenuIcon
+      }), /*#__PURE__*/React.createElement(WmLabel, {
+        caption: item,
+        styles: currentMenuItem ? this.styles.stepMenuActiveLabel : this.styles.stepMenuLabel
+      })));
+    })));
+  }
+  renderProgressCircleHeader(item, index) {
+    const progressTitle = this.props.progresstitle || index + 1 + '/' + this.steps.length;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.headerWrapper],
+      key: index + 1
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.stepWrapper
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1,
+        alignItems: 'flex-start',
+        justifyContent: 'center',
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(WmProgressCircle, {
+      minvalue: 0,
+      maxvalue: this.steps.length,
+      datavalue: index + 1,
+      captionplacement: 'inside',
+      type: this.props.progresstype,
+      title: progressTitle,
+      subtitle: '',
+      styles: this.styles.progressCircle
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 2,
+        justifyContent: 'center',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.stepTitle
+    }, item.props.title || 'Step Title'), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.stepSubTitle
+    }, item.props.subtitle || 'Step Sub Title')), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        justifyContent: 'flex-end'
+      }
+    }, this.renderMenuPopover())));
+  }
   renderWizardHeader(item, index) {
     const isLastStep = index === this.numberOfSteps - 1;
     const isFirstStep = index === 0;
     const isActiveStep = index === this.state.currentStep;
     const isNumberTextLayout = this.state.props.classname === 'number-text-inline';
-    return item.state.props.show != false ? /*#__PURE__*/React.createElement(View, {
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
       style: [this.styles.headerWrapper, isNumberTextLayout ? {
         paddingRight: isActiveStep ? 0 : 5,
         paddingLeft: index === this.state.currentStep + 1 ? 0 : 5
@@ -88,10 +178,10 @@ export default class WmWizard extends BaseComponent {
           color: this.styles.activeStep.color
         }
       }),
-      iconclass: item.state.props.iconclass || 'wm-sl-l sl-check'
+      iconclass: item.props.iconclass || 'wm-sl-l sl-check'
     })), (isNumberTextLayout && isActiveStep || !isNumberTextLayout) && /*#__PURE__*/React.createElement(Text, {
       style: this.styles.stepTitle
-    }, item.state.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
+    }, item.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.numberTextStepConnector, {
         width: isLastStep ? 0 : 50
       }]
@@ -131,14 +221,16 @@ export default class WmWizard extends BaseComponent {
     this.onNext(steps, 'skip');
   }
   renderWidget(props) {
+    var _this$state$props$cla;
     this.numberOfSteps = this.steps.length;
     const activeStep = this.steps[this.state.currentStep];
     const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;
+    const isProgressCircleHeader = (_this$state$props$cla = this.state.props.classname) === null || _this$state$props$cla === void 0 ? void 0 : _this$state$props$cla.includes('progress-circle-header');
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
     }, this._background, /*#__PURE__*/React.createElement(View, {
       style: this.styles.wizardHeader
-    }, this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null), /*#__PURE__*/React.createElement(View, {
+    }, activeStep && isProgressCircleHeader ? this.renderProgressCircleHeader(activeStep, this.state.currentStep) : this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null), /*#__PURE__*/React.createElement(View, {
       style: this.styles.wizardBody
     }, props.children), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.wizardFooter, {

app-rn-runtime/components/container/wizard/wizard.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","constructor","arguments","_defineProperty","WmWizard","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","_this$steps$this$stat2","isDone","length","undefined","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","createElement","headerWrapper","paddingRight","paddingLeft","key","stepWrapper","onPress","bind","disabled","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","numberTextStepConnector","width","stepConnector","left","OS","isRTL","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","isSkippable","enableskip","root","_background","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","id","getTestId","caption","donebtnlabel","onTap","nextButton","iconposition","nextbtnlabel","prevButton","previousbtnlabel","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardProps from './wizard.props';\nimport { DEFAULT_CLASS, WmWizardStyles } from './wizard.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmWizardstep from './wizardstep/wizardstep.component';\n\nexport class WmWizardState extends BaseComponentState<WmWizardProps> {\n  currentStep: number = 0;\n  isDone: boolean = false;\n}\n\nexport default class WmWizard extends BaseComponent<WmWizardProps, WmWizardState, WmWizardStyles> {\n  private numberOfSteps: number = null as any;\n  private steps = [] as WmWizardstep[];\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n    const steps = props.children;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps.map((item: any, index: any) => {\n        if (props.defaultstep === item.props.name) {\n          defaultStepIndex = index;\n        }\n      })\n    }\n    this.updateCurrentStep(defaultStepIndex);\n  }\n\n  addWizardStep(step: WmWizardstep) {\n    this.steps[step.props.index] = step;\n    this.forceUpdate();\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.showActiveStep();\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => this.showActiveStep());\n  }\n\n  getStepStyle(index: number) {\n    const style = [this.styles.step];\n    if (this.state.isDone || index < this.state.currentStep) {\n      style.push(this.styles.doneStep);\n    } else if (this.state.currentStep === index) {\n      style.push(this.styles.activeStep);\n    }\n    return style;\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.state.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep}>\n            <View style={this.getStepStyle(index)}>\n              {index >= this.state.currentStep && !this.state.isDone &&\n                <Text style={isActiveStep ? this.styles.activeStep : this.styles.stepCounter}>{index+1}</Text>}\n              {(index < this.state.currentStep || this.state.isDone) &&\n                <WmIcon styles={merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}})}\n                        iconclass={item.state.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View>\n            {((isNumberTextLayout && isActiveStep) || !isNumberTextLayout) &&\n              <Text style={this.styles.stepTitle}>\n              {item.state.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  onPrev(steps: any) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    currentStep.invokePrevCB(index);\n    this.updateCurrentStep(index - 1);\n  }\n\n  onNext(steps: any, eventName?: string) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else {\n      currentStep.invokeNextCB(index);\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  onDone($event: any) {\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  onCancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n  onSkip(steps: any) {\n    this.onNext(steps, 'skip');\n  }\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null}\n        </View>\n        <View style={this.styles.wizardBody}>\n          {props.children}\n        </View>\n        <View style={[this.styles.wizardFooter,\n          {flexDirection: props.actionsalignment === 'right' ? 'row-reverse': 'row'}]}>\n          {(this.state.currentStep+1) === this.numberOfSteps &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton)}\n              id = {this.getTestId('donebtn')}  caption={props.donebtnlabel} onTap={this.onDone.bind(this)}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton)}\n                id = {this.getTestId('nextbtn')} \n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.onNext.bind(this, this.steps)}></WmButton>\n          }\n          {this.state.currentStep > 0 &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                id = {this.getTestId('prevbtn')}\n                onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton id = {this.getTestId('cancelbtn')}  caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.onCancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                id = {this.getTestId('skip')}        \n                styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.onSkip.bind(this, this.steps)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,cAAc;AACrE,SAASC,OAAO,EAAEC,KAAK,QAAQ,QAAQ;AACvC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAO,MAAMC,aAAa,SAASN,kBAAkB,CAAgB;EAAAO,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAC7C,CAAC;IAAAA,eAAA,iBACL,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,QAAQ,SAASX,aAAa,CAA+C;EAGhGQ,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;IAACQ,eAAA,wBAHnB,IAAI;IAAAA,eAAA,gBACpB,EAAE;IAGhB,MAAMG,KAAK,GAAGD,KAAK,CAACE,QAAQ;IAC5B,IAAIC,gBAAgB,GAAG,CAAC;IACxB,IAAIjB,OAAO,CAACe,KAAK,CAAC,IAAID,KAAK,CAACI,WAAW,EAAE;MACvCH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAS,EAAEC,KAAU,KAAK;QACnC,IAAIP,KAAK,CAACI,WAAW,KAAKE,IAAI,CAACN,KAAK,CAACQ,IAAI,EAAE;UACzCL,gBAAgB,GAAGI,KAAK;QAC1B;MACF,CAAC,CAAC;IACJ;IACA,IAAI,CAACE,iBAAiB,CAACN,gBAAgB,CAAC;EAC1C;EAEAO,aAAaA,CAACC,IAAkB,EAAE;IAChC,IAAI,CAACV,KAAK,CAACU,IAAI,CAACX,KAAK,CAACO,KAAK,CAAC,GAAGI,IAAI;IACnC,IAAI,CAACC,WAAW,CAAC,CAAC;EACpB;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACC,cAAc,CAAC,CAAC;EACvB;EAEAA,cAAcA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IACf,CAAAA,qBAAA,OAAI,CAACd,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,cAAAF,qBAAA,uBAAlCA,qBAAA,CAAoCG,SAAS,CAAC,CAAC;EACjD;EAEAT,iBAAiBA,CAACF,KAAa,EAAkB;IAAA,IAAAY,sBAAA;IAAA,IAAhBC,MAAM,GAAAvB,SAAA,CAAAwB,MAAA,QAAAxB,SAAA,QAAAyB,SAAA,GAAAzB,SAAA,MAAG,KAAK;IAC7C,CAAAsB,sBAAA,OAAI,CAAClB,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,cAAAE,sBAAA,uBAAlCA,sBAAA,CAAoCI,WAAW,CAAC,CAAC;IACjD,IAAI,CAACC,WAAW,CAAC;MACfP,WAAW,EAAEV,KAAK;MAClBa,MAAM,EAAEA;IACV,CAAC,EAAmB,MAAM,IAAI,CAACN,cAAc,CAAC,CAAC,CAAC;EAClD;EAEAW,YAAYA,CAAClB,KAAa,EAAE;IAC1B,MAAMmB,KAAK,GAAG,CAAC,IAAI,CAACC,MAAM,CAAChB,IAAI,CAAC;IAChC,IAAI,IAAI,CAACK,KAAK,CAACI,MAAM,IAAIb,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW,EAAE;MACvDS,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC;IAClC,CAAC,MAAM,IAAI,IAAI,CAACb,KAAK,CAACC,WAAW,KAAKV,KAAK,EAAE;MAC3CmB,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACG,UAAU,CAAC;IACpC;IACA,OAAOJ,KAAK;EACd;EAEAK,kBAAkBA,CAACzB,IAAS,EAAEC,KAAa,EAAE;IAC3C,MAAMyB,UAAU,GAAGzB,KAAK,KAAK,IAAI,CAAC0B,aAAa,GAAG,CAAC;IACnD,MAAMC,WAAW,GAAG3B,KAAK,KAAK,CAAC;IAC/B,MAAM4B,YAAY,GAAG5B,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,WAAW;IACrD,MAAMmB,kBAAkB,GAAG,IAAI,CAACpB,KAAK,CAAChB,KAAK,CAACqC,SAAS,KAAK,oBAAoB;IAC9E,OAAO/B,IAAI,CAACU,KAAK,CAAChB,KAAK,CAACsC,IAAI,IAAI,KAAK,gBACnCzD,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACa,aAAa,EAAEJ,kBAAkB,GACzD;QAACK,YAAY,EAAEN,YAAY,GAAG,CAAC,GAAG,CAAC;QAAEO,WAAW,EAAEnC,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG;MAAC,CAAC,GAAE,CAAC,CAAC,CAAE;MAAC0B,GAAG,EAAEpC,KAAK,GAAC;IAAE,gBACnH1B,KAAA,CAAA0D,aAAA,CAACvD,gBAAgB;MAAC0C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACiB,WAAY;MAC/BC,OAAO,EAAE,IAAI,CAACpC,iBAAiB,CAACqC,IAAI,CAAC,IAAI,EAAEvC,KAAK,EAAE,KAAK,CAAE;MAACwC,QAAQ,EAAExC,KAAK,IAAI,IAAI,CAACS,KAAK,CAACC;IAAY,gBAClHpC,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,IAAI,CAACD,YAAY,CAAClB,KAAK;IAAE,GACnCA,KAAK,IAAI,IAAI,CAACS,KAAK,CAACC,WAAW,IAAI,CAAC,IAAI,CAACD,KAAK,CAACI,MAAM,iBACpDvC,KAAA,CAAA0D,aAAA,CAACzD,IAAI;MAAC4C,KAAK,EAAES,YAAY,GAAG,IAAI,CAACR,MAAM,CAACG,UAAU,GAAG,IAAI,CAACH,MAAM,CAACqB;IAAY,GAAEzC,KAAK,GAAC,CAAQ,CAAC,EAC/F,CAACA,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW,IAAI,IAAI,CAACD,KAAK,CAACI,MAAM,kBACnDvC,KAAA,CAAA0D,aAAA,CAAC9C,MAAM;MAACkC,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACwC,MAAM,CAACsB,QAAQ,EAAE;QAACC,IAAI,EAAE;UAACC,KAAK,EAAE,IAAI,CAACxB,MAAM,CAACG,UAAU,CAACqB;QAAK;MAAC,CAAC,CAAE;MACvFC,SAAS,EAAE9C,IAAI,CAACU,KAAK,CAAChB,KAAK,CAACoD,SAAS,IAAI;IAAmB,CAAS,CAC3E,CAAC,EACN,CAAEhB,kBAAkB,IAAID,YAAY,IAAK,CAACC,kBAAkB,kBAC3DvD,KAAA,CAAA0D,aAAA,CAACzD,IAAI;MAAC4C,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC0B;IAAU,GAClC/C,IAAI,CAACU,KAAK,CAAChB,KAAK,CAACsD,KAAK,IAAI,YAAmB,CAAC,EAChD,IAAI,CAACrB,aAAa,GAAG,CAAC,IAAIE,YAAY,iBACrCtD,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAAC4B,uBAAuB,EAAE;QAACC,KAAK,EAAExB,UAAU,GAAG,CAAC,GAAG;MAAE,CAAC;IAAE,CAAO,CAC5E,CAAC,EAClB,IAAI,CAACC,aAAa,GAAG,CAAC,iBAAIpD,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAAC8B,aAAa,EAAE;QAAED,KAAK,EAAEtB,WAAW,IAAIF,UAAU,GAAG,KAAK,GAAG,MAAM;QACzE0B,IAAI,EAAEzE,QAAQ,CAAC0E,EAAE,IAAI,KAAK,GAAE,CAAC,IAAI,CAACC,KAAK,IAAI1B,WAAW,IAAM,IAAI,CAAC0B,KAAK,IAAI5B,UAAW,GAAG,KAAK,GAAE,IAAI,GAAEE,WAAW,GAAG,KAAK,GAAE;MAAI,CAAC;IAAE,CAAO,CAClL,CAAC,GACL,IAAI;EACV;EAEA2B,MAAMA,CAAC5D,KAAU,EAAE;IACjB,MAAMM,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAAChB,KAAK,CAACM,KAAK,CAAC;IACrCU,WAAW,CAAC6C,YAAY,CAACvD,KAAK,CAAC;IAC/B,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEAwD,MAAMA,CAAC9D,KAAU,EAAE+D,SAAkB,EAAE;IACrC,MAAMzD,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAAChB,KAAK,CAACM,KAAK,CAAC;IACrC,IAAIyD,SAAS,KAAK,MAAM,EAAE;MACxB/C,WAAW,CAACgD,YAAY,CAAC1D,KAAK,CAAC;IACjC,CAAC,MAAM;MACLU,WAAW,CAACiD,YAAY,CAAC3D,KAAK,CAAC;IACjC;IACA,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEA4D,MAAMA,CAACC,MAAW,EAAE;IAClB,IAAI,CAAC5C,WAAW,CAAC;MACfJ,MAAM,EAAE;IACV,CAAkB,CAAC;IACnB,IAAI,CAACiD,mBAAmB,CAAC,QAAQ,EAAE,CAACD,MAAM,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EAC1D;EAEAC,QAAQA,CAAA,EAAG;IACT,IAAI,CAACF,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EACAE,MAAMA,CAACvE,KAAU,EAAE;IACjB,IAAI,CAAC8D,MAAM,CAAC9D,KAAK,EAAE,MAAM,CAAC;EAC5B;EAEAwE,YAAYA,CAACzE,KAAoB,EAAE;IACjC,IAAI,CAACiC,aAAa,GAAG,IAAI,CAAChC,KAAK,CAACoB,MAAM;IACtC,MAAMS,UAAU,GAAG,IAAI,CAAC7B,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC;IACrD,MAAMyD,WAAW,GAAG,IAAI,CAACzE,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,IAAI,IAAI,CAAChB,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,CAACjB,KAAK,CAAC2E,UAAU;IAC7G,oBACE9F,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACiD;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBhG,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACmD;IAAa,GACnC,IAAI,CAAC7E,KAAK,GAAG,IAAI,CAACA,KAAK,CAACI,GAAG,CAAC,CAACM,IAAI,EAAEoE,CAAC,KAAK,IAAI,CAAChD,kBAAkB,CAACpB,IAAI,EAAEoE,CAAC,CAAC,CAAC,GAAG,IAC1E,CAAC,eACPlG,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACqD;IAAW,GACjChF,KAAK,CAACE,QACH,CAAC,eACPrB,KAAA,CAAA0D,aAAA,CAACxD,IAAI;MAAC2C,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACsD,YAAY,EACpC;QAACC,aAAa,EAAElF,KAAK,CAACmF,gBAAgB,KAAK,OAAO,GAAG,aAAa,GAAE;MAAK,CAAC;IAAE,GAC1E,IAAI,CAACnE,KAAK,CAACC,WAAW,GAAC,CAAC,KAAM,IAAI,CAACgB,aAAa,iBAChDpD,KAAA,CAAA0D,aAAA,CAAC/C,QAAQ;MAAC4D,SAAS,EAAE,kBAAmB;MAACzB,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACwC,MAAM,CAACyD,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC3D,MAAM,CAAC4D,UAAU,CAAE;MAChJC,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAAEC,OAAO,EAAE1F,KAAK,CAAC2F,YAAa;MAACC,KAAK,EAAE,IAAI,CAACzB,MAAM,CAACrB,IAAI,CAAC,IAAI;IAAE,CAAW,CAAC,EAE3G,IAAI,CAAC9B,KAAK,CAACC,WAAW,GAAC,CAAC,GAAI,IAAI,CAACgB,aAAa,iBAC9CpD,KAAA,CAAA0D,aAAA,CAAC/C,QAAQ;MAAC4D,SAAS,EAAE,qBAAsB;MAACzB,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACwC,MAAM,CAACyD,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC3D,MAAM,CAACkE,UAAU,CAAE;MACjJL,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC1BK,YAAY,EAAE,OAAQ;MAACJ,OAAO,EAAE1F,KAAK,CAAC+F,YAAa;MAACH,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAACjB,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC7C,KAAK;IAAE,CAAW,CAAC,EAErH,IAAI,CAACe,KAAK,CAACC,WAAW,GAAG,CAAC,iBACzBpC,KAAA,CAAA0D,aAAA,CAAC/C,QAAQ;MAAC4D,SAAS,EAAE,oBAAqB;MAACzB,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkG,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC3D,MAAM,CAACyD,aAAa,EAAE,IAAI,CAACzD,MAAM,CAACqE,UAAU,CAAE;MAACN,OAAO,EAAE1F,KAAK,CAACiG,gBAAiB;MACjLT,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAChCG,KAAK,EAAE,IAAI,CAAC/B,MAAM,CAACf,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC7C,KAAK;IAAE,CAAW,CAAC,EAE3DD,KAAK,CAACkG,UAAU,gBACbrH,KAAA,CAAA0D,aAAA,CAAC/C,QAAQ;MAACgG,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAAEC,OAAO,EAAE1F,KAAK,CAACmG,cAAe;MAACxE,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACkG,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC3D,MAAM,CAACyD,aAAa,EAAE,IAAI,CAACzD,MAAM,CAACyE,YAAY,CAAE;MAACR,KAAK,EAAE,IAAI,CAACrB,QAAQ,CAACzB,IAAI,CAAC,IAAI;IAAE,CAAW,CAAC,GACnO,IAAI,EAET4B,WAAW,iBACR7F,KAAA,CAAA0D,aAAA,CAAC7C,QAAQ;MAAC0D,SAAS,EAAE,qBAAsB;MAAC0C,YAAY,EAAE,OAAQ;MAACJ,OAAO,EAAE,MAAO;MACjFF,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC7B9D,MAAM,EAAExC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACwC,MAAM,CAACyD,aAAa,EAAE,IAAI,CAACzD,MAAM,CAAC0E,QAAQ,CAAE;MAACT,KAAK,EAAE,IAAI,CAACpB,MAAM,CAAC1B,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC7C,KAAK;IAAE,CAAW,CAE3H,CACF,CAAC;EAEX;AACF"}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","TouchableWithoutFeedback","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmProgressCircle","WmPopover","WmLabel","WmWizardState","constructor","arguments","_defineProperty","WmWizard","props","onComponentInit","c","popOverRef","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","_this$steps$this$stat2","isDone","length","undefined","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderMenuPopover","menuDataset","getmenudataexpression","Labels","title","createElement","id","getTestId","popover","contentanimation","caption","popoverheight","height","popoverwidth","width","listener","iconclass","popovericonclass","iconposition","type","currentMenuItem","key","onPress","hide","stepMenu","activeStepMenu","stepMenuActiveIcon","stepMenuIcon","stepMenuActiveLabel","stepMenuLabel","renderProgressCircleHeader","progressTitle","progresstitle","headerWrapper","stepWrapper","flex","alignItems","justifyContent","flexDirection","minvalue","maxvalue","datavalue","captionplacement","progresstype","subtitle","progressCircle","stepTitle","stepSubTitle","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","paddingRight","paddingLeft","bind","disabled","stepCounter","stepIcon","icon","color","numberTextStepConnector","stepConnector","left","OS","isRTL","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","_this$state$props$cla","isSkippable","enableskip","isProgressCircleHeader","includes","root","_background","wizardHeader","i","wizardBody","wizardFooter","actionsalignment","wizardActions","theme","getStyle","doneButton","donebtnlabel","onTap","nextButton","nextbtnlabel","prevButton","previousbtnlabel","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState, LifecycleListener } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardProps from './wizard.props';\nimport { DEFAULT_CLASS, WmWizardStyles } from './wizard.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmWizardstep from './wizardstep/wizardstep.component';\nimport WmProgressCircle from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.component';\nimport WmPopover from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmWizardState extends BaseComponentState<WmWizardProps> {\n  currentStep: number = 0;\n  isDone: boolean = false;\n}\n\nexport default class WmWizard extends BaseComponent<WmWizardProps, WmWizardState, WmWizardStyles> {\n  private numberOfSteps: number = null as any;\n  private steps = [] as WmWizardstep[];\n  private popOverRef: WmPopover = null as any;\n\n  private listener: LifecycleListener = {\n    onComponentInit: (c) => {\n      if (c instanceof WmPopover) {\n        this.popOverRef = c;\n      }\n    }\n  };\n\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n    const steps = props.children;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps.map((item: any, index: any) => {\n        if (props.defaultstep === item.props.name) {\n          defaultStepIndex = index;\n        }\n      })\n    }\n    this.updateCurrentStep(defaultStepIndex);\n  }\n\n  addWizardStep(step: WmWizardstep) {\n    this.steps[step.props.index] = step;\n    this.forceUpdate();\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.showActiveStep();\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => this.showActiveStep());\n  }\n\n  getStepStyle(index: number) {\n    const style = [this.styles.step];\n    if (this.state.isDone || index < this.state.currentStep) {\n      style.push(this.styles.doneStep);\n    } else if (this.state.currentStep === index) {\n      style.push(this.styles.activeStep);\n    }\n    return style;\n  }\n\n  renderMenuPopover(){\n    const menuDataset = this.props.getmenudataexpression || ((item: any, index: number) => '') ;\n    const Labels = this.steps.map((step: WmWizardstep) => step.state.props.title);\n    return (\n      <WmPopover\n        id={this.getTestId('menu')}\n        styles={this.styles.popover}\n        contentanimation={'slideInDown'}\n        caption={''}\n        popoverheight={this.styles.popover.popover.height as string | number | undefined || null}\n        popoverwidth={this.styles.popover.popover.width as string | number | undefined || null}\n        listener={this.listener}\n        iconclass={this.props.popovericonclass || 'fa fa-caret-down'}\n        iconposition=\"right\"\n        type='dropdown'>\n          <View style={this.styles.popover.popover}>\n            {Labels.map((item: any, index: number) => {\n              const currentMenuItem = index==this.state.currentStep;\n              const caption = menuDataset({\"count\":this.steps.length}, index); \n              return (\n              <TouchableWithoutFeedback key={'wizard_menu_item_'+index} onPress={()=>{this.popOverRef.hide();}}>\n                <View style={[this.styles.stepMenu, currentMenuItem?this.styles.activeStepMenu:{}]}>\n                  <WmIcon caption={caption} iconclass={currentMenuItem? \"wi wi-radio-button-checked\" : 'wi wi-radio-button-unchecked'} styles={currentMenuItem?this.styles.stepMenuActiveIcon:this.styles.stepMenuIcon}/>\n                  <WmLabel caption={item} styles={currentMenuItem?this.styles.stepMenuActiveLabel:this.styles.stepMenuLabel}/>\n                </View>\n              </TouchableWithoutFeedback>\n            )})}\n          </View>\n      </WmPopover>\n    );\n  }\n\n  renderProgressCircleHeader(item: any, index: number) {\n    const progressTitle = this.props.progresstitle || (index + 1 + '/' + this.steps.length);\n    return (\n      <View style={[this.styles.headerWrapper]} key={index + 1}>\n        <View style={this.styles.stepWrapper}>\n          <View style={{ flex: 1, alignItems: 'flex-start', justifyContent: 'center', flexDirection:'row' }}>\n            <WmProgressCircle minvalue={0} maxvalue={this.steps.length} datavalue={index + 1} captionplacement={'inside'} type={this.props.progresstype} title={progressTitle} subtitle={''} styles={this.styles.progressCircle} />\n          </View>\n        <View style={{ flex: 2, justifyContent: 'center', flexDirection: 'column' }}>\n            <Text style={this.styles.stepTitle}>\n              {item.props.title || 'Step Title'}</Text>\n            <Text style={this.styles.stepSubTitle}>\n              {item.props.subtitle || 'Step Sub Title'}</Text>\n          </View>\n          <View style={{ flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end' }}>\n            {this.renderMenuPopover()}\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.props.show != false ? (\n      <View style={[this.styles.headerWrapper, isNumberTextLayout ?\n        {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}]} key={index+1}>\n        <TouchableOpacity style={this.styles.stepWrapper}\n                          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep}>\n            <View style={this.getStepStyle(index)}>\n              {index >= this.state.currentStep && !this.state.isDone &&\n                <Text style={isActiveStep ? this.styles.activeStep : this.styles.stepCounter}>{index+1}</Text>}\n              {(index < this.state.currentStep || this.state.isDone) &&\n                <WmIcon styles={merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}})}\n                        iconclass={item.props.iconclass || 'wm-sl-l sl-check'}></WmIcon>}\n            </View>\n            {((isNumberTextLayout && isActiveStep) || !isNumberTextLayout) &&\n              <Text style={this.styles.stepTitle}>\n              {item.props.title || 'Step Title'}</Text> }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.numberOfSteps > 1 && <View style={[this.styles.stepConnector, { width: isFirstStep || isLastStep ? '50%' : '100%',\n                                                      left: Platform.OS == \"web\"?(!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? '50%': '0%': isFirstStep ? '50%': '0%'}]}></View>}\n      </View>\n    ) : null;\n  }\n\n  onPrev(steps: any) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    currentStep.invokePrevCB(index);\n    this.updateCurrentStep(index - 1);\n  }\n\n  onNext(steps: any, eventName?: string) {\n    const index = this.state.currentStep;\n    const currentStep = this.steps[index];\n    if (eventName === 'skip') {\n      currentStep.invokeSkipCB(index);\n    } else {\n      currentStep.invokeNextCB(index);\n    }\n    this.updateCurrentStep(index + 1);\n  }\n\n  onDone($event: any) {\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  onCancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n  onSkip(steps: any) {\n    this.onNext(steps, 'skip');\n  }\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = this.steps[this.state.currentStep] && this.steps[this.state.currentStep].props.enableskip;\n    const isProgressCircleHeader = this.state.props.classname?.includes('progress-circle-header');\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {activeStep && isProgressCircleHeader ? (this.renderProgressCircleHeader(activeStep, this.state.currentStep)) : (this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null)}\n        </View>\n        <View style={this.styles.wizardBody}>\n          {props.children}\n        </View>\n        <View style={[this.styles.wizardFooter,\n          {flexDirection: props.actionsalignment === 'right' ? 'row-reverse': 'row'}]}>\n          {(this.state.currentStep+1) === this.numberOfSteps &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.doneButton)}\n              id = {this.getTestId('donebtn')}  caption={props.donebtnlabel} onTap={this.onDone.bind(this)}></WmButton>\n          }\n          {(this.state.currentStep+1) < this.numberOfSteps &&\n            <WmButton iconclass={'wi wi-chevron-right'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-default'), this.styles.nextButton)}\n                id = {this.getTestId('nextbtn')} \n                      iconposition={'right'} caption={props.nextbtnlabel} onTap={this.onNext.bind(this, this.steps)}></WmButton>\n          }\n          {this.state.currentStep > 0 &&\n            <WmButton iconclass={'wi wi-chevron-left'} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.prevButton)} caption={props.previousbtnlabel}\n                id = {this.getTestId('prevbtn')}\n                onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton id = {this.getTestId('cancelbtn')}  caption={props.cancelbtnlabel} styles={merge({}, this.theme.getStyle('btn-default'), this.styles.wizardActions, this.styles.cancelButton)} onTap={this.onCancel.bind(this)}></WmButton>\n              : null\n          }\n          {isSkippable &&\n              <WmAnchor iconclass={'wi wi-chevron-right'} iconposition={'right'} caption={'Skip'}\n                id = {this.getTestId('skip')}        \n                styles={merge({}, this.styles.wizardActions, this.styles.skipLink)} onTap={this.onSkip.bind(this, this.steps)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,QAAQ,EAAEC,wBAAwB,QAAQ,cAAc;AAC/F,SAASC,OAAO,EAAEC,KAAK,QAAQ,QAAQ;AACvC,SAASC,aAAa,EAAEC,kBAAkB,QAA2B,+CAA+C;AAEpH,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAOC,gBAAgB,MAAM,sFAAsF;AACnH,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,OAAO,MAAM,kEAAkE;AAEtF,OAAO,MAAMC,aAAa,SAAST,kBAAkB,CAAgB;EAAAU,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAC7C,CAAC;IAAAA,eAAA,iBACL,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,QAAQ,SAASd,aAAa,CAA+C;EAahGW,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;IAACW,eAAA,wBAbnB,IAAI;IAAAA,eAAA,gBACpB,EAAE;IAAAA,eAAA,qBACc,IAAI;IAAAA,eAAA,mBAEE;MACpCG,eAAe,EAAGC,CAAC,IAAK;QACtB,IAAIA,CAAC,YAAYT,SAAS,EAAE;UAC1B,IAAI,CAACU,UAAU,GAAGD,CAAC;QACrB;MACF;IACF,CAAC;IAIC,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ;IAC5B,IAAIC,gBAAgB,GAAG,CAAC;IACxB,IAAIvB,OAAO,CAACqB,KAAK,CAAC,IAAIJ,KAAK,CAACO,WAAW,EAAE;MACvCH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAS,EAAEC,KAAU,KAAK;QACnC,IAAIV,KAAK,CAACO,WAAW,KAAKE,IAAI,CAACT,KAAK,CAACW,IAAI,EAAE;UACzCL,gBAAgB,GAAGI,KAAK;QAC1B;MACF,CAAC,CAAC;IACJ;IACA,IAAI,CAACE,iBAAiB,CAACN,gBAAgB,CAAC;EAC1C;EAEAO,aAAaA,CAACC,IAAkB,EAAE;IAChC,IAAI,CAACV,KAAK,CAACU,IAAI,CAACd,KAAK,CAACU,KAAK,CAAC,GAAGI,IAAI;IACnC,IAAI,CAACC,WAAW,CAAC,CAAC;EACpB;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACC,cAAc,CAAC,CAAC;EACvB;EAEAA,cAAcA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IACf,CAAAA,qBAAA,OAAI,CAACd,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,cAAAF,qBAAA,uBAAlCA,qBAAA,CAAoCG,SAAS,CAAC,CAAC;EACjD;EAEAT,iBAAiBA,CAACF,KAAa,EAAkB;IAAA,IAAAY,sBAAA;IAAA,IAAhBC,MAAM,GAAA1B,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,KAAK;IAC7C,CAAAyB,sBAAA,OAAI,CAAClB,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,cAAAE,sBAAA,uBAAlCA,sBAAA,CAAoCI,WAAW,CAAC,CAAC;IACjD,IAAI,CAACC,WAAW,CAAC;MACfP,WAAW,EAAEV,KAAK;MAClBa,MAAM,EAAEA;IACV,CAAC,EAAmB,MAAM,IAAI,CAACN,cAAc,CAAC,CAAC,CAAC;EAClD;EAEAW,YAAYA,CAAClB,KAAa,EAAE;IAC1B,MAAMmB,KAAK,GAAG,CAAC,IAAI,CAACC,MAAM,CAAChB,IAAI,CAAC;IAChC,IAAI,IAAI,CAACK,KAAK,CAACI,MAAM,IAAIb,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW,EAAE;MACvDS,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC;IAClC,CAAC,MAAM,IAAI,IAAI,CAACb,KAAK,CAACC,WAAW,KAAKV,KAAK,EAAE;MAC3CmB,KAAK,CAACE,IAAI,CAAC,IAAI,CAACD,MAAM,CAACG,UAAU,CAAC;IACpC;IACA,OAAOJ,KAAK;EACd;EAEAK,iBAAiBA,CAAA,EAAE;IACjB,MAAMC,WAAW,GAAG,IAAI,CAACnC,KAAK,CAACoC,qBAAqB,KAAK,CAAC3B,IAAS,EAAEC,KAAa,KAAK,EAAE,CAAC;IAC1F,MAAM2B,MAAM,GAAG,IAAI,CAACjC,KAAK,CAACI,GAAG,CAAEM,IAAkB,IAAKA,IAAI,CAACK,KAAK,CAACnB,KAAK,CAACsC,KAAK,CAAC;IAC7E,oBACE7D,KAAA,CAAA8D,aAAA,CAAC9C,SAAS;MACR+C,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BX,MAAM,EAAE,IAAI,CAACA,MAAM,CAACY,OAAQ;MAC5BC,gBAAgB,EAAE,aAAc;MAChCC,OAAO,EAAE,EAAG;MACZC,aAAa,EAAE,IAAI,CAACf,MAAM,CAACY,OAAO,CAACA,OAAO,CAACI,MAAM,IAAmC,IAAK;MACzFC,YAAY,EAAE,IAAI,CAACjB,MAAM,CAACY,OAAO,CAACA,OAAO,CAACM,KAAK,IAAmC,IAAK;MACvFC,QAAQ,EAAE,IAAI,CAACA,QAAS;MACxBC,SAAS,EAAE,IAAI,CAAClD,KAAK,CAACmD,gBAAgB,IAAI,kBAAmB;MAC7DC,YAAY,EAAC,OAAO;MACpBC,IAAI,EAAC;IAAU,gBACb5E,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACY,OAAO,CAACA;IAAQ,GACtCL,MAAM,CAAC7B,GAAG,CAAC,CAACC,IAAS,EAAEC,KAAa,KAAK;MACxC,MAAM4C,eAAe,GAAG5C,KAAK,IAAE,IAAI,CAACS,KAAK,CAACC,WAAW;MACrD,MAAMwB,OAAO,GAAGT,WAAW,CAAC;QAAC,OAAO,EAAC,IAAI,CAAC/B,KAAK,CAACoB;MAAM,CAAC,EAAEd,KAAK,CAAC;MAC/D,oBACAjC,KAAA,CAAA8D,aAAA,CAACzD,wBAAwB;QAACyE,GAAG,EAAE,mBAAmB,GAAC7C,KAAM;QAAC8C,OAAO,EAAEA,CAAA,KAAI;UAAC,IAAI,CAACrD,UAAU,CAACsD,IAAI,CAAC,CAAC;QAAC;MAAE,gBAC/FhF,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;QAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAAC4B,QAAQ,EAAEJ,eAAe,GAAC,IAAI,CAACxB,MAAM,CAAC6B,cAAc,GAAC,CAAC,CAAC;MAAE,gBACjFlF,KAAA,CAAA8D,aAAA,CAACjD,MAAM;QAACsD,OAAO,EAAEA,OAAQ;QAACM,SAAS,EAAEI,eAAe,GAAE,4BAA4B,GAAG,8BAA+B;QAACxB,MAAM,EAAEwB,eAAe,GAAC,IAAI,CAACxB,MAAM,CAAC8B,kBAAkB,GAAC,IAAI,CAAC9B,MAAM,CAAC+B;MAAa,CAAC,CAAC,eACvMpF,KAAA,CAAA8D,aAAA,CAAC7C,OAAO;QAACkD,OAAO,EAAEnC,IAAK;QAACqB,MAAM,EAAEwB,eAAe,GAAC,IAAI,CAACxB,MAAM,CAACgC,mBAAmB,GAAC,IAAI,CAAChC,MAAM,CAACiC;MAAc,CAAC,CACvG,CACkB,CAAC;IAC5B,CAAC,CACE,CACC,CAAC;EAEhB;EAEAC,0BAA0BA,CAACvD,IAAS,EAAEC,KAAa,EAAE;IACnD,MAAMuD,aAAa,GAAG,IAAI,CAACjE,KAAK,CAACkE,aAAa,IAAKxD,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,CAACN,KAAK,CAACoB,MAAO;IACvF,oBACE/C,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqC,aAAa,CAAE;MAACZ,GAAG,EAAE7C,KAAK,GAAG;IAAE,gBACvDjC,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACsC;IAAY,gBACnC3F,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE;QAAEwC,IAAI,EAAE,CAAC;QAAEC,UAAU,EAAE,YAAY;QAAEC,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAC;MAAM;IAAE,gBAChG/F,KAAA,CAAA8D,aAAA,CAAC/C,gBAAgB;MAACiF,QAAQ,EAAE,CAAE;MAACC,QAAQ,EAAE,IAAI,CAACtE,KAAK,CAACoB,MAAO;MAACmD,SAAS,EAAEjE,KAAK,GAAG,CAAE;MAACkE,gBAAgB,EAAE,QAAS;MAACvB,IAAI,EAAE,IAAI,CAACrD,KAAK,CAAC6E,YAAa;MAACvC,KAAK,EAAE2B,aAAc;MAACa,QAAQ,EAAE,EAAG;MAAChD,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiD;IAAe,CAAE,CAClN,CAAC,eACTtG,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE;QAAEwC,IAAI,EAAE,CAAC;QAAEE,cAAc,EAAE,QAAQ;QAAEC,aAAa,EAAE;MAAS;IAAE,gBACxE/F,KAAA,CAAA8D,aAAA,CAAC7D,IAAI;MAACmD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACkD;IAAU,GAChCvE,IAAI,CAACT,KAAK,CAACsC,KAAK,IAAI,YAAmB,CAAC,eAC3C7D,KAAA,CAAA8D,aAAA,CAAC7D,IAAI;MAACmD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACmD;IAAa,GACnCxE,IAAI,CAACT,KAAK,CAAC8E,QAAQ,IAAI,gBAAuB,CAC7C,CAAC,eACPrG,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE;QAAE2C,aAAa,EAAE,KAAK;QAAEF,UAAU,EAAE,UAAU;QAAEC,cAAc,EAAE;MAAW;IAAE,GACvF,IAAI,CAACrC,iBAAiB,CAAC,CACpB,CACF,CACF,CAAC;EAEX;EAEAgD,kBAAkBA,CAACzE,IAAS,EAAEC,KAAa,EAAE;IAC3C,MAAMyE,UAAU,GAAGzE,KAAK,KAAK,IAAI,CAAC0E,aAAa,GAAG,CAAC;IACnD,MAAMC,WAAW,GAAG3E,KAAK,KAAK,CAAC;IAC/B,MAAM4E,YAAY,GAAG5E,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,WAAW;IACrD,MAAMmE,kBAAkB,GAAG,IAAI,CAACpE,KAAK,CAACnB,KAAK,CAACwF,SAAS,KAAK,oBAAoB;IAC9E,OAAO/E,IAAI,CAACT,KAAK,CAACyF,IAAI,IAAI,KAAK,gBAC7BhH,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqC,aAAa,EAAEoB,kBAAkB,GACzD;QAACG,YAAY,EAAEJ,YAAY,GAAG,CAAC,GAAG,CAAC;QAAEK,WAAW,EAAEjF,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG;MAAC,CAAC,GAAE,CAAC,CAAC,CAAE;MAACmC,GAAG,EAAE7C,KAAK,GAAC;IAAE,gBACnHjC,KAAA,CAAA8D,aAAA,CAAC3D,gBAAgB;MAACiD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACsC,WAAY;MAC/BZ,OAAO,EAAE,IAAI,CAAC5C,iBAAiB,CAACgF,IAAI,CAAC,IAAI,EAAElF,KAAK,EAAE,KAAK,CAAE;MAACmF,QAAQ,EAAEnF,KAAK,IAAI,IAAI,CAACS,KAAK,CAACC;IAAY,gBAClH3C,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACD,YAAY,CAAClB,KAAK;IAAE,GACnCA,KAAK,IAAI,IAAI,CAACS,KAAK,CAACC,WAAW,IAAI,CAAC,IAAI,CAACD,KAAK,CAACI,MAAM,iBACpD9C,KAAA,CAAA8D,aAAA,CAAC7D,IAAI;MAACmD,KAAK,EAAEyD,YAAY,GAAG,IAAI,CAACxD,MAAM,CAACG,UAAU,GAAG,IAAI,CAACH,MAAM,CAACgE;IAAY,GAAEpF,KAAK,GAAC,CAAQ,CAAC,EAC/F,CAACA,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW,IAAI,IAAI,CAACD,KAAK,CAACI,MAAM,kBACnD9C,KAAA,CAAA8D,aAAA,CAACjD,MAAM;MAACwC,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC8C,MAAM,CAACiE,QAAQ,EAAE;QAACC,IAAI,EAAE;UAACC,KAAK,EAAE,IAAI,CAACnE,MAAM,CAACG,UAAU,CAACgE;QAAK;MAAC,CAAC,CAAE;MACvF/C,SAAS,EAAEzC,IAAI,CAACT,KAAK,CAACkD,SAAS,IAAI;IAAmB,CAAS,CACrE,CAAC,EACN,CAAEqC,kBAAkB,IAAID,YAAY,IAAK,CAACC,kBAAkB,kBAC3D9G,KAAA,CAAA8D,aAAA,CAAC7D,IAAI;MAACmD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACkD;IAAU,GAClCvE,IAAI,CAACT,KAAK,CAACsC,KAAK,IAAI,YAAmB,CAAC,EAC1C,IAAI,CAAC8C,aAAa,GAAG,CAAC,IAAIE,YAAY,iBACrC7G,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACoE,uBAAuB,EAAE;QAAClD,KAAK,EAAEmC,UAAU,GAAG,CAAC,GAAG;MAAE,CAAC;IAAE,CAAO,CAC5E,CAAC,EAClB,IAAI,CAACC,aAAa,GAAG,CAAC,iBAAI3G,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqE,aAAa,EAAE;QAAEnD,KAAK,EAAEqC,WAAW,IAAIF,UAAU,GAAG,KAAK,GAAG,MAAM;QACzEiB,IAAI,EAAEvH,QAAQ,CAACwH,EAAE,IAAI,KAAK,GAAE,CAAC,IAAI,CAACC,KAAK,IAAIjB,WAAW,IAAM,IAAI,CAACiB,KAAK,IAAInB,UAAW,GAAG,KAAK,GAAE,IAAI,GAAEE,WAAW,GAAG,KAAK,GAAE;MAAI,CAAC;IAAE,CAAO,CAClL,CAAC,GACL,IAAI;EACV;EAEAkB,MAAMA,CAACnG,KAAU,EAAE;IACjB,MAAMM,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAAChB,KAAK,CAACM,KAAK,CAAC;IACrCU,WAAW,CAACoF,YAAY,CAAC9F,KAAK,CAAC;IAC/B,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEA+F,MAAMA,CAACrG,KAAU,EAAEsG,SAAkB,EAAE;IACrC,MAAMhG,KAAK,GAAG,IAAI,CAACS,KAAK,CAACC,WAAW;IACpC,MAAMA,WAAW,GAAG,IAAI,CAAChB,KAAK,CAACM,KAAK,CAAC;IACrC,IAAIgG,SAAS,KAAK,MAAM,EAAE;MACxBtF,WAAW,CAACuF,YAAY,CAACjG,KAAK,CAAC;IACjC,CAAC,MAAM;MACLU,WAAW,CAACwF,YAAY,CAAClG,KAAK,CAAC;IACjC;IACA,IAAI,CAACE,iBAAiB,CAACF,KAAK,GAAG,CAAC,CAAC;EACnC;EAEAmG,MAAMA,CAACC,MAAW,EAAE;IAClB,IAAI,CAACnF,WAAW,CAAC;MACfJ,MAAM,EAAE;IACV,CAAkB,CAAC;IACnB,IAAI,CAACwF,mBAAmB,CAAC,QAAQ,EAAE,CAACD,MAAM,EAAE,IAAI,CAACE,KAAK,CAAC,CAAC;EAC1D;EAEAC,QAAQA,CAAA,EAAG;IACT,IAAI,CAACF,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;EAC1D;EACAE,MAAMA,CAAC9G,KAAU,EAAE;IACjB,IAAI,CAACqG,MAAM,CAACrG,KAAK,EAAE,MAAM,CAAC;EAC5B;EAEA+G,YAAYA,CAACnH,KAAoB,EAAE;IAAA,IAAAoH,qBAAA;IACjC,IAAI,CAAChC,aAAa,GAAG,IAAI,CAAChF,KAAK,CAACoB,MAAM;IACtC,MAAMS,UAAU,GAAG,IAAI,CAAC7B,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC;IACrD,MAAMiG,WAAW,GAAG,IAAI,CAACjH,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,IAAI,IAAI,CAAChB,KAAK,CAAC,IAAI,CAACe,KAAK,CAACC,WAAW,CAAC,CAACpB,KAAK,CAACsH,UAAU;IAC7G,MAAMC,sBAAsB,IAAAH,qBAAA,GAAG,IAAI,CAACjG,KAAK,CAACnB,KAAK,CAACwF,SAAS,cAAA4B,qBAAA,uBAA1BA,qBAAA,CAA4BI,QAAQ,CAAC,wBAAwB,CAAC;IAC7F,oBACE/I,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC2F;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjJ,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6F;IAAa,GACnC1F,UAAU,IAAIsF,sBAAsB,GAAI,IAAI,CAACvD,0BAA0B,CAAC/B,UAAU,EAAE,IAAI,CAACd,KAAK,CAACC,WAAW,CAAC,GAAK,IAAI,CAAChB,KAAK,GAAG,IAAI,CAACA,KAAK,CAACI,GAAG,CAAC,CAACM,IAAI,EAAE8G,CAAC,KAAK,IAAI,CAAC1C,kBAAkB,CAACpE,IAAI,EAAE8G,CAAC,CAAC,CAAC,GAAG,IAC1L,CAAC,eACPnJ,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC+F;IAAW,GACjC7H,KAAK,CAACK,QACH,CAAC,eACP5B,KAAA,CAAA8D,aAAA,CAAC5D,IAAI;MAACkD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACgG,YAAY,EACpC;QAACtD,aAAa,EAAExE,KAAK,CAAC+H,gBAAgB,KAAK,OAAO,GAAG,aAAa,GAAE;MAAK,CAAC;IAAE,GAC1E,IAAI,CAAC5G,KAAK,CAACC,WAAW,GAAC,CAAC,KAAM,IAAI,CAACgE,aAAa,iBAChD3G,KAAA,CAAA8D,aAAA,CAAClD,QAAQ;MAAC6D,SAAS,EAAE,kBAAmB;MAACpB,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC8C,MAAM,CAACkG,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAACpG,MAAM,CAACqG,UAAU,CAAE;MAChJ3F,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAAEG,OAAO,EAAE5C,KAAK,CAACoI,YAAa;MAACC,KAAK,EAAE,IAAI,CAACxB,MAAM,CAACjB,IAAI,CAAC,IAAI;IAAE,CAAW,CAAC,EAE3G,IAAI,CAACzE,KAAK,CAACC,WAAW,GAAC,CAAC,GAAI,IAAI,CAACgE,aAAa,iBAC9C3G,KAAA,CAAA8D,aAAA,CAAClD,QAAQ;MAAC6D,SAAS,EAAE,qBAAsB;MAACpB,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC8C,MAAM,CAACkG,aAAa,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAACpG,MAAM,CAACwG,UAAU,CAAE;MACjJ9F,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAC1BW,YAAY,EAAE,OAAQ;MAACR,OAAO,EAAE5C,KAAK,CAACuI,YAAa;MAACF,KAAK,EAAE,IAAI,CAAC5B,MAAM,CAACb,IAAI,CAAC,IAAI,EAAE,IAAI,CAACxF,KAAK;IAAE,CAAW,CAAC,EAErH,IAAI,CAACe,KAAK,CAACC,WAAW,GAAG,CAAC,iBACzB3C,KAAA,CAAA8D,aAAA,CAAClD,QAAQ;MAAC6D,SAAS,EAAE,oBAAqB;MAACpB,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACiJ,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAACpG,MAAM,CAACkG,aAAa,EAAE,IAAI,CAAClG,MAAM,CAAC0G,UAAU,CAAE;MAAC5F,OAAO,EAAE5C,KAAK,CAACyI,gBAAiB;MACjLjG,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,SAAS,CAAE;MAChC4F,KAAK,EAAE,IAAI,CAAC9B,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,IAAI,CAACxF,KAAK;IAAE,CAAW,CAAC,EAE3DJ,KAAK,CAAC0I,UAAU,gBACbjK,KAAA,CAAA8D,aAAA,CAAClD,QAAQ;MAACmD,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;MAAEG,OAAO,EAAE5C,KAAK,CAAC2I,cAAe;MAAC7G,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAACiJ,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,CAACpG,MAAM,CAACkG,aAAa,EAAE,IAAI,CAAClG,MAAM,CAAC8G,YAAY,CAAE;MAACP,KAAK,EAAE,IAAI,CAACpB,QAAQ,CAACrB,IAAI,CAAC,IAAI;IAAE,CAAW,CAAC,GACnO,IAAI,EAETyB,WAAW,iBACR5I,KAAA,CAAA8D,aAAA,CAAChD,QAAQ;MAAC2D,SAAS,EAAE,qBAAsB;MAACE,YAAY,EAAE,OAAQ;MAACR,OAAO,EAAE,MAAO;MACjFJ,EAAE,EAAI,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC7BX,MAAM,EAAE9C,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC8C,MAAM,CAACkG,aAAa,EAAE,IAAI,CAAClG,MAAM,CAAC+G,QAAQ,CAAE;MAACR,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACtB,IAAI,CAAC,IAAI,EAAE,IAAI,CAACxF,KAAK;IAAE,CAAW,CAE3H,CACF,CAAC;EAEX;AACF"}

app-rn-runtime/components/container/wizard/wizard.props.js

@@ -13,6 +13,10 @@ export default class WmWizardProps extends BaseProps {
     _defineProperty(this, "nextbtnlabel", 'Next');
     _defineProperty(this, "previousbtnlabel", 'Previous');
     _defineProperty(this, "defaultstep", 'none');
+    _defineProperty(this, "progresstitle", '');
+    _defineProperty(this, "progresstype", 'default');
+    _defineProperty(this, "getmenudataexpression", undefined);
+    _defineProperty(this, "popovericonclass", 'fa fa-caret-down');
   }
 }
 //# sourceMappingURL=wizard.props.js.map

app-rn-runtime/components/container/wizard/wizard.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWizardProps","constructor","arguments","_defineProperty"],"sources":["wizard.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardProps extends BaseProps {\n  actionsalignment: string = 'right';\n  children: any;\n  cancelable: boolean = true;\n  cancelbtnlabel: string = 'Cancel';\n  donebtnlabel: string = 'Done';\n  nextbtnlabel: string = 'Next';\n  previousbtnlabel: string = 'Previous';\n  defaultstep: string = 'none';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,2BACxB,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEZ,IAAI;IAAAA,eAAA,yBACD,QAAQ;IAAAA,eAAA,uBACV,MAAM;IAAAA,eAAA,uBACN,MAAM;IAAAA,eAAA,2BACF,UAAU;IAAAA,eAAA,sBACf,MAAM;EAAA;AAC9B"}
+{"version":3,"names":["BaseProps","WmWizardProps","constructor","arguments","_defineProperty","undefined"],"sources":["wizard.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardProps extends BaseProps {\n  actionsalignment: string = 'right';\n  children: any;\n  cancelable: boolean = true;\n  cancelbtnlabel: string = 'Cancel';\n  donebtnlabel: string = 'Done';\n  nextbtnlabel: string = 'Next';\n  previousbtnlabel: string = 'Previous';\n  defaultstep: string = 'none';\n  progresstitle: string = '';\n  progresstype: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  getmenudataexpression: any = undefined;\n  popovericonclass: string = 'fa fa-caret-down';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,2BACxB,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEZ,IAAI;IAAAA,eAAA,yBACD,QAAQ;IAAAA,eAAA,uBACV,MAAM;IAAAA,eAAA,uBACN,MAAM;IAAAA,eAAA,2BACF,UAAU;IAAAA,eAAA,sBACf,MAAM;IAAAA,eAAA,wBACJ,EAAE;IAAAA,eAAA,uBAC2C,SAAS;IAAAA,eAAA,gCACjDC,SAAS;IAAAD,eAAA,2BACX,kBAAkB;EAAA;AAC/C"}