@wavemaker/app-rn-runtime 11.5.2-next.26258 → 11.5.2-next.40904

app-rn-runtime/actions/notification-action.js

@@ -51,6 +51,7 @@ export class NotificationAction extends BaseAction {
     }
     o.duration = parseInt(options.duration || params.duration);
     o.name = this.name;
+    o.classname = options.classname || params.classname;
     return o;
   }
   getMessage() {

app-rn-runtime/actions/notification-action.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","_defineProperty","showDialog","prepareToastOptions","_options$class","_params$class","options","arguments","length","undefined","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        return o;\n      }\n\n  getMessage() {\n    return this.config.paramProvider().text;\n  }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["BaseAction","DEFAULT_DURATION","NotificationAction","constructor","config","_defineProperty","showDialog","prepareToastOptions","_options$class","_params$class","options","arguments","length","undefined","params","paramProvider","o","text","message","type","class","toLowerCase","onClose","onClick","onOk","content","partialContent","hideOnClick","toasterPosition","position","placement","split","styles","top","bottom","duration","parseInt","name","classname","getMessage","invoke","success","error","operation","toasterService","showToast","onCancel"],"sources":["notification-action.ts"],"sourcesContent":["import { ActionConfig, BaseAction } from \"./base-action\";\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\nimport React from 'react';\nexport interface NotificationActionConfig extends ActionConfig {\n    showDialog: Function;\n    onOk: any;\n    onCancel: any;\n    onClose: any;\n    operation: string;\n    partialContent: React.ReactNode;\n    toasterService: () => ToastService;\n}\nconst DEFAULT_DURATION = 3000;\nexport class NotificationAction extends BaseAction<NotificationActionConfig> {\n    showDialog: Function;\n    constructor(config: NotificationActionConfig) {\n        super(config);\n        this.showDialog = config.showDialog;\n    }\n\n    prepareToastOptions(options: any = {}) {\n        const params = this.config.paramProvider();\n        const o = {} as ToastOptions;\n        o.text = options.message || params.text;\n        o.type = options.class?.toLowerCase() || params.class?.toLowerCase();\n        o.onClose = () => {\n            this.config.onClose && this.config.onClose(this);\n        },\n        o.onClick = () => {\n            this.config.onOk && this.config.onOk(this);\n        },\n        o.content = this.config.partialContent;\n        o.hideOnClick = options.hideOnClick || true;\n        const toasterPosition = options.position || params.toasterPosition || 'bottom right';\n        const placement = toasterPosition.split(' ')[0];\n        switch(placement) {\n            case 'top':\n                o.styles = {top: 0};\n                break;\n            case 'bottom':\n                o.styles = {bottom: 0};\n                break;\n            case 'center':\n                o.styles = {top: '50%'};\n                break;\n        }\n        if (this.config.partialContent) {\n            if (!o.styles) {\n                o.styles = {};\n            }\n        }\n        if (!params.duration) {\n          params.duration = (params.duration !== 0 && o.type === 'success') ? DEFAULT_DURATION : 0;\n        }\n        o.duration = parseInt(options.duration || params.duration);\n        o.name = this.name;\n        o.classname = options.classname || params.classname;\n        return o;\n      }\n\n    getMessage() {\n        return this.config.paramProvider().text;\n    }\n\n    invoke(options: any, success: any, error: any) {\n        super.invoke(options, success, error);\n        if (this.config.operation === 'toast') {\n            const toasterService = this.config.toasterService();\n            return toasterService.showToast(this.prepareToastOptions(options));\n        } else {\n            return this.showDialog && this.showDialog({...this.params, onOk: this.config.onOk, onCancel: this.config.onCancel, onClose: this.config.onClose});\n        }\n    }\n}\n"],"mappings":";;;AAAA,SAAuBA,UAAU,QAAQ,eAAe;AAYxD,MAAMC,gBAAgB,GAAG,IAAI;AAC7B,OAAO,MAAMC,kBAAkB,SAASF,UAAU,CAA2B;EAEzEG,WAAWA,CAACC,MAAgC,EAAE;IAC1C,KAAK,CAACA,MAAM,CAAC;IAACC,eAAA;IACd,IAAI,CAACC,UAAU,GAAGF,MAAM,CAACE,UAAU;EACvC;EAEAC,mBAAmBA,CAAA,EAAoB;IAAA,IAAAC,cAAA,EAAAC,aAAA;IAAA,IAAnBC,OAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACjC,MAAMG,MAAM,GAAG,IAAI,CAACV,MAAM,CAACW,aAAa,CAAC,CAAC;IAC1C,MAAMC,CAAC,GAAG,CAAC,CAAiB;IAC5BA,CAAC,CAACC,IAAI,GAAGP,OAAO,CAACQ,OAAO,IAAIJ,MAAM,CAACG,IAAI;IACvCD,CAAC,CAACG,IAAI,GAAG,EAAAX,cAAA,GAAAE,OAAO,CAACU,KAAK,cAAAZ,cAAA,uBAAbA,cAAA,CAAea,WAAW,CAAC,CAAC,OAAAZ,aAAA,GAAIK,MAAM,CAACM,KAAK,cAAAX,aAAA,uBAAZA,aAAA,CAAcY,WAAW,CAAC,CAAC;IACpEL,CAAC,CAACM,OAAO,GAAG,MAAM;MACd,IAAI,CAAClB,MAAM,CAACkB,OAAO,IAAI,IAAI,CAAClB,MAAM,CAACkB,OAAO,CAAC,IAAI,CAAC;IACpD,CAAC,EACDN,CAAC,CAACO,OAAO,GAAG,MAAM;MACd,IAAI,CAACnB,MAAM,CAACoB,IAAI,IAAI,IAAI,CAACpB,MAAM,CAACoB,IAAI,CAAC,IAAI,CAAC;IAC9C,CAAC,EACDR,CAAC,CAACS,OAAO,GAAG,IAAI,CAACrB,MAAM,CAACsB,cAAc;IACtCV,CAAC,CAACW,WAAW,GAAGjB,OAAO,CAACiB,WAAW,IAAI,IAAI;IAC3C,MAAMC,eAAe,GAAGlB,OAAO,CAACmB,QAAQ,IAAIf,MAAM,CAACc,eAAe,IAAI,cAAc;IACpF,MAAME,SAAS,GAAGF,eAAe,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC/C,QAAOD,SAAS;MACZ,KAAK,KAAK;QACNd,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAC,CAAC;QACnB;MACJ,KAAK,QAAQ;QACTjB,CAAC,CAACgB,MAAM,GAAG;UAACE,MAAM,EAAE;QAAC,CAAC;QACtB;MACJ,KAAK,QAAQ;QACTlB,CAAC,CAACgB,MAAM,GAAG;UAACC,GAAG,EAAE;QAAK,CAAC;QACvB;IACR;IACA,IAAI,IAAI,CAAC7B,MAAM,CAACsB,cAAc,EAAE;MAC5B,IAAI,CAACV,CAAC,CAACgB,MAAM,EAAE;QACXhB,CAAC,CAACgB,MAAM,GAAG,CAAC,CAAC;MACjB;IACJ;IACA,IAAI,CAAClB,MAAM,CAACqB,QAAQ,EAAE;MACpBrB,MAAM,CAACqB,QAAQ,GAAIrB,MAAM,CAACqB,QAAQ,KAAK,CAAC,IAAInB,CAAC,CAACG,IAAI,KAAK,SAAS,GAAIlB,gBAAgB,GAAG,CAAC;IAC1F;IACAe,CAAC,CAACmB,QAAQ,GAAGC,QAAQ,CAAC1B,OAAO,CAACyB,QAAQ,IAAIrB,MAAM,CAACqB,QAAQ,CAAC;IAC1DnB,CAAC,CAACqB,IAAI,GAAG,IAAI,CAACA,IAAI;IAClBrB,CAAC,CAACsB,SAAS,GAAG5B,OAAO,CAAC4B,SAAS,IAAIxB,MAAM,CAACwB,SAAS;IACnD,OAAOtB,CAAC;EACV;EAEFuB,UAAUA,CAAA,EAAG;IACT,OAAO,IAAI,CAACnC,MAAM,CAACW,aAAa,CAAC,CAAC,CAACE,IAAI;EAC3C;EAEAuB,MAAMA,CAAC9B,OAAY,EAAE+B,OAAY,EAAEC,KAAU,EAAE;IAC3C,KAAK,CAACF,MAAM,CAAC9B,OAAO,EAAE+B,OAAO,EAAEC,KAAK,CAAC;IACrC,IAAI,IAAI,CAACtC,MAAM,CAACuC,SAAS,KAAK,OAAO,EAAE;MACnC,MAAMC,cAAc,GAAG,IAAI,CAACxC,MAAM,CAACwC,cAAc,CAAC,CAAC;MACnD,OAAOA,cAAc,CAACC,SAAS,CAAC,IAAI,CAACtC,mBAAmB,CAACG,OAAO,CAAC,CAAC;IACtE,CAAC,MAAM;MACH,OAAO,IAAI,CAACJ,UAAU,IAAI,IAAI,CAACA,UAAU,CAAC;QAAC,GAAG,IAAI,CAACQ,MAAM;QAAEU,IAAI,EAAE,IAAI,CAACpB,MAAM,CAACoB,IAAI;QAAEsB,QAAQ,EAAE,IAAI,CAAC1C,MAAM,CAAC0C,QAAQ;QAAExB,OAAO,EAAE,IAAI,CAAClB,MAAM,CAACkB;MAAO,CAAC,CAAC;IACrJ;EACJ;AACJ"}

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

@@ -30,24 +30,34 @@ export default class WmStackChart extends BaseChartComponent {
     super.componentDidMount();
     this.setHeightWidthOnChart();
   }
+  getNegativeValuesArray() {
+    let negativeValuesArray = cloneDeep(this.state.data[0]).filter(d => d.y < 0);
+    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');
+    return negativeValuesArray;
+  }
+  getPositiveValuesArray() {
+    let positiveValuesArray = cloneDeep(this.state.data[0]).filter(d => d.y > 0);
+    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');
+    return positiveValuesArray;
+  }
   getBarChart(props) {
     if (this.state.data.length > 0) {
-      let data = cloneDeep(this.state.data[0]);
-      data = orderBy(data, 'y', 'asc');
+      const negativeValues = cloneDeep(this.getNegativeValuesArray());
+      const data = negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));
       let currentValue = 0;
       return data.map((d, i) => {
         let d1 = [];
         d.x = 0;
         d.y = d.y - currentValue;
         d1.push(d);
-        currentValue = d.y + currentValue;
+        currentValue = d.y < 0 && i === negativeValues.length - 1 ? 0 : d.y + currentValue;
         return /*#__PURE__*/React.createElement(VictoryBar, {
           key: props.name + '_' + i,
           cornerRadius: {
-            bottomLeft: 3,
-            bottomRight: 3,
-            topLeft: 3,
-            topRight: 3
+            bottomLeft: 1,
+            bottomRight: 1,
+            topLeft: 1,
+            topRight: 1
           },
           data: d1
         });
@@ -126,9 +136,18 @@ export default class WmStackChart extends BaseChartComponent {
     if (this.state.data[0].length) {
       let data = cloneDeep(this.state.data[0]);
       const maxValue = Math.max(...data.map(o => o.y));
+      const minValue = Math.min(...data.map(o => o.y));
       const scale = Scale.getBaseScale({}, 'x');
-      scale.domain([0, maxValue]);
+      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);
       ticks = Axis.getTicks({}, scale);
+      ticks[ticks.length - 1] = maxValue;
+      if (minValue < 0) {
+        if (ticks[0] === 0) {
+          ticks.unshift(minValue);
+        } else {
+          ticks[0] = minValue;
+        }
+      }
     }
     return ticks;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","arguments","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getBarChart","state","data","length","currentValue","map","d","i","d1","x","y","push","createElement","key","name","cornerRadius","bottomLeft","bottomRight","topLeft","topRight","getColorCodes","colors","reverse","getArcChart","colorScaleArray","maxValue","Math","max","o","radius","min","chartHeight","colorScale","startAngle","endAngle","standalone","origin","innerRadius","thickness","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","scale","getBaseScale","domain","getTicks","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","styles","root","onLayout","onViewLayoutChange","viewtype","theme","minDomain","height","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal","strokeWidth"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep } from 'lodash';\n\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length >0 ) {\n     let data = cloneDeep(this.state.data[0]);\n     data = orderBy(data, 'y', 'asc');\n     let currentValue = 0;\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                           cornerRadius={{bottomLeft:(3), bottomRight:(3), topLeft:(3), topRight:(3)}}\n                           data={d1}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.state.colors);\n      return colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = cloneDeep(this.state.data[0]);\n      const colorScaleArray = this.getColorCodes();\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      data = orderBy(data, 'y', 'desc');\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        d1.push({x: d.x, y: maxValue - d.y})\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[colorScaleArray[i], '#fff0']}\n                           startAngle={-80}\n                           endAngle={80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\n                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([0, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n    }\n    return ticks;\n  }\n\n  renderWidget(props: WmStackChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    const colorScale = this.state.colors.length === 1 ? this.state.colors[0] : this.state.colors;\n    return (\n      <View\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >{\n        props.viewtype === 'Bar' ?\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.screenWidth}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(colorScale)}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={colorScale}\n              horizontal={true}\n              style={{\n                data: { strokeWidth: this.state.props.thickness }\n              }}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart> :\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Svg","VictoryStack","VictoryBar","VictoryChart","VictoryPie","VictoryLegend","VictoryAxis","Axis","Scale","orderBy","cloneDeep","WmStackChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","WmStackChartState","constructor","arguments","_defineProperty","WmStackChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","componentDidMount","setHeightWidthOnChart","getNegativeValuesArray","negativeValuesArray","state","data","filter","d","y","getPositiveValuesArray","positiveValuesArray","getBarChart","length","negativeValues","concat","currentValue","map","i","d1","x","push","createElement","key","name","cornerRadius","bottomLeft","bottomRight","topLeft","topRight","getColorCodes","colors","reverse","getArcChart","colorScaleArray","maxValue","Math","max","o","radius","min","chartHeight","colorScale","startAngle","endAngle","standalone","origin","innerRadius","thickness","labels","getArcAxis","ticks","getTickValues","axisData","forEach","yunits","style","fontSize","paddingLeft","paddingRight","labelRadius","minValue","scale","getBaseScale","domain","getTicks","unshift","renderWidget","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","styles","root","onLayout","onViewLayoutChange","viewtype","theme","minDomain","height","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","title","fontFamily","subheading","orientation","gutter","getLegendView","crossAxis","tickLabels","fill","showyaxis","axisLabel","grid","stroke","tickValues","tickFormat","t","abbreviateNumber","dependentAxis","horizontal","strokeWidth"],"sources":["stack-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport { VictoryStack, VictoryBar, VictoryChart, VictoryPie, VictoryLegend, VictoryAxis } from 'victory-native';\nimport { Axis, Scale } from 'victory-core';\nimport { orderBy, cloneDeep } from 'lodash';\n\nimport WmStackChartProps from './stack-chart.props';\nimport { DEFAULT_CLASS, WmStackChartStyles } from './stack-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from '@wavemaker/app-rn-runtime/components/chart/basechart.component';\n\nexport class WmStackChartState extends BaseChartComponentState<WmStackChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmStackChart extends BaseChartComponent<WmStackChartProps, WmStackChartState, WmStackChartStyles> {\n  constructor(props: WmStackChartProps) {\n    super(props, DEFAULT_CLASS, new WmStackChartProps(), new WmStackChartState());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.setHeightWidthOnChart();\n  }\n\n  getNegativeValuesArray() {\n    let negativeValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y < 0);\n    negativeValuesArray = orderBy(negativeValuesArray, 'y', 'desc');\n    return negativeValuesArray;\n  }\n\n  getPositiveValuesArray() {\n    let positiveValuesArray = cloneDeep(this.state.data[0]).filter((d: any) => d.y > 0);\n    positiveValuesArray = orderBy(positiveValuesArray, 'y', 'asc');\n    return positiveValuesArray;\n  }\n\n  getBarChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      const negativeValues = cloneDeep(this.getNegativeValuesArray());\n      const data = negativeValues.concat(cloneDeep(this.getPositiveValuesArray()));\n      let currentValue = 0;\n\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d.x = 0;\n        d.y = d.y - currentValue;\n        d1.push(d);\n        currentValue = d.y < 0 && i === negativeValues.length -1 ? 0 : d.y + currentValue;\n        return <VictoryBar key={props.name + '_' + i}\n                           cornerRadius={{bottomLeft:(1), bottomRight:(1), topLeft:(1), topRight:(1)}}\n                           data={d1}/>\n      });\n    }\n  }\n\n  private getColorCodes() {\n      const colors = cloneDeep(this.state.colors);\n      return colors.reverse();\n  }\n\n  getArcChart(props: WmStackChartProps) {\n    if ( this.state.data.length > 0 ) {\n      let data = cloneDeep(this.state.data[0]);\n      const colorScaleArray = this.getColorCodes();\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      data = orderBy(data, 'y', 'desc');\n      const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight - 50);\n      return data.map((d: any, i: number) => {\n        let d1: any = [];\n        d1.push(d);\n        d1.push({x: d.x, y: maxValue - d.y})\n        return <VictoryPie key={props.name + '_' + i}\n                           radius={radius}\n                           colorScale={[colorScaleArray[i], '#fff0']}\n                           startAngle={-80}\n                           endAngle={80}\n                           cornerRadius={100}\n                           standalone={false}\n                           origin={{x: (this.state.chartWidth/2), y: (this.state.chartHeight - 50)}}\n                           innerRadius={radius - this.state.props.thickness}\n                           labels={[]}\n                           data={d1}/>\n      });\n    }\n  }\n\n  getArcAxis() {\n    const ticks = this.getTickValues();\n    const radius = Math.min(this.state.chartWidth/2, this.state.chartHeight-50);\n    const axisData: any = [];\n    ticks.forEach((d: any, i: any) => {\n      axisData.push({x:  `${this.state.props.yunits}${d}`, y: 1})\n    });\n    return <VictoryPie\n     style={{\n       labels: {\n         fontSize: 12, paddingLeft: 50, paddingRight: 80\n       }}\n     }\n      startAngle={-90}\n      endAngle={90}\n      standalone={false}\n      colorScale={['#fff0']}\n      origin={{x: (this.state.chartWidth/2 - 5), y: (this.state.chartHeight - 50)}}\n      labelRadius={radius - this.state.props.thickness - 20}\n      data={axisData}\n    />\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmStackChartState);\n  }\n\n  getTickValues() {\n    let ticks: any = [];\n    if (this.state.data[0].length) {\n      let data = cloneDeep(this.state.data[0]);\n      const maxValue = Math.max(...data.map((o: any) => o.y));\n      const minValue = Math.min(...data.map((o: any) => o.y));\n      const scale = Scale.getBaseScale({}, 'x');\n      scale.domain([minValue > 0 ? 0 : minValue, maxValue]);\n      ticks = Axis.getTicks({}, scale);\n      ticks[ticks.length -1] = maxValue;\n      if ( minValue < 0 ) {\n        if (ticks[0] === 0) {\n          ticks.unshift(minValue);\n        } else {\n          ticks[0] = minValue;\n        }\n      }\n    }\n    return ticks;\n  }\n\n  renderWidget(props: WmStackChartProps) {\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    const colorScale = this.state.colors.length === 1 ? this.state.colors[0] : this.state.colors;\n    return (\n      <View\n        style={this.styles.root} onLayout={this.onViewLayoutChange}\n      >{\n        props.viewtype === 'Bar' ?\n          <VictoryChart\n            theme={this.state.theme}\n            minDomain={mindomain}\n            height={this.styles.root.height as number}\n            width={this.styles.root.width as number || this.screenWidth}\n            padding={{\n              top: props.offsettop,\n              bottom: props.offsetbottom,\n              left: props.offsetleft,\n              right: props.offsetright\n            }}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              style={{title: {\n                fontFamily: \"'Helvetica Neue', 'Helvetica', sans-serif\",\n                fontSize: 18\n              }\n              }}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView(colorScale)}\n            <VictoryAxis crossAxis\n                         style={{\n                           tickLabels: { fill: this.state.props.showyaxis === false ? 'transparent' : '#000000',  fontSize: 12, padding: this.state.props.thickness/2 + 5},\n                           axisLabel: { padding: (15 + this.state.props.thickness/2) },\n                           grid: {stroke: 'none'}\n                         }}\n                         theme={this.state.theme}\n                         tickValues={this.getTickValues()}\n                         tickFormat={(t) => this.state.props.yunits ? `${this.abbreviateNumber(t)}${this.state.props.yunits}` : `${this.abbreviateNumber(t)}`} dependentAxis />\n            <VictoryStack\n              colorScale={colorScale}\n              horizontal={true}\n              style={{\n                data: { strokeWidth: this.state.props.thickness }\n              }}\n            >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack>\n          </VictoryChart> :\n          <Svg width={this.state.chartWidth} height={this.state.chartHeight}>\n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getArcChart(props)}\n            {this.getArcAxis()}\n          </Svg>\n      }\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js

@@ -30,6 +30,7 @@ export default class WmTabheader extends BaseComponent {
   }
   setHeaderPanelPositon(nativeEvent) {
     this.headerPanelLayout = nativeEvent.nativeEvent.layout;
+    this.forceUpdate();
   }
   setHeaderPositon(index, nativeEvent) {
     this.headersLayout[index] = nativeEvent.nativeEvent.layout;
@@ -77,7 +78,7 @@ export default class WmTabheader extends BaseComponent {
       easing: Easing.linear
     }), Animated.timing(this.reverseIndicatorWidth, {
       useNativeDriver: true,
-      toValue: 100 / toIndicatorWidth,
+      toValue: toIndicatorWidth ? 100 / toIndicatorWidth : 0,
       duration: 200,
       easing: Easing.linear
     }), Animated.timing(this.indicatorPosition, {

app-rn-runtime/components/container/tabs/tabheader/tabheader.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","_ref","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","setHeaderPositon","index","headersLayout","selectedTabIndex","forceUpdate","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","overflow","zIndex","_background","_extends","getTestPropsForAction","flexGrow","undefined","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex;\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  100 / toIndicatorWidth,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header, \n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"100%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View style={{overflow: 'hidden', zIndex: 16}}>\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key} \n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText, \n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {arrowIndicator.backgroundImage ? (<BackgroundComponent\n            image={arrowIndicator.backgroundImage}\n            position={arrowIndicator.backgroundPosition}\n            size={arrowIndicator.backgroundSize}\n            repeat={arrowIndicator.backgroundRepeat}\n            resizeMode={arrowIndicator.backgroundResizeMode}\n            style={{borderRadius: this.styles.root.borderRadius}}\n          ></BackgroundComponent>) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n      </Animated.View>\n      </View>\n    ); \n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Animated","Easing","Text","View","BaseComponent","BaseComponentState","WmTabheaderProps","DEFAULT_CLASS","Tappable","createSkeleton","BackgroundComponent","WmTabheaderState","WmTabheader","constructor","props","_defineProperty","Value","headerScrollPosition","addListener","_ref","value","headerScrollPositionValue","setHeaderPanelPositon","nativeEvent","headerPanelLayout","layout","forceUpdate","setHeaderPositon","index","headersLayout","selectedTabIndex","onTabSelection","state","onIndexChange","setPosition","_this$headersLayout$s","_this$headerPanelLayo","_this$headerPanelLayo2","toIndicatorPosition","toIndicatorWidth","width","toHeaderScrollPosition","totalWidth","data","length","forEach","p","i","minScrollPosition","maxScrollPosition","Math","max","min","positionIndicator","position","isRTL","parallel","timing","useNativeDriver","toValue","duration","easing","linear","indicatorWidth","reverseIndicatorWidth","indicatorPosition","start","renderSkeleton","createElement","style","transform","translateX","onLayout","bind","styles","root","map","header","_this$styles$root","_this$styles$root2","_this$styles$activeHe","isSelected","onTap","key","flex","activeHeader","theme","borderRadius","height","activeHeaderText","fontSize","activeIndicator","scaleX","renderWidget","arrowIndicator","overflow","zIndex","_background","_extends","getTestPropsForAction","flexGrow","undefined","numberOfLines","headerText","getTestPropsForLabel","title","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","arrowIndicatorDot"],"sources":["tabheader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Easing, LayoutChangeEvent, LayoutRectangle, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmTabheaderProps from './tabheader.props';\nimport { DEFAULT_CLASS, WmTabheaderStyles } from './tabheader.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\n\nexport class WmTabheaderState extends BaseComponentState<WmTabheaderProps> {\n}\n\nexport default class WmTabheader extends BaseComponent<WmTabheaderProps, WmTabheaderState, WmTabheaderStyles> {\n\n  private headerPanelLayout: LayoutRectangle = null as any;\n  private headersLayout: LayoutRectangle[] = [];\n  private headerScrollPosition = new Animated.Value(0);\n  private headerScrollPositionValue = 0;\n  private indicatorPosition = new Animated.Value(0);\n  private reverseIndicatorWidth = new Animated.Value(0);\n  private indicatorWidth = new Animated.Value(0);\n\n  constructor(props: WmTabheaderProps) {\n    super(props, DEFAULT_CLASS, new WmTabheaderProps(), new WmTabheaderState());\n    this.headerScrollPosition.addListener(({value}) => this.headerScrollPositionValue = value);\n  }\n\n  setHeaderPanelPositon(nativeEvent: LayoutChangeEvent) {\n    this.headerPanelLayout = nativeEvent.nativeEvent.layout;\n    this.forceUpdate();\n  }\n\n  setHeaderPositon(index: number, nativeEvent: LayoutChangeEvent) {\n    this.headersLayout[index] = nativeEvent.nativeEvent.layout;\n    if (index === this.props.selectedTabIndex) {\n      this.forceUpdate();\n    }\n  }\n\n  onTabSelection(index: number) {\n    if (this.state.props.selectedTabIndex != index) {\n      this.state.props.onIndexChange && this.state.props.onIndexChange(index);\n    }\n  }\n\n  setPosition() {\n    const selectedTabIndex = this.state.props.selectedTabIndex;\n    let toIndicatorPosition = 0;\n    let toIndicatorWidth = this.headersLayout[selectedTabIndex]?.width || 0;\n    let toHeaderScrollPosition = this.headerScrollPositionValue;\n    let totalWidth = 0;\n    if (this.state.props.data.length !== this.headersLayout.length) {\n      return;\n    }\n    this.headersLayout.forEach((p, i) => {\n      if (i < selectedTabIndex) {\n        toIndicatorPosition += p.width;\n      }\n      totalWidth += p.width;\n    });\n    toHeaderScrollPosition = -1 * (toIndicatorPosition - (this.headerPanelLayout?.width || 0) / 2 + toIndicatorWidth/ 2) ;\n    const minScrollPosition = -1 * (totalWidth - (this.headerPanelLayout?.width || 0));\n    const maxScrollPosition = 0;\n    toHeaderScrollPosition = Math.max(minScrollPosition, toHeaderScrollPosition);\n    toHeaderScrollPosition = Math.min(maxScrollPosition, toHeaderScrollPosition);\n    let positionIndicator = (toIndicatorPosition - (100 - toIndicatorWidth) / 2);\n    let position = this.isRTL?-positionIndicator:positionIndicator;\n    Animated.parallel([\n      Animated.timing(this.headerScrollPosition, {\n        useNativeDriver: true,\n        toValue:  toHeaderScrollPosition,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth / 100,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.reverseIndicatorWidth, {\n        useNativeDriver: true,\n        toValue:  toIndicatorWidth ? 100 / toIndicatorWidth : 0,\n        duration: 200,\n        easing: Easing.linear\n      }),\n      Animated.timing(this.indicatorPosition, {\n        useNativeDriver: true,\n        toValue:  position,\n        duration: 200,\n        easing: Easing.linear\n      })\n    ]).start();\n  }\n\n  public renderSkeleton(props: WmTabheaderProps){\n    return(\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this.props.data.map((header ,i) => {\n            const isSelected = i === this.props.selectedTabIndex;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)} key={header.key} styles={{flex: 1}}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)} style={[\n                  this.styles.header, \n                  isSelected ? this.styles.activeHeader : null]}>\n                  {\n                    createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n                      ...this.styles.root,\n                      width: this.styles.root?.width || \"100%\",\n                      height: this.styles.root?.height || this.styles.activeHeaderText?.fontSize || 16\n                    })\n                  }\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}></Animated.View>\n      </Animated.View>\n\n    )\n  }\n\n  renderWidget(props: WmTabheaderProps) {\n    this.setPosition();\n    const arrowIndicator = this.styles.arrowIndicator as any;\n    return (\n      <View style={{overflow: 'hidden', zIndex: 16}}>\n      <Animated.View style={{\n        transform: [{\n          translateX: this.headerScrollPosition\n        }]\n      }}\n      onLayout={this.setHeaderPanelPositon.bind(this)}>\n        <View style={this.styles.root}>\n          {this._background}\n          {props.data.map((header ,i) => {\n            const isSelected = i === props.selectedTabIndex ;\n            return (\n              <Tappable onTap={this.onTabSelection.bind(this, i)}\n                {...this.getTestPropsForAction(i +'')}\n                key={header.key} \n                styles={this.styles.header.flexGrow ? {flexGrow: this.styles.header.flexGrow} : null}>\n                <View onLayout={this.setHeaderPositon.bind(this, i)}>\n                  <View style={[\n                    this.styles.header,\n                    {flexGrow: undefined},\n                    isSelected ? this.styles.activeHeader : null]}>\n                    <Text numberOfLines={1} style={[\n                      this.styles.headerText, \n                      isSelected ? this.styles.activeHeaderText : null]}\n                      {...this.getTestPropsForLabel(i + '_title')}\n                    >{header.title}</Text>\n                  </View>\n                </View>\n              </Tappable>\n            );\n          })}\n        </View>\n        <Animated.View style={[this.styles.activeIndicator, {\n          transform: [{\n            translateX: this.indicatorPosition\n          }, {\n            scaleX: this.indicatorWidth\n          }]\n        }]}>\n          <Animated.View style={[{\n              transform: [{\n                scaleX: this.reverseIndicatorWidth\n              }]\n            },\n            this.styles.arrowIndicator\n          ]}>\n            {arrowIndicator.backgroundImage ? (<BackgroundComponent\n            image={arrowIndicator.backgroundImage}\n            position={arrowIndicator.backgroundPosition}\n            size={arrowIndicator.backgroundSize}\n            repeat={arrowIndicator.backgroundRepeat}\n            resizeMode={arrowIndicator.backgroundResizeMode}\n            style={{borderRadius: this.styles.root.borderRadius}}\n          ></BackgroundComponent>) : null }\n            <View style={this.styles.arrowIndicatorDot}></View>\n          </Animated.View>\n        </Animated.View>\n      </Animated.View>\n      </View>\n    ); \n  }\n}\n"],"mappings":"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"}

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

@@ -203,8 +203,8 @@ export default class WmWizard extends BaseComponent {
     const currentStep = this.steps[index];
     if (eventName === 'skip') {
       currentStep.invokeSkipCB(index);
-    } else {
-      currentStep.invokeNextCB(index);
+    } else if (currentStep.invokeNextCB(index) == false) {
+      return;
     }
     this.updateCurrentStep(index + 1);
   }

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

@@ -1 +1 @@
-{"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":"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"}
+{"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 if (currentStep.invokeNextCB(index) == false) {\n      return;\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":"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"}

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

@@ -35,7 +35,7 @@ export default class WmWizardstep extends BaseComponent {
     return super.isVisible() && this.state.active;
   }
   invokeNextCB(index) {
-    this.invokeEventCallback('onNext', [this.proxy, this, index]);
+    return this.invokeEventCallback('onNext', [this.proxy, this, index]);
   }
   invokePrevCB(index) {
     this.invokeEventCallback('onPrev', [this.proxy, this, index]);

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","arguments","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) {\n    this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,iBAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMC,YAAY,SAASR,aAAa,CAA2D;EAEhHK,WAAWA,CAACI,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,EAAE,IAAIE,iBAAiB,CAAC,CAAC,CAAC;EAC/E;EAEAM,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,CAAC,CAAC;EAC3B;EAEAI,SAASA,CAAA,EAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAsB,CAAC;EACzB;EAEAC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAsB,CAAC;EACzB;EAEAE,SAASA,CAAA,EAAG;IACV,OAAO,KAAK,CAACA,SAAS,CAAC,CAAC,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAYA,CAACC,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAG,YAAYA,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAYA,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAYA,CAACjB,KAAwB,EAAE;IACrC,oBAAQX,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;MAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEtB,KAAK,CAACuB,QAAe,CAAC;EAClF;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","arguments","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","setActive","updateState","active","setInActive","isVisible","state","invokeNextCB","index","invokeEventCallback","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","_background","children"],"sources":["wizardstep.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    wizard.addWizardStep(this);\n    super.componentDidMount();\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState);\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) {\n    this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAGvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;EAAAI,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,iBAClE,KAAK;EAAA;AAChB;AAEA,eAAe,MAAMC,YAAY,SAASR,aAAa,CAA2D;EAEhHK,WAAWA,CAACI,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,EAAE,IAAIE,iBAAiB,CAAC,CAAC,CAAC;EAC/E;EAEAM,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,MAAmB;IACxCD,MAAM,CAACE,aAAa,CAAC,IAAI,CAAC;IAC1B,KAAK,CAACH,iBAAiB,CAAC,CAAC;EAC3B;EAEAI,SAASA,CAAA,EAAG;IACV,IAAI,CAACC,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAsB,CAAC;EACzB;EAEAC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACF,WAAW,CAAC;MACfC,MAAM,EAAE;IACV,CAAsB,CAAC;EACzB;EAEAE,SAASA,CAAA,EAAG;IACV,OAAO,KAAK,CAACA,SAAS,CAAC,CAAC,IAAI,IAAI,CAACC,KAAK,CAACH,MAAM;EAC/C;EAEAI,YAAYA,CAACC,KAAa,EAAY;IACpC,OAAO,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EACtE;EAEAG,YAAYA,CAACH,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAI,YAAYA,CAACJ,KAAa,EAAE;IAC1B,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAACC,KAAK,EAAE,IAAI,EAAEF,KAAK,CAAC,CAAC;EAC/D;EAEAK,YAAYA,CAACjB,KAAwB,EAAE;IACrC,oBAAQX,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;MAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEtB,KAAK,CAACuB,QAAe,CAAC;EAClF;AACF"}

app-rn-runtime/components/data/form/form.component.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
-import { debounce, find, forEach, get, set } from 'lodash';
+import { debounce, find, forEach, isNil, get, set, cloneDeep } from 'lodash';
 import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/message.component';
@@ -200,10 +200,12 @@ export default class WmForm extends BaseComponent {
     });
   }
   formreset() {
+    this.formdataoutput = {};
     forEach(this.formFields, ff => {
+      const defaultValue = isNil(ff.state.props.defaultvalue) ? '' : ff.state.props.defaultvalue;
       ff.updateState({
         props: {
-          datavalue: ''
+          datavalue: defaultValue
         }
       }, () => {
         const id = ff.props.formKey || ff.props.name;
@@ -218,7 +220,7 @@ export default class WmForm extends BaseComponent {
           widget.updateState({
             isValid: true,
             props: {
-              datavalue: ''
+              datavalue: defaultValue
             }
           }, () => ff.updateState({
             isValid: true
@@ -267,7 +269,7 @@ export default class WmForm extends BaseComponent {
       const val = field === null || field === void 0 ? void 0 : field.state.props.datavalue;
       const onValidate = get(field, 'props.onValidate');
       onValidate && onValidate(field);
-      if (!val && field !== null && field !== void 0 && field.state.props.required && field.state.props.generator === 'assigned') {
+      if (!val && field !== null && field !== void 0 && field.state.props.required) {
         isValid = false;
         const msg = get(field.defaultValidatorMessages, 'required') || field.state.props.validationmessage;
         field.updateState({
@@ -289,7 +291,7 @@ export default class WmForm extends BaseComponent {
   // @ts-ignore
   handleSubmit(event) {
     event === null || event === void 0 ? void 0 : event.preventDefault();
-    const formData = this.state.props.dataoutput || this.formdataoutput;
+    const formData = cloneDeep(this.state.props.dataoutput || this.formdataoutput);
     if (!this.validateFieldsOnSubmit()) {
       return false;
     }
@@ -355,7 +357,8 @@ export default class WmForm extends BaseComponent {
       },
       text: message,
       type: type,
-      hideOnClick: true
+      hideOnClick: true,
+      duration: 5000
     });
   }
   onMsgClose() {