@wavemaker/app-rn-runtime 11.4.2-rc.5390 → 11.4.2-rc.5398

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","isArray","merge","BaseComponent","BaseComponentState","WmWizardProps","DEFAULT_CLASS","WmButton","WmIcon","WmAnchor","WmWizardState","constructor","arguments","_defineProperty","WmWizard","props","steps","children","defaultStepIndex","defaultstep","map","item","index","name","updateCurrentStep","addWizardStep","step","forceUpdate","componentDidMount","showActiveStep","_this$steps$this$stat","state","currentStep","setActive","_this$steps$this$stat2","isDone","length","undefined","setInActive","updateState","getStepStyle","style","styles","push","doneStep","activeStep","renderWizardHeader","isLastStep","numberOfSteps","isFirstStep","isActiveStep","isNumberTextLayout","classname","show","createElement","headerWrapper","paddingRight","paddingLeft","key","stepWrapper","onPress","bind","disabled","stepCounter","stepIcon","icon","color","iconclass","stepTitle","title","numberTextStepConnector","width","stepConnector","left","OS","isRTL","onPrev","invokePrevCB","onNext","eventName","invokeSkipCB","invokeNextCB","onDone","$event","invokeEventCallback","proxy","onCancel","onSkip","renderWidget","isSkippable","enableskip","root","_background","wizardHeader","i","wizardBody","wizardFooter","flexDirection","actionsalignment","wizardActions","theme","getStyle","doneButton","caption","donebtnlabel","onTap","nextButton","iconposition","nextbtnlabel","prevButton","previousbtnlabel","cancelable","cancelbtnlabel","cancelButton","skipLink"],"sources":["wizard.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, Platform } from 'react-native';\nimport { isArray, merge } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmWizardProps from './wizard.props';\nimport { DEFAULT_CLASS, WmWizardStyles } from './wizard.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmWizardstep from './wizardstep/wizardstep.component';\n\nexport class WmWizardState extends BaseComponentState<WmWizardProps> {\n  currentStep: number = 0;\n  isDone: boolean = false;\n}\n\nexport default class WmWizard extends BaseComponent<WmWizardProps, WmWizardState, WmWizardStyles> {\n  private numberOfSteps: number = null as any;\n  private steps = [] as WmWizardstep[];\n  constructor(props: WmWizardProps) {\n    super(props, DEFAULT_CLASS, new WmWizardProps());\n    const steps = props.children;\n    let defaultStepIndex = 0;\n    if (isArray(steps) && props.defaultstep) {\n      steps.map((item: any, index: any) => {\n        if (props.defaultstep === item.props.name) {\n          defaultStepIndex = index;\n        }\n      })\n    }\n    this.updateCurrentStep(defaultStepIndex);\n  }\n\n  addWizardStep(step: WmWizardstep) {\n    this.steps[step.props.index] = step;\n    this.forceUpdate();\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.showActiveStep();\n  }\n\n  showActiveStep() {\n    this.steps[this.state.currentStep]?.setActive();\n  }\n\n  updateCurrentStep(index: number, isDone = false) {\n    this.steps[this.state.currentStep]?.setInActive();\n    this.updateState({\n      currentStep: index,\n      isDone: isDone\n    } as WmWizardState, () => this.showActiveStep());\n  }\n\n  getStepStyle(index: number) {\n    const style = [this.styles.step];\n    if (this.state.isDone || index < this.state.currentStep) {\n      style.push(this.styles.doneStep);\n    } else if (this.state.currentStep === index) {\n      style.push(this.styles.activeStep);\n    }\n    return style;\n  }\n\n  renderWizardHeader(item: any, index: number) {\n    const isLastStep = index === this.numberOfSteps - 1;\n    const isFirstStep = index === 0;\n    const isActiveStep = index === this.state.currentStep;\n    const isNumberTextLayout = this.state.props.classname === 'number-text-inline';\n    return item.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    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.wizardHeader}>\n          {this.steps ? this.steps.map((step, i) => this.renderWizardHeader(step, i)) : null}\n        </View>\n        <View style={this.styles.wizardBody}>\n          {props.children}\n        </View>\n        <View style={[this.styles.wizardFooter,\n          {flexDirection: props.actionsalignment === 'right' ? 'row-reverse': 'row'}]}>\n          {(this.state.currentStep+1) === this.numberOfSteps &&\n            <WmButton iconclass={'wm-sl-l sl-check'} styles={merge({}, this.styles.wizardActions, this.theme.getStyle('btn-success'), this.styles.doneButton)}\n                      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-primary'), this.styles.nextButton)}\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                      onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton 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                        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","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        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-success'), this.styles.doneButton)}\n                      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-primary'), this.styles.nextButton)}\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                      onTap={this.onPrev.bind(this, this.steps)}></WmButton>\n          }\n          {props.cancelable ?\n              <WmButton 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                        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/wizard.props.js

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

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

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

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

@@ -47,7 +47,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     wizardFooter: {
       flexDirection: 'row',
       justifyContent: 'flex-start',
-      padding: 12
+      padding: 12,
+      width: '100%'
     },
     buttonWrapper: {
       flexDirection: 'row'
@@ -57,6 +58,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       fontSize: 12,
       color: themeVariables.wizardStepTitleColor
     },
+    stepSubTitle: {
+      color: themeVariables.wizardStepTitleColor
+    },
     step: {
       alignItems: 'center',
       justifyContent: 'center',
@@ -126,7 +130,15 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     stepCounter: {
       fontSize: 15,
       color: themeVariables.wizardStepColor
-    }
+    },
+    progressCircle: {},
+    popover: {},
+    stepMenu: {},
+    activeStepMenu: {},
+    stepMenuLabel: {},
+    stepMenuActiveLabel: {},
+    stepMenuIcon: {},
+    stepMenuActiveIcon: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle('number-text-inline', '', {
@@ -151,6 +163,95 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       padding: 5
     }
   });
+  addStyle('progress-circle-header', '', {
+    stepWrapper: {
+      paddingBottom: 4,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    wizardHeader: {
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      backgroundColor: themeVariables.wizardBackgroundColor,
+      height: 120,
+      borderRadius: 30
+    },
+    stepSubTitle: {
+      fontSize: 12,
+      paddingHorizontal: 5
+    },
+    headerWrapper: {
+      flex: 1
+    },
+    stepTitle: {
+      fontSize: 16,
+      paddingHorizontal: 5
+    },
+    progressCircle: {
+      root: {
+        height: 60,
+        width: 60
+      },
+      text: {},
+      progressValue: {
+        height: 8
+      }
+    },
+    popover: {
+      popover: {
+        width: 160,
+        paddingTop: 8,
+        paddingBottom: 8,
+        backgroundColor: themeVariables.menuBackgroundColor,
+        minHeight: 160,
+        borderBottomLeftRadius: 28,
+        borderBottomRightRadius: 28
+      },
+      popoverContent: {
+        root: {
+          //@ts-ignore
+          flex: undefined
+        }
+      },
+      modalContent: {
+        borderBottomLeftRadius: 28,
+        borderBottomRightRadius: 28
+      }
+    },
+    stepMenu: {
+      flexDirection: 'row',
+      padding: 14,
+      alignItems: 'center',
+      justifyContent: 'flex-start'
+    },
+    activeStepMenu: {},
+    stepMenuLabel: {
+      text: {
+        color: themeVariables.menuItemTextColor
+      }
+    },
+    stepMenuActiveLabel: {
+      text: {
+        color: themeVariables.primaryColor
+      }
+    },
+    stepMenuIcon: {
+      root: {
+        paddingRight: 4
+      },
+      text: {
+        color: themeVariables.menuItemTextColor
+      }
+    },
+    stepMenuActiveIcon: {
+      root: {
+        paddingRight: 4
+      },
+      text: {
+        color: themeVariables.primaryColor
+      }
+    }
+  });
   addStyle(DEFAULT_CLASS + '-rtl', '', {
     wizardActions: {
       icon: {

app-rn-runtime/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","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","wizardNextBtnColor","prevButton","cancelButton","doneButton","wizardDoneBtnColor","icon","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","stepCounter","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';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitle: 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  stepCounter: AllStyle\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        flex: 1,\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      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\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          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardNextBtnColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n      } as WmButtonStyles,\n      cancelButton: {\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor\n        },\n        icon: {\n          text: {\n            fontSize: 12\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center'\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\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      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      }\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(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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"}
+{"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","wizardNextBtnColor","prevButton","cancelButton","doneButton","wizardDoneBtnColor","icon","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","stepCounter","progressCircle","popover","stepMenu","activeStepMenu","stepMenuLabel","stepMenuActiveLabel","stepMenuIcon","stepMenuActiveIcon","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","paddingRight","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';\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  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};\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        flex: 1,\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          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardNextBtnColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n      } as WmButtonStyles,\n      cancelButton: {\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor\n        },\n        icon: {\n          text: {\n            fontSize: 12\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center'\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\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      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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"}

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

@@ -9,6 +9,7 @@ export default class WmWizardstepProps extends BaseProps {
     _defineProperty(this, "enableskip", false);
     _defineProperty(this, "iconclass", 'wm-sl-l sl-check');
     _defineProperty(this, "title", 'Step Title');
+    _defineProperty(this, "subtitle", 'Sub Title');
     _defineProperty(this, "index", 0);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","arguments","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,qBAEjC,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,gBACZ,CAAC;EAAA;AACnB"}
+{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","arguments","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,qBAEjC,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB"}

app-rn-runtime/components/input/basenumber/basenumber.component.js

@@ -5,7 +5,7 @@ import { includes, intersection, isNaN, isFinite, toArray } from 'lodash';
 import { BaseComponent, BaseComponentState } from "@wavemaker/app-rn-runtime/core/base.component";
 import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles";
 import { Platform } from 'react-native';
-import { validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import { countDecimalDigits, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 export class BaseNumberState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -38,7 +38,40 @@ export class BaseNumberComponent extends BaseComponent {
     var _this$widgetRef;
     this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 ? void 0 : _this$widgetRef.focus();
   }
-  onChangeText(value) {
+  validateOnDevice(value, type) {
+    const isCurrencyField = type === 'currency';
+    let isValidText = true;
+
+    // * check for alphabets
+    if (/[a-zA-Z]/.test(value)) {
+      isValidText = false;
+    }
+
+    // * currency only: check for negative number
+    if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {
+      isValidText = false;
+    }
+
+    // * check for more than one decimal point
+    if (/^\d*\.\d*\..*$/.test(value)) {
+      isValidText = false;
+    }
+
+    // * check for spaces and comma
+    if (/[\s,]/.test(value)) {
+      isValidText = false;
+    }
+    return isValidText;
+  }
+  onChangeText(value, type) {
+    const isValidTextOnDevice = this.validateOnDevice(value, type);
+    if (!isValidTextOnDevice) {
+      return;
+    }
+    const decimalPlacesInNumber = countDecimalDigits(value);
+    if (this.props.decimalPlaces < decimalPlacesInNumber) {
+      return;
+    }
     this.updateState({
       textValue: value
     }, () => {
@@ -261,9 +294,10 @@ export class BaseNumberComponent extends BaseComponent {
         }
         break;
       case 'datavalue':
-        this.updateState({
-          textValue: $new
-        });
+        // ? why here
+        // this.updateState({
+        //   textValue: $new,
+        // } as S);
         const isDefault = this.state.isDefault;
         if (isDefault) {
           this.updateState({

app-rn-runtime/components/input/basenumber/basenumber.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","validateField","BaseNumberState","constructor","arguments","_defineProperty","BaseNumberComponent","props","defaultClass","length","undefined","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","onChangeText","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","test","parseNumber","val","parts","split","NaN","number","Number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","onFieldChange","onBlur","newVal","setTimeout","triggerValidation","oldVal","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray } from 'lodash';\nimport BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { BaseNumberStyles } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.styles';\nimport { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class BaseNumberState <T extends BaseNumberProps> extends BaseComponentState<T> {\n  isValid: boolean = true;\n  textValue: string = '';\n  isDefault = false;\n  errorType = '';\n}\n\nexport abstract class BaseNumberComponent< T extends BaseNumberProps, S extends BaseNumberState<T>, L extends BaseNumberStyles> extends BaseComponent<T, S, L> {\n  private DECIMAL;\n  private GROUP;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    this.DECIMAL = '.';\n    this.GROUP = ',';\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  onChangeText(value: any) {\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n\n  }\n\n  handleValidation(value: any) {\n    const props = this.state.props;\n    if (props.regexp) {\n      const condition = new RegExp(props.regexp, 'g');\n      return condition.test(value);\n    }\n    return true;\n  }\n\n  /**\n   * Method parses the Localized number(string) to a valid number.\n   * if the string dose not result to a valid number then returns NaN.\n   * @param {string} val Localized number.\n   * @returns {number}\n   */\n  private parseNumber(val: string): any {\n    // splits string into two parts. decimal and number.\n    const parts = val.split(this.DECIMAL);\n    if (!parts.length) {\n      return;\n    }\n    if (parts.length > 2) {\n      return NaN;\n    }\n    // If number have decimal point and not have a decimal value then return.\n    if (parts[1] === '') {\n      return NaN;\n    }\n    // replaces all group separators form the number.\n    const number = Number(parts[0].split(this.GROUP).join(''));\n    const decimal = Number(`0.${parts[1] || 0}`);\n    if (Number.isNaN(number) || Number.isNaN(decimal)) {\n      return NaN;\n    }\n    const sum = parts.length > 1 ? parseFloat((number + decimal).toFixed(parts[1].length)) : number + decimal;\n    // if the number is negative then calculate the number as number - decimal\n    // Ex: number = -123 and decimal = 0.45 then number - decimal = -123-045 = -123.45\n    // If entered number is -0.1 to -0.9 then the number is -0 and decimal is 0.1 to 0.9. Now calaculate the number as number-decimal\n    // Ex: number = -0 and decimal = 0.1 then number-decimal = -0-0.1 = -0.1\n    if (number === 0) {\n      return Object.is(0, number) ? sum : number - decimal;\n    }\n    return number > 0 ? sum : number - decimal;\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const model = value && this.parseNumber(value.toString());\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n    const validNumber = this.isValidNumber(model);\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    this.updateState({\n      props: {\n        datavalue: model\n      }\n    } as S, () => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any) {\n    let newVal = event.target.value || this.state.textValue;\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n  }\n\n  /**\n   * returns the number of decimal places a number have.\n   * @param value: number\n   * @returns {number}\n   */\n  private countDecimals(value: any) {\n    if (value && ((value % 1) !== 0)) {\n      const decimalValue = value.toString().split('.')[1];\n      return decimalValue && decimalValue.length;\n    }\n    return 0;\n  }\n\n  public validateInputEntry($event: any) {\n    const props = this.state.props;\n\n    // allow actions if control key is pressed or if backspace is pressed. (for Mozilla).\n    if ($event.ctrlKey || includes(['Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Enter', 'Delete'], $event.key)) {\n      return;\n    }\n\n    const validity = new RegExp(`^[\\\\d\\\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');\n    const inputValue = $event.target.value;\n    // validates entering of decimal values only when user provides decimal limit(i.e step contains decimal values).\n    if (inputValue && this.countDecimals(props.step) && (this.countDecimals(inputValue) >= this.countDecimals(props.step))) {\n      $event.preventDefault();\n    }\n    // validates if user entered an invalid character.\n    if (!validity.test($event.key)) {\n      $event.preventDefault();\n    }\n    // a decimal value can be entered only once in the input.\n    if (includes(inputValue, this.DECIMAL) && $event.key === this.DECIMAL) {\n      $event.preventDefault();\n    }\n    // 'e' can be entered only once in the input.\n    if (intersection(toArray(inputValue), ['e', 'E']).length && includes('eE', $event.key)) {\n      $event.preventDefault();\n    }\n    if ((includes(inputValue, '+') || includes(inputValue, '-')) && ($event.key === '+' || $event.key === '-')) {\n      $event.preventDefault();\n    }\n    this.invokeEventCallback('onKeypress', [ $event, this.proxy]);\n  }\n\n  /**\n   * returns a valid number by validating the minimum and maximum values.\n   * @param {number} value\n   * @returns {number}\n   */\n  private getValueInRange(value: number): number {\n    const props = this.state.props;\n    if (!isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n\n    }\n    if (!isNaN(props.maxvalue) && value > props.maxvalue) {\n      this.updateState({ errorType: 'maxvalue'} as S);\n      return props.maxvalue;\n    }\n    return value;\n  }\n\n  /**\n   * Adds validations for the number before updating the widget model. like validating min and max value for the widget.\n   * @param {number} val number to be validated\n   * @returns {number}\n   */\n  private isValidNumber(val: number): boolean {\n    const props = this.state.props;\n\n    //empty number widget should not show validation error when required is false\n    // @ts-ignore\n    if (this.state.props.required === false && val === '') {\n      return true;\n    }\n    // id number is infinite then consider it as invalid value\n    if (isNaN(val) || !isFinite(val) || (!Number.isInteger(props.step) &&\n      this.countDecimals(val) > this.countDecimals(props.step))) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return false;\n    }\n    if (val !== this.getValueInRange(val)) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return true;\n    }\n    this.resetValidations();\n    return true;\n  }\n\n  // resets all the flags related to the widget's validation.\n  protected resetValidations() {\n    this.updateState({\n      isValid: true,\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'minvalue':\n      case 'maxvalue':\n        if ($new|| $old) {\n          this.isValidNumber($new);\n        }\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","countDecimalDigits","validateField","BaseNumberState","constructor","arguments","_defineProperty","BaseNumberComponent","props","defaultClass","length","undefined","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","validateOnDevice","type","isCurrencyField","isValidText","test","Number","onChangeText","isValidTextOnDevice","decimalPlacesInNumber","decimalPlaces","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","parseNumber","val","parts","split","NaN","number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","onFieldChange","onBlur","newVal","setTimeout","triggerValidation","oldVal","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray } from 'lodash';\nimport BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { BaseNumberStyles } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.styles';\nimport { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { Platform, TextInput } from 'react-native';\nimport { countDecimalDigits, validateField } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class BaseNumberState <T extends BaseNumberProps> extends BaseComponentState<T> {\n  isValid: boolean = true;\n  textValue: string = '';\n  isDefault = false;\n  errorType = '';\n}\n\nexport abstract class BaseNumberComponent< T extends BaseNumberProps, S extends BaseNumberState<T>, L extends BaseNumberStyles> extends BaseComponent<T, S, L> {\n  private DECIMAL;\n  private GROUP;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    this.DECIMAL = '.';\n    this.GROUP = ',';\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  validateOnDevice(value: string, type: 'number' | 'currency') {\n    const isCurrencyField = type === 'currency';\n    let isValidText = true;\n\n    // * check for alphabets\n    if (/[a-zA-Z]/.test(value)) {\n      isValidText = false;\n    }\n\n    // * currency only: check for negative number\n    if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {\n      isValidText = false;\n    }\n\n    // * check for more than one decimal point\n    if (/^\\d*\\.\\d*\\..*$/.test(value)) {\n      isValidText = false;\n    }\n\n    // * check for spaces and comma\n    if (/[\\s,]/.test(value)) {\n      isValidText = false;\n    }\n\n    return isValidText;\n  }\n\n  onChangeText(value: string, type: 'number' | 'currency') {\n    const isValidTextOnDevice = this.validateOnDevice(value, type);\n    if (!isValidTextOnDevice) {\n      return;\n    }\n\n    const decimalPlacesInNumber = countDecimalDigits(value);\n\n    if (this.props.decimalPlaces < decimalPlacesInNumber) {\n      return;\n    }\n\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n\n  }\n\n  handleValidation(value: any) {\n    const props = this.state.props;\n    if (props.regexp) {\n      const condition = new RegExp(props.regexp, 'g');\n      return condition.test(value);\n    }\n    return true;\n  }\n\n  /**\n   * Method parses the Localized number(string) to a valid number.\n   * if the string dose not result to a valid number then returns NaN.\n   * @param {string} val Localized number.\n   * @returns {number}\n   */\n  private parseNumber(val: string): any {\n    // splits string into two parts. decimal and number.\n    const parts = val.split(this.DECIMAL);\n    if (!parts.length) {\n      return;\n    }\n    if (parts.length > 2) {\n      return NaN;\n    }\n    // If number have decimal point and not have a decimal value then return.\n    if (parts[1] === '') {\n      return NaN;\n    }\n    // replaces all group separators form the number.\n    const number = Number(parts[0].split(this.GROUP).join(''));\n    const decimal = Number(`0.${parts[1] || 0}`);\n    if (Number.isNaN(number) || Number.isNaN(decimal)) {\n      return NaN;\n    }\n    const sum = parts.length > 1 ? parseFloat((number + decimal).toFixed(parts[1].length)) : number + decimal;\n    // if the number is negative then calculate the number as number - decimal\n    // Ex: number = -123 and decimal = 0.45 then number - decimal = -123-045 = -123.45\n    // If entered number is -0.1 to -0.9 then the number is -0 and decimal is 0.1 to 0.9. Now calaculate the number as number-decimal\n    // Ex: number = -0 and decimal = 0.1 then number-decimal = -0-0.1 = -0.1\n    if (number === 0) {\n      return Object.is(0, number) ? sum : number - decimal;\n    }\n    return number > 0 ? sum : number - decimal;\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const model = value && this.parseNumber(value.toString());\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n    const validNumber = this.isValidNumber(model);\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    this.updateState({\n      props: {\n        datavalue: model\n      }\n    } as S, () => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any) {\n    let newVal = event.target.value || this.state.textValue;\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n  }\n\n  /**\n   * returns the number of decimal places a number have.\n   * @param value: number\n   * @returns {number}\n   */\n  private countDecimals(value: any) {\n    if (value && ((value % 1) !== 0)) {\n      const decimalValue = value.toString().split('.')[1];\n      return decimalValue && decimalValue.length;\n    }\n    return 0;\n  }\n\n  public validateInputEntry($event: any) {\n    const props = this.state.props;\n\n    // allow actions if control key is pressed or if backspace is pressed. (for Mozilla).\n    if ($event.ctrlKey || includes(['Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Enter', 'Delete'], $event.key)) {\n      return;\n    }\n\n    const validity = new RegExp(`^[\\\\d\\\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');\n    const inputValue = $event.target.value;\n    // validates entering of decimal values only when user provides decimal limit(i.e step contains decimal values).\n    if (inputValue && this.countDecimals(props.step) && (this.countDecimals(inputValue) >= this.countDecimals(props.step))) {\n      $event.preventDefault();\n    }\n    // validates if user entered an invalid character.\n    if (!validity.test($event.key)) {\n      $event.preventDefault();\n    }\n    // a decimal value can be entered only once in the input.\n    if (includes(inputValue, this.DECIMAL) && $event.key === this.DECIMAL) {\n      $event.preventDefault();\n    }\n    // 'e' can be entered only once in the input.\n    if (intersection(toArray(inputValue), ['e', 'E']).length && includes('eE', $event.key)) {\n      $event.preventDefault();\n    }\n    if ((includes(inputValue, '+') || includes(inputValue, '-')) && ($event.key === '+' || $event.key === '-')) {\n      $event.preventDefault();\n    }\n    this.invokeEventCallback('onKeypress', [ $event, this.proxy]);\n  }\n\n  /**\n   * returns a valid number by validating the minimum and maximum values.\n   * @param {number} value\n   * @returns {number}\n   */\n  private getValueInRange(value: number): number {\n    const props = this.state.props;\n    if (!isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n\n    }\n    if (!isNaN(props.maxvalue) && value > props.maxvalue) {\n      this.updateState({ errorType: 'maxvalue'} as S);\n      return props.maxvalue;\n    }\n    return value;\n  }\n\n  /**\n   * Adds validations for the number before updating the widget model. like validating min and max value for the widget.\n   * @param {number} val number to be validated\n   * @returns {number}\n   */\n  private isValidNumber(val: number): boolean {\n    const props = this.state.props;\n\n    //empty number widget should not show validation error when required is false\n    // @ts-ignore\n    if (this.state.props.required === false && val === '') {\n      return true;\n    }\n    // id number is infinite then consider it as invalid value\n    if (isNaN(val) || !isFinite(val) || (!Number.isInteger(props.step) &&\n      this.countDecimals(val) > this.countDecimals(props.step))) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return false;\n    }\n    if (val !== this.getValueInRange(val)) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return true;\n    }\n    this.resetValidations();\n    return true;\n  }\n\n  // resets all the flags related to the widget's validation.\n  protected resetValidations() {\n    this.updateState({\n      isValid: true,\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'minvalue':\n      case 'maxvalue':\n        if ($new|| $old) {\n          this.isValidNumber($new);\n        }\n        break;\n      case 'datavalue':\n        // ? why here\n        // this.updateState({\n        //   textValue: $new,\n        // } as S);\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/input/basenumber/basenumber.props.js

@@ -15,6 +15,7 @@ export default class BaseNumberProps extends BaseProps {
     _defineProperty(this, "onFieldChange", void 0);
     _defineProperty(this, "required", false);
     _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "decimalPlaces", 2);
   }
 }
 //# sourceMappingURL=basenumber.props.js.map

app-rn-runtime/components/input/basenumber/basenumber.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNumberProps","constructor","arguments","_defineProperty"],"sources":["basenumber.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\n  minvalue: number = null as any;\n  maxvalue: number = null as any;\n  step: number = 1;\n  updateon: string = 'blur' as any;\n  readonly: boolean = null as any;\n  regexp: string = null as any;\n  onFieldChange: any;\n  required: boolean = false;\n  triggerValidation: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,mBAElC,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,eACR,CAAC;IAAAA,eAAA,mBACG,MAAM;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,iBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA,mBAED,KAAK;IAAAA,eAAA;EAAA;AAE3B"}
+{"version":3,"names":["BaseProps","BaseNumberProps","constructor","arguments","_defineProperty"],"sources":["basenumber.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\n  minvalue: number = null as any;\n  maxvalue: number = null as any;\n  step: number = 1;\n  updateon: string = 'blur' as any;\n  readonly: boolean = null as any;\n  regexp: string = null as any;\n  onFieldChange: any;\n  required: boolean = false;\n  triggerValidation: any;\n  decimalPlaces: number = 2;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,mBAElC,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,eACR,CAAC;IAAAA,eAAA,mBACG,MAAM;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,iBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA,mBAED,KAAK;IAAAA,eAAA;IAAAA,eAAA,wBAED,CAAC;EAAA;AAC3B"}

app-rn-runtime/components/input/currency/currency.component.js

@@ -58,10 +58,13 @@ export default class WmCurrency extends BaseNumberComponent {
     }, opts, {
       editable: props.disabled || props.readonly ? false : true,
       placeholder: props.placeholder,
+      value: this.state.textValue,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.validateInputEntry.bind(this),
-      onChangeText: this.onChangeText.bind(this),
+      onChangeText: text => {
+        this.onChangeText.bind(this)(text, 'currency');
+      },
       onChange: this.invokeChange.bind(this),
       allowContentSelection: this.styles.text.userSelect === 'text'
     })));

app-rn-runtime/components/input/currency/currency.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","WmCurrencyState","constructor","arguments","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","renderWidget","_this$state$textValue","opts","valueExpr","OS","state","textValue","toString","createElement","style","styles","root","labelWrapper","label","_extends","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","input","text","isValid","invalid","editable","disabled","readonly","placeholder","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root}>\n      <View style={this.styles.labelWrapper}>\n        <Text style={this.styles.label}>{this.state.currencySymbol}</Text></View>\n      <WMTextInput\n        ref={(ref: any) => {\n          this.widgetRef = ref;\n          // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }\n        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n        {...opts}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onChangeText={this.onChangeText.bind(this)}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","WmCurrencyState","constructor","arguments","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","renderWidget","_this$state$textValue","opts","valueExpr","OS","state","textValue","toString","createElement","style","styles","root","labelWrapper","label","_extends","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","input","text","isValid","invalid","editable","disabled","readonly","placeholder","value","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root}>\n      <View style={this.styles.labelWrapper}>\n        <Text style={this.styles.label}>{this.state.currencySymbol}</Text></View>\n      <WMTextInput\n        ref={(ref: any) => {\n          this.widgetRef = ref;\n          // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }\n        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n        {...opts}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        value={this.state.textValue}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onChangeText={(text) => {\n          this.onChangeText.bind(this)(text, 'currency');\n        }}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n    </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/input/number/number.component.js

@@ -40,10 +40,13 @@ export default class WmNumber extends BaseNumberComponent {
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,
       placeholder: props.placeholder,
+      value: this.state.textValue,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.validateInputEntry.bind(this),
-      onChangeText: this.onChangeText.bind(this),
+      onChangeText: text => {
+        this.onChangeText.bind(this)(text, 'number');
+      },
       onChange: this.invokeChange.bind(this),
       allowContentSelection: this.styles.text.userSelect === 'text'
     }));