@wavemaker/app-rn-runtime 11.11.2-rc.6152 → 11.11.3-rc.6164

package/components/basic/progress-bar/progress-bar.styles.js

@@ -9,7 +9,20 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     progressBar: {
       height: 4
     },
-    progressValue: {}
+    progressValue: {},
+    tooltip: {
+      backgroundColor: themeVariables.tooltipBgColor,
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 4
+    },
+    tooltipLabel: {
+      color: themeVariables.defaultColor,
+      fontSize: 12
+    },
+    tooltipTriangle: {
+      borderBottomColor: themeVariables.tooltipBgColor
+    }
   });
   const getStyle = color => ({
     progressBar: {
@@ -17,7 +30,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     progressValue: {
       color: color
-    }
+    },
+    tooltip: {},
+    tooltipLabel: {},
+    tooltipTriangle: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));

package/components/basic/progress-bar/progress-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","getStyle","color","backgroundColor","alpha","rgb","toString","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Platform } from 'react-native';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar : AllStyle,\n    progressValue: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-bar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressBarStyles = defineStyles({\n        root: {},\n        text: {},\n        progressBar: {\n            height: 4\n        },\n        progressValue: {}\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {\n            backgroundColor: Color(color).alpha(0.2).rgb().toString()\n        },\n        progressValue: {\n            color: color\n        }\n    } as WmProgressBarStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));\n    addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));\n    addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));\n    addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));\n    addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE,CAAC;EACpB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAIC,KAAa,KAAM;IACjCJ,WAAW,EAAE;MACTK,eAAe,EAAEf,KAAK,CAACc,KAAK,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IAC5D,CAAC;IACDN,aAAa,EAAE;MACXE,KAAK,EAAEA;IACX;EACJ,CAAC,CAAwB;EAEzBR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACc,uBAAuB,CAAC,CAAC;EAC1Fb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACe,uBAAuB,CAAC,CAAC;EAC1Fd,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACgB,oBAAoB,CAAC,CAAC;EACpFf,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACiB,sBAAsB,CAAC,CAAC;EACxFhB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACkB,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","tooltip","backgroundColor","tooltipBgColor","paddingHorizontal","paddingVertical","borderRadius","tooltipLabel","color","defaultColor","fontSize","tooltipTriangle","borderBottomColor","getStyle","alpha","rgb","toString","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Platform } from 'react-native';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar: AllStyle,\n    progressValue: AllStyle,\n    tooltip: AllStyle,\n    tooltipLabel: AllStyle,\n    tooltipTriangle: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-bar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressBarStyles = defineStyles({\n        root: {},\n        text: {},\n        progressBar: {\n            height: 4\n        },\n        progressValue: {},\n        tooltip: {\n            backgroundColor: themeVariables.tooltipBgColor,\n            paddingHorizontal: 8,\n            paddingVertical: 4,\n            borderRadius: 4\n        },\n        tooltipLabel: {\n            color: themeVariables.defaultColor,\n            fontSize: 12\n        },\n        tooltipTriangle: {\n            borderBottomColor: themeVariables.tooltipBgColor\n        }\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {\n            backgroundColor: Color(color).alpha(0.2).rgb().toString()\n        },\n        progressValue: {\n            color: color\n        },\n        tooltip: {},\n        tooltipLabel: {},\n        tooltipTriangle: {}\n    } as WmProgressBarStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));\n    addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));\n    addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));\n    addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));\n    addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,OAAO,EAAE;MACLC,eAAe,EAAET,cAAc,CAACU,cAAc;MAC9CC,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACVC,KAAK,EAAEf,cAAc,CAACgB,YAAY;MAClCC,QAAQ,EAAE;IACd,CAAC;IACDC,eAAe,EAAE;MACbC,iBAAiB,EAAEnB,cAAc,CAACU;IACtC;EACJ,CAAC,CAAC;EAEF,MAAMU,QAAQ,GAAIL,KAAa,KAAM;IACjCV,WAAW,EAAE;MACTI,eAAe,EAAEd,KAAK,CAACoB,KAAK,CAAC,CAACM,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IAC5D,CAAC;IACDhB,aAAa,EAAE;MACXQ,KAAK,EAAEA;IACX,CAAC;IACDP,OAAO,EAAE,CAAC,CAAC;IACXM,YAAY,EAAE,CAAC,CAAC;IAChBI,eAAe,EAAE,CAAC;EACtB,CAAC,CAAwB;EAEzBjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACwB,uBAAuB,CAAC,CAAC;EAC1FvB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACyB,uBAAuB,CAAC,CAAC;EAC1FxB,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAAC0B,oBAAoB,CAAC,CAAC;EACpFzB,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAAC2B,sBAAsB,CAAC,CAAC;EACxF1B,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAAC4B,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC","ignoreList":[]}

package/components/basic/tooltip/tooltip.component.js

@@ -70,9 +70,9 @@ export default class WmTooltip extends BaseComponent {
         ...directionConfig[props.direction].triangleStyles
       } : {
         bottom: -10
-      }, props.tooltipTriangleStyle, {
+      }, {
         borderBottomColor: ((_props$tooltipStyle = props.tooltipStyle) === null || _props$tooltipStyle === void 0 ? void 0 : _props$tooltipStyle.backgroundColor) || this.styles.tooltip.backgroundColor
-      }]
+      }, props.tooltipTriangleStyle]
     })) : null, props.children);
   }
 }

package/components/basic/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Text","View","BaseComponent","BaseComponentState","WmTooltipProps","DEFAULT_CLASS","directionConfig","up","rotate","styles","top","triangleStyles","bottom","down","left","right","WmTooltipState","WmTooltip","constructor","props","renderWidget","_props$tooltipStyle","createElement","style","root","onLayout","event","handleLayout","showTooltip","tooltip","direction","tooltipStyle","tooltipLabelStyle","text","triangle","transform","tooltipTriangleStyle","borderBottomColor","backgroundColor","children"],"sources":["tooltip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Text, View } from \"react-native\";\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport WmTooltipProps from \"./tooltip.props\";\nimport { DEFAULT_CLASS, WmTooltipStyles } from \"./tooltip.styles\";\n\n// * default tooltip direction - up\nconst directionConfig = {\n  up: { rotate: '180deg', styles: {top: -60}, triangleStyles: {bottom: -10} },\n  down: { rotate: '0deg', styles: {bottom: -40}, triangleStyles: {top: -10} },\n  left: { rotate: '90deg', styles: {left: -40}, triangleStyles: {right: -10} },\n  right: { rotate: '-90deg', styles: {right: -40}, triangleStyles: {left: -10} },\n};\n\nexport class WmTooltipState extends BaseComponentState<WmTooltipProps> {}\n\nexport default class WmTooltip extends BaseComponent<WmTooltipProps, WmTooltipState, WmTooltipStyles> {\n  constructor(props: WmTooltipProps) {\n    super(props, DEFAULT_CLASS, new WmTooltipProps());\n  }\n  \n  renderWidget(props: WmTooltipProps) {\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n      {props.showTooltip ? (\n        <Animated.View\n          style={[\n            this.styles.tooltip,\n            props.direction\n              ? { ...directionConfig[props.direction].styles }\n              : { top: -60 },\n            props.tooltipStyle,\n          ]}\n        >\n          <Text style={[props.tooltipLabelStyle]}>{props.text}</Text>\n          <View\n            style={[\n              this.styles.triangle,\n              {\n                transform: [\n                  {\n                    rotate: props.direction\n                      ? directionConfig[props.direction].rotate\n                      : '180deg',\n                  },\n                ],\n              },\n              props.direction\n                ? { ...directionConfig[props.direction].triangleStyles }\n                : { bottom: -10 },\n              props.tooltipTriangleStyle,\n              { borderBottomColor: props.tooltipStyle?.backgroundColor || this.styles.tooltip.backgroundColor }\n            ]}\n          />\n        </Animated.View>\n      ) : null}\n      {props.children}\n    </View>\n    )\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;;AAEjE;AACA,MAAMC,eAAe,GAAG;EACtBC,EAAE,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,MAAM,EAAE;MAACC,GAAG,EAAE,CAAC;IAAE,CAAC;IAAEC,cAAc,EAAE;MAACC,MAAM,EAAE,CAAC;IAAE;EAAE,CAAC;EAC3EC,IAAI,EAAE;IAAEL,MAAM,EAAE,MAAM;IAAEC,MAAM,EAAE;MAACG,MAAM,EAAE,CAAC;IAAE,CAAC;IAAED,cAAc,EAAE;MAACD,GAAG,EAAE,CAAC;IAAE;EAAE,CAAC;EAC3EI,IAAI,EAAE;IAAEN,MAAM,EAAE,OAAO;IAAEC,MAAM,EAAE;MAACK,IAAI,EAAE,CAAC;IAAE,CAAC;IAAEH,cAAc,EAAE;MAACI,KAAK,EAAE,CAAC;IAAE;EAAE,CAAC;EAC5EA,KAAK,EAAE;IAAEP,MAAM,EAAE,QAAQ;IAAEC,MAAM,EAAE;MAACM,KAAK,EAAE,CAAC;IAAE,CAAC;IAAEJ,cAAc,EAAE;MAACG,IAAI,EAAE,CAAC;IAAE;EAAE;AAC/E,CAAC;AAED,OAAO,MAAME,cAAc,SAASb,kBAAkB,CAAiB;AAEvE,eAAe,MAAMc,SAAS,SAASf,aAAa,CAAkD;EACpGgB,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEd,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAgB,YAAYA,CAACD,KAAqB,EAAE;IAAA,IAAAE,mBAAA;IAClC,oBACEvB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MACHsB,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE/CP,KAAK,CAACS,WAAW,gBAChB9B,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,CAACE,IAAI;MACZsB,KAAK,EAAE,CACL,IAAI,CAACd,MAAM,CAACoB,OAAO,EACnBV,KAAK,CAACW,SAAS,GACX;QAAE,GAAGxB,eAAe,CAACa,KAAK,CAACW,SAAS,CAAC,CAACrB;MAAO,CAAC,GAC9C;QAAEC,GAAG,EAAE,CAAC;MAAG,CAAC,EAChBS,KAAK,CAACY,YAAY;IAClB,gBAEFjC,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAE,CAACJ,KAAK,CAACa,iBAAiB;IAAE,GAAEb,KAAK,CAACc,IAAW,CAAC,eAC3DnC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MACHsB,KAAK,EAAE,CACL,IAAI,CAACd,MAAM,CAACyB,QAAQ,EACpB;QACEC,SAAS,EAAE,CACT;UACE3B,MAAM,EAAEW,KAAK,CAACW,SAAS,GACnBxB,eAAe,CAACa,KAAK,CAACW,SAAS,CAAC,CAACtB,MAAM,GACvC;QACN,CAAC;MAEL,CAAC,EACDW,KAAK,CAACW,SAAS,GACX;QAAE,GAAGxB,eAAe,CAACa,KAAK,CAACW,SAAS,CAAC,CAACnB;MAAe,CAAC,GACtD;QAAEC,MAAM,EAAE,CAAC;MAAG,CAAC,EACnBO,KAAK,CAACiB,oBAAoB,EAC1B;QAAEC,iBAAiB,EAAE,EAAAhB,mBAAA,GAAAF,KAAK,CAACY,YAAY,cAAAV,mBAAA,uBAAlBA,mBAAA,CAAoBiB,eAAe,KAAI,IAAI,CAAC7B,MAAM,CAACoB,OAAO,CAACS;MAAgB,CAAC;IACjG,CACH,CACY,CAAC,GACd,IAAI,EACPnB,KAAK,CAACoB,QACH,CAAC;EAET;AACF;AAAC","ignoreList":[]}
+{"version":3,"names":["React","Animated","Text","View","BaseComponent","BaseComponentState","WmTooltipProps","DEFAULT_CLASS","directionConfig","up","rotate","styles","top","triangleStyles","bottom","down","left","right","WmTooltipState","WmTooltip","constructor","props","renderWidget","_props$tooltipStyle","createElement","style","root","onLayout","event","handleLayout","showTooltip","tooltip","direction","tooltipStyle","tooltipLabelStyle","text","triangle","transform","borderBottomColor","backgroundColor","tooltipTriangleStyle","children"],"sources":["tooltip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Text, View } from \"react-native\";\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport WmTooltipProps from \"./tooltip.props\";\nimport { DEFAULT_CLASS, WmTooltipStyles } from \"./tooltip.styles\";\n\n// * default tooltip direction - up\nconst directionConfig = {\n  up: { rotate: '180deg', styles: {top: -60}, triangleStyles: {bottom: -10} },\n  down: { rotate: '0deg', styles: {bottom: -40}, triangleStyles: {top: -10} },\n  left: { rotate: '90deg', styles: {left: -40}, triangleStyles: {right: -10} },\n  right: { rotate: '-90deg', styles: {right: -40}, triangleStyles: {left: -10} },\n};\n\nexport class WmTooltipState extends BaseComponentState<WmTooltipProps> {}\n\nexport default class WmTooltip extends BaseComponent<WmTooltipProps, WmTooltipState, WmTooltipStyles> {\n  constructor(props: WmTooltipProps) {\n    super(props, DEFAULT_CLASS, new WmTooltipProps());\n  }\n  \n  renderWidget(props: WmTooltipProps) {\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n      {props.showTooltip ? (\n        <Animated.View\n          style={[\n            this.styles.tooltip,\n            props.direction\n              ? { ...directionConfig[props.direction].styles }\n              : { top: -60 },\n            props.tooltipStyle,\n          ]}\n        >\n          <Text style={[props.tooltipLabelStyle]}>{props.text}</Text>\n          <View\n            style={[\n              this.styles.triangle,\n              {\n                transform: [\n                  {\n                    rotate: props.direction\n                      ? directionConfig[props.direction].rotate\n                      : '180deg',\n                  },\n                ],\n              },\n              props.direction\n                ? { ...directionConfig[props.direction].triangleStyles }\n                : { bottom: -10 },\n              { borderBottomColor: props.tooltipStyle?.backgroundColor || this.styles.tooltip.backgroundColor },\n              props.tooltipTriangleStyle,\n            ]}\n          />\n        </Animated.View>\n      ) : null}\n      {props.children}\n    </View>\n    )\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/components/container/wizard/wizard.component.js

@@ -177,11 +177,7 @@ export default class WmWizard extends BaseComponent {
       subtitle: '',
       styles: this.styles.progressCircle
     })), /*#__PURE__*/React.createElement(View, {
-      style: {
-        flex: 2,
-        justifyContent: 'center',
-        flexDirection: 'column'
-      }
+      style: this.styles.stepTitleWrapper
     }, /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.stepTitle
     }, this.getTestPropsForLabel('step' + (index + 1) + '_title')), item.props.title || 'Step Title'), /*#__PURE__*/React.createElement(Text, _extends({
@@ -237,9 +233,13 @@ export default class WmWizard extends BaseComponent {
           ...this.getStepStyle(index)[0]
         }
       }
-    }), isActiveStep && /*#__PURE__*/React.createElement(Text, _extends({
+    }), isActiveStep && /*#__PURE__*/React.createElement(View, {
+      style: this.styles.stepTitleWrapper
+    }, /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.stepTitle
-    }, this.getTestPropsForLabel('step' + (index + 1) + '_title')), item.state.props.title || 'Step Title'), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_title')), item.state.props.title || 'Step Title'), /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.stepSubTitle
+    }, this.getTestPropsForLabel('step' + (index + 1) + '_subtitle')), item.state.props.subtitle)), this.numberOfSteps > 1 && isActiveStep && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.numberTextStepConnector, {
         width: isLastStep ? 0 : 50
       }]

package/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","createSkeleton","WmWizardState","constructor","args","_defineProperty","WmWizard","props","onComponentInit","c","popOverRef","updateDefaultStep","steps","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","componentDidUpdate","prevProps","prevState","snapshot","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","isDone","_this$steps$this$stat2","_this$steps$nextStep","lastStep","nextStep","setInActive","show","i","length","updateState","invokeEventCallback","proxy","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","_extends","stepTitle","getTestPropsForLabel","stepSubTitle","stepConnectorWidth","isFirstOrLastConnector","stepIndex","lastStepIndex","firstStepIndex","renderWizardHeader","isLastStep","isFirstStep","isActiveStep","isNumberTextLayout","classname","wizardStepCountVisibility","paddingRight","paddingLeft","bind","disabled","headernavigation","accessibilityRole","_showSkeleton","getTestPropsForAction","activeStepCounter","stepCounter","stepIcon","icon","color","showskeleton","root","numberOfSteps","numberTextStepConnector","getTotalVisibleSteps","stepConnector","left","OS","isRTL","prev","invokePrevCB","next","eventName","invokeSkipCB","invokeNextCB","done","$event","cancel","skip","getBackground","_background","firstStep","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","children","renderWidget","_this$state$props$cla","isSkippable","enableskip","isProgressCircleHeader","includes","onLayout","event","handleLayout","wizardHeader","wizardBody","wizardFooter","actionsalignment","showdone","wizardActions","getStyle","doneButton","donebtnlabel","onTap","disabledone","shownext","nextButton","nextbtnlabel","disablenext","showprev","prevButton","previousbtnlabel","disableprev","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback, DimensionValue } 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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.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  }\n\n  updateDefaultStep() {\n    const steps = this.steps;\n    const props = this.props;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps && 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    if (this.props.defaultstep && this.props.defaultstep != 'none') {\n      this.updateDefaultStep();\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<WmWizardProps>, prevState: Readonly<WmWizardState>, snapshot?: any): void {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    // * when a variable is bind to default step\n    if (this.props.defaultstep && prevProps.defaultstep !== this.props.defaultstep) {\n      this.updateDefaultStep();\n    }\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    const lastStep = this.state.currentStep;\n    let nextStep = index\n    this.steps[this.state.currentStep]?.setInActive();\n\n    // check for next available step if next or prev steps show prop is false\n    if(this.steps[nextStep]?.state && !this.steps[nextStep].state.props.show){\n      if(lastStep < nextStep){\n        for(let i = nextStep + 1; i < this.steps.length; i++){\n          if(this.steps[i].state.props.show) {\n            nextStep = i;\n            break;\n          }\n        }\n      }else if(lastStep > nextStep) {\n        for(let i = nextStep - 1; i >= 0; i--){\n          if(this.steps[i].state.props.show) {\n            nextStep = i;\n            break;\n          }\n        }\n      }\n    }\n\n    this.updateState({\n      currentStep: nextStep,\n      isDone: isDone\n    } as WmWizardState, () => {\n      this.showActiveStep();\n      if (lastStep !== nextStep) {\n        this.invokeEventCallback('onChange', [null, this.proxy, nextStep + 1, lastStep + 1]);\n      }\n    });\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 id={this.getTestId('icon')} 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 id={this.getTestId('progress')} 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} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n              {item.props.title || 'Step Title'}</Text>\n            <Text style={this.styles.stepSubTitle} {...this.getTestPropsForLabel('step' + (index + 1)+ '_subtitle')}>\n              {item.props.subtitle || 'Step Sub Title'}</Text>\n          </View>\n          <View style={{ flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end', flex: 1 }}>\n            {this.renderMenuPopover()}\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  stepConnectorWidth(isFirstOrLastConnector: boolean, stepIndex: number): DimensionValue {\n    if(stepIndex === this.lastStepIndex() || stepIndex === this.firstStepIndex()){\n      return '50%';\n    }\n    return isFirstOrLastConnector ? '50%' : '100%';\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.lastStepIndex();\n    const isFirstStep = index === this.firstStepIndex();\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    const wizardStepCountVisibility = (index >= this.state.currentStep && !this.state.isDone) || !this.state.currentStep\n    return item.state.props.show !== false ? (\n      <View \n        style={[\n          this.styles.headerWrapper, isNumberTextLayout ?\n          {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}\n        ]} \n        key={index+1}\n      >\n        <TouchableOpacity \n          style={this.styles.stepWrapper}\n          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep || !this.state.props.headernavigation}\n          accessibilityRole='header'\n        >\n            {!this._showSkeleton ? \n              <View style={this.getStepStyle(index)} {...this.getTestPropsForAction('step'+index)}>\n                { wizardStepCountVisibility &&\n                  <Text \n                    style={\n                      isActiveStep ? [this.styles.activeStep, this.styles.activeStepCounter] : this.styles.stepCounter} \n                      {...this.getTestPropsForLabel('step' + (index + 1) + '_indicator')\n                    }\n                  >\n                    {index+1}\n                  </Text>\n                }\n                {(index < this.state.currentStep || this.state.isDone) &&\n                  <WmIcon \n                    id={this.getTestId('status')} \n                    styles={isActiveStep ? merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}}) : this.styles.stepIcon}\n                    iconclass={item.state.props.iconclass || 'wm-sl-l sl-check'}\n                  ></WmIcon>\n                }\n              </View> : \n              <WmLabel showskeleton={true} styles={{root: {...this.getStepStyle(index)[0]}}}/>\n            }\n            {(isActiveStep) &&\n              <Text style={this.styles.stepTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n                {item.state.props.title || 'Step Title'}\n              </Text> \n            }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.getTotalVisibleSteps() > 1 &&\n          item.state.props.show &&\n          <View \n            style={[\n              this.styles.stepConnector, \n              {\n                width: this.stepConnectorWidth(isFirstStep || isLastStep, index),\n                left: Platform.OS === \"web\" ?\n                  (!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? \n                  '50%': '0%': isFirstStep ? '50%': '0%'\n              }\n            ]}\n          ></View>\n        }\n      </View>\n    ) : null;\n  }\n\n  prev() {\n    const index = this.state.currentStep;\n    if (index <= 0) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if(currentStep.invokePrevCB(index) == false){\n      return;\n    }\n    this.updateCurrentStep(index - 1);\n  }\n\n  next(eventName?: string) {\n    const index = this.state.currentStep;\n    if (index >= this.steps.length - 1) {\n      return;\n    }\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  done($event: any) {\n    if (this.state.currentStep !== this.lastStepIndex()) {\n      return;\n    }\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  cancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n\n  skip() {\n    this.next('skip');\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n  lastStepIndex(): number {\n    let lastStep = 0;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        lastStep = i;\n      }\n    }\n    return lastStep;\n  }\n\n  firstStepIndex(): number {\n    let firstStep = -1;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        if (firstStep === -1) {\n          firstStep = i;\n        }\n      }\n    }\n    return firstStep;\n  }\n\n  getTotalVisibleSteps(): number {\n    let lastStep = 0;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        lastStep++;\n      }\n    }\n    return lastStep;\n  }\n  \n  public renderSkeleton(props: WmWizardProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = activeStep && activeStep.state.props.enableskip;\n    const isProgressCircleHeader = this.state.props.classname?.includes('progress-circle-header');\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}\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) === this.lastStepIndex() && activeStep.state.props.showdone &&\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.done.bind(this)} disabled={activeStep.state.props.disabledone}></WmButton>\n          }\n          {(this.state.currentStep) < this.lastStepIndex() && activeStep.state.props.shownext &&\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.next.bind(this)} disabled={activeStep.state.props.disablenext}></WmButton>\n          }\n          {this.state.currentStep > 0 && activeStep.state.props.showprev &&\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.prev.bind(this)} disabled={activeStep.state.props.disableprev}></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.cancel.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.skip.bind(this)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","TouchableWithoutFeedback","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmProgressCircle","WmPopover","WmLabel","createSkeleton","WmWizardState","constructor","args","_defineProperty","WmWizard","props","onComponentInit","c","popOverRef","updateDefaultStep","steps","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","componentDidUpdate","prevProps","prevState","snapshot","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","isDone","_this$steps$this$stat2","_this$steps$nextStep","lastStep","nextStep","setInActive","show","i","length","updateState","invokeEventCallback","proxy","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","stepTitleWrapper","_extends","stepTitle","getTestPropsForLabel","stepSubTitle","stepConnectorWidth","isFirstOrLastConnector","stepIndex","lastStepIndex","firstStepIndex","renderWizardHeader","isLastStep","isFirstStep","isActiveStep","isNumberTextLayout","classname","wizardStepCountVisibility","paddingRight","paddingLeft","bind","disabled","headernavigation","accessibilityRole","_showSkeleton","getTestPropsForAction","activeStepCounter","stepCounter","stepIcon","icon","color","showskeleton","root","numberOfSteps","numberTextStepConnector","getTotalVisibleSteps","stepConnector","left","OS","isRTL","prev","invokePrevCB","next","eventName","invokeSkipCB","invokeNextCB","done","$event","cancel","skip","getBackground","_background","firstStep","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","theme","opacity","children","renderWidget","_this$state$props$cla","isSkippable","enableskip","isProgressCircleHeader","includes","onLayout","event","handleLayout","wizardHeader","wizardBody","wizardFooter","actionsalignment","showdone","wizardActions","getStyle","doneButton","donebtnlabel","onTap","disabledone","shownext","nextButton","nextbtnlabel","disablenext","showprev","prevButton","previousbtnlabel","disableprev","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform, TouchableWithoutFeedback, DimensionValue } 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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.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  }\n\n  updateDefaultStep() {\n    const steps = this.steps;\n    const props = this.props;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps && 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    if (this.props.defaultstep && this.props.defaultstep != 'none') {\n      this.updateDefaultStep();\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<WmWizardProps>, prevState: Readonly<WmWizardState>, snapshot?: any): void {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    // * when a variable is bind to default step\n    if (this.props.defaultstep && prevProps.defaultstep !== this.props.defaultstep) {\n      this.updateDefaultStep();\n    }\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    const lastStep = this.state.currentStep;\n    let nextStep = index\n    this.steps[this.state.currentStep]?.setInActive();\n\n    // check for next available step if next or prev steps show prop is false\n    if(this.steps[nextStep]?.state && !this.steps[nextStep].state.props.show){\n      if(lastStep < nextStep){\n        for(let i = nextStep + 1; i < this.steps.length; i++){\n          if(this.steps[i].state.props.show) {\n            nextStep = i;\n            break;\n          }\n        }\n      }else if(lastStep > nextStep) {\n        for(let i = nextStep - 1; i >= 0; i--){\n          if(this.steps[i].state.props.show) {\n            nextStep = i;\n            break;\n          }\n        }\n      }\n    }\n\n    this.updateState({\n      currentStep: nextStep,\n      isDone: isDone\n    } as WmWizardState, () => {\n      this.showActiveStep();\n      if (lastStep !== nextStep) {\n        this.invokeEventCallback('onChange', [null, this.proxy, nextStep + 1, lastStep + 1]);\n      }\n    });\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 id={this.getTestId('icon')} 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 id={this.getTestId('progress')} 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={this.styles.stepTitleWrapper}>\n            <Text style={this.styles.stepTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n              {item.props.title || 'Step Title'}</Text>\n            <Text style={this.styles.stepSubTitle} {...this.getTestPropsForLabel('step' + (index + 1)+ '_subtitle')}>\n              {item.props.subtitle || 'Step Sub Title'}</Text>\n          </View>\n          <View style={{ flexDirection: 'row', alignItems: 'flex-end', justifyContent: 'flex-end', flex: 1 }}>\n            {this.renderMenuPopover()}\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  stepConnectorWidth(isFirstOrLastConnector: boolean, stepIndex: number): DimensionValue {\n    if(stepIndex === this.lastStepIndex() || stepIndex === this.firstStepIndex()){\n      return '50%';\n    }\n    return isFirstOrLastConnector ? '50%' : '100%';\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.lastStepIndex();\n    const isFirstStep = index === this.firstStepIndex();\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    const wizardStepCountVisibility = (index >= this.state.currentStep && !this.state.isDone) || !this.state.currentStep\n    return item.state.props.show !== false ? (\n      <View \n        style={[\n          this.styles.headerWrapper, isNumberTextLayout ?\n          {paddingRight: isActiveStep ? 0 : 5, paddingLeft: index === this.state.currentStep + 1 ? 0 : 5}: {}\n        ]} \n        key={index+1}\n      >\n        <TouchableOpacity \n          style={this.styles.stepWrapper}\n          onPress={this.updateCurrentStep.bind(this, index, false)} disabled={index >= this.state.currentStep || !this.state.props.headernavigation}\n          accessibilityRole='header'\n        >\n            {!this._showSkeleton ? \n              <View style={this.getStepStyle(index)} {...this.getTestPropsForAction('step'+index)}>\n                { wizardStepCountVisibility &&\n                  <Text \n                    style={\n                      isActiveStep ? [this.styles.activeStep, this.styles.activeStepCounter] : this.styles.stepCounter} \n                      {...this.getTestPropsForLabel('step' + (index + 1) + '_indicator')\n                    }\n                  >\n                    {index+1}\n                  </Text>\n                }\n                {(index < this.state.currentStep || this.state.isDone) &&\n                  <WmIcon \n                    id={this.getTestId('status')} \n                    styles={isActiveStep ? merge({}, this.styles.stepIcon, {icon: {color: this.styles.activeStep.color}}) : this.styles.stepIcon}\n                    iconclass={item.state.props.iconclass || 'wm-sl-l sl-check'}\n                  ></WmIcon>\n                }\n              </View> : \n              <WmLabel showskeleton={true} styles={{root: {...this.getStepStyle(index)[0]}}}/>\n            }\n            {(isActiveStep) &&\n              <View style={this.styles.stepTitleWrapper}>\n                <Text style={this.styles.stepTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_title')}>\n                  {item.state.props.title || 'Step Title'}\n                </Text> \n                <Text style={this.styles.stepSubTitle} {...this.getTestPropsForLabel('step' + (index + 1) + '_subtitle')}>\n                  {item.state.props.subtitle}\n                </Text> \n              </View>\n            }\n            {this.numberOfSteps > 1 && isActiveStep &&\n              <View style={[this.styles.numberTextStepConnector, {width: isLastStep ? 0 : 50}]}></View>}\n        </TouchableOpacity>\n        {this.getTotalVisibleSteps() > 1 &&\n          item.state.props.show &&\n          <View \n            style={[\n              this.styles.stepConnector, \n              {\n                width: this.stepConnectorWidth(isFirstStep || isLastStep, index),\n                left: Platform.OS === \"web\" ?\n                  (!this.isRTL && isFirstStep) || (this.isRTL && isLastStep) ? \n                  '50%': '0%': isFirstStep ? '50%': '0%'\n              }\n            ]}\n          ></View>\n        }\n      </View>\n    ) : null;\n  }\n\n  prev() {\n    const index = this.state.currentStep;\n    if (index <= 0) {\n      return;\n    }\n    const currentStep = this.steps[index];\n    if(currentStep.invokePrevCB(index) == false){\n      return;\n    }\n    this.updateCurrentStep(index - 1);\n  }\n\n  next(eventName?: string) {\n    const index = this.state.currentStep;\n    if (index >= this.steps.length - 1) {\n      return;\n    }\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  done($event: any) {\n    if (this.state.currentStep !== this.lastStepIndex()) {\n      return;\n    }\n    this.updateState({\n      isDone: true\n    } as WmWizardState);\n    this.invokeEventCallback('onDone', [$event, this.proxy]);\n  }\n\n  cancel() {\n    this.invokeEventCallback('onCancel', [null, this.proxy]);\n  }\n\n  skip() {\n    this.next('skip');\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n\n  lastStepIndex(): number {\n    let lastStep = 0;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        lastStep = i;\n      }\n    }\n    return lastStep;\n  }\n\n  firstStepIndex(): number {\n    let firstStep = -1;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        if (firstStep === -1) {\n          firstStep = i;\n        }\n      }\n    }\n    return firstStep;\n  }\n\n  getTotalVisibleSteps(): number {\n    let lastStep = 0;\n    for(let i = 0; i < this.steps.length; i++) {\n      if(this.steps[i].state.props.show) {\n        lastStep++;\n      }\n    }\n    return lastStep;\n  }\n  \n  public renderSkeleton(props: WmWizardProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmWizardProps) {\n    this.numberOfSteps = this.steps.length;\n    const activeStep = this.steps[this.state.currentStep];\n    const isSkippable = activeStep && activeStep.state.props.enableskip;\n    const isProgressCircleHeader = this.state.props.classname?.includes('progress-circle-header');\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}\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) === this.lastStepIndex() && activeStep.state.props.showdone &&\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.done.bind(this)} disabled={activeStep.state.props.disabledone}></WmButton>\n          }\n          {(this.state.currentStep) < this.lastStepIndex() && activeStep.state.props.shownext &&\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.next.bind(this)} disabled={activeStep.state.props.disablenext}></WmButton>\n          }\n          {this.state.currentStep > 0 && activeStep.state.props.showprev &&\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.prev.bind(this)} disabled={activeStep.state.props.disableprev}></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.cancel.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.skip.bind(this)}></WmAnchor>\n          }\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/wizard/wizard.styles.js

@@ -52,12 +52,18 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     buttonWrapper: {
       flexDirection: 'row'
     },
+    stepTitleWrapper: {
+      flex: 1,
+      justifyContent: 'center',
+      flexDirection: 'column'
+    },
     stepTitle: {
       textTransform: 'capitalize',
       fontSize: 12,
       color: themeVariables.wizardStepTitleColor
     },
     stepSubTitle: {
+      fontSize: 10,
       color: themeVariables.wizardStepTitleColor
     },
     step: {
@@ -191,6 +197,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     headerWrapper: {
       flex: -1
     },
+    stepTitleWrapper: {
+      flex: 0
+    },
     stepTitle: {
       padding: 5
     }
@@ -215,6 +224,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     headerWrapper: {
       flex: 1
     },
+    stepTitleWrapper: {
+      flex: 2
+    },
     stepTitle: {
       fontSize: 16,
       paddingHorizontal: 5

package/components/container/wizard/wizard.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","buttonWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","stepSubTitle","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","paddingRight","wizardNextBtnColor","prevButton","paddingLeft","icon","cancelButton","doneButton","wizardDoneBtnColor","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","activeStepCounter","skeleton","stepCounter","progressCircle","popover","stepMenu","activeStepMenu","stepMenuLabel","stepMenuActiveLabel","stepMenuIcon","stepMenuActiveIcon","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","transform","rotateY"],"sources":["wizard.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmProgressCircleStyles } from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { TextStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitle: AllStyle,\n  stepSubTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  activeStepCounter: TextStyle,\n  stepCounter: AllStyle,\n  progressCircle: WmProgressCircleStyles,\n  popover: WmPopoverStyles,\n  stepMenu: AllStyle,\n  activeStepMenu: AllStyle,\n  stepMenuLabel: WmLabelStyles,\n  stepMenuActiveLabel: WmLabelStyles\n  stepMenuIcon: WmIconStyles,\n  stepMenuActiveIcon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        padding: 12,\n        width: '100%',\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      stepSubTitle:{\n        color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          paddingRight: 8,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n        root: {\n          paddingLeft: 16\n        },\n        icon: {\n          icon:{\n          paddingRight: 0,\n          paddingLeft: 0\n          }\n        } as WmIconStyles\n      } as WmButtonStyles,\n      cancelButton: {\n        root:{\n          minHeight: 46\n        }\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        },\n        icon: {\n          text: {\n            fontSize: 12,\n            color: themeVariables.wizardActiveStepColor\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center',\n            paddingLeft: 8\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          },\n          icon: {\n            color: themeVariables.wizardStepIconColor\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {\n       display: 'none'\n      },\n      activeStepCounter: {\n        color: themeVariables.wizardActiveStepColor\n      },\n      skeleton: {  \n        root: {\n        }\n      } as WmSkeletonStyles,\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      },\n      progressCircle:{} as WmProgressCircleStyles,\n      popover:{} as WmPopoverStyles,\n      stepMenu:{},\n      activeStepMenu:{},\n      stepMenuLabel: {} as WmLabelStyles,\n      stepMenuActiveLabel: {} as WmLabelStyles,\n      stepMenuIcon: {} as WmIconStyles,\n      stepMenuActiveIcon: {} as WmIconStyles\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle('progress-circle-header', '', {\n    stepWrapper: {\n      paddingBottom: 4,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start',\n      alignItems: 'center',\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      height: 120,\n      borderRadius: 30\n    },\n    stepSubTitle:{\n      fontSize: 12,\n      paddingHorizontal: 5\n    },\n    headerWrapper: {\n      flex: 1\n    },\n    stepTitle: {\n      fontSize: 16,\n      paddingHorizontal: 5\n    },\n    progressCircle:{\n      root: { \n        height: 60, \n        width: 60 \n      }, \n      text: {},\n      progressValue:{\n        height: 8\n      }\n    },\n    popover:{\n      popover:{\n        width: 160,\n        paddingTop: 8,\n        paddingBottom: 8,\n        backgroundColor: themeVariables.menuBackgroundColor,\n        minHeight:160,\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28  \n      },\n      popoverContent: {\n        root:{\n          //@ts-ignore\n          flex: undefined\n        }\n      },\n      modalContent:{\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28\n      }\n    } as WmPopoverStyles,\n    stepMenu:{\n      flexDirection: 'row', \n      padding: 14, \n      alignItems: 'center', \n      justifyContent:'flex-start'\n    },\n    activeStepMenu:{},\n    stepMenuLabel:{\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveLabel:{\n      text:{\n        color: themeVariables.primaryColor\n      }\n    },\n    stepMenuIcon: {\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveIcon:{\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color: themeVariables.primaryColor\n      }\n    }\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","buttonWrapper","stepTitleWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","stepSubTitle","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","paddingRight","wizardNextBtnColor","prevButton","paddingLeft","icon","cancelButton","doneButton","wizardDoneBtnColor","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","activeStepCounter","skeleton","stepCounter","progressCircle","popover","stepMenu","activeStepMenu","stepMenuLabel","stepMenuActiveLabel","stepMenuIcon","stepMenuActiveIcon","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","transform","rotateY"],"sources":["wizard.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmProgressCircleStyles } from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { TextStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitleWrapper: AllStyle,\n  stepTitle: AllStyle,\n  stepSubTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  activeStepCounter: TextStyle,\n  stepCounter: AllStyle,\n  progressCircle: WmProgressCircleStyles,\n  popover: WmPopoverStyles,\n  stepMenu: AllStyle,\n  activeStepMenu: AllStyle,\n  stepMenuLabel: WmLabelStyles,\n  stepMenuActiveLabel: WmLabelStyles\n  stepMenuIcon: WmIconStyles,\n  stepMenuActiveIcon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        padding: 12,\n        width: '100%',\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitleWrapper: {\n        flex: 1,\n        justifyContent: 'center',\n        flexDirection: 'column'\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      stepSubTitle:{\n        fontSize: 10,\n        color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          paddingRight: 8,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n        root: {\n          paddingLeft: 16\n        },\n        icon: {\n          icon:{\n          paddingRight: 0,\n          paddingLeft: 0\n          }\n        } as WmIconStyles\n      } as WmButtonStyles,\n      cancelButton: {\n        root:{\n          minHeight: 46\n        }\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        },\n        icon: {\n          text: {\n            fontSize: 12,\n            color: themeVariables.wizardActiveStepColor\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center',\n            paddingLeft: 8\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          },\n          icon: {\n            color: themeVariables.wizardStepIconColor\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {\n       display: 'none'\n      },\n      activeStepCounter: {\n        color: themeVariables.wizardActiveStepColor\n      },\n      skeleton: {  \n        root: {\n        }\n      } as WmSkeletonStyles,\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      },\n      progressCircle:{} as WmProgressCircleStyles,\n      popover:{} as WmPopoverStyles,\n      stepMenu:{},\n      activeStepMenu:{},\n      stepMenuLabel: {} as WmLabelStyles,\n      stepMenuActiveLabel: {} as WmLabelStyles,\n      stepMenuIcon: {} as WmIconStyles,\n      stepMenuActiveIcon: {} as WmIconStyles\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitleWrapper: {\n      flex: 0\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle('progress-circle-header', '', {\n    stepWrapper: {\n      paddingBottom: 4,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start',\n      alignItems: 'center',\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      height: 120,\n      borderRadius: 30\n    },\n    stepSubTitle:{\n      fontSize: 12,\n      paddingHorizontal: 5\n    },\n    headerWrapper: {\n      flex: 1\n    },\n    stepTitleWrapper: {\n      flex: 2\n    },\n    stepTitle: {\n      fontSize: 16,\n      paddingHorizontal: 5\n    },\n    progressCircle:{\n      root: { \n        height: 60, \n        width: 60 \n      }, \n      text: {},\n      progressValue:{\n        height: 8\n      }\n    },\n    popover:{\n      popover:{\n        width: 160,\n        paddingTop: 8,\n        paddingBottom: 8,\n        backgroundColor: themeVariables.menuBackgroundColor,\n        minHeight:160,\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28  \n      },\n      popoverContent: {\n        root:{\n          //@ts-ignore\n          flex: undefined\n        }\n      },\n      modalContent:{\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28\n      }\n    } as WmPopoverStyles,\n    stepMenu:{\n      flexDirection: 'row', \n      padding: 14, \n      alignItems: 'center', \n      justifyContent:'flex-start'\n    },\n    activeStepMenu:{},\n    stepMenuLabel:{\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveLabel:{\n      text:{\n        color: themeVariables.primaryColor\n      }\n    },\n    stepMenuIcon: {\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveIcon:{\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color: themeVariables.primaryColor\n      }\n    }\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/data/list/list.component.js

@@ -31,13 +31,14 @@ export default class WmList extends BaseComponent {
     _defineProperty(this, "itemWidgets", []);
     _defineProperty(this, "selectedItemWidgets", {});
     _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
-    _defineProperty(this, "endThreshold", -1);
+    //private endThreshold = -1;
     // private loadingData = false;
     _defineProperty(this, "hasMoreData", true);
     _defineProperty(this, "leftActionTemplate", void 0);
     _defineProperty(this, "rightActionTemplate", void 0);
     _defineProperty(this, "flatListRefs", {});
     _defineProperty(this, "selectedItems", []);
+    _defineProperty(this, "lastScrollTriggered", false);
     _defineProperty(this, "renderLeftActions", () => {
       return this.leftActionTemplate ? /*#__PURE__*/React.createElement(React.Fragment, null, this.leftActionTemplate.getTemplate()) : null;
     });
@@ -189,6 +190,7 @@ export default class WmList extends BaseComponent {
             currentPage: this.state.currentPage + 1,
             maxRecordsToShow: this.state.maxRecordsToShow + this.state.props.pagesize
           });
+          this.lastScrollTriggered = false;
           this.hasMoreData = true;
           if ((data === null || data === void 0 ? void 0 : data.last) === true) {
             this.hasMoreData = false;
@@ -357,8 +359,16 @@ export default class WmList extends BaseComponent {
       });
     }
     this.subscribe('scroll', event => {
-      const scrollPosition = event.nativeEvent.contentOffset.y + event.nativeEvent.layoutMeasurement.height;
-      if (scrollPosition > this.endThreshold && this.state.props.direction === 'vertical') {
+      const scrollPosition = event.nativeEvent.contentOffset.y;
+      const contentHeight = event.nativeEvent.contentSize.height;
+      const viewportHeight = event.nativeEvent.layoutMeasurement.height;
+
+      // Calculate how far user has scrolled as a percentage
+      const scrollPercentage = (scrollPosition + viewportHeight) / contentHeight;
+
+      // Only trigger loadData when User reaches 70% of the list
+      if (scrollPercentage >= 0.7 && this.state.props.direction === 'vertical' && !this.lastScrollTriggered) {
+        this.lastScrollTriggered = true;
         this.loadData();
       }
     });
@@ -508,17 +518,10 @@ export default class WmList extends BaseComponent {
     }
     return 0;
   }
-  onLayoutChange(e) {
-    const l = e.nativeEvent.layout;
-    this.endThreshold = l.height + l.y - 100;
-    if (!this.endThreshold) {
-      this.endThreshold = -1;
-    }
-  }
   renderWithFlatList(props, isHorizontal = false) {
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root,
-      onLayout: e => this.onLayoutChange(e)
+      style: this.styles.root
+      //onLayout={e => this.onLayoutChange(e)}
     }, !isEmpty(this.state.groupedData) ? this.state.groupedData.map((v, i) => {
       var _ref;
       return /*#__PURE__*/React.createElement(View, {